Merge pull request #119 from commercetools/johnsonogwuru/enable-googl…

…epay feat(payment): Enable support for Google Pay
commercetools · May 16, 2024 · 0579e05 · 0579e05
2 parents 347f084 + 73fc265
commit 0579e05
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 2 deletions.
diff --git a/enabler/index.html b/enabler/index.html
@@ -57,6 +57,9 @@ <h1 class="h3 mb-3 font-weight-normal">Dev Site</h1>
                 sessionId: sessionId,
                 config: {
 
+                },
+                onError:(error) => {
+                  console.log('onError', error)
                 },
                 onComplete: ({ isSuccess, paymentReference }) => {
                   console.log('onComplete', { isSuccess, paymentReference });

diff --git a/enabler/src/components/payment-methods/googlepay.ts b/enabler/src/components/payment-methods/googlepay.ts
@@ -1,5 +1,6 @@
-import { PaymentMethod } from '../../payment-enabler/payment-enabler';
-import { AdyenBaseComponentBuilder, BaseOptions } from '../base';
+import Core from "@adyen/adyen-web/dist/types/core/core";
+import { ComponentOptions, PaymentMethod } from '../../payment-enabler/payment-enabler';
+import { AdyenBaseComponentBuilder, BaseOptions, DefaultAdyenComponent } from '../base';
 
 /**
  * Google pay component
@@ -13,4 +14,38 @@ export class GooglepayBuilder extends AdyenBaseComponentBuilder {
   constructor(baseOptions: BaseOptions) {
     super(PaymentMethod.googlepay, baseOptions);
   }
+
+  build(config: ComponentOptions): GooglePayComponent {
+    const googlePayComponent = new GooglePayComponent({
+      paymentMethod: this.paymentMethod,
+      adyenCheckout: this.adyenCheckout,
+      componentOptions: config,
+      sessionId: this.sessionId,
+      processorUrl: this.processorUrl,
+    })
+    googlePayComponent.init();
+
+    return googlePayComponent
+  }
 }
+
+export class GooglePayComponent extends DefaultAdyenComponent {
+  constructor(opts: {
+    paymentMethod: PaymentMethod;
+    adyenCheckout: typeof Core;
+    componentOptions: ComponentOptions;
+    sessionId: string;
+    processorUrl: string;
+    usesOwnCertificate?: boolean;
+  }) {
+    super(opts);
+  }
+
+  init() {
+    this.component = this.adyenCheckout.create(this.paymentMethod, {
+      ...this.componentOptions,
+      buttonType: 'pay',
+      buttonSizeMode: 'fill'
+    })
+  }
+}