Apple Pay on the Web sequential flows

The sequential flows illustrate the interactions between Apple Pay on the Web, HCL Commerce, and shoppers in the Aurora starter store. These flows correspond to the controller code in the ApplePay.js file.

1 Shopper views page and wants to use Apple Pay

The following diagram represents the sequence when a shopper views a page that contains an Apple Pay button:
Shopper views page and wants to use Apple Pay

2 Shopper interacts with payment sheet selections

The following diagram represents the sequence when a shopper interacts with the Apple Pay payment sheet:
Shopper interacts with payment sheet selections

3 Shopper authorizes the payment by using Touch ID

The following diagram represents the sequence when a shopper authorizes their Apple Pay payment by using Touch ID:
Shopper authorizes the payment using Touch ID