W-20508465: Add support for Adyen payments

Author: jeffraab-sfdc

packages/template-retail-react-app/app/constants.js

@@ -283,7 +283,8 @@ export const PAYMENT_METHOD_TYPES = {
 
 export const PAYMENT_GATEWAYS = {
     STRIPE: 'stripe',
-    ADYEN: 'adyen'
+    ADYEN: 'adyen',
+    PAYPAL: 'paypal'
 }
 
 export const SETUP_FUTURE_USAGE = {

packages/template-retail-react-app/app/pages/checkout/partials/sf-payments-sheet.events.test.js

@@ -66,6 +66,11 @@ jest.mock('@salesforce/commerce-sdk-react', () => {
                         accountId: 'stripe-account-1',
                         vendor: 'Stripe',
                         paymentMethods: [{id: 'card'}]
+                    },
+                    {
+                        accountId: 'paypal-account-1',
+                        vendor: 'Paypal',
+                        paymentMethods: [{id: 'paypal'}]
                     }
                 ]
             }
@@ -235,14 +240,18 @@ const setupComponentAndGetPaymentElement = async () => {
     return checkoutCall[4]
 }
 
-const firePaymentMethodSelectedEvent = async (paymentElement, detail = {}) => {
+const firePaymentMethodSelectedEvent = async (
+    paymentElement,
+    selectedPaymentMethod = 'card',
+    detail = {}
+) => {
     await act(async () => {
         paymentElement.dispatchEvent(
             new CustomEvent('sfp:paymentmethodselected', {
                 bubbles: true,
                 composed: true,
                 detail: {
-                    selectedPaymentMethod: 'card',
+                    selectedPaymentMethod,
                     ...detail
                 }
             })
@@ -377,7 +386,9 @@ describe('SFPaymentsSheet - SDK Event Handler Tests', () => {
     test('handlePaymentButtonApprove includes setupFutureUsage when savePaymentMethodForFutureUse is true', async () => {
         const paymentElement = await setupComponentAndGetPaymentElement()
 
-        await firePaymentMethodSelectedEvent(paymentElement, {savePaymentMethodForFutureUse: true})
+        await firePaymentMethodSelectedEvent(paymentElement, 'card', {
+            savePaymentMethodForFutureUse: true
+        })
         await firePaymentApproveEvent(paymentElement, {savePaymentMethodForFutureUse: true})
 
         await waitFor(
@@ -399,7 +410,9 @@ describe('SFPaymentsSheet - SDK Event Handler Tests', () => {
     test('handlePaymentButtonApprove does not include setupFutureUsage when savePaymentMethodForFutureUse is false', async () => {
         const paymentElement = await setupComponentAndGetPaymentElement()
 
-        await firePaymentMethodSelectedEvent(paymentElement, {savePaymentMethodForFutureUse: false})
+        await firePaymentMethodSelectedEvent(paymentElement, 'card', {
+            savePaymentMethodForFutureUse: false
+        })
         await firePaymentApproveEvent(paymentElement, {savePaymentMethodForFutureUse: false})
 
         await waitFor(
@@ -418,7 +431,9 @@ describe('SFPaymentsSheet - SDK Event Handler Tests', () => {
     test('handlePaymentButtonApprove includes required fields for PaymentsCustomer record creation', async () => {
         const paymentElement = await setupComponentAndGetPaymentElement()
 
-        await firePaymentMethodSelectedEvent(paymentElement, {savePaymentMethodForFutureUse: true})
+        await firePaymentMethodSelectedEvent(paymentElement, 'card', {
+            savePaymentMethodForFutureUse: true
+        })
         await firePaymentApproveEvent(paymentElement, {savePaymentMethodForFutureUse: true})
 
         await waitFor(
@@ -463,6 +478,10 @@ describe('SFPaymentsSheet - SDK Event Handler Tests', () => {
             const checkoutCall = mockCheckout.mock.calls[0]
             const config = checkoutCall[2]
 
+            await firePaymentMethodSelectedEvent(paymentElement, 'paypal', {
+                requiresPayButton: false
+            })
+
             await config.actions.createIntent()
 
             await act(async () => {
@@ -540,7 +559,7 @@ describe('SFPaymentsSheet - SDK Event Handler Tests', () => {
             const checkoutCall = mockCheckout.mock.calls[0]
             const paymentElement = checkoutCall[4]
 
-            await firePaymentMethodSelectedEvent(paymentElement, {requiresPayButton: true})
+            await firePaymentMethodSelectedEvent(paymentElement, 'card', {requiresPayButton: true})
 
             await waitFor(() => {
                 expect(mockOnRequiresPayButtonChange).toHaveBeenCalledWith(true)