@fractalpay/fractalpay-next 0.0.41 → 0.0.43

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next",
-      version: "0.0.41",
+      version: "0.0.43",
       private: false,
       type: "module",
       scripts: {
@@ -8800,7 +8800,7 @@ function PartialPayment(props) {
 }
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
-import { useEffect as useEffect18, useState as useState12, useMemo } from "react";
+import { useEffect as useEffect17, useState as useState11, useMemo } from "react";
 
 // src/app/components/Skysystemz/SkyChargewidgetstyles.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
@@ -9646,7 +9646,7 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
-import { useCallback, useEffect as useEffect17, useRef as useRef11, useState as useState11 } from "react";
+import { useCallback, useEffect as useEffect16, useRef as useRef11, useState as useState10 } from "react";
 import axios9 from "axios";
 import Swal5 from "sweetalert2";
 
@@ -9932,199 +9932,146 @@ 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 script2 = document.createElement("script");
-      script2.src = "https://pay.google.com/gp/p/js/pay.js";
-      script2.async = true;
-      script2.onload = () => {
-        console.log("\u2705 Google Pay script loaded");
-        googlePayScriptLoaded = true;
-        console.log("google:", window.google);
-        onLoad == null ? void 0 : onLoad();
-      };
-      script2.onerror = (err) => {
-        console.error("\u274C Google Pay script failed", err);
-      };
-      document.head.appendChild(script2);
-    } 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
+// src/app/components/Atoms/Applepay/ApplePayButton.tsx
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+function ApplePayButton({
+  applePayMerchantId: applePayMerchantId2,
+  applePayAmount,
+  applePayMerchantName,
+  showLoader,
+  completeFractalFlow
 }) {
-  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 applePayRef = useRef10(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
   };
-  const cardPaymentMethod = __spreadProps(__spreadValues({}, baseCardPaymentMethod), {
-    tokenizationSpecification: {
-      type: "PAYMENT_GATEWAY",
-      parameters: {
-        gateway: googlePayGatewayMerchantId2,
-        gatewayMerchantId: googlePayGatewayMerchantId2
+  function buildPaymentDetails() {
+    return {
+      total: {
+        label: applePayMerchantName,
+        amount: {
+          currency: "USD",
+          value: applePayAmount
+        }
       }
-    }
-  });
-  const handlePaymentAuthorization = async (paymentData) => {
-    var _a, _b;
+    };
+  }
+  async function validateMerchant(event) {
+    var _a;
+    console.log("\u{1F7E1} STEP 1: Merchant validation started");
     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
+      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
+          })
         }
-      });
-    }
-    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);
+      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.error("Google Pay init error:", err);
+      console.log("\u274C Merchant validation failed:", err == null ? void 0 : err.message);
+      event.complete(null);
     }
-  };
-  const onGooglePayClick = async () => {
-    const client = getPaymentsClient();
-    if (!client) {
-      console.error("Google Pay client not ready");
-      return;
+  }
+  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 {
-      await client.loadPaymentData(getPaymentDataRequest());
+      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) {
-      if ((err == null ? void 0 : err.statusCode) !== "CANCELED") {
-        console.error(err);
-      }
+      console.log("\u274C Apple Pay flow failed:", err == null ? void 0 : err.message);
     }
-  };
-  const onScriptLoad = () => {
-    if (!googlePayEnvironment2 || !googlePayGatewayMerchantId2 || !amount || !googlePayMerchantId2) {
-      console.error("Missing Google Pay config");
-      return;
+  }
+  useEffect15(() => {
+    if (window.ApplePaySession && window.ApplePaySession.canMakePayments()) {
+      console.log("\u2705 Apple Pay is available");
+    } else {
+      console.log("\u274C Apple Pay NOT available");
     }
-    setTimeout(() => {
-      initializeGooglePay();
-    }, 0);
-  };
-  return /* @__PURE__ */ jsxs20(Fragment19, { children: [
-    /* @__PURE__ */ jsx34("div", { ref: containerRef, className: "text-center" }),
-    /* @__PURE__ */ jsx34(GooglePayScriptLoader, { onLoad: onScriptLoad })
-  ] });
+  }, []);
+  useEffect15(() => {
+    const btn = applePayRef.current;
+    if (!btn) return;
+    const handleClick = () => handleApplePayClick();
+    btn.addEventListener("click", handleClick);
+    return () => btn.removeEventListener("click", handleClick);
+  }, [applePayMerchantId2, applePayAmount, applePayMerchantName]);
+  return /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+    "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 jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx35, 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 = useRef11(false);
@@ -10134,45 +10081,45 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const expiryMonthRef = useRef11(null);
   const cardListRunRef = useRef11(false);
   const threeDSContainerRef = useRef11(null);
