@fractalpay/fractalpay-next-test 0.0.38 → 0.0.40

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-test",
-      version: "0.0.38",
+      version: "0.0.40",
       private: false,
       type: "module",
       scripts: {
@@ -97,7 +97,12 @@ var require_package = __commonJS({
       },
       author: "Mukul",
       license: "MIT",
-      keywords: ["nextjs", "next", "typescript", "tailwindcss"],
+      keywords: [
+        "nextjs",
+        "next",
+        "typescript",
+        "tailwindcss"
+      ],
       publishConfig: {
         access: "public"
       }
@@ -236,8 +241,8 @@ var Loader_default = Loader;
 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/";
+  masterBaseUrl = "https://api.dev.fractalpay.com/";
+  baseUrl = "https://widget.dev.fractalpay.com/";
   fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
   datacapUrl = "https://token-cert.dcap.com/v1/client";
   threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
@@ -1058,9 +1063,10 @@ function RequestPayment(props) {
       let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge);
       setCashDiscount(cash_discount);
     }
-  }, [props == null ? void 0 : props.pass_fee]);
+  }, [props == null ? void 0 : props.pass_fee, show]);
   const handleClose = () => {
     setShow(false);
+    setCashDiscount(0);
     setErrors({});
   };
   const handleShow = () => setShow(true);
@@ -2458,6 +2464,20 @@ position:relative;
             border: 0;
             border-right: 1px solid #dee2e6;
         }
