@fractalpay/fractalpay-next-dev 0.0.265 → 0.0.266

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.265",
+      version: "0.0.266",
       private: false,
       type: "module",
       scripts: {
@@ -218,8 +218,8 @@ var LoaderStyle_default = LoaderStyle;
 
 // src/app/components/Loader/Loader.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Loader = (_a18) => {
-  var _b = _a18, { intensity = "light" } = _b, props = __objRest(_b, ["intensity"]);
+var Loader = (_a) => {
+  var _b = _a, { intensity = "light" } = _b, props = __objRest(_b, ["intensity"]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx2(LoaderStyle_default, {}),
     (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
@@ -234,6 +234,7 @@ var Loader_default = Loader;
 
 // src/app/components/baseurl.ts
 var { name } = require_package();
+var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
 if (name === "@fractalpay/fractalpay-next-dev") {
   masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
   baseUrl = "https://dev-widget.fractalpay.com/";
@@ -921,57 +922,6 @@ var RequestPaymentstyles = (props) => {
 };
 var RequestPaymentstyles_default = RequestPaymentstyles;
 
-// src/app/assets/mc-img.svg
-var mc_img_default = "./mc-img-DOAGH63G.svg";
-
-// src/app/assets/visa-img.svg
-var visa_img_default = "./visa-img-FX6P7OM3.svg";
-
-// src/app/assets/ae-img.svg
-var ae_img_default = "./ae-img-YGFM7U63.svg";
-
-// src/app/assets/discover-img.svg
-var discover_img_default = "./discover-img-4LBHC4QG.svg";
-
-// src/app/assets/diners .svg
-var diners_default = "./diners -E7MCWLBM.svg";
-
-// src/app/assets/card.svg
-var card_default = "./card-OY3NFHAU.svg";
-
-// src/app/assets/bank.svg
-var bank_default = "./bank-ORJOWIKR.svg";
-
-// src/app/assets/Trash.svg
-var Trash_default = "./Trash-CXFDX4J7.svg";
-
-// src/app/assets/secure-img.png
-var secure_img_default = "./secure-img-2LN4T2VC.png";
-
-// src/app/assets/pov-by.png
-var pov_by_default = "./pov-by-HJTCZPLY.png";
-
-// src/app/assets/pax .svg
-var pax_default = "./pax -D32QY2OJ.svg";
-
-// src/app/assets/Bank _New .svg
-var Bank_New_default = "./Bank _New -7ETJECPL.svg";
-
-// src/app/assets/defualtcardborder.svg
-var defualtcardborder_default = "./defualtcardborder-QWPWXH7C.svg";
-
-// src/app/assets/unionpay .svg
-var unionpay_default = "./unionpay -CUBJOHCJ.svg";
-
-// src/app/assets/jcb .svg
-var jcb_default = "./jcb -KAINEC2U.svg";
-
-// src/app/assets/cardicon .svg
-var cardicon_default = "./cardicon -UJZTSHHL.svg";
-
-// src/app/assets/bankicon .svg
-var bankicon_default = "./bankicon -VNYVTOJ6.svg";
-
 // src/app/utils/Common.js
 var isValidJson = (jsonString) => {
   try {
@@ -999,40 +949,17 @@ function formatUSD(num) {
     maximumFractionDigits: 2
   }).format(value);
 }
-var _a;
-var mastercard = (_a = mc_img_default) == null ? void 0 : _a.src;
-var _a2;
-var visa = (_a2 = visa_img_default) == null ? void 0 : _a2.src;
-var _a3;
-var americanexp = (_a3 = ae_img_default) == null ? void 0 : _a3.src;
-var _a4;
-var discover = (_a4 = discover_img_default) == null ? void 0 : _a4.src;
-var _a5;
-var defaultcard = (_a5 = card_default) == null ? void 0 : _a5.src;
-var _a6;
-var bank = (_a6 = bank_default) == null ? void 0 : _a6.src;
-var _a7;
-var trash = (_a7 = Trash_default) == null ? void 0 : _a7.src;
-var _a8;
-var secure = (_a8 = secure_img_default) == null ? void 0 : _a8.src;
-var _a9;
-var pov = (_a9 = pov_by_default) == null ? void 0 : _a9.src;
-var _a10;
-var pax = (_a10 = pax_default) == null ? void 0 : _a10.src;
-var _a11;
-var bankNew = (_a11 = Bank_New_default) == null ? void 0 : _a11.src;
-var _a12;
-var defualtcardborder = (_a12 = defualtcardborder_default) == null ? void 0 : _a12.src;
-var _a13;
-var unionicon = (_a13 = unionpay_default) == null ? void 0 : _a13.src;
-var _a14;
-var dinersicon = (_a14 = diners_default) == null ? void 0 : _a14.src;
-var _a15;
-var jcbicon = (_a15 = jcb_default) == null ? void 0 : _a15.src;
-var _a16;
-var bankicon = (_a16 = bankicon_default) == null ? void 0 : _a16.src;
-var _a17;
-var cardicon = (_a17 = cardicon_default) == null ? void 0 : _a17.src;
+var mastercard = S3Url + "widget/mc-img.svg";
+var visa = S3Url + "widget/visa-img.svg";
+var americanexp = S3Url + "widget/ae-img.svg";
+var discover = S3Url + "widget/discover-img.svg";
+var defaultcard = S3Url + "widget/card.svg";
+var bank = S3Url + "widget/bank.svg";
+var trash = S3Url + "widget/Trash.svg";
+var secure = S3Url + "widget/secure-img.png";
+var pov = S3Url + "widget/pov-by.png";
+var pax = S3Url + "widget/pax.svg";
+var bankNew = S3Url + "widget/Bank _New.svg";
 var getCardType = (card) => {
   let card_type = card == null ? void 0 : card.toLowerCase();
   switch (card_type) {
@@ -3049,8 +2976,8 @@ var socketClient_default = socket;
 
 // src/app/components/Atoms/CardBankRadio/CardBankRadio.tsx
 import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
-var CardBankRadio = (_a18) => {
-  var _b = _a18, { skydesign = false, savingsText } = _b, props = __objRest(_b, ["skydesign", "savingsText"]);
+var CardBankRadio = (_a) => {
+  var _b = _a, { skydesign = false, savingsText } = _b, props = __objRest(_b, ["skydesign", "savingsText"]);
   const savingsBadgeClass = `frac-saving-badge ${skydesign ? "frac-saving-badge-corner" : "frac-saving-badge-corner frac-saving-badge-with-radio"}`;
   return /* @__PURE__ */ jsx13(Fragment7, { children: /* @__PURE__ */ jsx13(
     "div",
@@ -3191,6 +3118,7 @@ function CardBankRadioStyles({}) {
 // src/app/components/Atoms/CardList/CardList.tsx
 import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var CardList = ({ listHeading = "Card", ListItems, selectedCard, setSelectedCard, paymentGateway, handleDeleteCard, otherButtonAction, otherButtonLabel, headingClass }) => {
+  let trash2 = S3Url + "widget/Trash.svg";
   return /* @__PURE__ */ jsxs8(Fragment8, { children: [
     /* @__PURE__ */ jsx15("h6", { className: headingClass || "card-ach-heading", style: { marginBottom: "10px !important" }, children: listHeading }),
     /* @__PURE__ */ jsxs8("div", { className: "card-lint-div-in", children: [
@@ -3225,7 +3153,7 @@ var CardList = ({ listHeading = "Card", ListItems, selectedCard, setSelectedCard
           ] }),
           /* @__PURE__ */ jsxs8("div", { className: "card-number-radio", children: [
             /* @__PURE__ */ jsx15("span", { className: "visa-card", children: /* @__PURE__ */ jsx15("img", { src: getCardType(card == null ? void 0 : card.card_type), alt: "" }) }),
-            /* @__PURE__ */ jsx15("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id), children: /* @__PURE__ */ jsx15("img", { src: trash, alt: "" }) })
+            /* @__PURE__ */ jsx15("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id), children: /* @__PURE__ */ jsx15("img", { src: trash2, alt: "" }) })
           ] })
         ] }, card == null ? void 0 : card.id);
       })) }),
@@ -3242,7 +3170,7 @@ import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-ru
 var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax, headingClass }) => {
   return /* @__PURE__ */ jsxs9(Fragment9, { children: [
     /* @__PURE__ */ jsx16("h6", { className: headingClass || "card-ach-heading", style: { marginBottom: "10px !important" }, children: listHeading }),
-    /* @__PURE__ */ jsx16("div", { className: "card-lint-div-in", children: /* @__PURE__ */ jsx16("div", { className: "card-list-div", children: ListItems && (ListItems == null ? void 0 : ListItems.length) > 0 && (ListItems == null ? void 0 : ListItems.map((pax3, index) => {
+    /* @__PURE__ */ jsx16("div", { className: "card-lint-div-in", children: /* @__PURE__ */ jsx16("div", { className: "card-list-div", children: ListItems && (ListItems == null ? void 0 : ListItems.length) > 0 && (ListItems == null ? void 0 : ListItems.map((pax2, index) => {
       return /* @__PURE__ */ jsxs9("div", { className: "card-list-single-div", children: [
         /* @__PURE__ */ jsxs9("div", { className: "card-number-radio", children: [
           /* @__PURE__ */ jsx16(
@@ -3252,14 +3180,14 @@ var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax,
               className: "cardRadio",
               name: "selected_reader",
               id: "",
-              checked: (selectedPax == null ? void 0 : selectedPax.id) === (pax3 == null ? void 0 : pax3.id),
-              onChange: (e) => setSlectedPax(pax3)
+              checked: (selectedPax == null ? void 0 : selectedPax.id) === (pax2 == null ? void 0 : pax2.id),
+              onChange: (e) => setSlectedPax(pax2)
             }
           ),
-          /* @__PURE__ */ jsx16("label", { htmlFor: "", className: "card-number-last-four", children: pax3 == null ? void 0 : pax3.device_name })
+          /* @__PURE__ */ jsx16("label", { htmlFor: "", className: "card-number-last-four", children: pax2 == null ? void 0 : pax2.device_name })
         ] }),
         /* @__PURE__ */ jsx16("div", { className: "card-number-radio", children: /* @__PURE__ */ jsx16("span", { className: "visa-card", children: /* @__PURE__ */ jsx16("img", { src: pax, alt: "" }) }) })
-      ] }, pax3 == null ? void 0 : pax3.id);
+      ] }, pax2 == null ? void 0 : pax2.id);
     })) }) })
   ] });
 };
@@ -3306,9 +3234,9 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
     instance.mountField("cvv", "cvv");
     console.log("Fractal fields mounted");
     return () => {
-      var _a18;
+      var _a;
       try {
-        (_a18 = instance.destroy) == null ? void 0 : _a18.call(instance);
+        (_a = instance.destroy) == null ? void 0 : _a.call(instance);
       } catch (err) {
       }
       tokenizerRef.current = null;
@@ -3628,7 +3556,7 @@ var DataCapFields = ({
 // src/app/components/Charge/GetPaymentPage.tsx
 import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 function GetPaymentPage(props) {
-  var _a18, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   const [loading, setLoading] = useState4(false);
   const [loadingIframe, setLoadingIframe] = useState4(false);
   const [loading2, setLoading2] = useState4(false);
@@ -3646,6 +3574,16 @@ function GetPaymentPage(props) {
   const [isBankConsentChecked, setIsBankConsentChecked] = useState4(false);
   const [errorBankConsent, setErrorBankConsent] = useState4("");
   const fractalpayClientKey = props.merchantPublicKey;
+  let mastercard2 = S3Url + "widget/mc-img.svg";
+  let visa2 = S3Url + "widget/visa-img.svg";
+  let americanexp2 = S3Url + "widget/ae-img.svg";
+  let discover2 = S3Url + "widget/discover-img.svg";
+  let defaultcard2 = S3Url + "widget/card.svg";
+  let trash2 = S3Url + "widget/Trash.svg";
+  let bank2 = S3Url + "widget/bank.svg";
+  let secure2 = S3Url + "widget/secure-img.png";
+  let pov2 = S3Url + "widget/pov-by.png";
+  let pax2 = S3Url + "widget/pax.svg";
   const [cardData, setCardData] = useState4();
   const [cardError, setCardError] = useState4({});
   const [achData, setAchData] = useState4();
@@ -3783,11 +3721,11 @@ function GetPaymentPage(props) {
     }));
   };
   const handleCardNumberChange = (e) => {
-    var _a19;
+    var _a2;
     const input = e.target;
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a19 = input.selectionStart) != null ? _a19 : 0
+      (_a2 = input.selectionStart) != null ? _a2 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -3832,19 +3770,19 @@ function GetPaymentPage(props) {
     }));
   };
   const validateCardData = () => {
-    var _a19, _b2;
+    var _a2, _b2;
     const errors = {};
     const data = cardData;
-    if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
     if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
     setCardError(errors);
     return Object.keys(errors).length > 0;
   };
   const validateAchData = () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     const errors = {};
     const data = achData;
-    if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
+    if (!((_a2 = data == null ? void 0 : data.name) == null ? void 0 : _a2.trim())) errors.name = "Name is required";
     if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
     if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
     if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
@@ -3862,7 +3800,7 @@ function GetPaymentPage(props) {
     return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const submitFunc = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
+    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) {
@@ -3943,7 +3881,7 @@ function GetPaymentPage(props) {
                   let tokenizeData;
                   try {
                     tokenizeData = await tokenizerRef.current.createToken({
-                      public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.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),
+                      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
                     });
                   } catch (err) {
@@ -3974,11 +3912,11 @@ function GetPaymentPage(props) {
                   };
                   socketClient_default.emit("sendMessage", requestOptions2);
                   socketClient_default.on("chargeviafractalgateway", (data) => {
-                    var _a20;
+                    var _a3;
                     if (isValidJson(data == null ? void 0 : data.data)) {
                       let paymentRes = JSON.parse(data == null ? void 0 : data.data);
                       if (paymentRes == null ? void 0 : paymentRes.result) {
-                        setTranId((_a20 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a20.transactionId);
+                        setTranId((_a3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a3.transactionId);
                         setSuccess(true);
                         setLoading2(false);
                       } else {
@@ -4041,7 +3979,7 @@ function GetPaymentPage(props) {
         }, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken });
         socketClient_default.emit("sendMessage", dataForm);
         socketClient_default.on("ach-incoming", (data) => {
-          var _a20;
+          var _a3;
           if ((data == null ? void 0 : data.status) == "Failed") {
             if (typeof (data == null ? void 0 : data.message) == "object") {
               Object.values(data == null ? void 0 : data.message).forEach((message) => {
@@ -4051,7 +3989,7 @@ function GetPaymentPage(props) {
               setError((data == null ? void 0 : data.message) || "Something went wrong");
             }
           } else {
-            setTranId((_a20 = data == null ? void 0 : data.data) == null ? void 0 : _a20.transaction_id);
+            setTranId((_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.transaction_id);
             setSuccess(true);
             setLoading2(false);
           }
@@ -4060,7 +3998,7 @@ function GetPaymentPage(props) {
     }
   };
   const getPaymentDetails = async () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
     showLoader();
     try {
       const data = {
@@ -4070,7 +4008,7 @@ function GetPaymentPage(props) {
         isReader: props == null ? void 0 : props.isReader
       };
       let paymentData2 = await axios3.post(`${baseUrl}get-payment-details`, data);
-      setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
       if (!((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.paymentGateway)) {
         handleClose();
         setError("Something went wrong.");
@@ -4127,7 +4065,7 @@ function GetPaymentPage(props) {
             pass_fee: props == null ? void 0 : props.pass_fee,
             require3ds: false
           }, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken });
-          let _a19 = chargeobj, { isCardSave, pass_fee, require3ds } = _a19, rest = __objRest(_a19, ["isCardSave", "pass_fee", "require3ds"]);
+          let _a2 = chargeobj, { isCardSave, pass_fee, require3ds } = _a2, rest = __objRest(_a2, ["isCardSave", "pass_fee", "require3ds"]);
           let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
           let chargeurl = baseUrl + endpoint;
           const headers = {
@@ -4136,9 +4074,9 @@ function GetPaymentPage(props) {
           setLoading2(true);
           socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
           socketClient_default.on("charge-by-card", (response) => {
-            var _a20;
+            var _a3;
             if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
-              setTranId((_a20 = response.data) == null ? void 0 : _a20.transaction_id);
+              setTranId((_a3 = response.data) == null ? void 0 : _a3.transaction_id);
               setSuccess(true);
               setLoading2(false);
             } else {
@@ -4156,7 +4094,7 @@ function GetPaymentPage(props) {
     }
   };
   const handleChargewithEMV = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     e.currentTarget.blur();
     if (loading2) return;
     let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
@@ -4178,7 +4116,7 @@ function GetPaymentPage(props) {
       };
       try {
         let response = await axios3.post(`${baseUrl}charge-with-reader`, obj);
-        if (((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) == true) {
+        if (((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.result) == true) {
           setTranId((_c2 = (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.transaction_id);
           setSuccess(true);
           setLoading2(false);
@@ -4276,20 +4214,20 @@ function GetPaymentPage(props) {
     let card_type = card == null ? void 0 : card.toLowerCase();
     switch (card_type) {
       case "visa":
-        return visa;
+        return visa2;
       case "mastercard":
       case "mc":
       case "m/c":
-        return mastercard;
+        return mastercard2;
       case "amex":
       case "american express":
       case "ae":
-        return americanexp;
+        return americanexp2;
       case "discover":
       case "dcvr":
-        return discover;
+        return discover2;
       case "bank":
-        return bank;
+        return bank2;
       default:
         return card;
     }
@@ -4353,7 +4291,7 @@ function GetPaymentPage(props) {
                       /* @__PURE__ */ jsxs11("div", { className: "amt-pay-con", children: [
                         /* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
                         /* @__PURE__ */ jsxs11("div", { className: "frac-card-bank-radio-main", children: [
-                          /* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (_a18 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                          /* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (_a = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                           (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(cashDiscount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab }),
                           (props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_c = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Reader", amount: (_d = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _d.toFixed(2), value: "reader", onChange: handletabchange, activetab })
                         ] }),
@@ -4373,8 +4311,8 @@ function GetPaymentPage(props) {
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs11("div", { className: "pay-conatiner-one-last", children: [
-                      /* @__PURE__ */ jsx19("img", { src: secure, alt: "" }),
-                      /* @__PURE__ */ jsx19("img", { src: pov, alt: "" }),
+                      /* @__PURE__ */ jsx19("img", { src: secure2, alt: "" }),
+                      /* @__PURE__ */ jsx19("img", { src: pov2, alt: "" }),
                       "Secure payments powered by Fractal"
                     ] })
                   ] }),
@@ -4409,12 +4347,12 @@ function GetPaymentPage(props) {
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs11("div", { children: [
                           /* @__PURE__ */ jsxs11("div", { children: [
-                            /* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx19("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx19("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx19("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs11("div", { children: [
-                            /* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx19("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx19("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx19("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] })
@@ -4438,12 +4376,12 @@ function GetPaymentPage(props) {
                         ] }),
                         /* @__PURE__ */ jsxs11("div", { children: [
                           /* @__PURE__ */ jsxs11("div", { children: [
-                            /* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx19("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx19("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx19("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs11("div", { children: [
-                            /* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx19("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx19("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx19("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] })
@@ -4458,10 +4396,10 @@ function GetPaymentPage(props) {
                           /* @__PURE__ */ jsx19("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
-                          /* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx19("img", { src: mastercard, width: 33, alt: "" }),
-                          /* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx19("img", { src: discover, width: 33, alt: "" })
+                          /* @__PURE__ */ jsx19("img", { src: visa2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx19("img", { src: mastercard2, width: 33, alt: "" }),
+                          /* @__PURE__ */ jsx19("img", { src: americanexp2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx19("img", { src: discover2, width: 33, alt: "" })
                         ] })
                       ] }),
                       activeinCard === "list" ? /* @__PURE__ */ jsxs11(Fragment11, { children: [
@@ -4833,9 +4771,9 @@ import axios4 from "axios";
 import Swal2 from "sweetalert2";
 import { IoArrowBack as IoArrowBack2 } from "react-icons/io5";
 import { Fragment as Fragment12, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-function PreAuthPayment(_a18) {
-  var _b = _a18, { showButton = true } = _b, props = __objRest(_b, ["showButton"]);
-  var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+function PreAuthPayment(_a) {
+  var _b = _a, { showButton = true } = _b, props = __objRest(_b, ["showButton"]);
+  var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const [loading, setLoading] = useState5(false);
   const [loading2, setLoading2] = useState5(false);
   const [error, setError] = useState5("");
@@ -4877,6 +4815,15 @@ function PreAuthPayment(_a18) {
       });
     }
   }, [props]);
+  let mastercard2 = S3Url + "widget/mc-img.svg";
+  let visa2 = S3Url + "widget/visa-img.svg";
+  let americanexp2 = S3Url + "widget/ae-img.svg";
+  let discover2 = S3Url + "widget/discover-img.svg";
+  let defaultcard2 = S3Url + "widget/card.svg";
+  let trash2 = S3Url + "widget/Trash.svg";
+  let bank2 = S3Url + "widget/bank.svg";
+  let secure2 = S3Url + "widget/secure-img.png";
+  let pov2 = S3Url + "widget/pov-by.png";
   const [cardData, setCardData] = useState5();
   const [cardError, setCardError] = useState5({});
   const [cardList, setCardList] = useState5([]);
@@ -4958,12 +4905,12 @@ function PreAuthPayment(_a18) {
     }));
   };
   const handleCardNumberChange = (e) => {
-    var _a20;
+    var _a3;
     const input = e.target;
     const rawValue = input.value.replace(/\D/g, "");
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a20 = input.selectionStart) != null ? _a20 : 0
+      (_a3 = input.selectionStart) != null ? _a3 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -4976,16 +4923,16 @@ function PreAuthPayment(_a18) {
     });
   };
   const validateCardData = () => {
-    var _a20, _b3;
+    var _a3, _b3;
     const errors = {};
     const data = cardData;
-    if (!((_a20 = data == null ? void 0 : data.cardName) == null ? void 0 : _a20.trim())) errors.cardName = "Card name is required";
+    if (!((_a3 = data == null ? void 0 : data.cardName) == null ? void 0 : _a3.trim())) errors.cardName = "Card name is required";
     if (!((_b3 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b3.trim())) errors.zipCode = "ZIP code is required";
     setCardError(errors);
     return Object.keys(errors).length > 0;
   };
   const submitFunc = async (e) => {
-    var _a20, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n;
+    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -5032,13 +4979,13 @@ function PreAuthPayment(_a18) {
                 };
                 socketClient_default.emit("sendMessage", __spreadValues(__spreadProps(__spreadValues({}, requestOptions), { "isChargePreauth": true }), (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken }));
                 socketClient_default.on("charge-preauth", (data) => {
-                  var _a21;
+                  var _a4;
                   if ((data == null ? void 0 : data.status) == "Failed") {
                     setLoading2(false);
                     setError((data == null ? void 0 : data.message) || "Something went wrong. Please try again later.");
                   } else {
                     setSuccess(true);
-                    setTranId((_a21 = data == null ? void 0 : data.data) == null ? void 0 : _a21.transaction_id);
+                    setTranId((_a4 = data == null ? void 0 : data.data) == null ? void 0 : _a4.transaction_id);
                     setLoading2(false);
                     setCardData({
                       cardName: "",
@@ -5064,7 +5011,7 @@ function PreAuthPayment(_a18) {
                   let tokenizeData;
                   try {
                     tokenizeData = await tokenizerRef.current.createToken({
-                      public_key_pem: ((_b3 = (_a20 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a20.data) == null ? void 0 : _b3.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
+                      public_key_pem: ((_b3 = (_a3 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a3.data) == null ? void 0 : _b3.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
                     });
                   } catch (err) {
@@ -5105,12 +5052,12 @@ function PreAuthPayment(_a18) {
                   };
                   socketClient_default.emit("sendMessage", __spreadValues(__spreadProps(__spreadValues({}, requestOptions2), { "isFractalPreauth": true }), (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken }));
                   socketClient_default.on("fractal-charge-preauth", (data) => {
-                    var _a21;
+                    var _a4;
                     if ((data == null ? void 0 : data.status) == "Failed") {
                       setLoading2(false);
                       setError((data == null ? void 0 : data.message) || "Something went wrong ,  Try again later");
                     } else {
-                      setTranId((_a21 = data == null ? void 0 : data.data) == null ? void 0 : _a21.transaction_id);
+                      setTranId((_a4 = data == null ? void 0 : data.data) == null ? void 0 : _a4.transaction_id);
                       setSuccess(true);
                       setLoading2(false);
                     }
@@ -5146,7 +5093,7 @@ function PreAuthPayment(_a18) {
     }
   };
   const getPaymentDetails = async () => {
-    var _a20, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+    var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
     showLoader();
     try {
       const data = {
@@ -5156,7 +5103,7 @@ function PreAuthPayment(_a18) {
         isReader: (props == null ? void 0 : props.isReader) ? true : false
       };
       let paymentData2 = await axios4.post(`${baseUrl}get-payment-details`, data);
-      setPaymentData((_a20 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a20.data);
+      setPaymentData((_a3 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a3.data);
       if (!((_c2 = (_b3 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b3.data) == null ? void 0 : _c2.paymentGateway)) {
         handleClose();
         setError("Something went wrong.");
@@ -5210,7 +5157,7 @@ function PreAuthPayment(_a18) {
             tax,
             preAuth_id
           };
-          let _a20 = chargeobj, { isCardSave } = _a20, rest = __objRest(_a20, ["isCardSave"]);
+          let _a3 = chargeobj, { isCardSave } = _a3, rest = __objRest(_a3, ["isCardSave"]);
           let endpoint = "authorize-by-card";
           let chargeurl = baseUrl + endpoint;
           const headers = __spreadValues({
@@ -5299,20 +5246,20 @@ function PreAuthPayment(_a18) {
     let card_type = card == null ? void 0 : card.toLowerCase();
     switch (card_type) {
       case "visa":
-        return visa;
+        return visa2;
       case "mastercard":
       case "mc":
       case "m/c":
-        return mastercard;
+        return mastercard2;
       case "amex":
       case "american express":
       case "ae":
-        return americanexp;
+        return americanexp2;
       case "discover":
       case "dcvr":
-        return discover;
+        return discover2;
       case "bank":
-        return bank;
+        return bank2;
       default:
         return card;
     }
@@ -5321,7 +5268,7 @@ function PreAuthPayment(_a18) {
     setActive(id);
   };
   const handleChargewithEMV = async (e) => {
-    var _a20, _b3, _c2, _d2, _e2, _f2;
+    var _a3, _b3, _c2, _d2, _e2, _f2;
     e.currentTarget.blur();
     if (loading2) return;
     let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
@@ -5344,7 +5291,7 @@ function PreAuthPayment(_a18) {
       };
       try {
         let response = await axios4.post(`${baseUrl}charge-with-reader`, obj);
-        if (((_a20 = response == null ? void 0 : response.data) == null ? void 0 : _a20.result) == true) {
+        if (((_a3 = response == null ? void 0 : response.data) == null ? void 0 : _a3.result) == true) {
           setTranId((_c2 = (_b3 = response == null ? void 0 : response.data) == null ? void 0 : _b3.data) == null ? void 0 : _c2.transaction_id);
           setSuccess(true);
           setLoading2(false);
@@ -5413,14 +5360,14 @@ function PreAuthPayment(_a18) {
                       /* @__PURE__ */ jsxs12("div", { className: "amt-pay-con", children: [
                         /* @__PURE__ */ jsx20("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx20("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
                         /* @__PURE__ */ jsxs12("div", { className: "frac-card-bank-radio-main", children: [
-                          /* @__PURE__ */ jsx20(CardBankRadio, { label: "Card", amount: (_a19 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a19.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                          /* @__PURE__ */ jsx20(CardBankRadio, { label: "Card", amount: (_a2 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a2.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                           (props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_b2 = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _b2.length) > 0 && /* @__PURE__ */ jsx20(CardBankRadio, { label: "Reader", amount: (_c = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _c.toFixed(2), value: "reader", onChange: handletabchange, activetab })
                         ] })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs12("div", { className: "pay-conatiner-one-last", children: [
-                      /* @__PURE__ */ jsx20("img", { src: secure, alt: "" }),
-                      /* @__PURE__ */ jsx20("img", { src: pov, alt: "" }),
+                      /* @__PURE__ */ jsx20("img", { src: secure2, alt: "" }),
+                      /* @__PURE__ */ jsx20("img", { src: pov2, alt: "" }),
                       "Secure payments powered by Fractal"
                     ] }),
                     /* @__PURE__ */ jsx20("div", {})
@@ -5434,12 +5381,12 @@ function PreAuthPayment(_a18) {
                         ] }),
                         /* @__PURE__ */ jsxs12("div", { children: [
                           /* @__PURE__ */ jsxs12("div", { children: [
-                            /* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx20("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx20("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx20("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs12("div", { children: [
-                            /* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx20("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx20("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx20("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] }),
@@ -5459,12 +5406,12 @@ function PreAuthPayment(_a18) {
                         ] }),
                         /* @__PURE__ */ jsxs12("div", { children: [
                           /* @__PURE__ */ jsxs12("div", { children: [
-                            /* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx20("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx20("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx20("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs12("div", { children: [
-                            /* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx20("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx20("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx20("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] }),
@@ -5486,10 +5433,10 @@ function PreAuthPayment(_a18) {
                           /* @__PURE__ */ jsx20("h6", { className: "frac-card-payment-heading", children: "Card Authorization" })
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs12("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
-                          /* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx20("img", { src: mastercard, width: 33, alt: "" }),
-                          /* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx20("img", { src: discover, width: 33, alt: "" })
+                          /* @__PURE__ */ jsx20("img", { src: visa2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx20("img", { src: mastercard2, width: 33, alt: "" }),
+                          /* @__PURE__ */ jsx20("img", { src: americanexp2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx20("img", { src: discover2, width: 33, alt: "" })
                         ] })
                       ] }),
                       activeinCard === "list" ? /* @__PURE__ */ jsxs12(Fragment12, { children: [
@@ -6111,7 +6058,7 @@ var SuccessCardMsz_default = SuccessCardMsz;
 // src/app/components/AddCard/AddCardEasyPay.tsx
 import { Fragment as Fragment14, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 function AddCardEasyPay(props) {
-  var _a18, _b;
+  var _a, _b;
   const [loading, setLoading] = useState6(false);
   const [loadingIframe, setLoadingIframe] = useState6(false);
   const [errorIframe, setErrorIframe] = useState6("");
@@ -6179,11 +6126,11 @@ function AddCardEasyPay(props) {
     handleClose();
   };
   const handleCardChange = (field, value) => {
-    var _a19, _b2, _c;
+    var _a2, _b2, _c;
     const name2 = field;
     const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
     if (name2 === "expiryMonth" && (value == null ? void 0 : value.length) === 2) {
-      (_a19 = exp_year_ref == null ? void 0 : exp_year_ref.current) == null ? void 0 : _a19.focus();
+      (_a2 = exp_year_ref == null ? void 0 : exp_year_ref.current) == null ? void 0 : _a2.focus();
     }
     if (name2 === "expiryYear" && (value == null ? void 0 : value.length) === 4) {
       (_b2 = cvv_ref == null ? void 0 : cvv_ref.current) == null ? void 0 : _b2.focus();
@@ -6210,12 +6157,12 @@ function AddCardEasyPay(props) {
     }));
   };
   const handleCardNumberChange = (e) => {
-    var _a19, _b2;
+    var _a2, _b2;
     const input = e.target;
     const rawValue = input.value.replace(/\D/g, "");
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a19 = input.selectionStart) != null ? _a19 : 0
+      (_a2 = input.selectionStart) != null ? _a2 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -6231,15 +6178,15 @@ function AddCardEasyPay(props) {
     });
   };
   const validateCardData = () => {
-    var _a19;
+    var _a2;
     const errors = {};
     const data = cardData;
-    if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
     setCardError(errors);
     return Object.keys(errors).length > 0;
   };
   const getPaymentDetails = async () => {
-    var _a19, _b2, _c;
+    var _a2, _b2, _c;
     showLoader();
     try {
       const data = {
@@ -6248,7 +6195,7 @@ function AddCardEasyPay(props) {
         addcard: true
       };
       let paymentData2 = await axios5.post(`${baseUrl}get-payment-details`, data);
-      setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
       if (!((_c = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c.paymentGateway)) {
         handleClose();
         setError("Something went wrong.");
@@ -6267,7 +6214,7 @@ function AddCardEasyPay(props) {
     }
   }, [props == null ? void 0 : props.merchantPublicKey]);
   const addCardFunc = async (e) => {
-    var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     e.preventDefault();
     e.currentTarget.blur();
     const el = document.activeElement;
@@ -6285,7 +6232,7 @@ function AddCardEasyPay(props) {
         showLoader();
         try {
           let getTokenCallback = async function(token) {
-            var _a20, _b3, _c2;
+            var _a3, _b3, _c2;
             if (token.Error) {
               setError(token.Error);
               hideLoader();
@@ -6299,7 +6246,7 @@ function AddCardEasyPay(props) {
               };
               try {
                 let apiResponse = await axios5.post(`${baseUrl}add-card`, reqData);
-                if ((_a20 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a20.result) {
+                if ((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.result) {
                   setSuccess(true);
                   hideLoader();
                   setCardData({
@@ -6329,7 +6276,7 @@ function AddCardEasyPay(props) {
               let sesionResult = await axios5.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
               try {
                 const tokenizeData = await tokenizerRef.current.createToken({
-                  public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
+                  public_key_pem: ((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
                   session_key: (_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key
                 });
                 const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
@@ -6467,7 +6414,7 @@ function AddCardEasyPay(props) {
                       id: "",
                       name: "zipcode",
                       placeholder: "Zip",
-                      value: (_a18 = cardData == null ? void 0 : cardData.zipCode) != null ? _a18 : "",
+                      value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
                       onChange: (e) => handleCardChange("zipCode", e.target.value)
                     }
                   ),
@@ -6791,9 +6738,9 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
     instance.mountField("cvv", "cvv");
     console.log("Fractal fields mounted");
     return () => {
-      var _a18;
+      var _a;
       try {
-        (_a18 = instance.destroy) == null ? void 0 : _a18.call(instance);
+        (_a = instance.destroy) == null ? void 0 : _a.call(instance);
       } catch (err) {
       }
       tokenizerRef.current = null;
@@ -6866,7 +6813,7 @@ var FractalFieldsAddCardSky_default = FractalFieldsAddCardSky;
 // src/app/components/AddCard/AddCardSky.tsx
 import { Fragment as Fragment16, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function CardOnFile({ session_token, callback, isloading, onCancel, showChecks, merchantName, signCheckbox, checkedSignCheckbox, onCheckSign, cancelbtnClass, savebtnClass, inputClass, isDual, customCSS: customCSS2, height }) {
-  var _a18, _b;
+  var _a, _b;
   const [loading, setLoading] = useState7(false);
   const [errorIframe, setErrorIframe] = useState7("");
   const [loadingIframe, setLoadingIframe] = useState7(false);
@@ -6903,10 +6850,10 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     }
   };
   const validateCardData = () => {
-    var _a19, _b2, _c;
+    var _a2, _b2, _c;
     const errors = {};
     const data = cardData;
-    if (!((_a19 = data == null ? void 0 : data.firstName) == null ? void 0 : _a19.trim())) errors.firstName = "Please enter a first name.";
+    if (!((_a2 = data == null ? void 0 : data.firstName) == null ? void 0 : _a2.trim())) errors.firstName = "Please enter a first name.";
     if (!((_b2 = data == null ? void 0 : data.lastName) == null ? void 0 : _b2.trim())) errors.lastName = "Please enter a last name.";
     if (!((_c = data == null ? void 0 : data.zipCode) == null ? void 0 : _c.trim())) errors.zipCode = "Please enter a zip code.";
     if (signCheckbox && !checkedSignCheckbox) errors.checkSign = "You must authorize this before proceeding.";
@@ -6916,12 +6863,12 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     return Object.keys(errors).length > 0;
   };
   const handleCardNumberChange = (e) => {
-    var _a19;
+    var _a2;
     const input = e.target;
     const rawValue = input.value.replace(/\D/g, "");
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a19 = input.selectionStart) != null ? _a19 : 0
+      (_a2 = input.selectionStart) != null ? _a2 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -6966,7 +6913,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     return validCard && validCVV && validExpirationDate;
   };
   const handleTokenCallback = async (token) => {
-    var _a19, _b2;
+    var _a2, _b2;
     if (token.Error) {
       setError(token.Error);
       hideLoader();
@@ -6978,7 +6925,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
       const updateToken = await axios6.post(`${masterBaseUrl}api/v1/gateway/update/token/${session_token}`, data);
       if ((updateToken == null ? void 0 : updateToken.status) == 200) {
         let respData = __spreadValues(__spreadValues({
-          Token: (_b2 = (_a19 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token,
+          Token: (_b2 = (_a2 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.gateway_token,
           Brand: token.Brand,
           ExpirationMonth: token.ExpirationMonth,
           ExpirationYear: token.ExpirationYear,
@@ -6993,7 +6940,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     }
   };
   const handleFractalTokenFlow = async () => {
-    var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     try {
       const requestOptions = {
         method: "POST",
@@ -7003,7 +6950,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
       let tokenizeData;
       try {
         tokenizeData = await tokenizerRef.current.createToken({
-          public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
+          public_key_pem: ((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
           session_key: (_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key
         });
       } catch (err) {
@@ -7050,7 +6997,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     }
   };
   const handleCardAdd = async (e) => {
-    var _a19, _b2, _c, _d, _e, _f, _g;
+    var _a2, _b2, _c, _d, _e, _f, _g;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -7069,7 +7016,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
         }
       });
       if ((result == null ? void 0 : result.status) == 200) {
-        const gatewayToken = (_b2 = (_a19 = result == null ? void 0 : result.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token;
+        const gatewayToken = (_b2 = (_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.gateway_token;
         const paymentGateway2 = (_d = (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.data) == null ? void 0 : _d.paymentGateway;
         if (paymentGateway2 == ((_e = PaymentMethodKeys) == null ? void 0 : _e.FRACTALKEY)) {
           await handleFractalTokenFlow();
@@ -7112,12 +7059,12 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     onCancel();
   };
   const getPaymentDetails = async () => {
-    var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     try {
       showLoader();
       const res = await axios6.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`);
       if ((res == null ? void 0 : res.status) == 200) {
-        setPaymentGateway((_b2 = (_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.paymentGateway);
+        setPaymentGateway((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.paymentGateway);
         setDCToken((_d = (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.data) == null ? void 0 : _d.dctoken);
         hideLoader();
       }
@@ -7220,7 +7167,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
                 type: "text",
                 name: "zipcode",
                 placeholder: "Zip Code",
-                value: (_a18 = cardData == null ? void 0 : cardData.zipCode) != null ? _a18 : "",
+                value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
                 onChange: (e) => handleCardChange("zipCode", e.target.value),
                 className: inputClass
               }
@@ -7503,7 +7450,7 @@ import { IoArrowBack as IoArrowBack3 } from "react-icons/io5";
 import { NumericFormat } from "react-number-format";
 import { Fragment as Fragment17, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function PartialPayment(props) {
-  var _a18, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const buttonRef = useRef8(null);
   useEffect13(() => {
     if (props.onTriggerPay) {
@@ -7512,6 +7459,16 @@ function PartialPayment(props) {
       });
     }
   }, [props]);
+  let mastercard2 = S3Url + "widget/mc-img.svg";
+  let visa2 = S3Url + "widget/visa-img.svg";
+  let americanexp2 = S3Url + "widget/ae-img.svg";
+  let discover2 = S3Url + "widget/discover-img.svg";
+  let defaultcard2 = S3Url + "widget/card.svg";
+  let trash2 = S3Url + "widget/Trash.svg";
+  let bank2 = S3Url + "widget/bank.svg";
+  let secure2 = S3Url + "widget/secure-img.png";
+  let pov2 = S3Url + "widget/pov-by.png";
+  let pax2 = S3Url + "widget/pax.svg";
   const [loading, setLoading] = useState8(false);
   const [loading2, setLoading2] = useState8(false);
   const [loadingIframe, setLoadingIframe] = useState8(false);
@@ -7681,12 +7638,12 @@ function PartialPayment(props) {
     }));
   };
   const handleCardNumberChange = (e) => {
-    var _a19;
+    var _a2;
     const input = e.target;
     const rawValue = input.value.replace(/\D/g, "");
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a19 = input.selectionStart) != null ? _a19 : 0
+      (_a2 = input.selectionStart) != null ? _a2 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -7731,19 +7688,19 @@ function PartialPayment(props) {
     }));
   };
   const validateCardData = () => {
-    var _a19, _b2;
+    var _a2, _b2;
     const errors = {};
     const data = cardData;
-    if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
     if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
     setCardError(errors);
     return Object.keys(errors).length > 0;
   };
   const validateAchData = () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     const errors = {};
     const data = achData;
-    if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
+    if (!((_a2 = data == null ? void 0 : data.name) == null ? void 0 : _a2.trim())) errors.name = "Name is required";
     if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
     if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
     if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
@@ -7761,7 +7718,7 @@ function PartialPayment(props) {
     return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const submitFunc = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -7782,7 +7739,7 @@ function PartialPayment(props) {
           setLoading2(true);
           try {
             let tokenCallback = async function(response) {
-              var _a20, _b3;
+              var _a3, _b3;
               if (response.Error) {
                 setError(response.Error);
                 setLoading2(false);
@@ -7793,7 +7750,7 @@ function PartialPayment(props) {
                 response.postal_code = postal_code;
                 response.isCardSave = `${saveCardInfo}`;
                 response.isCharge = true;
-                response.posSalesIdEncode = (_a20 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _a20.orderId;
+                response.posSalesIdEncode = (_a3 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _a3.orderId;
                 response.partial_amount = partialAmount && !partialError ? partialAmount : aftertaxAmount;
                 socketClient_default.emit("sendMessage", response);
                 let eventName = (_b3 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _b3.orderId;
@@ -7833,7 +7790,7 @@ function PartialPayment(props) {
                 let sesionResult = await axios7.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
                 try {
                   const tokenizeData = await tokenizerRef.current.createToken({
-                    public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.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),
+                    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
                   });
                   const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
@@ -7860,11 +7817,11 @@ function PartialPayment(props) {
                   };
                   socketClient_default.emit("sendMessage", requestOptions2);
                   socketClient_default.on("chargeviafractalgateway", (data) => {
-                    var _a20;
+                    var _a3;
                     if (isValidJson(data == null ? void 0 : data.data)) {
                       let paymentRes = JSON.parse(data == null ? void 0 : data.data);
                       if (paymentRes == null ? void 0 : paymentRes.result) {
-                        setTranId((_a20 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a20.transactionId);
+                        setTranId((_a3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a3.transactionId);
                         setSuccess(true);
                         setLoading2(false);
                       } else {
@@ -7927,7 +7884,7 @@ function PartialPayment(props) {
         };
         socketClient_default.emit("sendMessage", dataForm);
         socketClient_default.on("ach-incoming", (data) => {
-          var _a20;
+          var _a3;
           if ((data == null ? void 0 : data.status) == "Failed") {
             if (typeof (data == null ? void 0 : data.message) == "object") {
               Object.values(data == null ? void 0 : data.message).forEach((message) => {
@@ -7937,7 +7894,7 @@ function PartialPayment(props) {
               setError((data == null ? void 0 : data.message) || "Something went wrong");
             }
           } else {
-            setTranId((_a20 = data == null ? void 0 : data.data) == null ? void 0 : _a20.transaction_id);
+            setTranId((_a3 = data == null ? void 0 : data.data) == null ? void 0 : _a3.transaction_id);
             setSuccess(true);
             setLoading2(false);
           }
@@ -7946,7 +7903,7 @@ function PartialPayment(props) {
     }
   };
   const getPaymentDetails = async () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
     showLoader();
     try {
       const data = {
@@ -7956,7 +7913,7 @@ function PartialPayment(props) {
         orderGuid: props == null ? void 0 : props.orderGuid
       };
       let paymentData2 = await axios7.post(`${baseUrl}get-payment-details`, data);
-      setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
       if (!((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.paymentGateway)) {
         handleClose();
         setError("Something went wrong.");
@@ -8028,7 +7985,7 @@ function PartialPayment(props) {
           if (partialAmount && !partialError && card_type !== "Bank") {
             chargeobj.ispartialPayment = true;
           }
-          let _a19 = chargeobj, { isCardSave } = _a19, rest = __objRest(_a19, ["isCardSave"]);
+          let _a2 = chargeobj, { isCardSave } = _a2, rest = __objRest(_a2, ["isCardSave"]);
           let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
           let chargeurl = baseUrl + endpoint;
           const headers = {
@@ -8037,9 +7994,9 @@ function PartialPayment(props) {
           setLoading2(true);
           socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
           socketClient_default.on("charge-by-card", (response) => {
-            var _a20;
+            var _a3;
             if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
-              setTranId((_a20 = response.data) == null ? void 0 : _a20.transaction_id);
+              setTranId((_a3 = response.data) == null ? void 0 : _a3.transaction_id);
               setSuccess(true);
               setLoading2(false);
             } else {
@@ -8057,7 +8014,7 @@ function PartialPayment(props) {
     }
   };
   const handleChargewithEMV = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     e.currentTarget.blur();
     if (loading2) return;
     let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
@@ -8079,7 +8036,7 @@ function PartialPayment(props) {
       };
       try {
         let response = await axios7.post(`${baseUrl}charge-with-reader`, obj);
-        if (((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) == true) {
+        if (((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.result) == true) {
           setTranId((_c2 = (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.transaction_id);
           setSuccess(true);
           setLoading2(false);
@@ -8177,20 +8134,20 @@ function PartialPayment(props) {
     let card_type = card == null ? void 0 : card.toLowerCase();
     switch (card_type) {
       case "visa":
-        return visa;
+        return visa2;
       case "mastercard":
       case "mc":
       case "m/c":
-        return mastercard;
+        return mastercard2;
       case "amex":
       case "american express":
       case "ae":
-        return americanexp;
+        return americanexp2;
       case "discover":
       case "dcvr":
-        return discover;
+        return discover2;
       case "bank":
-        return bank;
+        return bank2;
       default:
         return card;
     }
@@ -8201,9 +8158,9 @@ function PartialPayment(props) {
     return diff.toFixed(0);
   };
   const handlePartialChange = (values) => {
-    var _a19, _b2, _c2, _d2;
+    var _a2, _b2, _c2, _d2;
     if (activetab === "ach") {
-      if (((_a19 = Number(cashDiscount)) == null ? void 0 : _a19.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) <= 0) {
+      if (((_a2 = Number(cashDiscount)) == null ? void 0 : _a2.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) <= 0) {
         setPartialAmount(values == null ? void 0 : values.value);
         setPartialError(`Partial amount cannot exceed ${formatUSD((_b2 = Number(cashDiscount)) == null ? void 0 : _b2.toFixed(2))}`);
       } else {
@@ -8280,7 +8237,7 @@ function PartialPayment(props) {
                       /* @__PURE__ */ jsxs17("div", { className: "amt-pay-con", children: [
                         /* @__PURE__ */ jsx28("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
                         /* @__PURE__ */ jsxs17("div", { className: "frac-card-bank-radio-main", children: [
-                          /* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a18 = Number(aftertaxAmount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                          /* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                           (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx28(CardBankRadio, { label: "Bank", amount: (_b = Number(cashDiscount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab })
                         ] }),
                         numberToBoolean(paymentData == null ? void 0 : paymentData.showSurcharge) ? cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) ? /* @__PURE__ */ jsxs17("div", { className: "frac-cash-discount-fee", children: [
@@ -8320,8 +8277,8 @@ function PartialPayment(props) {
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs17("div", { className: "pay-conatiner-one-last", children: [
-                      /* @__PURE__ */ jsx28("img", { src: secure, alt: "" }),
-                      /* @__PURE__ */ jsx28("img", { src: pov, alt: "" }),
+                      /* @__PURE__ */ jsx28("img", { src: secure2, alt: "" }),
+                      /* @__PURE__ */ jsx28("img", { src: pov2, alt: "" }),
                       "Secure payments powered by Fractal"
                     ] })
                   ] }),
@@ -8356,12 +8313,12 @@ function PartialPayment(props) {
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs17("div", { children: [
                           /* @__PURE__ */ jsxs17("div", { children: [
-                            /* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx28("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx28("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx28("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { children: [
-                            /* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx28("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx28("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx28("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] }),
@@ -8398,12 +8355,12 @@ function PartialPayment(props) {
                         ] }),
                         /* @__PURE__ */ jsxs17("div", { children: [
                           /* @__PURE__ */ jsxs17("div", { children: [
-                            /* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx28("img", { src: mastercard, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx28("img", { src: visa2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx28("img", { src: mastercard2, width: 35, alt: "" })
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { children: [
-                            /* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
-                            /* @__PURE__ */ jsx28("img", { src: discover, width: 35, alt: "" })
+                            /* @__PURE__ */ jsx28("img", { src: americanexp2, alt: "", width: 35, style: { paddingRight: "5px" } }),
+                            /* @__PURE__ */ jsx28("img", { src: discover2, width: 35, alt: "" })
                           ] })
                         ] })
                       ] })
@@ -8418,10 +8375,10 @@ function PartialPayment(props) {
                           /* @__PURE__ */ jsx28("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
-                          /* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx28("img", { src: mastercard, width: 33, alt: "" }),
-                          /* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 33 }),
-                          /* @__PURE__ */ jsx28("img", { src: discover, width: 33, alt: "" })
+                          /* @__PURE__ */ jsx28("img", { src: visa2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx28("img", { src: mastercard2, width: 33, alt: "" }),
+                          /* @__PURE__ */ jsx28("img", { src: americanexp2, alt: "", width: 33 }),
+                          /* @__PURE__ */ jsx28("img", { src: discover2, width: 33, alt: "" })
                         ] })
                       ] }),
                       activeinCard === "list" ? /* @__PURE__ */ jsxs17(Fragment17, { children: [
@@ -9623,8 +9580,8 @@ function ThreeDSChallenge({
     iframeRef.current = iframe;
     container.appendChild(iframe);
     const handleMessage = (event) => {
-      var _a18;
-      if (((_a18 = event.data) == null ? void 0 : _a18.type) === "3ds-authentication-challenge-complete") {
+      var _a;
+      if (((_a = event.data) == null ? void 0 : _a.type) === "3ds-authentication-challenge-complete") {
         container.innerHTML = "";
         if (event.data.status === "succeeded") {
           onSuccess(fractalToken, stripeIntentId);
@@ -9654,13 +9611,13 @@ import axios8 from "axios";
 import { useState as useState9 } from "react";
 import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback, hideLoader, handleClose, amount, isPreAuth }) => {
-  var _a18;
+  var _a;
   const stripe = useStripe();
   const elements = useElements();
   const [loading, setLoading] = useState9(false);
   const [message, setMessage] = useState9(null);
   const handleSubmit = async (e) => {
-    var _a19, _b, _c, _d, _e, _f, _g;
+    var _a2, _b, _c, _d, _e, _f, _g;
     e.preventDefault();
     if (!stripe || !elements) {
       console.warn("stripe nopt loaded");
@@ -9691,7 +9648,7 @@ var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback,
               stripe_id: paymentIntent == null ? void 0 : paymentIntent.id
             });
             console.log(chargeDetails, "chargeDetails");
-            if ((_a19 = chargeDetails == null ? void 0 : chargeDetails.data) == null ? void 0 : _a19.result) {
+            if ((_a2 = chargeDetails == null ? void 0 : chargeDetails.data) == null ? void 0 : _a2.result) {
               let callbackdata = (_b = chargeDetails == null ? void 0 : chargeDetails.data) == null ? void 0 : _b.data;
               console.log(callbackdata, "callbackdata");
               callback(__spreadProps(__spreadValues({}, callbackdata), {
@@ -9719,7 +9676,7 @@ var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback,
   };
   return /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsx30(PaymentElement, {}),
-    /* @__PURE__ */ jsx30("button", { className: "pay-button", disabled: loading || !stripe, children: loading ? "Processing..." : `${formatUSD((_a18 = Number(amount)) == null ? void 0 : _a18.toFixed(2))}` })
+    /* @__PURE__ */ jsx30("button", { className: "pay-button", disabled: loading || !stripe, children: loading ? "Processing..." : `${formatUSD((_a = Number(amount)) == null ? void 0 : _a.toFixed(2))}` })
   ] });
 };
 
@@ -9959,9 +9916,9 @@ function GooglePayComponent({
     }
   });
   const handlePaymentAuthorization = async (paymentData) => {
-    var _a18, _b;
+    var _a, _b;
     try {
-      const token = (_b = (_a18 = paymentData == null ? void 0 : paymentData.paymentMethodData) == null ? void 0 : _a18.tokenizationData) == null ? void 0 : _b.token;
+      const token = (_b = (_a = paymentData == null ? void 0 : paymentData.paymentMethodData) == null ? void 0 : _a.tokenizationData) == null ? void 0 : _b.token;
       if (!token) throw new Error("Missing token");
       const parsed = JSON.parse(token);
       console.log(parsed, "parsed token");
@@ -10117,7 +10074,7 @@ function ApplePayButton({
     };
   }
   async function validateMerchant(event) {
-    var _a18;
+    var _a;
     console.log("\u{1F7E1} STEP 1: Merchant validation started");
     try {
       console.log("Validation URL:", event.validationURL);
@@ -10142,7 +10099,7 @@ function ApplePayButton({
       const data = await res.json();
       console.log("RAW session response:", JSON.stringify(data));
       console.log("\u{1F7E2} STEP 3: Session response: data fetched");
-      const merchantSession = (_a18 = data == null ? void 0 : data.data) != null ? _a18 : data;
+      const merchantSession = (_a = data == null ? void 0 : data.data) != null ? _a : data;
       if (!merchantSession || typeof merchantSession !== "object") {
         console.error("\u274C Bad session shape");
         event.complete(null);
@@ -10215,7 +10172,7 @@ function ApplePayButton({
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
 import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_token, customerId, callback, merchantName = "merchant", isPreAuth, surcharge = "0", submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds = false, autoTrigger = false, show, setShow, setHandleCloseRef, isPartial, bankSurcharge, partialRef, loadingPrev = false, orderGuid: ordGuid, remainingAmount: remAmount, onSubmit, onLoad = true, customCSS: customCSS2 }) => {
-  var _a18, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const hasRunRef = useRef12(false);
   const cardFormRef = useRef12(null);
   const bankFormRef = useRef12(null);
@@ -10260,6 +10217,22 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [dcToken, setDCToken] = useState11();
   const [isBankConsentChecked, setIsBankConsentChecked] = useState11(false);
   const [errorBankConsent, setErrorBankConsent] = useState11("");
+  let mastercard2 = S3Url + "widget/mc-img.svg";
+  let visa2 = S3Url + "widget/visa-img.svg";
+  let americanexp2 = S3Url + "widget/ae-img.svg";
+  let discover2 = S3Url + "widget/discover-img.svg";
+  let defaultcard2 = S3Url + "widget/card.svg";
+  let trash2 = S3Url + "widget/Trash.svg";
+  let bank2 = S3Url + "widget/bank.svg";
+  let secure2 = S3Url + "widget/secure-img.png";
+  let pov2 = S3Url + "widget/pov-by.png";
+  let pax2 = S3Url + "widget/pax.svg";
+  let cardicon = S3Url + "widget/cardicon.svg";
+  let bankicon = S3Url + "widget/bankicon.svg";
+  let defualtcardborder = S3Url + "widget/defualtcardborder.svg";
+  let unionicon = S3Url + "widget/unionpay.svg";
+  let dinersicon = S3Url + "widget/diners.svg";
+  let jcbicon = S3Url + "widget/jcb.svg";
   const showLoader = () => setLoading(true);
   const hideLoader = () => setLoading(false);
   const CalculateCashDiscount = (amount2, surcharge2) => {
@@ -10294,7 +10267,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const handleCharge = async (data) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     try {
       let dataObj = __spreadValues(__spreadValues({
         pass_fee_amount: Number(amount) - cashDiscount,
@@ -10319,7 +10292,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         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 ((_a19 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _a19.result) {
+      if ((_a2 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _a2.result) {
         let callbackdata = {
           // 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 })
@@ -10339,7 +10312,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const handlePreAuth = async (data) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     try {
       let dataObj = __spreadValues({
         Token: data == null ? void 0 : data.Token,
@@ -10354,7 +10327,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         }
       } : null);
       const preAuthResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/preauth/${session_token}`, dataObj);
-      if ((_a19 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _a19.result) {
+      if ((_a2 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _a2.result) {
         let addCard;
         let callbackdata = {
           // cardDetails: { ...addCard, ...data },
@@ -10375,7 +10348,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const handleTokenCallback = async (token) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     if (token.Error) {
       setError(token.Error);
       callback({
@@ -10391,7 +10364,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         const updateToken = await axios9.post(`${masterBaseUrl}api/v1/gateway/update/token/${session_token}`, data);
         if ((updateToken == null ? void 0 : updateToken.status) == 200) {
           let respData = {
-            Token: (_b2 = (_a19 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token,
+            Token: (_b2 = (_a2 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.gateway_token,
             Brand: token.Brand,
             ExpirationMonth: token.ExpirationMonth,
             ExpirationYear: token.ExpirationYear,
@@ -10423,10 +10396,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     setActive(id);
   };
   const validateAchData = () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     const errors = {};
     const data = achData;
-    if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
+    if (!((_a2 = data == null ? void 0 : data.name) == null ? void 0 : _a2.trim())) errors.name = "Name is required";
     if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
     if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
     if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
@@ -10444,7 +10417,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const completeFractalFlow = async (tokenizeData, intentid, typeoftoken) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     try {
       if (typeoftoken == "google_pay" || typeoftoken == "apple_pay") {
         handleCharge({
@@ -10462,7 +10435,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         typeoftoken
       });
       if ((verifyandsaveresp == null ? void 0 : verifyandsaveresp.status) == 200) {
-        let responsetemp = (_a19 = verifyandsaveresp == null ? void 0 : verifyandsaveresp.data) == null ? void 0 : _a19.data;
+        let responsetemp = (_a2 = verifyandsaveresp == null ? void 0 : verifyandsaveresp.data) == null ? void 0 : _a2.data;
         let respData = {
           Token: responsetemp.gateway_token,
           Brand: responsetemp.card_data.brand,
@@ -10491,7 +10464,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const handleFractalTokenFlow = async () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A;
     try {
       const requestOptions = {
         method: "POST",
@@ -10499,7 +10472,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       };
       let sesionResult = await axios9.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
       let objtokenize = {
-        public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.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),
+        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;
@@ -10588,10 +10561,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const validateCardData = () => {
-    var _a19, _b2;
+    var _a2, _b2;
     const errors = {};
     const data = cardData;
-    if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
     if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
     setCardError(errors);
     return Object.keys(errors).length > 0;
@@ -10608,7 +10581,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     return validCard && validCVV && validExpirationDate;
   };
   const submitFunc = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
+    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) {
@@ -10636,7 +10609,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         }
       });
       if ((result == null ? void 0 : result.status) == 200) {
-        let gatewayToken = (_b2 = (_a19 = result == null ? void 0 : result.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token;
+        let gatewayToken = (_b2 = (_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.gateway_token;
         let paymentGateway2 = (_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.paymentGateway;
         if (activetab !== "ach") {
           if (paymentGateway2 == ((_e2 = PaymentMethodKeys) == null ? void 0 : _e2.FRACTALKEY)) {
@@ -10695,12 +10668,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             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 _a20;
+                var _a3;
                 setError(message || "Something went wrong");
                 callback({
                   error: message || "Something went wrong!",
                   result: (data == null ? void 0 : data.result) || false,
-                  statusCode: (_a20 = error2 == null ? void 0 : error2.response) == null ? void 0 : _a20.status
+                  statusCode: (_a3 = error2 == null ? void 0 : error2.response) == null ? void 0 : _a3.status
                 });
               });
             } else {
@@ -10747,12 +10720,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }));
   };
   const handleCardNumberChange = (e) => {
-    var _a19;
+    var _a2;
     const input = e.target;
     const rawValue = input.value.replace(/\D/g, "");
     const { formatted, cursor } = formatCardNumberWithCursor(
       input.value,
-      (_a19 = input.selectionStart) != null ? _a19 : 0
+      (_a2 = input.selectionStart) != null ? _a2 : 0
     );
     setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
       cardNumber: ""
@@ -10857,7 +10830,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     setErrorBankConsent("");
   };
   const getCardList = async () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     showLoader();
     try {
       const data = {
@@ -10865,7 +10838,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         "customerId": customerId
       };
       let cardListData = await axios9.post(`${masterBaseUrl}api/v1/gateway/card-list/${session_token}`, data);
-      let savedpaymentsList = ((_b2 = (_a19 = cardListData == null ? void 0 : cardListData.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.cardList) || [];
+      let savedpaymentsList = ((_b2 = (_a2 = cardListData == null ? void 0 : cardListData.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.cardList) || [];
       let banklists = savedpaymentsList == null ? void 0 : savedpaymentsList.filter((card) => (card == null ? void 0 : card.card_type) == "Bank");
       let cardlists = savedpaymentsList == null ? void 0 : savedpaymentsList.filter((card) => (card == null ? void 0 : card.card_type) !== "Bank");
       if (cardlists && (cardlists == null ? void 0 : cardlists.length) > 0) {
@@ -10895,6 +10868,28 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setError(((_i2 = (_h2 = err == null ? void 0 : err.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.message) || (err == null ? void 0 : err.message) || "Something went wrong");
     }
   };
+  const getCardType2 = (card) => {
+    let card_type = card == null ? void 0 : card.toLowerCase();
+    switch (card_type) {
+      case "visa":
+        return visa2;
+      case "mastercard":
+      case "mc":
+      case "m/c":
+        return mastercard2;
+      case "amex":
+      case "american express":
+      case "ae":
+        return americanexp2;
+      case "discover":
+      case "dcvr":
+        return discover2;
+      case "bank":
+        return bank2;
+      default:
+        return card;
+    }
+  };
   const handleDeleteCard = async (cardId) => {
     Swal5.fire({
       icon: "warning",
@@ -10911,7 +10906,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         icon: "custom-swal-icon"
       }
     }).then(async (result) => {
-      var _a19, _b2;
+      var _a2, _b2;
       if (result.isConfirmed) {
         setLoading2(true);
         try {
@@ -10920,7 +10915,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             customer_id: customerId
           };
           const res = await axios9.patch(`${masterBaseUrl}api/v1/gateway/delete-card/${session_token}`, obj);
-          if ((_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.result) {
+          if ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.result) {
             setLoading2(false);
             getCardList();
             Swal5.fire({
@@ -10977,7 +10972,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     });
   };
   const handlechargeCustomer = async (e) => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     e == null ? void 0 : e.currentTarget.blur();
     if (loading) return;
     let customer_id = customerId;
@@ -11012,7 +11007,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
           try {
             showLoader();
             const response = await axios9.post(chargeurl, chargeobj);
-            if ((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) {
+            if ((_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.result) {
               callback({ callback: __spreadProps(__spreadValues({}, (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data), { isPreAuth }) });
               hideLoader();
               handleClose();
@@ -11046,7 +11041,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const getPaymentDetails = async () => {
-    var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
     try {
       showLoader();
       const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`, {
@@ -11056,7 +11051,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         }
       });
       if ((res == null ? void 0 : res.status) == 200) {
-        setIsBankActive((_b2 = (_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.isBankActive);
+        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);
         setPaymentGateway((_f2 = (_e2 = res == null ? void 0 : res.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.paymentGateway);
         setDCToken((_h2 = (_g2 = res == null ? void 0 : res.data) == null ? void 0 : _g2.data) == null ? void 0 : _h2.dctoken);
@@ -11074,7 +11069,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   };
   const crateOrderFrac = async () => {
-    var _a19, _b2, _c2, _d2, _e2;
+    var _a2, _b2, _c2, _d2, _e2;
     if (orderLoader) return;
     setOrderLoader(true);
     try {
@@ -11089,7 +11084,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         require3ds,
         isPartial
       });
-      if ((_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.result) {
+      if ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.result) {
         setOrderLoader(false);
         setOrderGuid((_c2 = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.orderGuid);
         setRemainingAmount((_e2 = (_d2 = res == null ? void 0 : res.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.remainingAmount);
@@ -11182,8 +11177,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     }
   }, []);
   const handlePartialChange = (values) => {
-    var _a19, _b2;
-    if (((_a19 = Number(remainingAmount || remAmount)) == null ? void 0 : _a19.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) < 0) {
+    var _a2, _b2;
+    if (((_a2 = Number(remainingAmount || remAmount)) == null ? void 0 : _a2.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) < 0) {
       setPartialAmount(values == null ? void 0 : values.value);
       setPartialError(`Partial amount cannot exceed ${formatUSD((_b2 = Number(remainingAmount || remAmount)) == null ? void 0 : _b2.toFixed(2))}`);
     } else if ((values == null ? void 0 : values.floatValue) == 0) {
@@ -11213,11 +11208,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     };
   }, [activeinBank, activeinCard, activetab]);
   const submit = useCallback(() => {
-    var _a19, _b2;
+    var _a2, _b2;
     const { activeinBank: activeinBank2, activeinCard: activeinCard2, activetab: activetab2 } = stateRef.current;
     if (activetab2 === "card") {
       if (activeinCard2 === "form") {
-        (_a19 = cardFormRef.current) == null ? void 0 : _a19.requestSubmit();
+        (_a2 = cardFormRef.current) == null ? void 0 : _a2.requestSubmit();
       } else if (activeinCard2 === "list") {
         handlechargeCustomer();
       }
@@ -11255,13 +11250,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     const cardType = detectCardType(cardInput);
     switch (cardType) {
       case "visa":
-        return /* @__PURE__ */ jsx36("img", { src: visa, alt: "visa", width: 33 });
+        return /* @__PURE__ */ jsx36("img", { src: visa2, alt: "visa", width: 33 });
       case "mastercard":
-        return /* @__PURE__ */ jsx36("img", { src: mastercard, width: 33, alt: "mastercard" });
+        return /* @__PURE__ */ jsx36("img", { src: mastercard2, width: 33, alt: "mastercard" });
       case "amex":
-        return /* @__PURE__ */ jsx36("img", { src: americanexp, alt: "amex", width: 33 });
+        return /* @__PURE__ */ jsx36("img", { src: americanexp2, alt: "amex", width: 33 });
       case "discover":
-        return /* @__PURE__ */ jsx36("img", { src: discover, width: 33, alt: "discover" });
+        return /* @__PURE__ */ jsx36("img", { src: discover2, width: 33, alt: "discover" });
       case "diners":
         return /* @__PURE__ */ jsx36("img", { src: dinersicon, alt: "Diners Club" });
       case "jcb":
@@ -11313,7 +11308,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                 /* @__PURE__ */ jsx36("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
                   /* @__PURE__ */ jsx36("small", { className: "pay-payment-amount", children: "Select payment type" }),
                   /* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
-                    /* @__PURE__ */ jsx36(CardBankRadio, { label: "Card", amount: (_a18 = Number(amount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                    /* @__PURE__ */ jsx36(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                     !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx36(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
                   ] }),
                   isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
@@ -11347,8 +11342,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-last", children: [
-                /* @__PURE__ */ jsx36("img", { src: secure, alt: "" }),
-                /* @__PURE__ */ jsx36("img", { src: pov, alt: "" }),
+                /* @__PURE__ */ jsx36("img", { src: secure2, alt: "" }),
+                /* @__PURE__ */ jsx36("img", { src: pov2, alt: "" }),
                 "Secure payments powered by Fractal"
               ] })
             ] }),
@@ -11391,10 +11386,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       /* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
                     ] }),
                     /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
-                      /* @__PURE__ */ jsx36("img", { src: visa, alt: "", width: 33 }),
-                      /* @__PURE__ */ jsx36("img", { src: mastercard, width: 33, alt: "" }),
-                      /* @__PURE__ */ jsx36("img", { src: americanexp, alt: "", width: 33 }),
-                      /* @__PURE__ */ jsx36("img", { src: discover, width: 33, alt: "" })
+                      /* @__PURE__ */ jsx36("img", { src: visa2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx36("img", { src: mastercard2, width: 33, alt: "" }),
+                      /* @__PURE__ */ jsx36("img", { src: americanexp2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx36("img", { src: discover2, width: 33, alt: "" })
                     ] })
                   ] }),
                   activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
@@ -11835,14 +11830,14 @@ var PaymentWidget = ({
     }
   }, [show, initialCommonProps]);
   const getskyosOrderDetails = async () => {
-    var _a18;
+    var _a;
     setLoading(true);
     try {
       const res = await axios10.get(
         `${masterBaseUrl}api/v1/gateway/get-order-details/${session_token}`,
         { params: { isPartial, partialRef } }
       );
-      if ((_a18 = res == null ? void 0 : res.data) == null ? void 0 : _a18.result) {
+      if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.result) {
         const data = res.data.data;
         if (data == null ? void 0 : data.orderGuid) {
           setOrderGuid(data == null ? void 0 : data.orderGuid);
@@ -12347,14 +12342,14 @@ var EmbeddedCheckout = ({
     }
   }, [show, initialCommonProps]);
   const getskyosOrderDetails = async () => {
-    var _a18;
+    var _a;
     setLoading(true);
     try {
       const res = await axios11.get(
         `${masterBaseUrl}api/v1/gateway/get-order-details/${session_token}`,
         { params: { isPartial, partialRef } }
       );
-      if ((_a18 = res == null ? void 0 : res.data) == null ? void 0 : _a18.result) {
+      if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.result) {
         const data = res.data.data;
         if (data == null ? void 0 : data.orderGuid) {
           setOrderGuid(data == null ? void 0 : data.orderGuid);