-  const [activetab, setActive] = useState11("card");
-  const [activeList, setActiveList] = useState11("card");
-  const [cardData, setCardData] = useState11();
-  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 [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";
@@ -11066,13 +11013,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setOrderLoader(false);
     }
   };
-  useEffect17(() => {
+  useEffect16(() => {
     if (!show && !autoTrigger) {
       hasRunRef.current = false;
       cardListRunRef.current = false;
     }
   }, [show, autoTrigger]);
-  useEffect17(() => {
+  useEffect16(() => {
     if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
       getPaymentDetails();
       if (isPartial && !partialRef) {
@@ -11080,7 +11027,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, [show, autoTrigger, isPartial, onLoad]);
-  useEffect17(() => {
+  useEffect16(() => {
     if ((show || autoTrigger) && pass_fee_amount) {
       let cashdisc = Number(amount) - Number(pass_fee_amount);
       if (cashdisc && !isNaN(cashdisc)) {
@@ -11142,7 +11089,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     console.error("3DS Auth failed \u274C", status);
     setError(`3DS Authentication ${status}`);
   };
-  useEffect17(() => {
+  useEffect16(() => {
     if (setHandleCloseRef) {
       setHandleCloseRef(() => handleClose);
     }
@@ -11160,7 +11107,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       setPartialError("");
     }
   };
-  useEffect17(() => {
+  useEffect16(() => {
     if (typeof FractalTokenizer === "undefined") return;
     const tokenizer = new FractalTokenizer({
       styles: {}
@@ -11171,7 +11118,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     activeinCard,
     activetab
   });
-  useEffect17(() => {
+  useEffect16(() => {
     stateRef.current = {
       activeinBank,
       activeinCard,
@@ -11195,7 +11142,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
     }
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     onSubmit == null ? void 0 : onSubmit(submit);
   }, [onSubmit, submit]);
   function detectCardType(cardinput) {
@@ -11238,15 +11185,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         return /* @__PURE__ */ jsx35("img", { src: defualtcardborder, alt: "card" });
     }
   }
-  return /* @__PURE__ */ jsxs21(Fragment20, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment19, { children: [
     (initialLoader || !onLoad) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
     error && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
     errorIframe && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
       setErrorIframe("");
     }, autoTrigger: onSubmit ? !onSubmit : autoTrigger }) }),
-    /* @__PURE__ */ jsxs21(Fragment20, { children: [
+    /* @__PURE__ */ jsxs20(Fragment19, { children: [
       (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx35(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
-      /* @__PURE__ */ jsxs21("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
         /* @__PURE__ */ jsx35("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
         (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx35(
           ThreeDSChallenge,
@@ -11258,31 +11205,31 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
             onSuccess: handleSuccess,
             onError: handleError
           }
-        ) : /* @__PURE__ */ jsxs21("div", { className: "parent-pay-container", children: [
-          /* @__PURE__ */ jsx35("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+        ) : /* @__PURE__ */ jsxs20("div", { className: "parent-pay-container", children: [
+          /* @__PURE__ */ jsx35("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__ */ jsx35("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx35("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
             /* @__PURE__ */ jsx35("defs", { children: /* @__PURE__ */ jsx35("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx35("rect", { width: "16", height: "16", fill: "white" }) }) })
           ] }) }),
           /* @__PURE__ */ jsx35("div", { className: "pay-main-logo-res" }),
-          /* @__PURE__ */ jsxs21("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
-            !onSubmit && /* @__PURE__ */ jsxs21("div", { className: "pay-header pay-conatiner-one", children: [
-              /* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-first", children: [
-                /* @__PURE__ */ jsxs21("div", { className: "pay-logo-container", children: [
+          /* @__PURE__ */ 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__ */ jsx35("div", { className: "pay-main-logo" }),
                   /* @__PURE__ */ jsx35("h1", { className: "pay-heading", children: "Pay" }),
-                  (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs21("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
+                  (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs20("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
                     " ",
                     /* @__PURE__ */ jsx35(IoArrowBack4, {}),
                     " Back"
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
+                /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
                   /* @__PURE__ */ jsx35("small", { className: "pay-payment-amount", children: "Select payment type" }),
-                  /* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
                     /* @__PURE__ */ jsx35(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                     !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
                   ] }),
-                  isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
+                  isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
                     /* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
                     /* @__PURE__ */ jsx35(
                       NumericFormat2,
@@ -11312,19 +11259,19 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                   ] })
                 ] }) })
               ] }),
-              /* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-last", children: [
+              /* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-last", children: [
                 /* @__PURE__ */ jsx35("img", { src: secure2, alt: "" }),
                 /* @__PURE__ */ jsx35("img", { src: pov2, alt: "" }),
                 "Secure payments powered by Fractal"
               ] })
             ] }),
-            /* @__PURE__ */ jsx35("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx35("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs21("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
-              onSubmit && /* @__PURE__ */ jsx35("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
-                /* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
+            /* @__PURE__ */ jsx35("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx35("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs20("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
+              onSubmit && /* @__PURE__ */ jsx35("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__ */ jsx35(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                   !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx35(CardBankRadio, { skydesign: true, label: "Bank", amount: (_d = Number(bankAmount)) == null ? void 0 : _d.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
                 ] }),
-                isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
+                isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
                   /* @__PURE__ */ jsx35("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
                   /* @__PURE__ */ jsx35(
                     NumericFormat2,
@@ -11346,52 +11293,50 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                   partialError && /* @__PURE__ */ jsx35("span", { className: "error-span", children: partialError })
                 ] })
               ] }) }),
-              is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                /* @__PURE__ */ jsxs21("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
-                  !onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                    /* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
-                      /* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
+              is3DSEnable ? clientSecret && /* @__PURE__ */ jsx35(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__ */ jsx35("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__ */ jsx35(IoArrowBack4, {})
                       ] }) }),
                       /* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
                     ] }),
-                    /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
+                    /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
                       /* @__PURE__ */ jsx35("img", { src: visa2, alt: "", width: 33 }),
                       /* @__PURE__ */ jsx35("img", { src: mastercard2, width: 33, alt: "" }),
                       /* @__PURE__ */ jsx35("img", { src: americanexp2, alt: "", width: 33 }),
                       /* @__PURE__ */ jsx35("img", { src: discover2, width: 33, alt: "" })
                     ] })
                   ] }),
-                  activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                  activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
                     /* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
                       setActiveinCard("form");
                     } }),
                     /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(amount)) == null ? void 0 : _f.toFixed(2)) }) })
-                  ] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                    onSubmit && /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                  ] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                    onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
                       /* @__PURE__ */ jsx35(
-                        GooglePayComponent,
+                        ApplePayButton,
                         {
-                          amount: partialAmount ? partialAmount : amount,
-                          googlePayEnvironment,
-                          googlePayGatewayMerchantId,
-                          googlePayMerchantId,
-                          googlePayMerchantName: merchantName,
+                          applePayAmount: partialAmount ? partialAmount : amount,
+                          applePayMerchantId,
+                          applePayMerchantName: merchantName,
                           completeFractalFlow,
-                          setLoading
+                          showLoader
                         }
                       ),
                       /* @__PURE__ */ jsx35("div", { id: "digital-wallet-or", className: "frac-or", children: /* @__PURE__ */ jsx35("span", { children: "or" }) })
                     ] }),
-                    /* @__PURE__ */ jsxs21("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
+                    /* @__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__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                           /* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
                           /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
                             const value = e.target.value;
@@ -11401,7 +11346,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           } }),
                           (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
                         ] }),
-                        /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                           /* @__PURE__ */ jsx35("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
                           /* @__PURE__ */ jsx35("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx35(
                             FractalFields_default,
@@ -11412,17 +11357,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                             }
                           ) })
                         ] }),
-                        /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                           /* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
                           /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
                           (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
-                          pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                          pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
                             "Cards include a fee amount of ",
                             /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
                             "."
                           ] })
                         ] }),
-                        customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                        customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
                           /* @__PURE__ */ jsx35(
                             "input",
                             {
@@ -11435,8 +11380,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           ),
                           /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
                           /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
-                          /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                          /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
+                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
                               "svg",
                               {
                                 xmlns: "http://www.w3.org/2000/svg",
@@ -11456,7 +11401,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                                 ]
                               }
                             ) }),
-                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                            /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
                               "If checked, I agree to give the ",
                               /* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
                               " permission to charge this credit card for agreed-upon purchases in the future."
@@ -11466,14 +11411,14 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ] }),
                       /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_h = Number(partialAmount)) == null ? void 0 : _h.toFixed(2)) : formatUSD((_i = Number(amount)) == null ? void 0 : _i.toFixed(2)) }) })
                     ] })
-                  ] }) : /* @__PURE__ */ jsxs21("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
+                  ] }) : /* @__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__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
                         /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
                           const value = e.target.value;
@@ -11493,17 +11438,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           customCSS: customCSS2
                         }
                       ) }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "zip", children: "ZIP" }),
                         /* @__PURE__ */ jsx35("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_j = cardData == null ? void 0 : cardData.zipCode) != null ? _j : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
                         (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
-                        pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                        pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
                           "Cards include a fee amount of ",
                           /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
                           "."
                         ] })
                       ] }),
