@fractalpay/fractalpay-next 0.0.26 → 0.0.28

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next",
-      version: "0.0.26",
+      version: "0.0.28",
       private: false,
       type: "module",
       scripts: {
@@ -97,12 +97,7 @@ var require_package = __commonJS({
       },
       author: "Mukul",
       license: "MIT",
-      keywords: [
-        "nextjs",
-        "next",
-        "typescript",
-        "tailwindcss"
-      ],
+      keywords: ["nextjs", "next", "typescript", "tailwindcss"],
       publishConfig: {
         access: "public"
       }
@@ -3173,7 +3168,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
       {
         id: "card_number",
         className: "form-control card-number-new",
-        style: { height: "46px" }
+        style: { height: "46px", display: "inline-block" }
       }
     ),
     /* @__PURE__ */ jsx17("div", { className: "card-dtl", children: /* @__PURE__ */ jsxs10("div", { className: "exp-cvc-container exp-cvc-container-wrap", style: { margin: 0 }, children: [
@@ -3214,32 +3209,32 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
       {
         id: "card_number",
         className: "form-control card-number-new",
-        style: { height: `${isSky ? "36px" : "46px"}` }
+        style: { height: `${isSky ? "36px" : "46px"}`, display: "inline-block" }
       }
     ),
     /* @__PURE__ */ jsx17("div", { className: "card-crdi card-expiry-new", children: /* @__PURE__ */ jsxs10("div", { className: "exp-date-year-container", children: [
-      /* @__PURE__ */ jsx17("div", { className: "exp-date form-group", children: /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx17("div", { className: "exp-date form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
         "div",
         {
           id: "exp_month",
           className: "form-control required card-cvv-in",
-          style: { height: "36px" }
+          style: { height: "36px", display: "inline-block" }
         }
       ) }),
-      /* @__PURE__ */ jsx17("div", { className: "exp-year form-group", children: /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx17("div", { className: "exp-year form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
         "div",
         {
           id: "exp_year",
           className: "form-control required card-cvv-in",
-          style: { height: "36px" }
+          style: { height: "36px", display: "inline-block" }
         }
       ) }),
-      /* @__PURE__ */ jsx17("div", { className: "security-digit form-group", children: /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx17("div", { className: "security-digit form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
         "div",
         {
           id: "cvv",
           className: "form-control card-cvv-in required",
-          style: { height: "36px" }
+          style: { height: "36px", display: "inline-block" }
         }
       ) })
     ] }) })
@@ -3252,10 +3247,7 @@ import { useEffect as useEffect6 } from "react";
 var scriptLoaded = false;
 var DataCapScriptLoader = () => {
   useEffect6(() => {
-    console.log("\u{1F535} DataCapScriptLoader mounted");
-    console.log("\u{1F535} scriptLoaded flag:", scriptLoaded);
     if (scriptLoaded) {
-      console.log("\u{1F7E1} Script already marked as loaded. Skipping injection.");
       return;
     }
     const existingScript = document.querySelector(
@@ -3263,25 +3255,19 @@ var DataCapScriptLoader = () => {
     );
     console.log("\u{1F535} existingScript found:", !!existingScript);
     if (!existingScript) {
-      console.log("\u{1F7E2} Injecting DataCap hosted script...");
       const script2 = document.createElement("script");
       script2.src = `${datacapUrl}/hosted`;
       script2.async = true;
       script2.onload = () => {
         console.log("\u2705 DataCap script loaded successfully");
         scriptLoaded = true;
-        console.log("\u{1F535} scriptLoaded flag updated to:", scriptLoaded);
-        console.log("\u{1F535} window.dcap:", window.DatacapHostedWebToken);
       };
       script2.onerror = (err) => {
         console.error("\u274C DataCap script failed to load", err);
       };
       document.head.appendChild(script2);
     } else {
-      console.log("\u{1F7E1} Script already exists in DOM.");
       scriptLoaded = true;
-      console.log("\u{1F535} scriptLoaded flag updated to:", scriptLoaded);
-      console.log("\u{1F535} window.dcap:", window.dcap);
     }
   }, []);
   return null;
@@ -3391,7 +3377,6 @@ var DataCapFields = ({
 }
       `;
     }
-    console.log(customCSS, "customcss");
     const initialize = async () => {
       setLoader == null ? void 0 : setLoader(true);
       setIframeReady(false);
@@ -6636,7 +6621,8 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
         "div",
         {
           id: "card_number",
-          className: "form-control card-number-new"
+          className: "form-control card-number-new",
+          style: { display: "inline-block" }
         }
       )
     ] }) }),
@@ -6650,7 +6636,8 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
           "div",
           {
             id: "exp_month",
-            className: "form-control required card-cvv-in"
+            className: "form-control required card-cvv-in",
+            style: { display: "inline-block" }
           }
         )
       ] }),
@@ -6663,7 +6650,8 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
           "div",
           {
             id: "exp_year",
-            className: "form-control required card-cvv-in"
+            className: "form-control required card-cvv-in",
+            style: { display: "inline-block" }
           }
         )
       ] }),
@@ -6676,7 +6664,8 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
           "div",
           {
             id: "cvv",
-            className: "form-control card-cvv-in required"
+            className: "form-control card-cvv-in required",
+            style: { display: "inline-block" }
           }
         )
       ] }),
@@ -8574,7 +8563,6 @@ function SkyChargewidgetstyles() {
         font-family: 'Inter', sans-serif !important;
         }  
                .frac-form  .form-group-frac{
-               margin:0 !important;
                padding: 5px 0;
                 }
                .frac-form .mb-4{
@@ -8898,7 +8886,6 @@ function SkyChargewidgetstyles() {
         .form-control-frac{box-sizing: border-box ;}
         #PaymentForm .form-group-frac{
             padding:5px 0 ;
-            matgin: 0 !important
         }
             
         .toggle-label {
@@ -9339,7 +9326,10 @@ position:relative;
         .exp-date-year-container .form-group {
             flex: 1;
         }
-
+.input-main-wrap-frac{
+margin:0px !important;
+padding:0px !important;
+}
 
     
 
@@ -9571,9 +9561,9 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const handleCharge = async (data) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     try {
-      let dataObj = {
+      let dataObj = __spreadValues({
         pass_fee_amount: Number(amount) - cashDiscount,
         pass_fee,
         Token: data == null ? void 0 : data.Token,
@@ -9582,106 +9572,69 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         require3ds,
         isPartial,
         orderGuid: orderGuid || ordGuid
-      };
+      }, saveCardInfo ? {
+        card: {
+          postal_code: cardData == null ? void 0 : cardData.zipCode,
+          customer_id: customerId,
+          gateway_token: (data == null ? void 0 : data.Token) || (data == null ? void 0 : data.gateway_token),
+          name: cardData == null ? void 0 : cardData.cardName
+        }
+      } : null);
       if (require3ds && (data == null ? void 0 : data.stripe_3ds_auth_id)) {
         dataObj.stripe_3ds_auth_id = data == null ? void 0 : data.stripe_3ds_auth_id;
       }
       const chargeResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/charge/${session_token}`, dataObj);
       if ((_a2 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _a2.result) {
-        let addCard;
-        if (saveCardInfo && customerId) {
-          try {
-            let obj = {
-              postal_code: cardData == null ? void 0 : cardData.zipCode,
-              customer_id: customerId,
-              gateway_token: (data == null ? void 0 : data.gateway_token) || (data == null ? void 0 : data.Token)
-            };
-            addCard = await axios9.post(`${masterBaseUrl}api/v1/gateway/add-card/${session_token}`, obj);
-            if ((_b2 = addCard == null ? void 0 : addCard.data) == null ? void 0 : _b2.result) {
-              addCard = (_c2 = addCard == null ? void 0 : addCard.data) == null ? void 0 : _c2.data;
-            }
-          } catch (error2) {
-            console.log(error2, "error");
-            hideLoader();
-            callback({
-              error: ((_e2 = (_d2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _d2.data) == null ? void 0 : _e2.message) || "Something went wrong!",
-              result: (_g2 = (_f2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _f2.data) == null ? void 0 : _g2.result,
-              statusCode: (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.status
-            });
-            setError(((_j2 = (_i2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _i2.data) == null ? void 0 : _j2.message) || "Something went wrong!");
-          }
-        }
         let callbackdata = {
-          cardDetails: __spreadValues(__spreadValues({}, addCard), data),
-          callback: __spreadProps(__spreadValues({}, (_k2 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _k2.data), { name: cardData == null ? void 0 : cardData.cardName, isPreAuth })
+          // cardDetails: { ...addCard, ...data },
+          callback: __spreadProps(__spreadValues({}, (_b2 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _b2.data), { name: cardData == null ? void 0 : cardData.cardName, isPreAuth })
         };
-        if (!saveCardInfo) {
-          delete callbackdata.cardDetails;
-        }
         callback(callbackdata);
         hideLoader();
         handleClose();
       }
     } catch (error2) {
-      setError(((_m2 = (_l2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.message) || "Something went wrong!");
+      setError(((_d2 = (_c2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || "Something went wrong!");
       callback({
-        error: ((_o2 = (_n2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _n2.data) == null ? void 0 : _o2.message) || "Something went wrong!",
-        result: (_q2 = (_p2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _p2.data) == null ? void 0 : _q2.result,
-        statusCode: (_r2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _r2.status
+        error: ((_f2 = (_e2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || "Something went wrong!",
+        result: (_h2 = (_g2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.result,
+        statusCode: (_i2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _i2.status
       });
       hideLoader();
     }
   };
   const handlePreAuth = async (data) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     try {
-      let dataObj = {
+      let dataObj = __spreadValues({
         Token: data == null ? void 0 : data.Token,
         amount,
         postal_code: data == null ? void 0 : data.postalCode
-      };
+      }, saveCardInfo ? {
+        card: {
+          postal_code: cardData == null ? void 0 : cardData.zipCode,
+          customer_id: customerId,
+          gateway_token: (data == null ? void 0 : data.Token) || (data == null ? void 0 : data.gateway_token),
+          name: cardData == null ? void 0 : cardData.cardName
+        }
+      } : null);
       const preAuthResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/preauth/${session_token}`, dataObj);
       if ((_a2 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _a2.result) {
         let addCard;
-        if (saveCardInfo && customerId) {
-          try {
-            let obj = {
-              postal_code: cardData == null ? void 0 : cardData.zipCode,
-              customer_id: customerId,
-              gateway_token: (data == null ? void 0 : data.Token) || (data == null ? void 0 : data.gateway_token)
-            };
-            addCard = await axios9.post(`${masterBaseUrl}api/v1/gateway/add-card/${session_token}`, obj);
-            if ((_b2 = addCard == null ? void 0 : addCard.data) == null ? void 0 : _b2.result) {
-              addCard = (_c2 = addCard == null ? void 0 : addCard.data) == null ? void 0 : _c2.data;
-            }
-          } catch (error2) {
-            console.log(error2, "error");
-            hideLoader();
-            setError(((_e2 = (_d2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _d2.data) == null ? void 0 : _e2.message) || "Something went wrong!");
-            callback({
-              error: ((_g2 = (_f2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _f2.data) == null ? void 0 : _g2.message) || "Something went wrong!",
-              result: (_i2 = (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.result,
-              statusCode: (_j2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _j2.status
-            });
-          }
-        }
         let callbackdata = {
-          cardDetails: __spreadValues(__spreadValues({}, addCard), data),
-          callback: __spreadProps(__spreadValues({}, (_k2 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _k2.data), { name: cardData == null ? void 0 : cardData.cardName, isPreAuth })
+          // cardDetails: { ...addCard, ...data },
+          callback: __spreadProps(__spreadValues({}, (_b2 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _b2.data), { name: cardData == null ? void 0 : cardData.cardName, isPreAuth })
         };
-        if (!saveCardInfo) {
-          delete callbackdata.cardDetails;
-        }
         callback(callbackdata);
         hideLoader();
         handleClose();
       }
     } catch (error2) {
-      setError(((_m2 = (_l2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.message) || "Something went wrong!");
+      setError(((_d2 = (_c2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || "Something went wrong!");
       callback({
-        error: ((_o2 = (_n2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _n2.data) == null ? void 0 : _o2.message) || "Something went wrong!",
-        result: (_q2 = (_p2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _p2.data) == null ? void 0 : _q2.result,
-        statusCode: (_r2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _r2.status
+        error: ((_f2 = (_e2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || "Something went wrong!",
+        result: (_h2 = (_g2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.result,
+        statusCode: (_i2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _i2.status
       });
       hideLoader();
     }
@@ -9802,11 +9755,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         public_key_pem: ((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
         session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
       };
+      let three_ds_data = null;
       if (require3ds) {
         if (typeof window !== "undefined" && typeof navigator !== "undefined") {
           const languages = (_g2 = navigator.languages) != null ? _g2 : [navigator.language];
           const language = Array.isArray(languages) ? languages[0] : languages;
-          objtokenize.three_ds_data = {
+          three_ds_data = {
             amount: partialAmount ? Math.round(parseFloat(partialAmount) * 100) : Math.round(parseFloat(amount) * 100),
             // convert dollars → cents
             currency: "usd",
@@ -9826,7 +9780,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
       let tokenizeData;
       try {
-        tokenizeData = await tokenizerRef.current.createToken(objtokenize);
+        tokenizeData = await tokenizerRef.current.createToken(
+          objtokenize,
+          three_ds_data
+        );
       } catch (error2) {
         setErrorIframe(error2);
         hideLoader();
@@ -9892,7 +9849,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     return validCard && validCVV && validExpirationDate;
   };
   const submitFunc = async (e) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t, _u, _v, _w, _x;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -9942,7 +9899,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         } else {
           let callbackdata;
           try {
-            const payByBank = await axios9.post(`${masterBaseUrl}api/v1/gateway/bank-charge/${session_token}`, {
+            const payByBank = await axios9.post(`${masterBaseUrl}api/v1/gateway/bank-charge/${session_token}`, __spreadValues({
               label: achData == null ? void 0 : achData.name,
               account_number: achData == null ? void 0 : achData.accountNumber,
               routing_number: achData == null ? void 0 : achData.routingNumber,
@@ -9956,36 +9913,20 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
               surcharge: "0.00",
               order_id: "",
               company_name: (achData == null ? void 0 : achData.companyName) || ""
-            });
-            if ((_f2 = payByBank == null ? void 0 : payByBank.data) == null ? void 0 : _f2.result) {
-              if (saveACHinfo && customerId) {
-                try {
-                  const result2 = await axios9.post(`${masterBaseUrl}api/v1/gateway/add-bank/${session_token}`, {
-                    name: achData == null ? void 0 : achData.name,
-                    account_number: achData == null ? void 0 : achData.accountNumber,
-                    routing_number: achData == null ? void 0 : achData.routingNumber,
-                    bank_name: achData == null ? void 0 : achData.bankName,
-                    account_type: achData == null ? void 0 : achData.accountType,
-                    customer_id: customerId || "",
-                    company_name: (achData == null ? void 0 : achData.companyName) || ""
-                  });
-                  if (result2.data.result) {
-                    callbackdata = {
-                      bankDetails: __spreadProps(__spreadValues({}, (_g2 = result2 == null ? void 0 : result2.data) == null ? void 0 : _g2.data), { account_type: achData == null ? void 0 : achData.accountType })
-                    };
-                  }
-                } catch (error2) {
-                  hideLoader();
-                  setError(((_i2 = (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.message) || "Something went wrong!");
-                  callback({
-                    error: ((_k2 = (_j2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _j2.data) == null ? void 0 : _k2.message) || "Something went wrong!",
-                    result: (_m2 = (_l2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.result,
-                    statusCode: (_n2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _n2.status
-                  });
-                }
+            }, saveACHinfo ? {
+              bank: {
+                name: achData == null ? void 0 : achData.name,
+                account_number: achData == null ? void 0 : achData.accountNumber,
+                routing_number: achData == null ? void 0 : achData.routingNumber,
+                bank_name: achData == null ? void 0 : achData.bankName,
+                account_type: achData == null ? void 0 : achData.accountType,
+                customer_id: customerId || "",
+                company_name: (achData == null ? void 0 : achData.companyName) || ""
               }
+            } : null));
+            if ((_f2 = payByBank == null ? void 0 : payByBank.data) == null ? void 0 : _f2.result) {
               callbackdata = __spreadProps(__spreadValues({}, callbackdata), {
-                callback: __spreadProps(__spreadValues({}, (_o2 = payByBank == null ? void 0 : payByBank.data) == null ? void 0 : _o2.data), { name: achData == null ? void 0 : achData.name, isPreAuth })
+                callback: __spreadProps(__spreadValues({}, (_g2 = payByBank == null ? void 0 : payByBank.data) == null ? void 0 : _g2.data), { name: achData == null ? void 0 : achData.name, isPreAuth })
               });
               callback(callbackdata);
               handleClose();
@@ -9993,7 +9934,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             }
           } catch (error2) {
             console.log(error2, "errororor");
-            let data = (_p2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _p2.data;
+            let data = (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.data;
             if (typeof (data == null ? void 0 : data.message) == "object") {
               Object.values(data == null ? void 0 : data.message).forEach((message) => {
                 var _a3;
@@ -10009,7 +9950,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
               callback({
                 error: (data == null ? void 0 : data.message) || "Something went wrong!",
                 result: (data == null ? void 0 : data.result) || false,
-                statusCode: (_q2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _q2.status
+                statusCode: (_i2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _i2.status
               });
             }
             hideLoader();
@@ -10019,11 +9960,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     } catch (error2) {
       hideLoader();
       callback({
-        error: ((_s2 = (_r2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _r2.data) == null ? void 0 : _s2.message) || "Something went wrong!",
-        result: (_u = (_t = error2 == null ? void 0 : error2.response) == null ? void 0 : _t.data) == null ? void 0 : _u.result,
-        statusCode: (_v = error2 == null ? void 0 : error2.response) == null ? void 0 : _v.status
+        error: ((_k2 = (_j2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _j2.data) == null ? void 0 : _k2.message) || "Something went wrong!",
+        result: (_m2 = (_l2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.result,
+        statusCode: (_n2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _n2.status
       });
-      setError(((_x = (_w = error2 == null ? void 0 : error2.response) == null ? void 0 : _w.data) == null ? void 0 : _x.message) || "Something went wrong!");
+      setError(((_p2 = (_o2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _o2.data) == null ? void 0 : _p2.message) || "Something went wrong!");
     }
   };
   const handleCardChange = (field, value) => {
@@ -10171,6 +10112,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         setActive("card");
         setActiveinCard("list");
         setCardList(cardlists);
+        setLoadingIframe(false);
       } else {
         setActive("card");
         setCardList([]);
@@ -10370,7 +10312,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2;
     try {
       showLoader();
-      const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`);
+      const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`, {
+        params: {
+          require3ds,
+          pass_fee
+        }
+      });
       if ((res == null ? void 0 : res.status) == 200) {
         setIsBankActive((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.isBankActive);
         setProcessingFee(Number((_d2 = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.fee) || 0);
@@ -10515,6 +10462,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       styles: {}
     });
   }, []);
+  console.log(activeinCard === "list", "activeinCard", activeList);
   return /* @__PURE__ */ jsxs19(Fragment18, { children: [
     initialLoader && /* @__PURE__ */ jsx32(Loader_default, { loading: initialLoader }),
     error && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error, onClose: handleClose }) }),
@@ -10720,7 +10668,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       {
                         isOpen: show,
                         tokenKey: dcToken,
-                        setLoader: setLoadingIframe
+                        setLoader: activeinCard === "form" ? setLoadingIframe : null
                       }
                     ) }),
                     /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
@@ -10796,12 +10744,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     minHeight: "444px",
                     maxHeight: "444px"
                   }, children: [
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "nameonaccount", children: "Name on account" }),
                       /* @__PURE__ */ jsx32("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_l = achData == null ? void 0 : achData.name) != null ? _l : "", onChange: handleChangeAch }),
                       (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "routingnumber", children: "Routing number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10818,7 +10766,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "accountnumber", children: "Account number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10835,7 +10783,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10852,7 +10800,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "bankname", children: "Bank name" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10869,7 +10817,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
                     ] }),
-                    ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "companyName", children: "Company name" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10886,18 +10834,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "accounttype", children: "Select account type" }),
                       /* @__PURE__ */ jsxs19("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_r = achData == null ? void 0 : achData.accountType) != null ? _r : "", onChange: handleChangeAch, children: [
                         /* @__PURE__ */ jsx32("option", { value: "", children: "Select account" }),
                         accountTypes.map((type) => /* @__PURE__ */ jsx32("option", { value: type.value, children: type.label }, type.value))
                       ] })
                     ] }),
-                    customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
+                    customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                       /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
                       /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save ACH" })
                     ] }),
-                    saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac mb-4 saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
+                    saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
                       "If checked, I agree to give the ",
                       /* @__PURE__ */ jsx32("b", { children: merchantName || "merchant" }),
                       " permission to charge this bank account for agreed-upon purchases in the future."