fix: co-badged card selection when priority scheme disabled

Author: Shivam25092001

src/components/elements/CardElement.res

@@ -69,7 +69,9 @@ let make = (
     text,
     expireRef: React.ref<Nullable.t<ReactNative.TextInput.element>>,
   ) => {
-    let cardBrand = getCardBrand(text)
+    let enabledCardSchemes = PaymentUtils.getCardNetworks(cardNetworks->Option.getOr(None))
+    let validCardBrand = getFirstValidCardScheme(~cardNumber=text, ~enabledCardSchemes)
+    let cardBrand = validCardBrand === "" ? getCardBrand(text) : validCardBrand
     let num = formatCardNumber(text, cardType(cardBrand))
 
     let isthisValid = cardValid(num, cardBrand)

src/components/elements/CardSchemeComponent.res

@@ -46,21 +46,14 @@ module CardSchemeSelectionPopoverElement = {
 let make = (~cardNumber, ~cardNetworks) => {
   let (cardData, setCardData) = React.useContext(CardDataContext.cardDataContext)
 
-  let cardBrand = Validation.getCardBrand(cardNumber)
+  let enabledCardSchemes = PaymentUtils.getCardNetworks(cardNetworks->Option.getOr(None))
+  let validCardBrand = Validation.getFirstValidCardScheme(~cardNumber, ~enabledCardSchemes)
+  let cardBrand = validCardBrand === "" ? Validation.getCardBrand(cardNumber) : validCardBrand
   let (cardBrandIcon, setCardBrandIcon) = React.useState(_ =>
     cardBrand === "" ? "waitcard" : cardBrand
   )
   let (dropDownIconWidth, _) = React.useState(_ => Animated.Value.create(0.))
 
-  let getCardNetworks = cardNetworks => {
-    switch cardNetworks {
-    | Some(cardNetworks) =>
-      cardNetworks->Array.map((item: PaymentMethodListType.card_networks) => item.card_network)
-    | None => []
-    }
-  }
-
-  let enabledCardSchemes = getCardNetworks(cardNetworks->Option.getOr(None))
   let matchedCardSchemes = cardNumber->Validation.clearSpaces->Validation.getAllMatchedCardSchemes
   let eligibleCardSchemes = Validation.getEligibleCoBadgedCardSchemes(
     ~matchedCardSchemes,

src/utility/logics/PaymentUtils.res

@@ -181,3 +181,11 @@ let getActionType = (nextActionObj: option<PaymentConfirmTypes.nextAction>) => {
   let actionType = nextActionObj->Option.getOr({type_: "", redirectToUrl: ""})
   actionType.type_
 }
+
+let getCardNetworks = cardNetworks => {
+  switch cardNetworks {
+  | Some(cardNetworks) =>
+    cardNetworks->Array.map((item: PaymentMethodListType.card_networks) => item.card_network)
+  | None => []
+  }
+}

src/utility/reusableCodeFromWeb/Validation.res

@@ -146,6 +146,18 @@ let getAllMatchedCardSchemes = cardNumber => {
   })
 }
 
+let isCardSchemeEnabled = (~cardScheme, ~enabledCardSchemes) => {
+  enabledCardSchemes->Array.includes(cardScheme)
+}
+
+let getFirstValidCardScheme = (~cardNumber, ~enabledCardSchemes) => {
+  let allMatchedCards = getAllMatchedCardSchemes(cardNumber->clearSpaces)
+  allMatchedCards
+  ->Array.filter(card => isCardSchemeEnabled(~cardScheme=card, ~enabledCardSchemes))
+  ->Array.get(0)
+  ->Option.getOr("")
+}
+
 let getEligibleCoBadgedCardSchemes = (~matchedCardSchemes, ~enabledCardSchemes) => {
   matchedCardSchemes->Array.filter(ele => 
     enabledCardSchemes->Array.includes(ele)