-                      customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
+                      customerId && /* @__PURE__ */ jsx35("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
                         /* @__PURE__ */ jsx35(
                           "input",
                           {
@@ -11516,8 +11461,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", className: "toggle-label" }),
                         /* @__PURE__ */ jsx35("label", { htmlFor: "save_card", children: "Save card for future payments  " }),
-                        /* @__PURE__ */ jsxs21("div", { className: "frac-tooltip-wrapper", children: [
-                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs21(
+                        /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
+                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
@@ -11537,7 +11482,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                               ]
                             }
                           ) }),
-                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs21("p", { children: [
+                          /* @__PURE__ */ jsx35("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
                             "If checked, I agree to give the ",
                             /* @__PURE__ */ jsx35("b", { children: merchantName || "merchant" }),
                             " permission to charge this credit card for agreed-upon purchases in the future."
@@ -11548,35 +11493,35 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx35("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_k = Number(partialAmount)) == null ? void 0 : _k.toFixed(2)) : formatUSD((_l = Number(amount)) == null ? void 0 : _l.toFixed(2)) }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx35("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                  !onSubmit && /* @__PURE__ */ jsxs21("div", { className: "frac-heading-card-wrap", children: [
-                    /* @__PURE__ */ jsx35("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs21("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
+                /* @__PURE__ */ jsx35("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__ */ jsx35("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__ */ jsx35(IoArrowBack4, {})
                     ] }) }),
                     /* @__PURE__ */ jsx35("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
                   ] }),
-                  activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                  activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
                     /* @__PURE__ */ jsx35(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
                       setActiveinBank("form");
                     } }),
                     /* @__PURE__ */ jsx35("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx35("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
-                  ] }) : /* @__PURE__ */ jsxs21("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
+                  ] }) : /* @__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__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "nameonaccount", children: "Name on account" }),
                         /* @__PURE__ */ jsx35("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_n = achData == null ? void 0 : achData.name) != null ? _n : "", onChange: handleChangeAch }),
                         (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "routingnumber", children: "Routing number" }),
                         /* @__PURE__ */ jsx35(
                           "input",
@@ -11593,7 +11538,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "accountnumber", children: "Account number" }),
                         /* @__PURE__ */ jsx35(
                           "input",
@@ -11610,7 +11555,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
                         /* @__PURE__ */ jsx35(
                           "input",
@@ -11627,7 +11572,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "bankname", children: "Bank name" }),
                         /* @__PURE__ */ jsx35(
                           "input",
@@ -11644,7 +11589,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
                       ] }),
