@fractalpay/fractalpay-next-dev 0.0.215 → 0.0.217

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-dev",
-      version: "0.0.215",
+      version: "0.0.217",
       private: false,
       type: "module",
       scripts: {
@@ -3168,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: [
@@ -3209,7 +3209,7 @@ 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: [
@@ -3218,7 +3218,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           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(
@@ -3226,7 +3226,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           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(
@@ -3234,7 +3234,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           id: "cvv",
           className: "form-control card-cvv-in required",
-          style: { height: "36px" }
+          style: { height: "36px", display: "inline-block" }
         }
       ) })
     ] }) })
@@ -5221,7 +5221,7 @@ function PreAuthPayment(_a) {
               setErrorIframe("");
             } }) }),
             success && /* @__PURE__ */ jsx20(SuccessMsz, { onClose: handleClose, tranId }),
-            !error && !success && /* @__PURE__ */ jsxs12(Fragment12, { children: [
+            !error && !success && !errorIframe && /* @__PURE__ */ jsxs12(Fragment12, { children: [
               (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx20(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs12("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx20("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
@@ -6226,7 +6226,7 @@ function AddCardEasyPay(props) {
       setErrorIframe("");
     } }) }),
     success && /* @__PURE__ */ jsx24(SuccessCardMsz_default, { onClose: handleCloseSeccess }),
-    !error && !success && /* @__PURE__ */ jsx24(Fragment14, { children: /* @__PURE__ */ jsx24(
+    !error && !success && !errorIframe && /* @__PURE__ */ jsx24(Fragment14, { children: /* @__PURE__ */ jsx24(
       "div",
       {
         className: "container-creditcard add-card modal-content",
@@ -6631,7 +6631,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" }
         }
       )
     ] }) }),
@@ -6645,7 +6646,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" }
           }
         )
       ] }),
@@ -6658,7 +6660,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" }
           }
         )
       ] }),
@@ -6671,7 +6674,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" }
           }
         )
       ] }),
@@ -6968,7 +6972,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     errorIframe && /* @__PURE__ */ jsx27("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx27(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
       setErrorIframe("");
     } }) }),
-    !error && /* @__PURE__ */ jsx27("div", { className: "creditformbox", children: paymentGateway == 32 ? /* @__PURE__ */ jsxs16("form", { id: "paymentForm", onSubmit: handleCardAdd, onKeyDown: (e) => {
+    !error && !errorIframe && /* @__PURE__ */ jsx27("div", { className: "creditformbox", children: paymentGateway == 32 ? /* @__PURE__ */ jsxs16("form", { id: "paymentForm", onSubmit: handleCardAdd, onKeyDown: (e) => {
       if (e.key === "Enter" && loading) {
         e.preventDefault();
         e.stopPropagation();
@@ -8073,9 +8077,12 @@ function PartialPayment(props) {
           onClose: handleClose,
           children: [
             error && /* @__PURE__ */ jsx28("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx28(ErrorCardMessage_default, { error, onClose: handleClose }) }),
+            errorIframe && /* @__PURE__ */ jsx28("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx28(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
+              setErrorIframe("");
+            } }) }),
             success && /* @__PURE__ */ jsx28(SuccessMsz, { onClose: handleClose, tranId }),
-            !error && !success && /* @__PURE__ */ jsxs17(Fragment17, { children: [
-              (loading || loading2) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 }),
+            !error && !success && !errorIframe && /* @__PURE__ */ jsxs17(Fragment17, { children: [
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx28("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs17("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx28("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
                   /* @__PURE__ */ jsx28("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx28("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
@@ -9563,9 +9570,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,
@@ -9574,106 +9581,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();
     }
@@ -9884,7 +9854,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) {
@@ -9934,7 +9904,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,
@@ -9948,36 +9918,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();
@@ -9985,7 +9939,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;
@@ -10001,7 +9955,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();
@@ -10011,11 +9965,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) => {
@@ -10510,7 +10464,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   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 }) }),
-    !error && /* @__PURE__ */ jsxs19(Fragment18, { children: [
+    errorIframe && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
+      setErrorIframe("");
+    } }) }),
+    !error && !errorIframe && /* @__PURE__ */ jsxs19(Fragment18, { children: [
       (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx32(Loader_default, { loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
       /* @__PURE__ */ jsxs19("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
         /* @__PURE__ */ jsx32("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),