fix: token retrieval fix and margin (#1082)

Author: sakksham7

src/Payments/CardPayment.res

@@ -7,6 +7,7 @@ let make = (
   ~expiryProps: CardUtils.expiryProps,
   ~cvcProps: CardUtils.cvcProps,
   ~isBancontact=false,
+  ~isVault=None,
 ) => {
   open PaymentType
   open PaymentModeType
@@ -438,10 +439,14 @@ let make = (
 
   let compressedLayoutStyleForCvcError =
     innerLayout === Compressed && cvcError->String.length > 0 ? "!border-l-0" : ""
+  let vaultClass = switch isVault {
+  | Some(_) => "mb-[4px] mr-[4px] ml-[4px] mt-[4px]"
+  | None => ""
+  }
 
   <div className="animate-slowShow">
     <RenderIf condition={showFields || isBancontact}>
-      <div className="flex flex-col" style={gridGap: themeObj.spacingGridColumn}>
+      <div className={`flex flex-col ${vaultClass}`} style={gridGap: themeObj.spacingGridColumn}>
         <div className="flex flex-col w-full" style={gridGap: themeObj.spacingGridColumn}>
           <RenderIf condition={innerLayout === Compressed}>
             <div

src/Payments/CardVault.res

@@ -165,7 +165,7 @@ let make = () => {
       let dict = res->getDictFromJson
       let sessionResponse = dict->getStrArray("associated_payment_methods")
       let paymentToken = sessionResponse->Array.get(0)
-      if paymentToken->Option.isNone {
+      if paymentToken->Option.isSome {
         let msg =
           [("paymentToken", paymentToken->Option.getOr("")->JSON.Encode.string)]->Dict.fromArray
 
@@ -226,7 +226,7 @@ let make = () => {
   }, (cardNumber, cardExpiry, cvcNumber))
 
   <div ref={contentRef->ReactDOM.Ref.domRef}>
-    <CardPayment cardProps expiryProps cvcProps />
+    <CardPayment cardProps expiryProps cvcProps isVault=Some(true) />
   </div>
 }