-                      ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      ((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__ */ jsx35("label", { htmlFor: "companyName", children: "Company name" }),
                         /* @__PURE__ */ jsx35(
                           "input",
@@ -11661,19 +11606,19 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ),
                         (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx35("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
                       ] }),
-                      /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
+                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
                         /* @__PURE__ */ jsx35("label", { htmlFor: "accounttype", children: "Select account type" }),
-                        /* @__PURE__ */ jsxs21("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
+                        /* @__PURE__ */ jsxs20("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
                           /* @__PURE__ */ jsx35("option", { value: "", children: "Select account" }),
                           accountTypes.map((type) => /* @__PURE__ */ jsx35("option", { value: type.value, children: type.label }, type.value))
                         ] }),
-                        bankFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
+                        bankFeeAmount > 0 && /* @__PURE__ */ jsxs20("small", { className: "frac-fee-text", children: [
                           "There is a processing fee of ",
                           /* @__PURE__ */ jsx35("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
                           "."
                         ] }),
-                        !saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                          /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                        !saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                             /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
                               setIsBankConsentChecked(e.target.checked);
                               if (e.target.checked) {
@@ -11684,7 +11629,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           ] }),
                           errorBankConsent && /* @__PURE__ */ jsx35("span", { className: "error-span", children: errorBankConsent })
                         ] }),