+
+        .frac-fee-text{
+            display: block;
+            padding: 10px 0 4px;
+            font-family: 'IBM Plex Mono', monospace !important;
+            color: #727272 !important;
+            font-size: 12px;
+            line-height: 1.4;
+            text-align: start !important;
+        }
+        .frac-fee-amount{
+            color: #c62828 !important;
+        }
+
         ` });
 }
 
@@ -3298,7 +3318,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           id: "exp_month",
           className: "form-control required card-cvv-in",
-          style: { height: "36px", display: "block", minHeight: "36px" }
+          style: { height: "46px", display: "block", minHeight: "46px" }
         }
       ) }),
       /* @__PURE__ */ jsx17("div", { className: "exp-year form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
@@ -3306,7 +3326,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           id: "exp_year",
           className: "form-control required card-cvv-in",
-          style: { height: "36px", display: "block", minHeight: "36px" }
+          style: { height: "46px", display: "block", minHeight: "46px" }
         }
       ) }),
       /* @__PURE__ */ jsx17("div", { className: "security-digit form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
@@ -3314,7 +3334,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
         {
           id: "cvv",
           className: "form-control card-cvv-in required",
-          style: { height: "36px", display: "block", minHeight: "36px" }
+          style: { height: "46px", display: "block", minHeight: "46px" }
         }
       ) })
     ] }) })
@@ -3595,6 +3615,8 @@ function GetPaymentPage(props) {
   const [selectedCard, setSelectedCard] = useState4();
   const [selectedReader, setSelectedReader] = useState4(void 0);
   const [cashDiscount, setCashDiscount] = useState4(Number(props == null ? void 0 : props.amount));
+  const [bankAmount, setBankAmount] = useState4(Number(props == null ? void 0 : props.amount));
+  const [bankFeeAmount, setBankFeeAmount] = useState4(0);
   const [paymentData, setPaymentData] = useState4();
   let [tranId, setTranId] = useState4("");
   const tokenizerRef = useRef3(null);
@@ -3629,7 +3651,25 @@ function GetPaymentPage(props) {
   useEffect8(() => {
     if (show) {
       let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, (props == null ? void 0 : props.surcharge) || 0);
+      let bankAmount2 = cash_discount;
+      if ((props == null ? void 0 : props.bankFeeAmount) && Number(props == null ? void 0 : props.bankFeeAmount) > 0) {
+        bankAmount2 = Number(cash_discount) + Number(props == null ? void 0 : props.bankFeeAmount);
+      }
+      setBankAmount(bankAmount2);
       setCashDiscount(cash_discount);
+      const cardFeeAmount = Number((Number(props == null ? void 0 : props.amount) - Number(cash_discount || 0)).toFixed(2));
+      const bankFeeAmount2 = Number((props == null ? void 0 : props.bankFeeAmount) || 0);
+      const bankSavingsAmount = Math.max(bankFeeAmount2 > 0 ? cardFeeAmount - bankFeeAmount2 : cardFeeAmount, 0);
+      const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
+      setBankFeeAmount(bankFeeAmount2);
+      console.log({
+        cash_discount,
+        bankAmount: bankAmount2,
+        cardFeeAmount,
+        bankFeeAmount: bankFeeAmount2,
+        bankSavingsAmount,
+        bankSavingsText
+      });
     }
   }, [show, props == null ? void 0 : props.pass_fee, props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge]);
   const handleClose = () => {
@@ -3980,7 +4020,7 @@ function GetPaymentPage(props) {
           routing_number: achData == null ? void 0 : achData.routingNumber,
           bank_name: achData == null ? void 0 : achData.bankName,
           account_type: achData == null ? void 0 : achData.accountType,
-          amount: String(cashDiscount || 0),
+          amount: String(bankAmount || 0),
           isSaveAch: saveACHinfo,
           customer_id: props == null ? void 0 : props.customerId,
           order_id: props == null ? void 0 : props.orderID,
@@ -4062,11 +4102,11 @@ function GetPaymentPage(props) {
     let amount = String(props == null ? void 0 : props.amount);
     let card_id = selectedCard == null ? void 0 : selectedCard.id;
     let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
-    if (fractalpayPublicKey && order_id && amount && cashDiscount) {
+    if (fractalpayPublicKey && order_id && amount && bankAmount) {
       if (customer_id) {
         if (card_id) {
           let chargeobj = __spreadValues({
-            amount: card_type === "Bank" ? `${cashDiscount}` : amount,
+            amount: card_type === "Bank" ? `${bankAmount}` : amount,
             order_id,
             customer_id,
             card_id,
@@ -4305,22 +4345,21 @@ function GetPaymentPage(props) {
                         /* @__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: (_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 }),
+                          (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == 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 })
                         ] }),
-                        !loading && (numberToBoolean(paymentData == null ? void 0 : paymentData.showSurcharge) ? cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) ? /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
-                          /* @__PURE__ */ jsxs11("small", { children: [
-                            activetab === "card" || activetab === "reader" ? "Cash Discount" : "Cash Discount Savings",
-                            "  "
-                          ] }),
-                          /* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
-                        ] }) : null : cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) && (activetab === "card" || activetab === "reader") ? /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
-                          /* @__PURE__ */ jsxs11("small", { children: [
-                            activetab === "card" || activetab === "reader" ? "Surcharge" : null,
-                            "  "
+                        !loading && /* @__PURE__ */ jsxs11("div", { className: "", children: [
+                          activetab == "ach" && bankFeeAmount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
+                            "There is a processing fee of ",
+                            /* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
+                            "."
                           ] }),
-                          /* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
-                        ] }) : null)
+                          (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
+                            "Cards include a fee amount of ",
+                            /* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) }),
+                            "."
+                          ] })
+                        ] })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs11("div", { className: "pay-conatiner-one-last", children: [
@@ -4625,7 +4664,7 @@ function GetPaymentPage(props) {
                         /* @__PURE__ */ jsx19(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
                           setActiveinBank("form");
                         } }),
-                        /* @__PURE__ */ jsx19("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: formatUSD((_n = Number(cashDiscount)) == null ? void 0 : _n.toFixed(2)) }) })
+                        /* @__PURE__ */ jsx19("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: formatUSD((_n = Number(bankAmount)) == null ? void 0 : _n.toFixed(2)) }) })
                       ] }) : /* @__PURE__ */ jsxs11("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
                         if (e.key === "Enter" && loading2) {
                           e.preventDefault();
@@ -4772,7 +4811,7 @@ function GetPaymentPage(props) {
                             errorBankConsentOther && /* @__PURE__ */ jsx19("span", { className: "error-span", children: errorBankConsentOther })
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(cashDiscount)) == null ? void 0 : _v.toFixed(2)) }) })
+                        /* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(bankAmount)) == null ? void 0 : _v.toFixed(2)) }) })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs11("div", { id: "reader", style: { display: activetab === "reader" ? "block" : "none" }, className: "tabcontent", children: [
@@ -7482,7 +7521,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 _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;
+  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;
   const buttonRef = useRef8(null);
   useEffect13(() => {
     if (props.onTriggerPay) {
@@ -8281,10 +8320,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: (_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 })
-                        ] }),
+                        /* @__PURE__ */ jsx28("div", { className: "frac-card-bank-radio-main", children: /* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", 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: [
                           /* @__PURE__ */ jsxs17("small", { children: [
                             activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
@@ -8353,7 +8389,7 @@ function PartialPayment(props) {
                           /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
                           /* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
                             "$",
-                            (_c = Number(aftertaxAmount)) == null ? void 0 : _c.toFixed(2)
+                            (_b = Number(aftertaxAmount)) == null ? void 0 : _b.toFixed(2)
                           ] })
                         ] }),
                         activetab != "ach" && /* @__PURE__ */ jsxs17("div", { children: [
@@ -8395,7 +8431,7 @@ function PartialPayment(props) {
                           /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
                           /* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
                             "$",
-                            (_d = Number(aftertaxAmount)) == null ? void 0 : _d.toFixed(2)
+                            (_c = Number(aftertaxAmount)) == null ? void 0 : _c.toFixed(2)
                           ] })
                         ] }),
                         /* @__PURE__ */ jsxs17("div", { children: [
@@ -8430,7 +8466,7 @@ function PartialPayment(props) {
                         /* @__PURE__ */ jsx28(CardList, { listHeading: "Cards", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
                           setActiveinCard("form");
                         } }),
-                        /* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(aftertaxAmount)) == null ? void 0 : _f.toFixed(2)) }) })
+                        /* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_d = Number(partialAmount)) == null ? void 0 : _d.toFixed(2)) : formatUSD((_e = Number(aftertaxAmount)) == null ? void 0 : _e.toFixed(2)) }) })
                       ] }) : (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 ? /* @__PURE__ */ jsxs17(
                         "form",
                         {
@@ -8474,14 +8510,14 @@ function PartialPayment(props) {
                                     maxLength: 100,
                                     placeholder: "Order Id",
                                     disabled: true,
-                                    value: (_g = props == null ? void 0 : props.orderID) != null ? _g : "",
+                                    value: (_f = props == null ? void 0 : props.orderID) != null ? _f : "",
                                     style: { background: "#F6F6F7", color: "#727272" }
                                   }
                                 )
                               ] }),
                               /* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
                                 /* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
-                                /* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_h = cardData == null ? void 0 : cardData.zipCode) != null ? _h : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
+                                /* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
                                 (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
                               ] }),
                               (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsx28("div", { className: "form-group", children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
@@ -8508,8 +8544,8 @@ function PartialPayment(props) {
                               ] }) })
                             ] }),
                             /* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
-                              (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_i = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _i.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
-                              /* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_j = Number(partialAmount)) == null ? void 0 : _j.toFixed(2)) : formatUSD((_k = Number(aftertaxAmount)) == null ? void 0 : _k.toFixed(2)) })
+                              (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_h = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _h.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
+                              /* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_i = Number(partialAmount)) == null ? void 0 : _i.toFixed(2)) : formatUSD((_j = Number(aftertaxAmount)) == null ? void 0 : _j.toFixed(2)) })
                             ] })
                           ]
                         }
@@ -8548,14 +8584,14 @@ function PartialPayment(props) {
                                 maxLength: 100,
                                 placeholder: "Order Id",
                                 disabled: true,
-                                value: (_l = props == null ? void 0 : props.orderID) != null ? _l : "",
+                                value: (_k = props == null ? void 0 : props.orderID) != null ? _k : "",
                                 style: { background: "#F6F6F7", color: "#727272" }
                               }
                             )
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
                             /* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
-                            /* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_m = cardData == null ? void 0 : cardData.zipCode) != null ? _m : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
+                            /* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_l = cardData == null ? void 0 : cardData.zipCode) != null ? _l : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
                             (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
                           ] }),
                           (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsx28("div", { className: "form-group", children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
@@ -8582,8 +8618,8 @@ function PartialPayment(props) {
                           ] }) })
                         ] }),
                         /* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
-                          (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_n = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _n.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
-                          /* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_o = Number(partialAmount)) == null ? void 0 : _o.toFixed(2)) : formatUSD((_p = Number(aftertaxAmount)) == null ? void 0 : _p.toFixed(2)) })
+                          (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_m = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _m.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
+                          /* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_n = Number(partialAmount)) == null ? void 0 : _n.toFixed(2)) : formatUSD((_o = Number(aftertaxAmount)) == null ? void 0 : _o.toFixed(2)) })
                         ] })
                       ] })
                     ] }),
@@ -8599,7 +8635,7 @@ function PartialPayment(props) {
                         /* @__PURE__ */ jsx28(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
                           setActiveinBank("form");
                         } }),
-                        /* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_q = Number(partialAmount)) == null ? void 0 : _q.toFixed(2)) : formatUSD((_r = Number(cashDiscount)) == null ? void 0 : _r.toFixed(2)) }) })
+                        /* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_p = Number(partialAmount)) == null ? void 0 : _p.toFixed(2)) : formatUSD((_q = Number(cashDiscount)) == null ? void 0 : _q.toFixed(2)) }) })
                       ] }) : /* @__PURE__ */ jsxs17("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
                         if (e.key === "Enter" && loading2) {
                           e.preventDefault();
@@ -8612,7 +8648,7 @@ function PartialPayment(props) {
                         }, children: [
                           /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
                             /* @__PURE__ */ jsx28("label", { htmlFor: "nameonaccount", children: "Name on account" }),
-                            /* @__PURE__ */ jsx28("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_s = achData == null ? void 0 : achData.name) != null ? _s : "", onChange: handleChangeAch }),
+                            /* @__PURE__ */ jsx28("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_r = achData == null ? void 0 : achData.name) != null ? _r : "", onChange: handleChangeAch }),
                             (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
@@ -8626,7 +8662,7 @@ function PartialPayment(props) {
                                 maxLength: 9,
                                 placeholder: "000000000",
                                 name: "routingNumber",
-                                value: (_t = achData == null ? void 0 : achData.routingNumber) != null ? _t : "",
+                                value: (_s = achData == null ? void 0 : achData.routingNumber) != null ? _s : "",
                                 onChange: handleChangeAch
                               }
                             ),
@@ -8643,7 +8679,7 @@ function PartialPayment(props) {
                                 maxLength: 16,
                                 placeholder: "0000000000",
                                 name: "accountNumber",
-                                value: (_u = achData == null ? void 0 : achData.accountNumber) != null ? _u : "",
+                                value: (_t = achData == null ? void 0 : achData.accountNumber) != null ? _t : "",
                                 onChange: handleChangeAch
                               }
                             ),
@@ -8660,7 +8696,7 @@ function PartialPayment(props) {
                                 maxLength: 16,
                                 placeholder: "0000000000",
                                 name: "confirmAccountNumber",
-                                value: (_v = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _v : "",
+                                value: (_u = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _u : "",
                                 onChange: handleChangeAch
                               }
                             ),
@@ -8677,7 +8713,7 @@ function PartialPayment(props) {
                                 maxLength: 100,
                                 placeholder: "My Bank",
                                 name: "bankName",
-                                value: (_w = achData == null ? void 0 : achData.bankName) != null ? _w : "",
+                                value: (_v = achData == null ? void 0 : achData.bankName) != null ? _v : "",
                                 onChange: handleChangeAch
                               }
                             ),
@@ -8694,7 +8730,7 @@ function PartialPayment(props) {
                                 maxLength: 100,
                                 placeholder: "My Company",
                                 name: "companyName",
-                                value: (_x = achData == null ? void 0 : achData.companyName) != null ? _x : "",
+                                value: (_w = achData == null ? void 0 : achData.companyName) != null ? _w : "",
                                 onChange: handleChangeAch
                               }
                             ),
@@ -8702,7 +8738,7 @@ function PartialPayment(props) {
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
                             /* @__PURE__ */ jsx28("label", { htmlFor: "accounttype", children: "Select account type" }),
-                            /* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_y = achData == null ? void 0 : achData.accountType) != null ? _y : "", onChange: handleChangeAch, children: [
+                            /* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_x = achData == null ? void 0 : achData.accountType) != null ? _x : "", onChange: handleChangeAch, children: [
                               /* @__PURE__ */ jsx28("option", { value: "", children: "Select account" }),
                               accountTypes.map((type) => /* @__PURE__ */ jsx28("option", { value: type.value, children: type.label }, type.value))
                             ] })
@@ -8749,7 +8785,7 @@ function PartialPayment(props) {
                             errorBankConsentOther && /* @__PURE__ */ jsx28("span", { className: "error-span", children: errorBankConsentOther })
                           ] })
                         ] }),
-                        /* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((_z = Number(partialAmount)) == null ? void 0 : _z.toFixed(2)) : formatUSD((_A = Number(cashDiscount)) == null ? void 0 : _A.toFixed(2)) }) })
+                        /* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((_y = Number(partialAmount)) == null ? void 0 : _y.toFixed(2)) : formatUSD((_z = Number(cashDiscount)) == null ? void 0 : _z.toFixed(2)) }) })
                       ] })
                     ] })
                   ] }) }) })
@@ -8764,7 +8800,7 @@ function PartialPayment(props) {
 }
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
-import { useEffect as useEffect19, useState as useState12, useMemo } from "react";
+import { useEffect as useEffect18, useState as useState12, useMemo } from "react";
 
 // src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -9610,7 +9646,7 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
-import { useCallback, useEffect as useEffect18, useRef as useRef12, useState as useState11 } from "react";
+import { useCallback, useEffect as useEffect17, useRef as useRef11, useState as useState11 } from "react";
 import axios9 from "axios";
 import Swal5 from "sweetalert2";
 
@@ -10089,155 +10125,17 @@ function GooglePayComponent({
   ] });
 }
 
-// src/app/components/Atoms/Applepay/ApplePayButton.tsx
-import { useEffect as useEffect17, useRef as useRef11 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-function ApplePayButton({
-  applePayMerchantId: applePayMerchantId2,
-  applePayAmount,
-  applePayMerchantName,
-  showLoader,
-  completeFractalFlow
-}) {
-  const applePayRef = useRef11(null);
-  const paymentRequestMethods = [
-    {
-      supportedMethods: "https://apple.com/apple-pay",
-      data: {
-        version: 3,
-        merchantIdentifier: applePayMerchantId2,
-        // ✅ FIXED
-        merchantCapabilities: ["supports3DS"],
-        supportedNetworks: ["amex", "discover", "mastercard", "visa"],
-        // ✅ FIXED
-        countryCode: "US"
-      }
-    }
-  ];
-  const paymentRequestOptions = {
-    requestPayerName: false,
-    requestPayerEmail: false,
-    requestPayerPhone: false,
-    requestShipping: false
-  };
-  function buildPaymentDetails() {
-    return {
-      total: {
-        label: applePayMerchantName,
-        amount: {
-          currency: "USD",
-          value: applePayAmount
-        }
-      }
-    };
-  }
-  async function validateMerchant(event) {
-    var _a;
-    console.log("\u{1F7E1} STEP 1: Merchant validation started");
-    try {
-      console.log("Validation URL:", event.validationURL);
-      console.log("Domain:", window.location.hostname);
-      const res = await fetch(
-        `${masterBaseUrl}api/v1/widget/generate-apple-pay-session`,
-        {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            validationUrl: event.validationURL,
-            applePayMerchantId: applePayMerchantId2,
-            applepayDisplayName: applePayMerchantName,
-            requestDomain: window.location.hostname
-            // ✅ IMPORTANT
-          })
-        }
-      );
-      console.log("\u{1F7E1} STEP 2: Response status:", res.status);
-      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 = (_a = data == null ? void 0 : data.data) != null ? _a : data;
-      if (!merchantSession || typeof merchantSession !== "object") {
-        console.error("\u274C Bad session shape");
-        event.complete(null);
-        return;
-      }
-      console.log("\u{1F7E2} STEP 4.1: Completing merchant validation");
-      event.complete(merchantSession);
-      console.log("\u{1F7E2} STEP 4.2: Completed merchant validation");
-    } catch (err) {
-      console.log("\u274C Merchant validation failed:", err == null ? void 0 : err.message);
-      event.complete(null);
-    }
-  }
-  async function authorizePayment(paymentResponse) {
-    console.log("\u{1F7E1} STEP 5: Authorizing payment");
-    try {
-      const token = paymentResponse.details.token.paymentData;
-      console.log("\u{1F7E2} STEP 6: Got token");
-      await completeFractalFlow(token, null, "apple_pay");
-      await paymentResponse.complete("success");
-      console.log("\u2705 Payment completed successfully");
-    } catch (err) {
-      console.log("\u274C Authorization failed:", err == null ? void 0 : err.message);
-      await paymentResponse.complete("fail");
-    }
-  }
-  async function handleApplePayClick() {
-    console.log("\u{1F7E1} STEP A: Click detected");
-    try {
-      const request = new PaymentRequest(
-        paymentRequestMethods,
-        buildPaymentDetails(),
-        paymentRequestOptions
-      );
-      request.onmerchantvalidation = validateMerchant;
-      console.log("\u{1F7E1} STEP B: Calling show()");
-      const response = await request.show();
-      console.log("\u{1F7E2} STEP C: Payment sheet opened");
-      await authorizePayment(response);
-    } catch (err) {
-      console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
-    }
-  }
-  useEffect17(() => {
-    if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
-      console.log("\u2705 Apple Pay is available");
-    } else {
-      console.log("\u274C Apple Pay NOT available");
-    }
-  }, []);
-  useEffect17(() => {
-    const btn = applePayRef.current;
-    if (!btn) return;
-    const handleClick = () => handleApplePayClick();
-    btn.addEventListener("click", handleClick);
-    return () => btn.removeEventListener("click", handleClick);
-  }, [applePayMerchantId2, applePayAmount, applePayMerchantName]);
-  return /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
-    "apple-pay-button",
-    {
-      ref: applePayRef,
-      buttonstyle: "black",
-      type: "pay",
-      locale: "en-US",
-      style: { width: "100%" }
-    }
-  ) });
-}
-
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
-import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx35, 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 _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);
-  const expiryYearRef = useRef12(null);
-  const expiryMonthRef = useRef12(null);
-  const cardListRunRef = useRef12(false);
-  const threeDSContainerRef = useRef12(null);
+  const hasRunRef = useRef11(false);
+  const cardFormRef = useRef11(null);
+  const bankFormRef = useRef11(null);
+  const expiryYearRef = useRef11(null);
+  const expiryMonthRef = useRef11(null);
+  const cardListRunRef = useRef11(false);
+  const threeDSContainerRef = useRef11(null);
   const [activetab, setActive] = useState11("card");
   const [activeList, setActiveList] = useState11("card");
   const [cardData, setCardData] = useState11();
@@ -10304,7 +10202,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const bankFeeAmount = Number(bankSurcharge || 0);
   const bankSavingsAmount = Math.max(bankFeeAmount > 0 ? cardFeeAmount - bankFeeAmount : cardFeeAmount, 0);
   const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
-  const tokenizerRef = useRef12(null);
+  const tokenizerRef = useRef11(null);
   const fractalStyles = {
     input: {
       "font-family": "'Inter', sans-serif",
@@ -11166,13 +11064,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setOrderLoader(false);
     }
   };
-  useEffect18(() => {
+  useEffect17(() => {
     if (!show && !autoTrigger) {
       hasRunRef.current = false;
       cardListRunRef.current = false;
     }
   }, [show, autoTrigger]);
-  useEffect18(() => {
+  useEffect17(() => {
     if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
       getPaymentDetails();
       if (isPartial && !partialRef) {
@@ -11180,7 +11078,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, [show, autoTrigger, isPartial, onLoad]);
-  useEffect18(() => {
+  useEffect17(() => {
     if ((show || autoTrigger) && pass_fee_amount) {
       let cashdisc = Number(amount) - Number(pass_fee_amount);
       if (cashdisc && !isNaN(cashdisc)) {
@@ -11242,7 +11140,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     console.error("3DS Auth failed \u274C", status);
     setError(`3DS Authentication ${status}`);
   };
-  useEffect18(() => {
+  useEffect17(() => {
     if (setHandleCloseRef) {
       setHandleCloseRef(() => handleClose);
     }
@@ -11260,18 +11158,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setPartialError("");
     }
   };
-  useEffect18(() => {
+  useEffect17(() => {
     if (typeof FractalTokenizer === "undefined") return;
     const tokenizer = new FractalTokenizer({
       styles: {}
     });
   }, []);
-  const stateRef = useRef12({
+  const stateRef = useRef11({
     activeinBank,
     activeinCard,
     activetab
   });
-  useEffect18(() => {
+  useEffect17(() => {
     stateRef.current = {
       activeinBank,
       activeinCard,
@@ -11295,7 +11193,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, []);
-  useEffect18(() => {
+  useEffect17(() => {
     onSubmit == null ? void 0 : onSubmit(submit);
   }, [onSubmit, submit]);
   function detectCardType(cardinput) {
@@ -11321,34 +11219,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     const cardType = detectCardType(cardInput);
     switch (cardType) {
       case "visa":
-        return /* @__PURE__ */ jsx36("img", { src: visa2, alt: "visa", width: 33 });
+        return /* @__PURE__ */ jsx35("img", { src: visa2, alt: "visa", width: 33 });
       case "mastercard":
-        return /* @__PURE__ */ jsx36("img", { src: mastercard2, width: 33, alt: "mastercard" });
+        return /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "mastercard" });
       case "amex":
-        return /* @__PURE__ */ jsx36("img", { src: americanexp2, alt: "amex", width: 33 });
+        return /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "amex", width: 33 });
       case "discover":
-        return /* @__PURE__ */ jsx36("img", { src: discover2, width: 33, alt: "discover" });
+        return /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "discover" });
       case "diners":
-        return /* @__PURE__ */ jsx36("img", { src: dinersicon, alt: "Diners Club" });
+        return /* @__PURE__ */ jsx35("img", { src: dinersicon, alt: "Diners Club" });
       case "jcb":
-        return /* @__PURE__ */ jsx36("img", { src: jcbicon, alt: "JCB" });
+        return /* @__PURE__ */ jsx35("img", { src: jcbicon, alt: "JCB" });
       case "unionpay":
-        return /* @__PURE__ */ jsx36("img", { src: unionicon, alt: "UnionPay" });
+        return /* @__PURE__ */ jsx35("img", { src: unionicon, alt: "UnionPay" });
       default:
-        return /* @__PURE__ */ jsx36("img", { src: defualtcardborder, alt: "card" });
+        return /* @__PURE__ */ jsx35("img", { src: defualtcardborder, alt: "card" });
     }
   }
   return /* @__PURE__ */ jsxs21(Fragment20, { children: [
-    (initialLoader || !onLoad) && /* @__PURE__ */ jsx36(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
-    error && /* @__PURE__ */ jsx36("div", { children: /* @__PURE__ */ jsx36(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
-    errorIframe && /* @__PURE__ */ jsx36("div", { children: /* @__PURE__ */ jsx36(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
+    (initialLoader || !onLoad) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
+    error && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
+    errorIframe && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
       setErrorIframe("");
     }, autoTrigger: onSubmit ? !onSubmit : autoTrigger }) }),
     /* @__PURE__ */ jsxs21(Fragment20, { children: [
-      (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx36(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
+      (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
       /* @__PURE__ */ jsxs21("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
-        /* @__PURE__ */ jsx36("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
-        (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
+        (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx35(
           ThreeDSChallenge,
           {
             containerRef: threeDSContainerRef,
@@ -11359,32 +11257,32 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             onError: handleError
           }
         ) : /* @__PURE__ */ jsxs21("div", { className: "parent-pay-container", children: [
-          /* @__PURE__ */ jsx36("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-            /* @__PURE__ */ jsx36("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx36("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
-            /* @__PURE__ */ jsx36("defs", { children: /* @__PURE__ */ jsx36("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx36("rect", { width: "16", height: "16", fill: "white" }) }) })
+          /* @__PURE__ */ jsx35("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+            /* @__PURE__ */ jsx35("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx35("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
+            /* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx35("rect", { width: "16", height: "16", fill: "white" }) }) })
           ] }) }),
-          /* @__PURE__ */ jsx36("div", { className: "pay-main-logo-res" }),
+          /* @__PURE__ */ jsx35("div", { className: "pay-main-logo-res" }),
           /* @__PURE__ */ jsxs21("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
             !onSubmit && /* @__PURE__ */ jsxs21("div", { className: "pay-header pay-conatiner-one", children: [
               /* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-first", children: [
                 /* @__PURE__ */ jsxs21("div", { className: "pay-logo-container", children: [
-                  /* @__PURE__ */ jsx36("div", { className: "pay-main-logo" }),
-                  /* @__PURE__ */ jsx36("h1", { className: "pay-heading", children: "Pay" }),
+                  /* @__PURE__ */ jsx35("div", { className: "pay-main-logo" }),
+                  /* @__PURE__ */ jsx35("h1", { className: "pay-heading", children: "Pay" }),
                   (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs21("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
                     " ",
-                    /* @__PURE__ */ jsx36(IoArrowBack4, {}),
+                    /* @__PURE__ */ jsx35(IoArrowBack4, {}),
                     " Back"
                   ] })
                 ] }),
-                /* @__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__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
+                  /* @__PURE__ */ jsx35("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: (_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 })
+                    /* @__PURE__ */ jsx35(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                    !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(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: [
-                    /* @__PURE__ */ jsx36("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
-                    /* @__PURE__ */ jsx36(
+                    /* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
+                    /* @__PURE__ */ jsx35(
                       NumericFormat2,
                       {
                         prefix: "$",
@@ -11408,25 +11306,25 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         }
                       }
                     ),
-                    partialError && /* @__PURE__ */ jsx36("span", { className: "error-span", children: partialError })
+                    partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
                   ] })
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-last", children: [
-                /* @__PURE__ */ jsx36("img", { src: secure2, alt: "" }),
-                /* @__PURE__ */ jsx36("img", { src: pov2, alt: "" }),
+                /* @__PURE__ */ jsx35("img", { src: secure2, alt: "" }),
+                /* @__PURE__ */ jsx35("img", { src: pov2, alt: "" }),
                 "Secure payments powered by Fractal"
               ] })
             ] }),
-            /* @__PURE__ */ jsx36("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx36("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs21("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
-              onSubmit && /* @__PURE__ */ jsx36("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
+            /* @__PURE__ */ jsx35("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx35("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs21("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
+              onSubmit && /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
                 /* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
-                  /* @__PURE__ */ jsx36(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
-                  !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx36(CardBankRadio, { skydesign: true, label: "Bank", amount: (_d = Number(bankAmount)) == null ? void 0 : _d.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
+                  /* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                  !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Bank", amount: (_d = Number(bankAmount)) == null ? void 0 : _d.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
                 ] }),
                 isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
-                  /* @__PURE__ */ jsx36("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
-                  /* @__PURE__ */ jsx36(
+                  /* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
+                  /* @__PURE__ */ jsx35(
                     NumericFormat2,
                     {
                       prefix: "$",
@@ -11443,44 +11341,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       fixedDecimalScale: true
                     }
                   ),
-                  partialError && /* @__PURE__ */ jsx36("span", { className: "error-span", children: partialError })
+                  partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
                 ] })
               ] }) }),
-              is3DSEnable ? clientSecret && /* @__PURE__ */ jsx36(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs21(Fragment20, { children: [
+              is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs21(Fragment20, { children: [
                 /* @__PURE__ */ jsxs21("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
                   !onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
                     /* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
-                      /* @__PURE__ */ jsx36("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
+                      /* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
                         " ",
-                        /* @__PURE__ */ jsx36(IoArrowBack4, {})
+                        /* @__PURE__ */ jsx35(IoArrowBack4, {})
                       ] }) }),
-                      /* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
+                      /* @__PURE__ */ jsx35("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: 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: "" })
+                      /* @__PURE__ */ jsx35("img", { src: visa2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "" }),
+                      /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "" })
                     ] })
                   ] }),
                   activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                    /* @__PURE__ */ jsx36(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
+                    /* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
                       setActiveinCard("form");
                     } }),
-                    /* @__PURE__ */ jsx36("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx36("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(amount)) == null ? void 0 : _f.toFixed(2)) }) })
+                    /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(amount)) == null ? void 0 : _f.toFixed(2)) }) })
                   ] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
                     onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                      /* @__PURE__ */ jsx36(
-                        ApplePayButton,
-                        {
-                          applePayAmount: partialAmount ? partialAmount : amount,
-                          applePayMerchantId,
-                          applePayMerchantName: merchantName,
-                          completeFractalFlow,
-                          showLoader
-                        }
-                      ),
-                      /* @__PURE__ */ jsx36(
+                      /* @__PURE__ */ jsx35(
                         GooglePayComponent,
                         {
                           amount: partialAmount ? partialAmount : amount,
@@ -11492,7 +11380,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           setLoading
                         }
                       ),
-                      /* @__PURE__ */ jsx36("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx36("span", { children: "or" }) })
+                      /* @__PURE__ */ jsx35("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx35("span", { children: "or" }) })
                     ] }),
                     /* @__PURE__ */ jsxs21("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
                       if (e.key === "Enter" && loading) {
@@ -11502,18 +11390,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     }, children: [
                       /* @__PURE__ */ jsxs21("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
                         /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                          /* @__PURE__ */ jsx36("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
-                          /* @__PURE__ */ jsx36("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
+                          /* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
+                          /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
                             const value = e.target.value;
                             if (/^[a-zA-Z\s]*$/.test(value)) {
                               handleCardChange("cardName", value);
                             }
                           } }),
-                          (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
+                          (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
                         ] }),
                         /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                          /* @__PURE__ */ jsx36("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
-                          /* @__PURE__ */ jsx36("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx36(
+                          /* @__PURE__ */ jsx35("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
+                          /* @__PURE__ */ jsx35("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx35(
                             FractalFields_default,
                             {
                               fractalStyles,
@@ -11523,17 +11411,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           ) })
                         ] }),
                         /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                          /* @__PURE__ */ jsx36("label", { htmlFor: "zip", children: "ZIP" }),
-                          /* @__PURE__ */ jsx36("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
-                          (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
+                          /* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
+                          /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
+                          (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
                           pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
-                            "Credit cards include a fee amount of ",
-                            /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
+                            "Cards include a fee amount of ",
+                            /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
                             "."
                           ] })
                         ] }),
-                        customerId && /* @__PURE__ */ jsx36("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
-                          /* @__PURE__ */ jsx36(
+                        customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                          /* @__PURE__ */ jsx35(
                             "input",
                             {
                               type: "checkbox",
@@ -11543,10 +11431,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               onChange: (e) => setSaveCardInfo(e.target.checked)
                             }
                           ),
-                          /* @__PURE__ */ jsx36("label", { htmlFor: "save_card", className: "toggle-label" }),
-                          /* @__PURE__ */ jsx36("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
+                          /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
+                          /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
                           /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                            /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
                               "svg",
                               {
                                 xmlns: "http://www.w3.org/2000/svg",
@@ -11555,8 +11443,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                                 viewBox: "0 0 20 20",
                                 fill: "none",
                                 children: [
-                                  /* @__PURE__ */ jsx36("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
-                                  /* @__PURE__ */ jsx36(
+                                  /* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
+                                  /* @__PURE__ */ jsx35(
                                     "path",
                                     {
                                       d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",
@@ -11566,15 +11454,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                                 ]
                               }
                             ) }),
-                            /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
                               "If checked, I agree to give the ",
-                              /* @__PURE__ */ jsx36("b", { children: merchantName || "merchant" }),
+                              /* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
                               " permission to charge this credit card for agreed-upon purchases in the future."
                             ] }) })
                           ] })
                         ] }) })
                       ] }),
-                      /* @__PURE__ */ jsx36("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx36("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_h = Number(partialAmount)) == null ? void 0 : _h.toFixed(2)) : formatUSD((_i = Number(amount)) == null ? void 0 : _i.toFixed(2)) }) })
+                      /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_h = Number(partialAmount)) == null ? void 0 : _h.toFixed(2)) : formatUSD((_i = Number(amount)) == null ? void 0 : _i.toFixed(2)) }) })
                     ] })
                   ] }) : /* @__PURE__ */ jsxs21("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
                     if (e.key === "Enter" && loading) {
@@ -11584,16 +11472,16 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                   }, children: [
                     /* @__PURE__ */ jsxs21("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
-                        /* @__PURE__ */ jsx36("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
+                        /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
                           const value = e.target.value;
                           if (/^[a-zA-Z\s]*$/.test(value)) {
                             handleCardChange("cardName", value);
                           }
                         } }),
-                        (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
+                        (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
                       ] }),
-                      /* @__PURE__ */ jsx36("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx36(
+                      /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx35(
                         DataCapFields,
                         {
                           isOpen: show || autoTrigger,
@@ -11604,17 +11492,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         }
                       ) }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "zip", children: "ZIP" }),
-                        /* @__PURE__ */ jsx36("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_j = cardData == null ? void 0 : cardData.zipCode) != null ? _j : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
-                        (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
+                        /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_j = cardData == null ? void 0 : cardData.zipCode) != null ? _j : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
+                        (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
                         pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
-                          "Credit cards include a fee amount of ",
-                          /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
+                          "Cards include a fee amount of ",
+                          /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
                           "."
                         ] })
                       ] }),
-                      customerId && /* @__PURE__ */ jsx36("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
-                        /* @__PURE__ */ jsx36(
+                      customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "checkbox",
@@ -11624,10 +11512,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: (e) => setSaveCardInfo(e.target.checked)
                           }
                         ),
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "save_card", className: "toggle-label" }),
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
                         /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                          /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -11636,8 +11524,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               viewBox: "0 0 20 20",
                               fill: "none",
                               children: [
-                                /* @__PURE__ */ jsx36("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
-                                /* @__PURE__ */ jsx36(
+                                /* @__PURE__ */ jsx35("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
+                                /* @__PURE__ */ jsx35(
                                   "path",
                                   {
                                     d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z",
@@ -11647,30 +11535,30 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
                             "If checked, I agree to give the ",
-                            /* @__PURE__ */ jsx36("b", { children: merchantName || "merchant" }),
+                            /* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
                             " permission to charge this credit card for agreed-upon purchases in the future."
                           ] }) })
                         ] })
                       ] }) })
                     ] }),
-                    /* @__PURE__ */ jsx36("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx36("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_k = Number(partialAmount)) == null ? void 0 : _k.toFixed(2)) : formatUSD((_l = Number(amount)) == null ? void 0 : _l.toFixed(2)) }) })
+                    /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_k = Number(partialAmount)) == null ? void 0 : _k.toFixed(2)) : formatUSD((_l = Number(amount)) == null ? void 0 : _l.toFixed(2)) }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx36("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                /* @__PURE__ */ jsx35("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs21(Fragment20, { children: [
                   !onSubmit && /* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
-                    /* @__PURE__ */ jsx36("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
+                    /* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
                       " ",
-                      /* @__PURE__ */ jsx36(IoArrowBack4, {})
+                      /* @__PURE__ */ jsx35(IoArrowBack4, {})
                     ] }) }),
-                    /* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
+                    /* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
                   ] }),
                   activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                    /* @__PURE__ */ jsx36(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
+                    /* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
                       setActiveinBank("form");
                     } }),
-                    /* @__PURE__ */ jsx36("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx36("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
+                    /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
                   ] }) : /* @__PURE__ */ jsxs21("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
                     if (e.key === "Enter" && loading) {
                       e.preventDefault();
@@ -11682,13 +11570,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       maxHeight: "444px"
                     }, children: [
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "nameonaccount", children: "Name on account" }),
-                        /* @__PURE__ */ jsx36("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_n = achData == null ? void 0 : achData.name) != null ? _n : "", onChange: handleChangeAch }),
-                        (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "nameonaccount", children: "Name on account" }),
+                        /* @__PURE__ */ jsx35("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_n = achData == null ? void 0 : achData.name) != null ? _n : "", onChange: handleChangeAch }),
+                        (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
                       ] }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "routingnumber", children: "Routing number" }),
-                        /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "routingnumber", children: "Routing number" }),
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "text",
@@ -11701,11 +11589,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: handleChangeAch
                           }
                         ),
-                        (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
+                        (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
                       ] }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "accountnumber", children: "Account number" }),
-                        /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "accountnumber", children: "Account number" }),
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "text",
@@ -11718,11 +11606,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: handleChangeAch
                           }
                         ),
-                        (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
+                        (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
                       ] }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
-                        /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "text",
@@ -11735,11 +11623,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: handleChangeAch
                           }
                         ),
-                        (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
+                        (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
                       ] }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "bankname", children: "Bank name" }),
-                        /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "bankname", children: "Bank name" }),
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "text",
@@ -11752,11 +11640,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: handleChangeAch
                           }
                         ),
-                        (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
+                        (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
                       ] }),
                       ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "companyName", children: "Company name" }),
-                        /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "companyName", children: "Company name" }),
+                        /* @__PURE__ */ jsx35(
                           "input",
                           {
                             type: "text",
@@ -11769,44 +11657,44 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             onChange: handleChangeAch
                           }
                         ),
-                        (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
+                        (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
                       ] }),
                       /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
-                        /* @__PURE__ */ jsx36("label", { htmlFor: "accounttype", children: "Select account type" }),
+                        /* @__PURE__ */ jsx35("label", { htmlFor: "accounttype", children: "Select account type" }),
                         /* @__PURE__ */ jsxs21("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
-                          /* @__PURE__ */ jsx36("option", { value: "", children: "Select account" }),
-                          accountTypes.map((type) => /* @__PURE__ */ jsx36("option", { value: type.value, children: type.label }, type.value))
+                          /* @__PURE__ */ jsx35("option", { value: "", children: "Select account" }),
+                          accountTypes.map((type) => /* @__PURE__ */ jsx35("option", { value: type.value, children: type.label }, type.value))
                         ] }),
                         bankFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
                           "There is a processing fee of ",
-                          /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
+                          /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
                           "."
                         ] }),
                         !saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
                           /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
+                            /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
                               setIsBankConsentChecked(e.target.checked);
                               if (e.target.checked) {
                                 setErrorBankConsent("");
                               }
                             } }),
-                            /* @__PURE__ */ jsx36("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
+                            /* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
                           ] }),
-                          errorBankConsent && /* @__PURE__ */ jsx36("span", { className: "error-span", children: errorBankConsent })
+                          errorBankConsent && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsent })
                         ] }),
                         customerId && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                          /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
+                          /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
                             setSaveACHinfo(e.target.checked);
                             if (!e.target.checked) {
                               setSaveACHConsent1(false);
                               setErrorBankConsentOther("");
                             }
                           } }),
-                          /* @__PURE__ */ jsx36("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
+                          /* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
                         ] }),
                         saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
                           /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
+                            /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
                               setSaveACHConsent1(e.target.checked);
                               if (e.target.checked) {
                                 setErrorBankConsentOther("");
@@ -11818,11 +11706,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               "  to store my bank account details for future ACH payments. I understand that future payments may be initiated using this saved account in accordance with my instructions. I confirm I am authorized to use this bank account."
                             ] })
                           ] }),
-                          errorBankConsentOther && /* @__PURE__ */ jsx36("span", { className: "error-span", children: errorBankConsentOther })
+                          errorBankConsentOther && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsentOther })
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx36("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx36("button", { className: "pay-button", style: { margin: "20px 0 0", display: onSubmit ? "none" : "block" }, type: "submit", children: formatUSD((_u = Number(bankAmount)) == null ? void 0 : _u.toFixed(2)) }) })
+                    /* @__PURE__ */ jsx35("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "20px 0 0", display: onSubmit ? "none" : "block" }, type: "submit", children: formatUSD((_u = Number(bankAmount)) == null ? void 0 : _u.toFixed(2)) }) })
                   ] })
                 ] }) })
               ] })
@@ -11837,7 +11725,7 @@ var ModelContentSky_default = ModelContentSky;
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
 import axios10 from "axios";
-import { Fragment as Fragment21, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 var PaymentWidget = ({
   amount,
   bankAmount,
@@ -11917,7 +11805,7 @@ var PaymentWidget = ({
     ]
   );
   const [commonProps, setCommonProps] = useState12(initialCommonProps);
-  useEffect19(() => {
+  useEffect18(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -11948,35 +11836,35 @@ var PaymentWidget = ({
       setLoading(false);
     }
   };
-  useEffect19(() => {
+  useEffect18(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
   return /* @__PURE__ */ jsxs22(Fragment21, { children: [
-    /* @__PURE__ */ jsx37("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
-    /* @__PURE__ */ jsx37(DataScript, {}),
-    /* @__PURE__ */ jsx37(FractalTokenizerScript, {}),
-    /* @__PURE__ */ jsx37(SkyChargewidgetstyles, {}),
-    /* @__PURE__ */ jsx37(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx37(CustomModal2styles_default, {}),
-    /* @__PURE__ */ jsx37(DataCapScriptLoader, {}),
+    /* @__PURE__ */ jsx36("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
+    /* @__PURE__ */ jsx36(DataScript, {}),
+    /* @__PURE__ */ jsx36(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx36(SkyChargewidgetstyles, {}),
+    /* @__PURE__ */ jsx36(CardBankRadioStyles, {}),
+    /* @__PURE__ */ jsx36(CustomModal2styles_default, {}),
+    /* @__PURE__ */ jsx36(DataCapScriptLoader, {}),
     !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
       submitBtnText,
       submitBtnIcon
     ] }),
-    !autoTrigger ? /* @__PURE__ */ jsx37(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ jsx36(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx36(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx36(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
   ] });
 };
 
 // src/app/components/Skysystemz/EmbeddedCheckout.tsx
-import { useEffect as useEffect21, useState as useState13, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect20, useState as useState13, useMemo as useMemo2 } from "react";
 import axios11 from "axios";
 
 // src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function EmbeddedCheckoutStyles({ extraCustomCSS }) {
-  return /* @__PURE__ */ jsx38("style", { children: `
+  return /* @__PURE__ */ jsx37("style", { children: `
 
             .pay-amount-conatiner{
             margin-top: 20px !important;
@@ -12196,7 +12084,7 @@ form#ACHPaymentForm .ach-scrl {
 }
     @media screen and (max-width: 375px) {
     .frac-payment-form-div .exp-date-year-container {
-    flex-direction: column;
+    // flex-direction: column;
 }
         .parent-pay-container {
         padding: 10px;
@@ -12297,7 +12185,7 @@ padding:0px !important;
     padding: 0px 10px;
 }
    .toggle-num-wrapper-new .input-main-wrap-frac {
-    height: 36px;
+    height: 38px;
 }
    .toggle-num-wrapper-new:focus {
     border: 1px solid #004eab !important;
@@ -12322,10 +12210,10 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect19 } from "react";
 var applePayScriptLoaded = false;
 var ApplePayScriptLoader = () => {
-  useEffect20(() => {
+  useEffect19(() => {
     if (applePayScriptLoaded) return;
     const existingScript = document.querySelector(
       `script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
@@ -12351,7 +12239,7 @@ var ApplePayScriptLoader = () => {
 };
 
 // src/app/components/Skysystemz/EmbeddedCheckout.tsx
-import { Fragment as Fragment22, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var EmbeddedCheckout = ({
   amount,
   bankAmount,
@@ -12429,7 +12317,7 @@ var EmbeddedCheckout = ({
     ]
   );
   const [commonProps, setCommonProps] = useState13(initialCommonProps);
-  useEffect21(() => {
+  useEffect20(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -12460,13 +12348,13 @@ var EmbeddedCheckout = ({
       setLoading(false);
     }
   };
-  useEffect21(() => {
+  useEffect20(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
   console.log(onLoad, "onLoad");
-  useEffect21(() => {
+  useEffect20(() => {
     const supported = !!window.ApplePaySession;
     let canPay = false;
     if (supported) {
@@ -12478,20 +12366,20 @@ var EmbeddedCheckout = ({
     console.log(`ApplePaySession: ${supported}, canMakePayments: ${canPay}`);
   }, []);
   return /* @__PURE__ */ jsxs23(Fragment22, { children: [
-    /* @__PURE__ */ jsx39("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
-    /* @__PURE__ */ jsx39(DataScript, {}),
-    /* @__PURE__ */ jsx39(FractalTokenizerScript, {}),
-    /* @__PURE__ */ jsx39(SkyChargewidgetstyles, {}),
-    /* @__PURE__ */ jsx39(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx39(CustomModal2styles_default, {}),
-    /* @__PURE__ */ jsx39(DataCapScriptLoader, {}),
-    /* @__PURE__ */ jsx39(ApplePayScriptLoader, {}),
-    /* @__PURE__ */ jsx39(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
+    /* @__PURE__ */ jsx38("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
+    /* @__PURE__ */ jsx38(DataScript, {}),
+    /* @__PURE__ */ jsx38(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx38(SkyChargewidgetstyles, {}),
+    /* @__PURE__ */ jsx38(CardBankRadioStyles, {}),
+    /* @__PURE__ */ jsx38(CustomModal2styles_default, {}),
+    /* @__PURE__ */ jsx38(DataCapScriptLoader, {}),
+    /* @__PURE__ */ jsx38(ApplePayScriptLoader, {}),
+    /* @__PURE__ */ jsx38(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
     !autoTrigger && /* @__PURE__ */ jsxs23("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
       submitBtnText,
       submitBtnIcon
     ] }),
-    !autoTrigger ? /* @__PURE__ */ jsx39(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx39(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx39(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ jsx38(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx38(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx38(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
   ] });
 };
 export {