Amazon Pay ECE: add to Pay-for-Order Page

[annemirasol]

Objective
If Amazon Pay express checkout is enabled and supported, shoppers should be able to use Amazon Pay to pay for orders via the Pay-for-Order page.

Acceptance criteria

When Amazon Pay express checkout is enabled and supported:

• Displays the payment button in the Pay-for-Order page.
• Displays the correct line items, shipping fee and total amount in the payment modal.
• Allows shoppers to complete the purchase using Amazon Pay. (Blocked by Amazon Pay ECE: support payment processing via confirmation tokens #3737)
• Displays in the Order Details page if Amazon Pay was used for the order. (Blocked by Amazon Pay ECE: support payment processing via confirmation tokens #3737)

When Amazon Pay express checkout is not enabled:

• Does not display the payment button in the Pay-for-Order page.

Others

• No regression for other pages, e.g. product, cart, checkout, etc.
• No regression for other express checkout methods.
• No regression for stores that are still on PRB.
• Relevant documentation have been added or updated.

Notes

• Partially blocked by Amazon Pay ECE: add to settings page #3724, Amazon Pay ECE: support payment processing via confirmation tokens #3737 and Amazon Pay ECE: add to classic checkout #3733
• From previous experience with other ECE payment methods, we expect some intersection with code that adds the button to classic checkout/classic cart/product. (Amazon Pay ECE: add to classic checkout #3733)
• paymentMethodCreation: manual is not supported for Amazon Pay [1], and confirmation tokens must be used, instead of manually creating payment methods [2, 3].
• To create an Amazon Pay Sandbox test buyer account, which you will need for testing and development:
  1. Go to https://docs.stripe.com/elements/express-checkout-element in an incognito browser, or while logged out of your real Amazon account.
  2. If you see the Amazon Pay payment button, click it and create an account.
  • https://developer.amazon.com/docs/amazon-pay-checkout/amazon-pay-sandbox-accounts.html (See option 2.)

Links

1. https://docs.stripe.com/js/elements_object/create_without_intent#stripe_elements_no_intent-options-paymentMethodCreation
2. https://docs.stripe.com/elements/express-checkout-element/accept-a-payment
3. https://docs.stripe.com/js/confirmation_tokens

[hsingyuc]

@annemirasol, I was working on this issue and just realized that #3793 has covered my fixes. Anything I missed here?

✅ Displays the payment button in the Pay-for-Order page

✅ Displays the correct line items, shipping fee and total amount in the payment modal.

✅ Allows shoppers to complete the purchase using Amazon Pay
✅ Displays in the Order Details page if Amazon Pay was used for the order.

[hsingyuc]

Displays in the Order Details page if Amazon Pay was used for the order.

Second thought, for order details, you mean admin order's page, correct?

[annemirasol]

I was working on this issue and just realized that #3793 has covered my fixes. Anything I missed here?

Oh, I did expect intersection with classic checkout, but from experience with Google Pay and Apple Pay, there were a few things that didn't work quite correctly. I guess they have since been fixed?

If we can do an end-to-end process (from the merchant creating the order and the customer using Amazon Pay to pay for it), then I would say everything's good!

Displays in the Order Details page if Amazon Pay was used for the order.

Second thought, for order details, you mean admin order's page, correct?

Yes! In these areas: