revert: reverted added support for cobadged cards #564

package.json

@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.91.1",
+  "version": "0.91.11",
   "main": "index.js",
   "private": true,
   "dependencies": {

src/CardUtils.res

@@ -26,7 +26,6 @@ type cardProps = (
   string,
   (string => string) => unit,
   int,
-  string,
 )
 
 type expiryProps = (
@@ -656,18 +655,3 @@ let getPaymentMethodBrand = (customerMethod: PaymentType.customerMethods) => {
     )
   }
 }
-
-let getAllMatchedCardSchemes = cardNumber => {
-  CardPattern.cardPatterns->Array.reduce([], (acc, item) => {
-    if String.match(cardNumber, item.pattern)->Option.isSome {
-      acc->Array.push(item.issuer)
-    }
-    acc
-  })
-}
-
-let getEligibleCoBadgedCardSchemes = (~matchedCardSchemes, ~enabledCardSchemes) => {
-  matchedCardSchemes->Array.filter(ele => {
-    enabledCardSchemes->Array.includes(ele->String.toLowerCase)
-  })
-}

src/Components/DynamicFields.res

@@ -109,7 +109,6 @@ let make = (
     "",
     _ => (),
     0,
-    "",
   )
 
   let defaultExpiryProps = (
@@ -164,7 +163,6 @@ let make = (
     cardError,
     _,
     maxCardLength,
-    _,
   ) = switch cardProps {
   | Some(cardProps) => cardProps
   | None => defaultCardProps

src/Components/PaymentInputField.res

@@ -131,7 +131,7 @@ let make = (
           </div>
         </RenderIf>
       </div>
-      <div className="relative flex -ml-10 items-center"> {rightIcon} </div>
+      <div className={`relative flex -ml-10 items-center`}> {rightIcon} </div>
     </div>
     <RenderIf condition={innerLayout === Spaced}>
       {switch errorString {

src/Payment.res

@@ -47,15 +47,13 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
   let (isZipValid, setIsZipValid) = React.useState(_ => None)
   let (isCardSupported, setIsCardSupported) = React.useState(_ => None)
 
-  let maxCardLength = React.useMemo(() => {
-    getMaxLength(cardNumber)
+  let (cardBrand, maxCardLength) = React.useMemo(() => {
+    let brand = getCardBrand(cardNumber)
+    let maxLength = getMaxLength(cardNumber)
+    let isNotBancontact = selectedOption !== "bancontact_card" && brand == ""
+    !showFields && isNotBancontact ? (cardScheme, maxLength) : (brand, maxLength)
   }, (cardNumber, cardScheme, showFields))
 
-  let cardBrand = getCardBrand(cardNumber)
-  let isNotBancontact = selectedOption !== "bancontact_card" && cardBrand == ""
-  let (cardBrand, setCardBrand) = React.useState(_ =>
-    !showFields && isNotBancontact ? cardScheme : cardBrand
-  )
   let supportedCardBrands = React.useMemo(() => {
     paymentMethodListValue->PaymentUtils.getSupportedCardBrands
   }, [paymentMethodListValue])
@@ -221,7 +219,7 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     }
     let cardNetwork = {
       if cardBrand != "" {
-        [("card_network", cardBrand->JSON.Encode.string)]
+        [("card_network", cardNumber->CardUtils.getCardBrand->JSON.Encode.string)]
       } else {
         []
       }
@@ -352,14 +350,11 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     None
   }, (isExpiryValid, isExpiryComplete(cardExpiry)))
 
-  React.useEffect(() => {
-    setCardBrand(_ => cardNumber->CardUtils.getCardBrand)
-    None
-  }, [cardNumber])
-
   let icon = React.useMemo(() => {
-    <CardSchemeComponent cardNumber paymentType cardBrand setCardBrand />
-  }, (cardType, paymentType, cardBrand, cardNumber))
+    let animate = cardType == NOTFOUND ? "animate-slideLeft" : "animate-slideRight"
+    let cardBrandIcon = getCardBrandIcon(cardType, paymentType)
+    <div className=animate> cardBrandIcon </div>
+  }, (cardType, paymentType))
 
   let cardProps: CardUtils.cardProps = (
     isCardValid,
@@ -373,7 +368,6 @@ let make = (~paymentMode, ~integrateError, ~logger) => {
     cardError,
     setCardError,
     maxCardLength,
-    cardBrand,
   )
 
   let expiryProps: CardUtils.expiryProps = (

src/Payments/CardPayment.res

@@ -35,9 +35,12 @@ let make = (
     cardError,
     setCardError,
     maxCardLength,
-    cardBrand,
   ) = cardProps
 
+  let cardBrand = React.useMemo(() => {
+    cardNumber->CardUtils.getCardBrand
+  }, [cardNumber])
+
   let (
     isExpiryValid,
     setIsExpiryValid,
@@ -204,7 +207,6 @@ let make = (
     nickname,
     isCardBrandValid,
     isManualRetryEnabled,
-    cardProps,
   ))
   useSubmitPaymentData(submitCallback)
 

src/RenderPaymentMethods.res

@@ -24,7 +24,6 @@ let make = (
     _,
     _,
     maxCardLength,
-    _,
   ) = cardProps
 
   let (

src/SingleLineCardPayment.res

@@ -26,7 +26,6 @@ let make = (
     _,
     _,
     maxCardLength,
-    _,
   ) = cardProps
 
   let (