AD-321: Implement Configuration for Enabling Express Payments

Adyen · Nov 22, 2024 · 068e75f · 068e75f
1 parent b8a7a93
commit 068e75f
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 31 deletions.
diff --git a/projects/adyen/adyen-spartacus/src/core/models/occ.config.models.ts b/projects/adyen/adyen-spartacus/src/core/models/occ.config.models.ts
@@ -27,6 +27,16 @@ export interface AdyenConfigData {
   countryCode: string;
   cardHolderNameRequired: boolean;
   sepaDirectDebit: boolean;
+  expressPaymentConfig: {
+    googlePayExpressEnabledOnCart: boolean,
+    applePayExpressEnabledOnCart: boolean,
+    paypalExpressEnabledOnCart: boolean,
+    amazonPayExpressEnabledOnCart: boolean,
+    googlePayExpressEnabledOnProduct: boolean,
+    applePayExpressEnabledOnProduct: boolean,
+    paypalExpressEnabledOnProduct: boolean,
+    amazonPayExpressEnabledOnProduct: boolean
+  }
 }
 
 interface SessionData {

diff --git a/...en/adyen-spartacus/src/express/google-express-payment/google-express-payment.component.ts b/...en/adyen-spartacus/src/express/google-express-payment/google-express-payment.component.ts
@@ -76,38 +76,40 @@ export class GoogleExpressPaymentComponent implements OnInit, OnDestroy{
   private async setupAdyenCheckout(config: AdyenConfigData) {
     const adyenCheckout = await AdyenCheckout(this.getAdyenCheckoutConfig(config));
 
-    this.googlePay = new GooglePay(adyenCheckout, {
-      callbackIntents: ['SHIPPING_ADDRESS'],
-      shippingAddressRequired: true,
-      shippingOptionRequired: false,
-      emailRequired: true,
-      shippingAddressParameters: {
-        allowedCountryCodes: [],
-        phoneNumberRequired: false
-      },
-      isExpress: true,
-      transactionInfo: {
-        totalPriceStatus: 'FINAL',
-        totalPriceLabel: 'Total',
-        totalPrice: this.product?.price?.value ? this.product.price.value.toString() : config.amountDecimal.toString(),
-        currencyCode: this.product?.price?.currencyIso ? this.product.price.currencyIso : config.amount.currency,
-        countryCode: 'US'
-      },
-      onSubmit: (state: any, element: UIElement, actions) => this.handleOnSubmit(state, actions),
-      paymentDataCallbacks: {
-        onPaymentDataChanged: async (intermediatePaymentData) => {
-          return new Promise(async resolve => {
-            const paymentDataRequestUpdate: google.payments.api.PaymentDataRequestUpdate = {};
-            resolve(paymentDataRequestUpdate);
-          });
+    if (config.expressPaymentConfig && (this.product && config.expressPaymentConfig.googlePayExpressEnabledOnProduct || config.expressPaymentConfig.amazonPayExpressEnabledOnProduct)){
+      this.googlePay = new GooglePay(adyenCheckout, {
+        callbackIntents: ['SHIPPING_ADDRESS'],
+        shippingAddressRequired: true,
+        shippingOptionRequired: false,
+        emailRequired: true,
+        shippingAddressParameters: {
+          allowedCountryCodes: [],
+          phoneNumberRequired: false
         },
-      },
-      onAuthorized: (paymentData, actions) => {
-        this.authorizedPaymentData = paymentData;
-        actions.resolve();
-      },
-      onError: (error) => this.handleError(error)
-    }).mount("#google-pay-button");
+        isExpress: true,
+        transactionInfo: {
+          totalPriceStatus: 'FINAL',
+          totalPriceLabel: 'Total',
+          totalPrice: this.product?.price?.value ? this.product.price.value.toString() : config.amountDecimal.toString(),
+          currencyCode: this.product?.price?.currencyIso ? this.product.price.currencyIso : config.amount.currency,
+          countryCode: 'US'
+        },
+        onSubmit: (state: any, element: UIElement, actions) => this.handleOnSubmit(state, actions),
+        paymentDataCallbacks: {
+          onPaymentDataChanged: async (intermediatePaymentData) => {
+            return new Promise(async resolve => {
+              const paymentDataRequestUpdate: google.payments.api.PaymentDataRequestUpdate = {};
+              resolve(paymentDataRequestUpdate);
+            });
+          },
+        },
+        onAuthorized: (paymentData, actions) => {
+          this.authorizedPaymentData = paymentData;
+          actions.resolve();
+        },
+        onError: (error) => this.handleError(error)
+      }).mount("#google-pay-button");
+    }
   }
 
   private handleOnSubmit(state: any, actions: any) {