feat: added prop for displayDefaultSavedPaymentIcon (#434)

Co-authored-by: Praful Koppalkar <[email protected]>
juspay · Jun 13, 2024 · b141aed · b141aed
1 parent b02a25c
commit b141aed
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/Components/SavedCardItem.res b/src/Components/SavedCardItem.res
@@ -11,7 +11,9 @@ let make = (
   ~setRequiredFieldsBody,
 ) => {
   let {themeObj, config, localeString} = Recoil.useRecoilValueFromAtom(RecoilAtoms.configAtom)
-  let {hideExpiredPaymentMethods} = Recoil.useRecoilValueFromAtom(RecoilAtoms.optionAtom)
+  let {hideExpiredPaymentMethods, displayDefaultSavedPaymentIcon} = Recoil.useRecoilValueFromAtom(
+    RecoilAtoms.optionAtom,
+  )
   let (cardBrand, setCardBrand) = Recoil.useRecoilState(RecoilAtoms.cardBrand)
   let (
     isCVCValid,
@@ -116,7 +118,9 @@ let make = (
                         </div>
                       </div>
                     : <div> {React.string(paymentMethodType->Utils.snakeToTitleCase)} </div>}
-                  <RenderIf condition={paymentItem.defaultPaymentMethodSet}>
+                  <RenderIf
+                    condition={displayDefaultSavedPaymentIcon &&
+                    paymentItem.defaultPaymentMethodSet}>
                     <Icon size=18 name="checkmark" style={color: themeObj.colorPrimary} />
                   </RenderIf>
                 </div>

diff --git a/src/Types/PaymentType.res b/src/Types/PaymentType.res
@@ -164,6 +164,7 @@ type options = {
   paymentMethodsHeaderText?: string,
   savedPaymentMethodsHeaderText?: string,
   hideExpiredPaymentMethods: bool,
+  displayDefaultSavedPaymentIcon: bool,
 }
 let defaultCardDetails = {
   scheme: None,
@@ -295,6 +296,7 @@ let defaultOptions = {
   billingAddress: defaultBillingAddress,
   sdkHandleConfirmPayment: defaultSdkHandleConfirmPayment,
   hideExpiredPaymentMethods: false,
+  displayDefaultSavedPaymentIcon: true,
 }
 let getLayout = (str, logger) => {
   switch str {
@@ -978,6 +980,7 @@ let itemToObjMapper = (dict, logger) => {
       "paymentMethodsHeaderText",
       "savedPaymentMethodsHeaderText",
       "hideExpiredPaymentMethods",
+      "displayDefaultSavedPaymentIcon",
     ],
     dict,
     "options",
@@ -1019,6 +1022,7 @@ let itemToObjMapper = (dict, logger) => {
     paymentMethodsHeaderText: ?getOptionString(dict, "paymentMethodsHeaderText"),
     savedPaymentMethodsHeaderText: ?getOptionString(dict, "savedPaymentMethodsHeaderText"),
     hideExpiredPaymentMethods: getBool(dict, "hideExpiredPaymentMethods", false),
+    displayDefaultSavedPaymentIcon: getBool(dict, "displayDefaultSavedPaymentIcon", true),
   }
 }