-                        customerId && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                        customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                           /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
                             setSaveACHinfo(e.target.checked);
                             if (!e.target.checked) {
@@ -11694,15 +11639,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           } }),
                           /* @__PURE__ */ jsx35("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
                         ] }),
-                        saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
-                          /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                        saveACHinfo && /* @__PURE__ */ jsxs20(Fragment19, { children: [
+                          /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                             /* @__PURE__ */ jsx35("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
                               setSaveACHConsent1(e.target.checked);
                               if (e.target.checked) {
                                 setErrorBankConsentOther("");
                               }
                             } }),
-                            /* @__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."
@@ -11727,7 +11672,7 @@ var ModelContentSky_default = ModelContentSky;
 
 // src/app/components/Skysystemz/PayButtonWithForm.tsx
 import axios10 from "axios";
-import { Fragment as Fragment21, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var PaymentWidget = ({
   amount,
   bankAmount,
@@ -11751,12 +11696,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 [orderGuid, setOrderGuid] = useState11(null);
+  const [remainingAmount, setRemainingAmount] = useState11(null);
   const initialCommonProps = useMemo(
     () => ({
       amount,
@@ -11806,8 +11751,8 @@ var PaymentWidget = ({
       disableSubmitBtn
     ]
   );
-  const [commonProps, setCommonProps] = useState12(initialCommonProps);
-  useEffect18(() => {
+  const [commonProps, setCommonProps] = useState11(initialCommonProps);
+  useEffect17(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -11838,12 +11783,12 @@ var PaymentWidget = ({
       setLoading(false);
     }
   };
-  useEffect18(() => {
+  useEffect17(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
-  return /* @__PURE__ */ jsxs22(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment20, { children: [
     /* @__PURE__ */ jsx36("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
     /* @__PURE__ */ jsx36(DataScript, {}),
     /* @__PURE__ */ jsx36(FractalTokenizerScript, {}),
@@ -11851,7 +11796,7 @@ var PaymentWidget = ({
     /* @__PURE__ */ jsx36(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx36(CustomModal2styles_default, {}),
     /* @__PURE__ */ jsx36(DataCapScriptLoader, {}),
-    !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
+    !autoTrigger && /* @__PURE__ */ jsxs21("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
       submitBtnText,
       submitBtnIcon
     ] }),
@@ -11860,7 +11805,7 @@ var PaymentWidget = ({
 };
 
 // src/app/components/Skysystemz/EmbeddedCheckout.tsx
-import { useEffect as useEffect20, useState as useState13, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect19, useState as useState12, useMemo as useMemo2 } from "react";
 import axios11 from "axios";
 
 // src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
@@ -12212,10 +12157,10 @@ padding:0px !important;
 }
 
 // src/app/components/Atoms/Applepay/ApplePayScriptLoader.tsx
-import { useEffect as useEffect19 } from "react";
+import { useEffect as useEffect18 } from "react";
 var applePayScriptLoaded = false;
 var ApplePayScriptLoader = () => {
-  useEffect19(() => {
+  useEffect18(() => {
     if (applePayScriptLoaded) return;
     const existingScript = document.querySelector(
       `script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
@@ -12241,7 +12186,7 @@ var ApplePayScriptLoader = () => {
 };
 
 // src/app/components/Skysystemz/EmbeddedCheckout.tsx
-import { Fragment as Fragment22, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 var EmbeddedCheckout = ({
   amount,
   bankAmount,
@@ -12266,12 +12211,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 [orderGuid, setOrderGuid] = useState12(null);
+  const [remainingAmount, setRemainingAmount] = useState12(null);
   const initialCommonProps = useMemo2(
     () => ({
       amount,
@@ -12318,8 +12263,8 @@ var EmbeddedCheckout = ({
       partialRef
     ]
   );
-  const [commonProps, setCommonProps] = useState13(initialCommonProps);
-  useEffect20(() => {
+  const [commonProps, setCommonProps] = useState12(initialCommonProps);
+  useEffect19(() => {
     if (show) {
       setCommonProps(initialCommonProps);
     }
@@ -12350,13 +12295,13 @@ var EmbeddedCheckout = ({
       setLoading(false);
     }
   };
-  useEffect20(() => {
+  useEffect19(() => {
     if (show && isPartial && partialRef) {
       getskyosOrderDetails();
     }
   }, [show, isPartial, partialRef]);
   console.log(onLoad, "onLoad");
-  useEffect20(() => {
+  useEffect19(() => {
     const supported = !!window.ApplePaySession;
     let canPay = false;
     if (supported) {
@@ -12367,7 +12312,7 @@ var EmbeddedCheckout = ({
     }
     console.log(`ApplePaySession: ${supported}, canMakePayments: ${canPay}`);
   }, []);
-  return /* @__PURE__ */ jsxs23(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment21, { children: [
     /* @__PURE__ */ jsx38("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
     /* @__PURE__ */ jsx38(DataScript, {}),
     /* @__PURE__ */ jsx38(FractalTokenizerScript, {}),
@@ -12377,7 +12322,7 @@ var EmbeddedCheckout = ({
     /* @__PURE__ */ jsx38(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx38(ApplePayScriptLoader, {}),
     /* @__PURE__ */ jsx38(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
-    !autoTrigger && /* @__PURE__ */ jsxs23("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
+    !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
       submitBtnText,
       submitBtnIcon
     ] }),