From ab53eaf5b32c7830f0b830dda25cdf4b386fbf53 Mon Sep 17 00:00:00 2001
From: Pritish Budhiraja <1805317@kiit.ac.in>
Date: Tue, 12 Mar 2024 20:03:05 +0530
Subject: [PATCH] fix: displaySavedPaymentMethods prop

---
 src/PaymentElement.res       | 16 ++++++++++++----
 src/Payments/CardPayment.res |  5 ++++-
 src/orca-loader/Elements.res |  4 +---
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/PaymentElement.res b/src/PaymentElement.res
index e61570840..0f5a01b56 100644
--- a/src/PaymentElement.res
+++ b/src/PaymentElement.res
@@ -21,6 +21,7 @@ let make = (
     paymentMethodOrder,
     layout,
     customerPaymentMethods,
+    displaySavedPaymentMethods,
     displaySavedPaymentMethodsCheckbox,
   } = Recoil.useRecoilValueFromAtom(optionAtom)
   let isApplePayReady = Recoil.useRecoilValueFromAtom(isApplePayReady)
@@ -369,13 +370,20 @@ let make = (
     </ErrorBoundary>
   }
 
-  let paymentLabel = showFields
-    ? localeString.selectPaymentMethodLabel
-    : localeString.savedPaymentMethodsLabel
+  React.useEffect0(() => {
+    setShowFields(._ => !displaySavedPaymentMethods)
+    None
+  })
+
+  let paymentLabel = if displaySavedPaymentMethods {
+    showFields ? localeString.selectPaymentMethodLabel : localeString.savedPaymentMethodsLabel
+  } else {
+    localeString.selectPaymentMethodLabel
+  }
 
   <>
     <div className="text-2xl font-semibold text-[#151619] mb-6"> {React.string(paymentLabel)} </div>
-    <RenderIf condition={!showFields}>
+    <RenderIf condition={!showFields && displaySavedPaymentMethods}>
       <SavedMethods
         paymentToken setPaymentToken savedMethods loadSavedCards cvcProps paymentType list
       />
diff --git a/src/Payments/CardPayment.res b/src/Payments/CardPayment.res
index 3d7c08669..30d71d577 100644
--- a/src/Payments/CardPayment.res
+++ b/src/Payments/CardPayment.res
@@ -271,7 +271,10 @@ let make = (
               <AnimatedCheckbox isChecked=isSaveCardsChecked setIsChecked=setIsSaveCardsChecked />
             </div>
           </RenderIf>
-          <RenderIf condition={savedMethods->Js.Array2.length > 0 && !isBancontact}>
+          <RenderIf
+            condition={options.displaySavedPaymentMethods &&
+            savedMethods->Js.Array2.length > 0 &&
+            !isBancontact}>
             <div
               className="Label flex flex-row gap-3 items-end cursor-pointer"
               style={ReactDOMStyle.make(
diff --git a/src/orca-loader/Elements.res b/src/orca-loader/Elements.res
index 8e3cc3c64..8df8d5fba 100644
--- a/src/orca-loader/Elements.res
+++ b/src/orca-loader/Elements.res
@@ -712,9 +712,7 @@ let make = (
         })
         ->ignore
         fetchPaymentsList(mountedIframeRef)
-        if displaySavedPaymentMethods {
-          fetchCustomerDetails(mountedIframeRef)
-        }
+        fetchCustomerDetails(mountedIframeRef)
         mountedIframeRef->Window.iframePostMessage(message)
       }