@fractalpay/fractalpay-next-dev 0.0.288 → 0.0.289

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-dev",
-      version: "0.0.288",
+      version: "0.0.289",
       private: false,
       type: "module",
       scripts: {
@@ -2811,25 +2811,25 @@ import { IoArrowBack } from "react-icons/io5";
 import { useEffect as useEffect3 } from "react";
 function DataScript() {
   useEffect3(() => {
-    const src = datacapUrl;
+    const src2 = datacapUrl;
     if (typeof window === "undefined") return;
     if (window.DatacapWebToken) {
       return;
     }
-    if (!document.querySelector(`script[src="${src}"]`)) {
-      const script = document.createElement("script");
-      script.src = src;
-      script.async = true;
-      script.onload = () => {
+    if (!document.querySelector(`script[src="${src2}"]`)) {
+      const script2 = document.createElement("script");
+      script2.src = src2;
+      script2.async = true;
+      script2.onload = () => {
         if (window.DatacapWebToken) {
         } else {
           console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
         }
       };
-      script.onerror = (err) => {
+      script2.onerror = (err) => {
         console.error("\u274C Failed to load Datacap script", err);
       };
-      document.head.appendChild(script);
+      document.head.appendChild(script2);
     } else {
     }
   }, []);
@@ -3209,31 +3209,21 @@ var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax,
 
 // src/app/components/FractalTokenizer.tsx
 import { useEffect as useEffect4 } from "react";
-function FractalTokenizerScript({ onLoad }) {
+function FractalTokenizerScript() {
   useEffect4(() => {
     const src = `${fractalGatewayUrl}tokenizer/static/js/fractal_tokenizer.js`;
-    if (window.FractalTokenizer) {
-      onLoad == null ? void 0 : onLoad();
-      return;
-    }
-    const existing = document.querySelector(`script[src="${src}"]`);
-    if (existing) {
-      existing.addEventListener("load", () => onLoad == null ? void 0 : onLoad());
-      return;
-    }
+    if (document.querySelector(`script[src="${src}"]`)) return;
     const script = document.createElement("script");
     script.src = src;
     script.async = true;
     script.onload = () => {
       try {
-        if (typeof FractalTokenizer !== "undefined") {
-          window.FractalTokenizer = FractalTokenizer;
-          onLoad == null ? void 0 : onLoad();
-        } else {
-          console.error("FractalTokenizer not defined in global scope");
+        const TokenizerClass = eval("FractalTokenizer");
+        if (TokenizerClass) {
+          window.FractalTokenizer = TokenizerClass;
         }
       } catch (err) {
-        console.error(err);
+        console.error("FractalTokenizer not accessible:", err);
       }
     };
     document.head.appendChild(script);
@@ -3247,12 +3237,8 @@ import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-
 var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = false }) => {
   const instanceRef = useRef(null);
   useEffect5(() => {
-    const Tokenizer = window.FractalTokenizer;
-    if (!Tokenizer) {
-      console.error("Tokenizer not available");
-      return;
-    }
-    const instance = new Tokenizer({
+    if (!window.FractalTokenizer) return;
+    const instance = new window.FractalTokenizer({
       styles: fractalStyles
     });
     instanceRef.current = instance;
@@ -3364,17 +3350,17 @@ var DataCapScriptLoader = () => {
     );
     console.log("\u{1F535} existingScript found:", !!existingScript);
     if (!existingScript) {
-      const script = document.createElement("script");
-      script.src = `${datacapUrl}/hosted`;
-      script.async = true;
-      script.onload = () => {
+      const script2 = document.createElement("script");
+      script2.src = `${datacapUrl}/hosted`;
+      script2.async = true;
+      script2.onload = () => {
         console.log("\u2705 DataCap script loaded successfully");
         scriptLoaded = true;
       };
-      script.onerror = (err) => {
+      script2.onerror = (err) => {
         console.error("\u274C DataCap script failed to load", err);
       };
-      document.head.appendChild(script);
+      document.head.appendChild(script2);
     } else {
       scriptLoaded = true;
     }
@@ -3604,7 +3590,6 @@ function GetPaymentPage(props) {
   const [errorBankConsent, setErrorBankConsent] = useState4("");
   const [saveACHConsent1, setSaveACHConsent1] = useState4(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState4("");
-  const [isTokenizerReady, setTokenizerReady] = useState4(false);
   const fractalpayClientKey = props.merchantPublicKey;
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
@@ -4308,7 +4293,7 @@ function GetPaymentPage(props) {
   }, []);
   return /* @__PURE__ */ jsxs11(Fragment11, { children: [
     /* @__PURE__ */ jsx19(DataScript, {}),
-    /* @__PURE__ */ jsx19(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
+    /* @__PURE__ */ jsx19(FractalTokenizerScript, {}),
     /* @__PURE__ */ jsx19(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx19(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx19(CardBankRadioStyles, {}),
@@ -4513,7 +4498,7 @@ function GetPaymentPage(props) {
                                   ] }),
                                   /* @__PURE__ */ jsxs11("div", { className: "form-group", children: [
                                     /* @__PURE__ */ jsx19("label", { children: "CARD NUMBER" }),
-                                    /* @__PURE__ */ jsx19("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx19(
+                                    /* @__PURE__ */ jsx19("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && /* @__PURE__ */ jsx19(
                                       FractalFields_default,
                                       {
                                         fractalStyles,
@@ -4867,7 +4852,6 @@ function PreAuthPayment(_a) {
   const [activeinCard, setActiveinCard] = useState5("form");
   const fractalpayClientKey = props.merchantPublicKey;
   const [selectedReader, setSelectedReader] = useState5(void 0);
-  const [isTokenizerReady, setTokenizerReady] = useState5(false);
   const tokenizerRef = useRef4(null);
   const fractalStyles = {
     input: {
@@ -5404,7 +5388,7 @@ function PreAuthPayment(_a) {
   }, []);
   return /* @__PURE__ */ jsxs12(Fragment12, { children: [
     /* @__PURE__ */ jsx20(DataScript, {}),
-    /* @__PURE__ */ jsx20(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
+    /* @__PURE__ */ jsx20(FractalTokenizerScript, {}),
     /* @__PURE__ */ jsx20(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx20(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx20(DataCapScriptLoader, {}),
@@ -5560,7 +5544,7 @@ function PreAuthPayment(_a) {
                               ] }),
                               /* @__PURE__ */ jsxs12("div", { className: "form-group", children: [
                                 /* @__PURE__ */ jsx20("label", { children: "CARD NUMBER" }),
-                                /* @__PURE__ */ jsx20("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx20(
+                                /* @__PURE__ */ jsx20("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && /* @__PURE__ */ jsx20(
                                   FractalFields_default,
                                   {
                                     fractalStyles,
@@ -6152,7 +6136,6 @@ function AddCardEasyPay(props) {
   const exp_year_ref = useRef5(null);
   const cvv_ref = useRef5(null);
   const name_ref = useRef5(null);
-  const [isTokenizerReady, setTokenizerReady] = useState6(false);
   const tokenizerRef = useRef5(null);
   const fractalStyles = {
     input: {
@@ -6425,7 +6408,7 @@ function AddCardEasyPay(props) {
   }, []);
   return /* @__PURE__ */ jsxs14(Fragment14, { children: [
     /* @__PURE__ */ jsx24(DataScript, {}),
-    /* @__PURE__ */ jsx24(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
+    /* @__PURE__ */ jsx24(FractalTokenizerScript, {}),
     /* @__PURE__ */ jsx24(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx24(AddCardStyle, {}),
     /* @__PURE__ */ jsx24(Loader_default, { loading: loading || loadingIframe }),
@@ -6455,7 +6438,7 @@ function AddCardEasyPay(props) {
               /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl", children: [
                 /* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: [
                   /* @__PURE__ */ jsx24("label", { htmlFor: "cardNumber", children: "Card Number" }),
-                  (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx24(
+                  (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && /* @__PURE__ */ jsx24(
                     FractalFields_default,
                     {
                       fractalStyles,
@@ -6809,12 +6792,8 @@ import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-
 var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) => {
   const instanceRef = useRef6(null);
   useEffect11(() => {
-    const Tokenizer = window.FractalTokenizer;
-    if (!Tokenizer) {
-      console.error("Tokenizer not available");
-      return;
-    }
-    const instance = new Tokenizer({
+    if (!window.FractalTokenizer) return;
+    const instance = new window.FractalTokenizer({
       styles: fractalStyles
     });
     instanceRef.current = instance;
@@ -6914,7 +6893,6 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
   const [paymentGateway, setPaymentGateway] = useState7();
   const [dcToken, setDCToken] = useState7();
   const tokenizerRef = useRef7(null);
-  const [isTokenizerReady, setTokenizerReady] = useState7(false);
   const fractalStyles = {
     input: {
       "font-family": "'Inter', sans-serif",
@@ -7177,7 +7155,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
   }, []);
   return /* @__PURE__ */ jsxs16(Fragment16, { children: [
     /* @__PURE__ */ jsx27(DataScript, {}),
-    /* @__PURE__ */ jsx27(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
+    /* @__PURE__ */ jsx27(FractalTokenizerScript, {}),
     /* @__PURE__ */ jsx27(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx27(AddCardSkyStyle, {}),
     /* @__PURE__ */ jsx27(Loader_default, { loading: loading || isloading || loadingIframe }),
@@ -7239,7 +7217,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
           (cardError == null ? void 0 : cardError.lastName) && /* @__PURE__ */ jsx27("small", { className: "error", children: cardError == null ? void 0 : cardError.lastName })
         ] })
       ] }),
-      isTokenizerReady && /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx27(
         FractalFieldsAddCardSky_default,
         {
           fractalStyles,
@@ -7588,7 +7566,6 @@ function PartialPayment(props) {
   const [errorBankConsent, setErrorBankConsent] = useState8("");
   const [saveACHConsent1, setSaveACHConsent1] = useState8(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState8("");
-  const [isTokenizerReady, setTokenizerReady] = useState8(false);
   const tokenizerRef = useRef8(null);
   const fractalStyles = {
     input: {
@@ -8302,7 +8279,7 @@ function PartialPayment(props) {
     /* @__PURE__ */ jsx28(DataScript, {}),
     /* @__PURE__ */ jsx28(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx28(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx28(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
+    /* @__PURE__ */ jsx28(FractalTokenizerScript, {}),
     /* @__PURE__ */ jsx28(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsxs17(Fragment17, { children: [
       /* @__PURE__ */ jsx28("button", { ref: buttonRef, style: { display: "none" }, className: "paymentBtn", onClick: handleShow, children: "Pay" }),
@@ -8510,7 +8487,7 @@ function PartialPayment(props) {
                               ] }),
                               /* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
                                 /* @__PURE__ */ jsx28("label", { children: "CARD NUMBER" }),
-                                /* @__PURE__ */ jsx28("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx28(
+                                /* @__PURE__ */ jsx28("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && /* @__PURE__ */ jsx28(
                                   FractalFields_default,
                                   {
                                     fractalStyles,
@@ -8818,7 +8795,7 @@ function PartialPayment(props) {
 }
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
-import { useEffect as useEffect19, useState as useState12, useMemo } from "react";
+import { useEffect as useEffect16, useState as useState11, useMemo } from "react";
 
 // src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -9664,7 +9641,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 useEffect15, useRef as useRef10, useState as useState10 } from "react";
 import axios9 from "axios";
 import Swal5 from "sweetalert2";
 
@@ -9950,385 +9927,56 @@ var ErrorCardOverlay = ({ onClose, error, autoTrigger = false }) => {
 };
 var ErrorCardOverlay_default = ErrorCardOverlay;
 
-// src/app/components/Atoms/Googlepay/Googlepay.tsx
-import { useRef as useRef10 } from "react";
-
-// src/app/components/Atoms/Googlepay/GooglePayScriptLoader.tsx
-import { useEffect as useEffect15 } from "react";
-var googlePayScriptLoaded = false;
-var GooglePayScriptLoader = ({
-  onLoad
-}) => {
-  useEffect15(() => {
-    if (googlePayScriptLoaded) {
-      onLoad == null ? void 0 : onLoad();
-      return;
-    }
-    const existingScript = document.querySelector(
-      `script[src="https://pay.google.com/gp/p/js/pay.js"]`
-    );
-    if (!existingScript) {
-      const script = document.createElement("script");
-      script.src = "https://pay.google.com/gp/p/js/pay.js";
-      script.async = true;
-      script.onload = () => {
-        console.log("\u2705 Google Pay script loaded");
-        googlePayScriptLoaded = true;
-        console.log("google:", window.google);
-        onLoad == null ? void 0 : onLoad();
-      };
-      script.onerror = (err) => {
-        console.error("\u274C Google Pay script failed", err);
-      };
-      document.head.appendChild(script);
-    } else {
-      googlePayScriptLoaded = true;
-      onLoad == null ? void 0 : onLoad();
-    }
-  }, []);
-  return null;
-};
-
-// src/app/components/Atoms/Googlepay/Googlepay.tsx
-import { Fragment as Fragment19, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
-function GooglePayComponent({
-  amount,
-  googlePayEnvironment: googlePayEnvironment2,
-  googlePayGatewayMerchantId: googlePayGatewayMerchantId2,
-  googlePayMerchantId: googlePayMerchantId2,
-  googlePayMerchantName,
-  require3ds = false,
-  completeFractalFlow,
-  setLoading
-}) {
-  const containerRef = useRef10(null);
-  const paymentsClientRef = useRef10(null);
-  const baseRequest = {
-    apiVersion: 2,
-    apiVersionMinor: 0
-  };
-  const allowedCardNetworks = ["AMEX", "DISCOVER", "MASTERCARD", "VISA"];
-  const allowedCardAuthMethods = require3ds ? ["CRYPTOGRAM_3DS"] : ["PAN_ONLY", "CRYPTOGRAM_3DS"];
-  const baseCardPaymentMethod = {
-    type: "CARD",
-    parameters: {
-      allowedAuthMethods: allowedCardAuthMethods,
-      allowedCardNetworks
-    }
-  };
-  const cardPaymentMethod = __spreadProps(__spreadValues({}, baseCardPaymentMethod), {
-    tokenizationSpecification: {
-      type: "PAYMENT_GATEWAY",
-      parameters: {
-        gateway: googlePayGatewayMerchantId2,
-        gatewayMerchantId: googlePayGatewayMerchantId2
-      }
-    }
-  });
-  const handlePaymentAuthorization = async (paymentData) => {
-    var _a, _b;
-    try {
-      const token = (_b = (_a = paymentData == null ? void 0 : paymentData.paymentMethodData) == null ? void 0 : _a.tokenizationData) == null ? void 0 : _b.token;
-      if (!token) throw new Error("Missing token");
-      const parsed = JSON.parse(token);
-      console.log(parsed, "parsed token");
-      setLoading(true);
-      completeFractalFlow(parsed, null, "google_pay");
-      return {
-        transactionState: "SUCCESS"
-        // ✅ CLOSES GOOGLE PAY POPUP
-      };
-    } catch (err) {
-      console.error("Payment failed:", err);
-      return {
-        transactionState: "ERROR",
-        // ❌ CLOSES WITH ERROR UI
-        error: {
-          intent: "PAYMENT_AUTHORIZATION",
-          message: "Payment failed",
-          reason: "PAYMENT_DATA_INVALID"
-        }
-      };
-    }
-  };
-  const getPaymentsClient = () => {
-    if (!paymentsClientRef.current && typeof window !== "undefined") {
-      const google = window.google;
-      if (!google) return null;
-      paymentsClientRef.current = new google.payments.api.PaymentsClient({
-        environment: googlePayEnvironment2,
-        // ✅ ADD THIS
-        paymentDataCallbacks: {
-          onPaymentAuthorized: handlePaymentAuthorization
-        }
-      });
-    }
-    return paymentsClientRef.current;
-  };
-  const getIsReadyToPayRequest = () => __spreadProps(__spreadValues({}, baseRequest), {
-    allowedPaymentMethods: [baseCardPaymentMethod]
-  });
-  const getTransactionInfo = () => ({
-    countryCode: "US",
-    currencyCode: "USD",
-    totalPriceStatus: "FINAL",
-    totalPrice: amount,
-    checkoutOption: "COMPLETE_IMMEDIATE_PURCHASE"
-  });
-  const getPaymentDataRequest = () => __spreadProps(__spreadValues({}, baseRequest), {
-    allowedPaymentMethods: [cardPaymentMethod],
-    transactionInfo: getTransactionInfo(),
-    merchantInfo: {
-      merchantId: googlePayMerchantId2,
-      merchantName: googlePayMerchantName
-    },
-    // ✅ ADD THIS
-    callbackIntents: ["PAYMENT_AUTHORIZATION"]
-  });
-  const initializeGooglePay = async () => {
-    try {
-      const client = getPaymentsClient();
-      if (!client) {
-        console.error("Google Pay client not ready");
-        return;
-      }
-      const response = await client.isReadyToPay(
-        getIsReadyToPayRequest()
-      );
-      if (response.result && containerRef.current) {
-        const button = client.createButton({
-          onClick: onGooglePayClick,
-          allowedPaymentMethods: [baseCardPaymentMethod],
-          buttonType: "pay",
-          buttonColor: "black",
-          buttonRadius: 8
-        });
-        if (containerRef.current) {
-          containerRef.current.innerHTML = "";
-        }
-        containerRef.current.appendChild(button);
-      }
-    } catch (err) {
-      console.error("Google Pay init error:", err);
-    }
-  };
-  const onGooglePayClick = async () => {
-    const client = getPaymentsClient();
-    if (!client) {
-      console.error("Google Pay client not ready");
-      return;
-    }
-    try {
-      await client.loadPaymentData(getPaymentDataRequest());
-    } catch (err) {
-      if ((err == null ? void 0 : err.statusCode) !== "CANCELED") {
-        console.error(err);
-      }
-    }
-  };
-  const onScriptLoad = () => {
-    if (!googlePayEnvironment2 || !googlePayGatewayMerchantId2 || !amount || !googlePayMerchantId2) {
-      console.error("Missing Google Pay config");
-      return;
-    }
-    setTimeout(() => {
-      initializeGooglePay();
-    }, 0);
-  };
-  return /* @__PURE__ */ jsxs20(Fragment19, { children: [
-    /* @__PURE__ */ jsx34("div", { ref: containerRef, className: "text-center" }),
-    /* @__PURE__ */ jsx34(GooglePayScriptLoader, { onLoad: onScriptLoad })
-  ] });
-}
-
-// 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";
-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, isTokenizerReady }) => {
+import { Fragment as Fragment19, jsx as jsx34, jsxs as jsxs20 } 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 [activetab, setActive] = useState11("card");
-  const [activeList, setActiveList] = useState11("card");
-  const [cardData, setCardData] = useState11();
-  const [cardError, setCardError] = useState11({});
-  const [achData, setAchData] = useState11();
-  const [achError, setAchError] = useState11({});
-  const [saveACHinfo, setSaveACHinfo] = useState11(false);
-  const [saveACHConsent1, setSaveACHConsent1] = useState11(false);
-  const [saveCardInfo, setSaveCardInfo] = useState11(false);
-  const [error, setError] = useState11("");
-  const [errorIframe, setErrorIframe] = useState11("");
-  const [success, setSuccess] = useState11(false);
-  let [tranId, setTranId] = useState11("");
-  const [loading, setLoading] = useState11(false);
-  const [loading2, setLoading2] = useState11(false);
-  const [loadingIframe, setLoadingIframe] = useState11(false);
-  const [cardList, setCardList] = useState11([]);
-  const [bankList, setBankList] = useState11([]);
-  const [selectedCard, setSelectedCard] = useState11();
-  const [cashDiscount, setCashDiscount] = useState11(Number(amount));
-  const [activeinCard, setActiveinCard] = useState11("form");
-  const [activeinBank, setActiveinBank] = useState11("form");
-  const [isBankActive, setIsBankActive] = useState11(false);
-  const [processingFee, setProcessingFee] = useState11(0);
-  const [clientSecret, setClientSecret] = useState11("");
-  const [errorMessage, setErrorMessage] = useState11(null);
-  const [initialLoader, setInitialLoader] = useState11(false);
-  const [is3DSEnable, setIs3DSEnable] = useState11(false);
-  const [stripeResponse, setStripeResponse] = useState11(null);
-  const [orderLoader, setOrderLoader] = useState11(false);
-  const [orderGuid, setOrderGuid] = useState11(ordGuid || null);
-  const [partialAmount, setPartialAmount] = useState11("");
-  const [partialError, setPartialError] = useState11("");
-  const [remainingAmount, setRemainingAmount] = useState11("");
-  const [paymentGateway, setPaymentGateway] = useState11();
-  const [dcToken, setDCToken] = useState11();
-  const [isBankConsentChecked, setIsBankConsentChecked] = useState11(false);
-  const [errorBankConsent, setErrorBankConsent] = useState11("");
-  const [errorBankConsentOther, setErrorBankConsentOther] = useState11("");
+  const hasRunRef = useRef10(false);
+  const cardFormRef = useRef10(null);
+  const bankFormRef = useRef10(null);
+  const expiryYearRef = useRef10(null);
+  const expiryMonthRef = useRef10(null);
+  const cardListRunRef = useRef10(false);
+  const threeDSContainerRef = useRef10(null);
+  const [activetab, setActive] = useState10("card");
+  const [activeList, setActiveList] = useState10("card");
+  const [cardData, setCardData] = useState10();
+  const [cardError, setCardError] = useState10({});
+  const [achData, setAchData] = useState10();
+  const [achError, setAchError] = useState10({});
+  const [saveACHinfo, setSaveACHinfo] = useState10(false);
+  const [saveACHConsent1, setSaveACHConsent1] = useState10(false);
+  const [saveCardInfo, setSaveCardInfo] = useState10(false);
+  const [error, setError] = useState10("");
+  const [errorIframe, setErrorIframe] = useState10("");
+  const [success, setSuccess] = useState10(false);
+  let [tranId, setTranId] = useState10("");
+  const [loading, setLoading] = useState10(false);
+  const [loading2, setLoading2] = useState10(false);
+  const [loadingIframe, setLoadingIframe] = useState10(false);
+  const [cardList, setCardList] = useState10([]);
+  const [bankList, setBankList] = useState10([]);
+  const [selectedCard, setSelectedCard] = useState10();
+  const [cashDiscount, setCashDiscount] = useState10(Number(amount));
+  const [activeinCard, setActiveinCard] = useState10("form");
+  const [activeinBank, setActiveinBank] = useState10("form");
+  const [isBankActive, setIsBankActive] = useState10(false);
+  const [processingFee, setProcessingFee] = useState10(0);
+  const [clientSecret, setClientSecret] = useState10("");
+  const [errorMessage, setErrorMessage] = useState10(null);
+  const [initialLoader, setInitialLoader] = useState10(false);
+  const [is3DSEnable, setIs3DSEnable] = useState10(false);
+  const [stripeResponse, setStripeResponse] = useState10(null);
+  const [orderLoader, setOrderLoader] = useState10(false);
+  const [orderGuid, setOrderGuid] = useState10(ordGuid || null);
+  const [partialAmount, setPartialAmount] = useState10("");
+  const [partialError, setPartialError] = useState10("");
+  const [remainingAmount, setRemainingAmount] = useState10("");
+  const [paymentGateway, setPaymentGateway] = useState10();
+  const [dcToken, setDCToken] = useState10();
+  const [isBankConsentChecked, setIsBankConsentChecked] = useState10(false);
+  const [errorBankConsent, setErrorBankConsent] = useState10("");
+  const [errorBankConsentOther, setErrorBankConsentOther] = useState10("");
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
   let americanexp2 = S3Url + "widget/ae-img.svg";
@@ -10356,7 +10004,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 = useRef10(null);
   const fractalStyles = {
     input: {
       "font-family": "'Inter', sans-serif",
@@ -10429,7 +10077,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       let dataObj = __spreadValues({
         Token: data == null ? void 0 : data.Token,
         amount,
-        postal_code: data == null ? void 0 : data.postalCode
+        postal_code: data == null ? void 0 : data.postalCode,
+        require3ds
       }, saveCardInfo ? {
         card: {
           postal_code: cardData == null ? void 0 : cardData.zipCode,
@@ -11221,13 +10870,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setOrderLoader(false);
     }
   };
-  useEffect18(() => {
+  useEffect15(() => {
     if (!show && !autoTrigger) {
       hasRunRef.current = false;
       cardListRunRef.current = false;
     }
   }, [show, autoTrigger]);
-  useEffect18(() => {
+  useEffect15(() => {
     if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
       getPaymentDetails();
       if (isPartial && !partialRef) {
@@ -11235,7 +10884,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, [show, autoTrigger, isPartial, onLoad]);
-  useEffect18(() => {
+  useEffect15(() => {
     if ((show || autoTrigger) && pass_fee_amount) {
       let cashdisc = Number(amount) - Number(pass_fee_amount);
       if (cashdisc && !isNaN(cashdisc)) {
@@ -11297,7 +10946,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     console.error("3DS Auth failed \u274C", status);
     setError(`3DS Authentication ${status}`);
   };
-  useEffect18(() => {
+  useEffect15(() => {
     if (setHandleCloseRef) {
       setHandleCloseRef(() => handleClose);
     }
@@ -11315,18 +10964,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setPartialError("");
     }
   };
-  useEffect18(() => {
+  useEffect15(() => {
     if (typeof FractalTokenizer === "undefined") return;
     const tokenizer = new FractalTokenizer({
       styles: {}
     });
   }, []);
-  const stateRef = useRef12({
+  const stateRef = useRef10({
     activeinBank,
     activeinCard,
     activetab
   });
-  useEffect18(() => {
+  useEffect15(() => {
     stateRef.current = {
       activeinBank,
       activeinCard,
@@ -11350,7 +10999,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, []);
-  useEffect18(() => {
+  useEffect15(() => {
     onSubmit == null ? void 0 : onSubmit(submit);
   }, [onSubmit, submit]);
   function detectCardType(cardinput) {
@@ -11376,34 +11025,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__ */ jsx34("img", { src: visa2, alt: "visa", width: 33 });
       case "mastercard":
-        return /* @__PURE__ */ jsx36("img", { src: mastercard2, width: 33, alt: "mastercard" });
+        return /* @__PURE__ */ jsx34("img", { src: mastercard2, width: 33, alt: "mastercard" });
       case "amex":
-        return /* @__PURE__ */ jsx36("img", { src: americanexp2, alt: "amex", width: 33 });
+        return /* @__PURE__ */ jsx34("img", { src: americanexp2, alt: "amex", width: 33 });
       case "discover":
-        return /* @__PURE__ */ jsx36("img", { src: discover2, width: 33, alt: "discover" });
+        return /* @__PURE__ */ jsx34("img", { src: discover2, width: 33, alt: "discover" });
       case "diners":
-        return /* @__PURE__ */ jsx36("img", { src: dinersicon, alt: "Diners Club" });
+        return /* @__PURE__ */ jsx34("img", { src: dinersicon, alt: "Diners Club" });
       case "jcb":
-        return /* @__PURE__ */ jsx36("img", { src: jcbicon, alt: "JCB" });
+        return /* @__PURE__ */ jsx34("img", { src: jcbicon, alt: "JCB" });
       case "unionpay":
-        return /* @__PURE__ */ jsx36("img", { src: unionicon, alt: "UnionPay" });
+        return /* @__PURE__ */ jsx34("img", { src: unionicon, alt: "UnionPay" });
       default:
-        return /* @__PURE__ */ jsx36("img", { src: defualtcardborder, alt: "card" });
+        return /* @__PURE__ */ jsx34("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: () => {
+  return /* @__PURE__ */ jsxs20(Fragment19, { children: [
+    (initialLoader || !onLoad) && /* @__PURE__ */ jsx34(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
+    error && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
+    errorIframe && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(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 }),
-      /* @__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__ */ jsxs20(Fragment19, { children: [
+      (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx34(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
+      /* @__PURE__ */ jsxs20("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
+        /* @__PURE__ */ jsx34("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
+        (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx34(
           ThreeDSChallenge,
           {
             containerRef: threeDSContainerRef,
@@ -11413,33 +11062,33 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             onSuccess: handleSuccess,
             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__ */ jsxs20("div", { className: "parent-pay-container", children: [
+          /* @__PURE__ */ jsx34("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+            /* @__PURE__ */ jsx34("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx34("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__ */ jsx34("defs", { children: /* @__PURE__ */ jsx34("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx34("rect", { width: "16", height: "16", fill: "white" }) }) })
           ] }) }),
-          /* @__PURE__ */ jsx36("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" }),
-                  (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs21("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
+          /* @__PURE__ */ jsx34("div", { className: "pay-main-logo-res" }),
+          /* @__PURE__ */ jsxs20("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
+            !onSubmit && /* @__PURE__ */ jsxs20("div", { className: "pay-header pay-conatiner-one", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-first", children: [
+                /* @__PURE__ */ jsxs20("div", { className: "pay-logo-container", children: [
+                  /* @__PURE__ */ jsx34("div", { className: "pay-main-logo" }),
+                  /* @__PURE__ */ jsx34("h1", { className: "pay-heading", children: "Pay" }),
+                  (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs20("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
                     " ",
-                    /* @__PURE__ */ jsx36(IoArrowBack4, {}),
+                    /* @__PURE__ */ jsx34(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__ */ 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__ */ jsx34("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
+                  /* @__PURE__ */ jsx34("small", { className: "pay-payment-amount", children: "Select payment type" }),
+                  /* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
+                    /* @__PURE__ */ jsx34(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                    !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx34(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(
+                  isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
+                    /* @__PURE__ */ jsx34("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
+                    /* @__PURE__ */ jsx34(
                       NumericFormat2,
                       {
                         prefix: "$",
@@ -11463,25 +11112,25 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         }
                       }
                     ),
-                    partialError && /* @__PURE__ */ jsx36("span", { className: "error-span", children: partialError })
+                    partialError && /* @__PURE__ */ jsx34("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__ */ jsxs20("div", { className: "pay-conatiner-one-last", children: [
+                /* @__PURE__ */ jsx34("img", { src: secure2, alt: "" }),
+                /* @__PURE__ */ jsx34("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__ */ 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__ */ jsx34("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx34("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs20("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
+              onSubmit && /* @__PURE__ */ jsx34("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
+                /* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
+                  /* @__PURE__ */ jsx34(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
+                  !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx34(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(
+                isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
+                  /* @__PURE__ */ jsx34("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
+                  /* @__PURE__ */ jsx34(
                     NumericFormat2,
                     {
                       prefix: "$",
@@ -11498,77 +11147,53 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       fixedDecimalScale: true
                     }
                   ),
-                  partialError && /* @__PURE__ */ jsx36("span", { className: "error-span", children: partialError })
+                  partialError && /* @__PURE__ */ jsx34("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: [
-                /* @__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: [
+              is3DSEnable ? clientSecret && /* @__PURE__ */ jsx34(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                /* @__PURE__ */ jsxs20("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
+                  !onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                    /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
+                      /* @__PURE__ */ jsx34("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
                         " ",
-                        /* @__PURE__ */ jsx36(IoArrowBack4, {})
+                        /* @__PURE__ */ jsx34(IoArrowBack4, {})
                       ] }) }),
-                      /* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
+                      /* @__PURE__ */ jsx34("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__ */ jsxs20("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
+                      /* @__PURE__ */ jsx34("img", { src: visa2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx34("img", { src: mastercard2, width: 33, alt: "" }),
+                      /* @__PURE__ */ jsx34("img", { src: americanexp2, alt: "", width: 33 }),
+                      /* @__PURE__ */ jsx34("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: () => {
+                  activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                    /* @__PURE__ */ jsx34(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)) }) })
-                  ] }) : 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(
-                        GooglePayComponent,
-                        {
-                          amount: partialAmount ? partialAmount : amount,
-                          googlePayEnvironment,
-                          googlePayGatewayMerchantId,
-                          googlePayMerchantId,
-                          googlePayMerchantName: merchantName,
-                          completeFractalFlow,
-                          setLoading
-                        }
-                      ),
-                      /* @__PURE__ */ jsx36("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx36("span", { children: "or" }) })
-                    ] }),
-                    /* @__PURE__ */ jsxs21("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
+                    /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx34("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__ */ jsxs20(Fragment19, { children: [
+                    onSubmit && /* @__PURE__ */ jsx34(Fragment19, {}),
+                    /* @__PURE__ */ jsxs20("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
                       if (e.key === "Enter" && loading) {
                         e.preventDefault();
                         e.stopPropagation();
                       }
                     }, 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__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                          /* @__PURE__ */ jsx34("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
+                          /* @__PURE__ */ jsx34("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__ */ jsx34("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 && isTokenizerReady && /* @__PURE__ */ jsx36(
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                          /* @__PURE__ */ jsx34("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
+                          /* @__PURE__ */ jsx34("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx34(
                             FractalFields_default,
                             {
                               fractalStyles,
@@ -11577,18 +11202,18 @@ 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 }),
-                          pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                          /* @__PURE__ */ jsx34("label", { htmlFor: "zip", children: "ZIP" }),
+                          /* @__PURE__ */ jsx34("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__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
+                          pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
                             "Cards include a fee amount of ",
-                            /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
+                            /* @__PURE__ */ jsx34("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__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                          /* @__PURE__ */ jsx34(
                             "input",
                             {
                               type: "checkbox",
@@ -11598,10 +11223,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__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                            /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                          /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", className: "toggle-label" }),
+                          /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
+                          /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
+                            /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
                               "svg",
                               {
                                 xmlns: "http://www.w3.org/2000/svg",
@@ -11610,8 +11235,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__ */ jsx34("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
+                                  /* @__PURE__ */ jsx34(
                                     "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",
@@ -11621,34 +11246,34 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                                 ]
                               }
                             ) }),
-                            /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                            /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
                               "If checked, I agree to give the ",
-                              /* @__PURE__ */ jsx36("b", { children: merchantName || "merchant" }),
+                              /* @__PURE__ */ jsx34("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__ */ jsx34("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx34("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) => {
+                  ] }) : /* @__PURE__ */ jsxs20("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
                     if (e.key === "Enter" && loading) {
                       e.preventDefault();
                       e.stopPropagation();
                     }
                   }, 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__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
+                        /* @__PURE__ */ jsx34("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__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
                       ] }),
-                      /* @__PURE__ */ jsx36("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx36(
+                      /* @__PURE__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx34(
                         DataCapFields,
                         {
                           isOpen: show || autoTrigger,
@@ -11658,18 +11283,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           customCSS: customCSS2
                         }
                       ) }),
-                      /* @__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 }),
-                        pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "zip", children: "ZIP" }),
+                        /* @__PURE__ */ jsx34("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__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
+                        pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
                           "Cards include a fee amount of ",
-                          /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
+                          /* @__PURE__ */ jsx34("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__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "checkbox",
@@ -11679,10 +11304,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__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                          /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", className: "toggle-label" }),
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
+                        /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
+                          /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -11691,8 +11316,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__ */ jsx34("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
+                                /* @__PURE__ */ jsx34(
                                   "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",
@@ -11702,48 +11327,48 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx36("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                          /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
                             "If checked, I agree to give the ",
-                            /* @__PURE__ */ jsx36("b", { children: merchantName || "merchant" }),
+                            /* @__PURE__ */ jsx34("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__ */ jsx34("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx34("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: [
-                  !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__ */ jsx34("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                  !onSubmit && /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
+                    /* @__PURE__ */ jsx34("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
                       " ",
-                      /* @__PURE__ */ jsx36(IoArrowBack4, {})
+                      /* @__PURE__ */ jsx34(IoArrowBack4, {})
                     ] }) }),
-                    /* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
+                    /* @__PURE__ */ jsx34("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: () => {
+                  activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                    /* @__PURE__ */ jsx34(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__ */ jsxs21("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
+                    /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx34("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
+                  ] }) : /* @__PURE__ */ jsxs20("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
                     if (e.key === "Enter" && loading) {
                       e.preventDefault();
                       e.stopPropagation();
                     }
                   }, children: [
-                    /* @__PURE__ */ jsxs21("div", { className: "ach-scrl", style: {
+                    /* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: {
                       minHeight: "444px",
                       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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "nameonaccount", children: "Name on account" }),
+                        /* @__PURE__ */ jsx34("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__ */ jsx34("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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "routingnumber", children: "Routing number" }),
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "text",
@@ -11756,11 +11381,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__ */ jsx34("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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "accountnumber", children: "Account number" }),
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "text",
@@ -11773,11 +11398,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__ */ jsx34("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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "text",
@@ -11790,11 +11415,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__ */ jsx34("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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "bankname", children: "Bank name" }),
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "text",
@@ -11807,11 +11432,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__ */ jsx34("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(
+                      ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "companyName", children: "Company name" }),
+                        /* @__PURE__ */ jsx34(
                           "input",
                           {
                             type: "text",
@@ -11824,60 +11449,60 @@ 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__ */ jsx34("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__ */ 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__ */ jsxs20("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsx34("label", { htmlFor: "accounttype", children: "Select account type" }),
+                        /* @__PURE__ */ jsxs20("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
+                          /* @__PURE__ */ jsx34("option", { value: "", children: "Select account" }),
+                          accountTypes.map((type) => /* @__PURE__ */ jsx34("option", { value: type.value, children: type.label }, type.value))
                         ] }),
-                        bankFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                        bankFeeAmount > 0 && /* @__PURE__ */ jsxs20("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__ */ jsx34("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) => {
+                        !saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                            /* @__PURE__ */ jsx34("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__ */ jsx34("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__ */ jsx34("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) => {
+                        customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                          /* @__PURE__ */ jsx34("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__ */ jsx34("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) => {
+                        saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                            /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
                               setSaveACHConsent1(e.target.checked);
                               if (e.target.checked) {
                                 setErrorBankConsentOther("");
                               }
                             } }),
-                            /* @__PURE__ */ jsxs21("label", { className: "saveachlabel", htmlFor: "saveACHConsent1", children: [
+                            /* @__PURE__ */ jsxs20("label", { className: "saveachlabel", htmlFor: "saveACHConsent1", children: [
                               "By providing my bank account information and selecting \u2018Save for future payments\u2019, I authorize ",
                               merchantName || "merchant",
                               "  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__ */ jsx34("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__ */ jsx34("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx34("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)) }) })
                   ] })
                 ] }) })
               ] })
@@ -11892,7 +11517,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 Fragment20, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var PaymentWidget = ({
   amount,
   bankAmount,
@@ -11916,13 +11541,12 @@ var PaymentWidget = ({
   customCSS: customCSS2,
   disableSubmitBtn = false
 }) => {
-  const [show, setShow] = useState12(autoTrigger || false);
-  const [loading, setLoading] = useState12(false);
-  const [childHandleClose, setChildHandleClose] = useState12(() => () => {
+  const [show, setShow] = useState11(autoTrigger || false);
+  const [loading, setLoading] = useState11(false);
+  const [childHandleClose, setChildHandleClose] = useState11(() => () => {
   });
-  const [orderGuid, setOrderGuid] = useState12(null);
-  const [remainingAmount, setRemainingAmount] = useState12(null);
-  const [isTokenizerReady, setTokenizerReady] = useState12(false);
+  const [orderGuid, setOrderGuid] = useState11(null);
+  const [remainingAmount, setRemainingAmount] = useState11(null);
   const initialCommonProps = useMemo(
     () => ({
       amount,
@@ -11972,8 +11596,8 @@ var PaymentWidget = ({
       disableSubmitBtn
     ]
   );
-  const [commonProps, setCommonProps] = useState12(initialCommonProps);
-  useEffect19(() => {
+  const [commonProps, setCommonProps] = useState11(initialCommonProps);
+  useEffect16(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -12004,36 +11628,35 @@ var PaymentWidget = ({
       setLoading(false);
     }
   };
-  useEffect19(() => {
+  useEffect16(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
-  console.log("isTokenizerReady", isTokenizerReady);
-  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, { onLoad: () => setTokenizerReady(true) }),
-    /* @__PURE__ */ jsx37(SkyChargewidgetstyles, {}),
-    /* @__PURE__ */ jsx37(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx37(CustomModal2styles_default, {}),
-    /* @__PURE__ */ jsx37(DataCapScriptLoader, {}),
-    !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
+  return /* @__PURE__ */ jsxs21(Fragment20, { children: [
+    /* @__PURE__ */ jsx35("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
+    /* @__PURE__ */ jsx35(DataScript, {}),
+    /* @__PURE__ */ jsx35(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx35(SkyChargewidgetstyles, {}),
+    /* @__PURE__ */ jsx35(CardBankRadioStyles, {}),
+    /* @__PURE__ */ jsx35(CustomModal2styles_default, {}),
+    /* @__PURE__ */ jsx35(DataCapScriptLoader, {}),
+    !autoTrigger && /* @__PURE__ */ jsxs21("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({ isTokenizerReady, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ isTokenizerReady, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ jsx35(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx35(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx35(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 useEffect18, useState as useState12, 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 jsx36 } from "react/jsx-runtime";
 function EmbeddedCheckoutStyles({ extraCustomCSS }) {
-  return /* @__PURE__ */ jsx38("style", { children: `
+  return /* @__PURE__ */ jsx36("style", { children: `
 
             .pay-amount-conatiner{
             margin-top: 20px !important;
@@ -12379,27 +12002,27 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
-import { useEffect as useEffect20 } from "react";
+import { useEffect as useEffect17 } from "react";
 var applePayScriptLoaded = false;
 var ApplePayScriptLoader = () => {
-  useEffect20(() => {
+  useEffect17(() => {
     if (applePayScriptLoaded) return;
     const existingScript = document.querySelector(
       `script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
     );
     if (!existingScript) {
-      const script = document.createElement("script");
-      script.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js";
-      script.async = true;
-      script.onload = () => {
+      const script2 = document.createElement("script");
+      script2.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js";
+      script2.async = true;
+      script2.onload = () => {
         console.log("\u2705 Apple Pay script loaded");
         applePayScriptLoaded = true;
         console.log("ApplePaySession:", window.ApplePaySession);
       };
-      script.onerror = (err) => {
+      script2.onerror = (err) => {
         console.error("\u274C Apple Pay script failed", err);
       };
-      document.head.appendChild(script);
+      document.head.appendChild(script2);
     } else {
       applePayScriptLoaded = true;
     }
@@ -12408,7 +12031,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 Fragment21, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var EmbeddedCheckout = ({
   amount,
   bankAmount,
@@ -12433,13 +12056,12 @@ var EmbeddedCheckout = ({
   onLoad,
   customCSS: customCSS2
 }) => {
-  const [show, setShow] = useState13(false);
-  const [loading, setLoading] = useState13(false);
-  const [childHandleClose, setChildHandleClose] = useState13(() => () => {
+  const [show, setShow] = useState12(false);
+  const [loading, setLoading] = useState12(false);
+  const [childHandleClose, setChildHandleClose] = useState12(() => () => {
   });
-  const [orderGuid, setOrderGuid] = useState13(null);
-  const [remainingAmount, setRemainingAmount] = useState13(null);
-  const [isTokenizerReady, setTokenizerReady] = useState13(false);
+  const [orderGuid, setOrderGuid] = useState12(null);
+  const [remainingAmount, setRemainingAmount] = useState12(null);
   const initialCommonProps = useMemo2(
     () => ({
       amount,
@@ -12486,8 +12108,8 @@ var EmbeddedCheckout = ({
       partialRef
     ]
   );
-  const [commonProps, setCommonProps] = useState13(initialCommonProps);
-  useEffect21(() => {
+  const [commonProps, setCommonProps] = useState12(initialCommonProps);
+  useEffect18(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -12518,13 +12140,13 @@ var EmbeddedCheckout = ({
       setLoading(false);
     }
   };
-  useEffect21(() => {
+  useEffect18(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
   console.log(onLoad, "onLoad");
-  useEffect21(() => {
+  useEffect18(() => {
     const supported = !!window.ApplePaySession;
     let canPay = false;
     if (supported) {
@@ -12535,21 +12157,21 @@ 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, { onLoad: () => setTokenizerReady(true) }),
-    /* @__PURE__ */ jsx39(SkyChargewidgetstyles, {}),
-    /* @__PURE__ */ jsx39(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx39(CustomModal2styles_default, {}),
-    /* @__PURE__ */ jsx39(DataCapScriptLoader, {}),
-    /* @__PURE__ */ jsx39(ApplePayScriptLoader, {}),
-    /* @__PURE__ */ jsx39(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
-    !autoTrigger && /* @__PURE__ */ jsxs23("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
+  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__ */ jsx37(ApplePayScriptLoader, {}),
+    /* @__PURE__ */ jsx37(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
+    !autoTrigger && /* @__PURE__ */ jsxs22("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({ isTokenizerReady, onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx39(ModelContentSky_default, __spreadProps(__spreadValues({ isTokenizerReady, onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ jsx37(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
   ] });
 };
 export {