fix: Redirect flow with Adyen 3DS-1

commercelayer · Dec 16, 2021 · 1e14e00 · 1e14e00
1 parent 3bbc03e
commit 1e14e00
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/src/components/AdyenPayment.tsx b/src/components/AdyenPayment.tsx
@@ -166,6 +166,7 @@ const AdyenPayment: FunctionComponent<AdyenPaymentProps> = ({
           recurringProcessingModel: 'CardOnFile',
           origin: window.location.origin,
           return_url: window.location.href,
+          redirect_from_issuer_method: 'GET',
           browser_info: {
             acceptHeader:
               'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8',

diff --git a/src/components/PlaceOrderButton.tsx b/src/components/PlaceOrderButton.tsx
@@ -83,10 +83,24 @@ const PlaceOrderButton: FunctionComponent<PlaceOrderButtonProps> = (props) => {
       handleClick()
     }
   }, [options?.paypalPayerId])
+  useEffect(() => {
+    if (
+      paymentType === 'adyen_payments' &&
+      options?.adyen?.MD &&
+      options?.adyen?.PaRes &&
+      order?.status &&
+      ['draft', 'pending'].includes(order?.status)
+    ) {
+      handleClick()
+    }
+  }, [options?.adyen])
   const handleClick = async () => {
     let isValid = true
     setForceDisable(true)
-    if (currentPaymentMethodRef?.current?.onsubmit && !options?.paypalPayerId) {
+    if (
+      currentPaymentMethodRef?.current?.onsubmit &&
+      (!options?.paypalPayerId || !options?.adyen?.MD)
+    ) {
       // @ts-ignore
       isValid = (await currentPaymentMethodRef.current?.onsubmit()) as any
       // @ts-ignore

diff --git a/src/reducers/PlaceOrderReducer.ts b/src/reducers/PlaceOrderReducer.ts
@@ -19,6 +19,10 @@ export type PlaceOrderActionType = 'setErrors' | 'setPlaceOrderPermitted'
 
 export type PlaceOrderOptions = {
   paypalPayerId?: string
+  adyen?: {
+    MD: string
+    PaRes: string
+  }
 }
 
 export interface PlaceOrderActionPayload {