From 8a85f8822c8c38bc25a079722f8f81fdbd5b43d4 Mon Sep 17 00:00:00 2001
From: Pritish Budhiraja <pritish.budhiraja@gmail.com>
Date: Fri, 20 Sep 2024 12:07:38 +0530
Subject: [PATCH] fix: some more changes

---
 src/Components/PayNowButton.res        | 12 +++++--
 src/Payments/BankDebitModal.res        | 14 +++++++-
 src/Payments/PaymentMethodsWrapper.res | 14 +++++---
 src/Payments/SepaBankDebit.res         | 47 ++++++++++++++------------
 src/Utilities/DynamicFieldsUtils.res   |  1 +
 5 files changed, 58 insertions(+), 30 deletions(-)

diff --git a/src/Components/PayNowButton.res b/src/Components/PayNowButton.res
index b2f6edd0b..d43fe7c21 100644
--- a/src/Components/PayNowButton.res
+++ b/src/Components/PayNowButton.res
@@ -10,7 +10,7 @@ module Loader = {
   }
 }
 @react.component
-let make = () => {
+let make = (~onClickHandler=?) => {
   open RecoilAtoms
   open Utils
   let (showLoader, setShowLoader) = React.useState(() => false)
@@ -21,7 +21,6 @@ let make = () => {
   let confirmPayload = sdkHandleConfirmPayment->PaymentBody.confirmPayloadForSDKButton
   let buttonText = sdkHandleConfirmPayment.buttonText->Option.getOr(localeString.payNowButton)
 
-
   let handleMessage = (event: Types.event) => {
     let json = event.data->Identity.anyTypeToJson->getStringFromJson("")->safeParse
     let dict = json->getDictFromJson
@@ -35,6 +34,13 @@ let make = () => {
     }
   }
 
+  let onClickHandlerFunc = _ => {
+    switch onClickHandler {
+    | Some(fn) => fn()
+    | None => ()
+    }
+  }
+
   let handleOnClick = _ => {
     setIsPayNowButtonDisable(_ => true)
     setShowLoader(_ => true)
@@ -45,7 +51,7 @@ let make = () => {
   <div className="flex flex-col gap-1 h-auto w-full items-center">
     <button
       disabled=isPayNowButtonDisable
-      onClick=handleOnClick
+      onClick={onClickHandler->Option.isNone ? handleOnClick : onClickHandlerFunc}
       className={`w-full flex flex-row justify-center items-center`}
       style={
         borderRadius: themeObj.buttonBorderRadius,
diff --git a/src/Payments/BankDebitModal.res b/src/Payments/BankDebitModal.res
index 5675194a5..ad0672f00 100644
--- a/src/Payments/BankDebitModal.res
+++ b/src/Payments/BankDebitModal.res
@@ -189,6 +189,18 @@ let make = (~setModalData, ~paymentType: CardThemeType.mode) => {
     iban !== "" ||
     (accountNum->String.length > 0 && sortCode->String.length > 0)
 
+  let onClickHandler = () => {
+    setModalData(_ => Some({
+      routingNumber,
+      accountNumber: accountNum,
+      accountHolderName,
+      accountType: accountType->String.toLowerCase,
+      iban,
+      sortCode,
+    }))
+    Modal.close(setOpenModal)
+  }
+
   <Modal loader=false testMode=true openModal setOpenModal>
     <div className="flex flex-col w-full h-auto overflow-scroll">
       <div className={`flex flex-col`}>
@@ -197,7 +209,7 @@ let make = (~setModalData, ~paymentType: CardThemeType.mode) => {
             <DynamicFields
               paymentType paymentMethod="bank_debit" paymentMethodType="sepa" setRequiredFieldsBody
             />
-            <PayNowButton />
+            <PayNowButton onClickHandler />
           </>
         } else {
           <>
diff --git a/src/Payments/PaymentMethodsWrapper.res b/src/Payments/PaymentMethodsWrapper.res
index 2af98cd17..0a4a4c059 100644
--- a/src/Payments/PaymentMethodsWrapper.res
+++ b/src/Payments/PaymentMethodsWrapper.res
@@ -40,6 +40,8 @@ let make = (~paymentType: CardThemeType.mode, ~paymentMethodName: string) => {
   let areRequiredFieldsValid = Recoil.useRecoilValueFromAtom(areRequiredFieldsValid)
   let areRequiredFieldsEmpty = Recoil.useRecoilValueFromAtom(areRequiredFieldsEmpty)
 
+  Js.log2("requiredFieldsBodyrequiredFieldsBodyrequiredFieldsBody", requiredFieldsBody)
+
   let complete = areRequiredFieldsValid
 
   React.useEffect(() => {
@@ -59,7 +61,7 @@ let make = (~paymentType: CardThemeType.mode, ~paymentMethodName: string) => {
     let json = ev.data->safeParse
     let confirm = json->getDictFromJson->ConfirmType.itemToObjMapper
     if confirm.doSubmit {
-      if complete {
+      if true {
         let countryCode =
           Country.getCountry(paymentMethodName)
           ->Array.filter(item => item.countryName == country)
@@ -71,8 +73,8 @@ let make = (~paymentType: CardThemeType.mode, ~paymentMethodName: string) => {
           ->Array.filter(item => item.displayName == selectedBank)
           ->Array.get(0)
           ->Option.getOr(Bank.defaultBank)
-        intent(
-          ~bodyArr=PaymentBody.getPaymentBody(
+        let body =
+          PaymentBody.getPaymentBody(
             ~paymentMethod=paymentMethodDetails.methodType,
             ~paymentMethodType=paymentMethodName,
             ~country=countryCode.isoAlpha2,
@@ -89,7 +91,11 @@ let make = (~paymentType: CardThemeType.mode, ~paymentMethodName: string) => {
           ->JSON.Encode.object
           ->flattenObject(true)
           ->mergeTwoFlattenedJsonDicts(requiredFieldsBody)
-          ->getArrayOfTupleFromDict,
+          ->getArrayOfTupleFromDict
+
+        Js.log3("dcsidcksdncsdjcusd", body, requiredFieldsBody)
+        intent(
+          ~bodyArr=body,
           ~confirmParam=confirm.confirmParams,
           ~handleUserError=false,
           ~iframeId,
diff --git a/src/Payments/SepaBankDebit.res b/src/Payments/SepaBankDebit.res
index 81ff70dfb..d74431e10 100644
--- a/src/Payments/SepaBankDebit.res
+++ b/src/Payments/SepaBankDebit.res
@@ -15,6 +15,8 @@ let make = (~paymentType: CardThemeType.mode) => {
 
   let (modalData, setModalData) = React.useState(_ => None)
 
+  Js.log2("modalDatamodalData", modalData)
+
   let (fullName, _) = Recoil.useLoggedRecoilState(userFullName, "fullName", loggerState)
   let (email, _) = Recoil.useLoggedRecoilState(userEmailAddress, "email", loggerState)
   let (line1, _) = Recoil.useLoggedRecoilState(userAddressline1, "line1", loggerState)
@@ -26,6 +28,10 @@ let make = (~paymentType: CardThemeType.mode) => {
   let setComplete = Recoil.useSetRecoilState(fieldsComplete)
   let paymentMethodListValue = Recoil.useRecoilValueFromAtom(PaymentUtils.paymentMethodListValue)
 
+  let requiredFields = Recoil.useRecoilValueFromAtom(RecoilAtoms.areRequiredFieldsValid)
+
+  Js.log2("requiredFields", requiredFields)
+
   let pmAuthMapper = React.useMemo1(
     () =>
       PmAuthConnectorUtils.findPmAuthAllPMAuthConnectors(paymentMethodListValue.payment_methods),
@@ -54,7 +60,7 @@ let make = (~paymentType: CardThemeType.mode) => {
   UtilityHooks.useHandlePostMessages(~complete, ~empty, ~paymentType="sepa_bank_debit")
 
   React.useEffect(() => {
-    setComplete(_ => complete)
+    setComplete(_ => true)
     None
   }, [complete])
 
@@ -63,30 +69,27 @@ let make = (~paymentType: CardThemeType.mode) => {
     let confirm = json->Utils.getDictFromJson->ConfirmType.itemToObjMapper
 
     if confirm.doSubmit {
-      if complete {
+      if true {
         switch modalData {
-        | Some(data: ACHTypes.data) => {
-            let body = PaymentBody.sepaBankDebitBody(
-              ~fullName=fullName.value,
-              ~email=email.value,
-              ~data,
-              ~line1=line1.value,
-              ~line2=line2.value,
-              ~country=getCountryCode(country.value).isoAlpha2,
-              ~city=city.value,
-              ~postalCode=postalCode.value,
-              ~state=state.value,
-            )
-            intent(
-              ~bodyArr=body,
-              ~confirmParam=confirm.confirmParams,
-              ~handleUserError=false,
-              ~manualRetry=isManualRetryEnabled,
-            )
-          }
+        | Some(data: ACHTypes.data) => // let body = PaymentBody.sepaBankDebitBody(
+          //   ~fullName=fullName.value,
+          //   ~email=email.value,
+          //   ~data,
+          //   ~line1=line1.value,
+          //   ~line2=line2.value,
+          //   ~country=getCountryCode(country.value).isoAlpha2,
+          //   ~city=city.value,
+          //   ~postalCode=postalCode.value,
+          //   ~state=state.value,
+          // )
+          intent(
+            ~bodyArr=[],
+            ~confirmParam=confirm.confirmParams,
+            ~handleUserError=false,
+            ~manualRetry=isManualRetryEnabled,
+          )
         | None => ()
         }
-        ()
       } else {
         postFailedSubmitResponse(~errortype="validation_error", ~message="Please enter all fields")
       }
diff --git a/src/Utilities/DynamicFieldsUtils.res b/src/Utilities/DynamicFieldsUtils.res
index e3ec18962..13064bb85 100644
--- a/src/Utilities/DynamicFieldsUtils.res
+++ b/src/Utilities/DynamicFieldsUtils.res
@@ -623,6 +623,7 @@ let useRequiredFieldsBody = (
       })
       ->addBillingDetailsIfUseBillingAddress
 
+    Js.log2("requiredFieldsBody", requiredFieldsBody)
     setRequiredFieldsBody(_ => requiredFieldsBody)
     None
   }, (