@fractalpay/fractalpay-next-dev 0.0.287 → 0.0.288

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.287",
+      version: "0.0.288",
       private: false,
       type: "module",
       scripts: {
@@ -212,21 +212,6 @@ var LoaderStyle = (props) => {
   }
 }
 
-
-.loader-text {
-  margin-top: 8px;
-  color: #1A1226;
-  text-transform: uppercase;
-  font-weight: 600;
-  font-family: 'IBM Plex Mono', monospace;
-}
-
-.loader-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
         ` });
 };
 var LoaderStyle_default = LoaderStyle;
@@ -234,17 +219,14 @@ var LoaderStyle_default = LoaderStyle;
 // src/app/components/Loader/Loader.tsx
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var Loader = (_a) => {
-  var _b = _a, { intensity = "light", loaderText } = _b, props = __objRest(_b, ["intensity", "loaderText"]);
+  var _b = _a, { intensity = "light" } = _b, props = __objRest(_b, ["intensity"]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx2(LoaderStyle_default, {}),
-    (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "loader-content", children: [
-      /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {}),
-        /* @__PURE__ */ jsx2("div", {})
-      ] }),
-      loaderText && /* @__PURE__ */ jsx2("div", { className: "loader-text", children: loaderText })
+    (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
+      /* @__PURE__ */ jsx2("div", {}),
+      /* @__PURE__ */ jsx2("div", {}),
+      /* @__PURE__ */ jsx2("div", {}),
+      /* @__PURE__ */ jsx2("div", {})
     ] }) })
   ] });
 };
@@ -254,8 +236,8 @@ var Loader_default = Loader;
 var { name } = require_package();
 var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
 if (name === "@fractalpay/fractalpay-next-dev") {
-  baseUrl = "http://localhost:8082/";
-  masterBaseUrl = "http://localhost:8081/";
+  masterBaseUrl = "https://api.dev.fractalpay.com/";
+  baseUrl = "https://widget.dev.fractalpay.com/";
   fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
   datacapUrl = "https://token-cert.dcap.com/v1/client";
   threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
@@ -2491,22 +2473,6 @@ position:relative;
             color: #c62828 !important;
         }
 
-        .surcharge-program-notice-text{
-            margin: 10px 0 4px;
-            padding: 8px 12px;
-            background: #f6f6f7;
-            border-radius: 8px;
-            font-family: 'Inter', sans-serif;
-            font-size: 12px;
-            color: #727272;
-            line-height: 1.5;
-              }
-
-        .surcharge-program-notice-text-att {
-            font-weight: 700;
-            color: #161616;
-        }
-
         ` });
 }
 
@@ -2711,17 +2677,7 @@ function SuccessMszStyle() {
         gap: 6px;
         background-color: #161616;
         color: #fff;
-      } 
-        
-      
-      #receipt-debit-note {
-      font-family: 'Inter', sans-serif;
-      font-size: 11px;
-      color: #49B182;
-      margin-top: 2px;
-      }
-
-      ` });
+      }` });
 }
 
 // src/app/components/SuccessMessage/HandleSubmit.tsx
@@ -2745,7 +2701,7 @@ function HandleSubmit(event, key, tranId) {
 
 // src/app/components/SuccessMessage/SuccessMsz.tsx
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-function SuccessMsz({ onClose, tranId, isDebitAdjusted = false }) {
+function SuccessMsz({ onClose, tranId }) {
   return /* @__PURE__ */ jsxs5(Fragment5, { children: [
     /* @__PURE__ */ jsx10(SuccessMszStyle, {}),
     /* @__PURE__ */ jsxs5("div", { className: "payment-msg-container", children: [
@@ -2772,20 +2728,7 @@ function SuccessMsz({ onClose, tranId, isDebitAdjusted = false }) {
           /* @__PURE__ */ jsx10("br", {}),
           "was successful"
         ] }),
-        /* @__PURE__ */ jsxs5("h6", { className: "charge-payment-success-subtext", children: [
-          "We\u2019ve processed your charge",
-          isDebitAdjusted && /* @__PURE__ */ jsxs5(Fragment5, { children: [
-            /* @__PURE__ */ jsx10("br", {}),
-            /* @__PURE__ */ jsx10(
-              "span",
-              {
-                id: "receipt-debit-note",
-                className: "charge-payment-success-subtext",
-                children: "No surcharge \u2014 debit card"
-              }
-            )
-          ] })
-        ] }),
+        /* @__PURE__ */ jsx10("h6", { className: "charge-payment-success-subtext", children: "We\u2019ve processed your charge" }),
         /* @__PURE__ */ jsxs5("div", { className: "charge-success-payment-button-div", children: [
           /* @__PURE__ */ jsxs5("button", { className: "charge-success-btn1", onClick: (e) => HandleSubmit(e, "print", tranId), children: [
             /* @__PURE__ */ jsxs5(
@@ -2868,25 +2811,25 @@ import { IoArrowBack } from "react-icons/io5";
 import { useEffect as useEffect3 } from "react";
 function DataScript() {
   useEffect3(() => {
-    const src2 = datacapUrl;
+    const src = datacapUrl;
     if (typeof window === "undefined") return;
     if (window.DatacapWebToken) {
       return;
     }
-    if (!document.querySelector(`script[src="${src2}"]`)) {
-      const script2 = document.createElement("script");
-      script2.src = src2;
-      script2.async = true;
-      script2.onload = () => {
+    if (!document.querySelector(`script[src="${src}"]`)) {
+      const script = document.createElement("script");
+      script.src = src;
+      script.async = true;
+      script.onload = () => {
         if (window.DatacapWebToken) {
         } else {
           console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
         }
       };
-      script2.onerror = (err) => {
+      script.onerror = (err) => {
         console.error("\u274C Failed to load Datacap script", err);
       };
-      document.head.appendChild(script2);
+      document.head.appendChild(script);
     } else {
     }
   }, []);
@@ -3266,21 +3209,31 @@ var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax,
 
 // src/app/components/FractalTokenizer.tsx
 import { useEffect as useEffect4 } from "react";
-function FractalTokenizerScript() {
+function FractalTokenizerScript({ onLoad }) {
   useEffect4(() => {
     const src = `${fractalGatewayUrl}tokenizer/static/js/fractal_tokenizer.js`;
-    if (document.querySelector(`script[src="${src}"]`)) return;
+    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;
+    }
     const script = document.createElement("script");
     script.src = src;
     script.async = true;
     script.onload = () => {
       try {
-        const TokenizerClass = eval("FractalTokenizer");
-        if (TokenizerClass) {
-          window.FractalTokenizer = TokenizerClass;
+        if (typeof FractalTokenizer !== "undefined") {
+          window.FractalTokenizer = FractalTokenizer;
+          onLoad == null ? void 0 : onLoad();
+        } else {
+          console.error("FractalTokenizer not defined in global scope");
         }
       } catch (err) {
-        console.error("FractalTokenizer not accessible:", err);
+        console.error(err);
       }
     };
     document.head.appendChild(script);
@@ -3294,8 +3247,12 @@ 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(() => {
-    if (!window.FractalTokenizer) return;
-    const instance = new window.FractalTokenizer({
+    const Tokenizer = window.FractalTokenizer;
+    if (!Tokenizer) {
+      console.error("Tokenizer not available");
+      return;
+    }
+    const instance = new Tokenizer({
       styles: fractalStyles
     });
     instanceRef.current = instance;
@@ -3407,17 +3364,17 @@ var DataCapScriptLoader = () => {
     );
     console.log("\u{1F535} existingScript found:", !!existingScript);
     if (!existingScript) {
-      const script2 = document.createElement("script");
-      script2.src = `${datacapUrl}/hosted`;
-      script2.async = true;
-      script2.onload = () => {
+      const script = document.createElement("script");
+      script.src = `${datacapUrl}/hosted`;
+      script.async = true;
+      script.onload = () => {
         console.log("\u2705 DataCap script loaded successfully");
         scriptLoaded = true;
       };
-      script2.onerror = (err) => {
+      script.onerror = (err) => {
         console.error("\u274C DataCap script failed to load", err);
       };
-      document.head.appendChild(script2);
+      document.head.appendChild(script);
     } else {
       scriptLoaded = true;
     }
@@ -3647,7 +3604,7 @@ function GetPaymentPage(props) {
   const [errorBankConsent, setErrorBankConsent] = useState4("");
   const [saveACHConsent1, setSaveACHConsent1] = useState4(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState4("");
-  const [loaderText, setLoderText] = useState4("");
+  const [isTokenizerReady, setTokenizerReady] = useState4(false);
   const fractalpayClientKey = props.merchantPublicKey;
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
@@ -3672,7 +3629,6 @@ function GetPaymentPage(props) {
   const [bankFeeAmount, setBankFeeAmount] = useState4(0);
   const [paymentData, setPaymentData] = useState4();
   let [tranId, setTranId] = useState4("");
-  let [isDebitAdjusted, setIsDebitAdjusted] = useState4(false);
   const tokenizerRef = useRef3(null);
   const fractalStyles = {
     input: {
@@ -3792,8 +3748,6 @@ function GetPaymentPage(props) {
     setErrorBankConsent("");
     setSaveACHConsent1(false);
     setErrorBankConsentOther("");
-    setLoderText("");
-    setIsDebitAdjusted(false);
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3903,7 +3857,7 @@ function GetPaymentPage(props) {
     return Object.keys(errors).length > 0;
   };
   const submitFunc = async (e) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -3991,20 +3945,15 @@ function GetPaymentPage(props) {
                     setErrorIframe(((_h2 = (_g2 = err == null ? void 0 : err.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
                     setLoading2(false);
                   }
-                  const card_issue_type = ((_i2 = tokenizeData == null ? void 0 : tokenizeData.bin_lookup_result) == null ? void 0 : _i2.card_issue_type) || null;
-                  if (card_issue_type === "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-                    setLoderText("Processing Debit card without fee");
-                  }
                   console.log(tokenizeData, "tokenizeData");
                   const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
                     isSaveCardChecked: saveCardInfo,
                     name: cardData == null ? void 0 : cardData.cardName,
                     postal_code: cardData == null ? void 0 : cardData.zipCode,
-                    customer_id: props == null ? void 0 : props.customerId,
-                    card_issue_type
+                    customer_id: props == null ? void 0 : props.customerId
                   }));
                   const reqData2 = JSON.stringify({
-                    "pre_sales_id": `${(_k2 = (_j2 = result == null ? void 0 : result.data) == null ? void 0 : _j2.data) == null ? void 0 : _k2.posSalesIdEncode}`,
+                    "pre_sales_id": `${(_j2 = (_i2 = result == null ? void 0 : result.data) == null ? void 0 : _i2.data) == null ? void 0 : _j2.posSalesIdEncode}`,
                     "token": `${tokenizeData == null ? void 0 : tokenizeData.token}`,
                     "json_response": `${reqData}`
                   });
@@ -4020,13 +3969,11 @@ function GetPaymentPage(props) {
                   };
                   socketClient_default.emit("sendMessage", requestOptions2);
                   socketClient_default.on("chargeviafractalgateway", (data) => {
-                    var _a3, _b3;
+                    var _a3;
                     if (isValidJson(data == null ? void 0 : data.data)) {
                       let paymentRes = JSON.parse(data == null ? void 0 : data.data);
-                      console.log(paymentRes, "paymentRes");
                       if (paymentRes == null ? void 0 : paymentRes.result) {
                         setTranId((_a3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a3.transactionId);
-                        setIsDebitAdjusted((_b3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _b3.is_debit_adjusted);
                         setSuccess(true);
                         setLoading2(false);
                       } else {
@@ -4039,11 +3986,11 @@ function GetPaymentPage(props) {
                   });
                 } catch (err) {
                   setLoading2(false);
-                  setError(((_m2 = (_l2 = err == null ? void 0 : err.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+                  setError(((_l2 = (_k2 = err == null ? void 0 : err.response) == null ? void 0 : _k2.data) == null ? void 0 : _l2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
                 }
               } catch (err) {
                 setLoading2(false);
-                setError(((_o2 = (_n2 = err == null ? void 0 : err.response) == null ? void 0 : _n2.data) == null ? void 0 : _o2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+                setError(((_n2 = (_m2 = err == null ? void 0 : err.response) == null ? void 0 : _m2.data) == null ? void 0 : _n2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
               }
             } else {
               try {
@@ -4061,7 +4008,7 @@ function GetPaymentPage(props) {
             }
           } catch (err) {
             setLoading2(false);
-            setError(((_q2 = (_p2 = err == null ? void 0 : err.response) == null ? void 0 : _p2.data) == null ? void 0 : _q2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+            setError(((_p2 = (_o2 = err == null ? void 0 : err.response) == null ? void 0 : _o2.data) == null ? void 0 : _p2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
           }
         }
       }
@@ -4154,7 +4101,6 @@ function GetPaymentPage(props) {
     }
   };
   const handlechargeCustomer = async (e) => {
-    var _a2, _b2;
     e.currentTarget.blur();
     if (loading2) return;
     let customer_id = props == null ? void 0 : props.customerId;
@@ -4166,32 +4112,10 @@ function GetPaymentPage(props) {
     let amount = String(props == null ? void 0 : props.amount);
     let card_id = selectedCard == null ? void 0 : selectedCard.id;
     let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
-    let card_issue_type = selectedCard == null ? void 0 : selectedCard.card_issue_type;
     if (fractalpayPublicKey && order_id && amount && bankAmount) {
       if (customer_id) {
         if (card_id) {
-          setLoading2(true);
-          if (card_issue_type == "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-            setLoderText("Processing Debit card without fee");
-          }
-          let resultofOrderCreate;
-          if (!(card_type === "Bank")) {
-            const formData = {
-              amount: `${props.amount || 0}`,
-              fractalpayPublicKey: fractalpayClientKey,
-              orderId: props == null ? void 0 : props.orderID,
-              customer_id: props == null ? void 0 : props.customerId,
-              discount: props == null ? void 0 : props.discount,
-              surcharge: props == null ? void 0 : props.surcharge,
-              tax: props == null ? void 0 : props.tax,
-              pass_fee: props == null ? void 0 : props.pass_fee
-            };
-            resultofOrderCreate = await axios3.post(`${baseUrl}create-widget-order`, formData, {
-              headers: __spreadValues({}, (props == null ? void 0 : props.sessionToken) && { "X-Session-Token": props.sessionToken })
-            });
-            console.log(resultofOrderCreate, "vfndsjkfvhg", resultofOrderCreate == null ? void 0 : resultofOrderCreate.data.data.posSalesIdEncode);
-          }
-          let chargeobj = __spreadValues(__spreadValues({
+          let chargeobj = __spreadValues({
             amount: card_type === "Bank" ? `${bankAmount}` : amount,
             order_id,
             customer_id,
@@ -4203,19 +4127,19 @@ function GetPaymentPage(props) {
             tax,
             pass_fee: props == null ? void 0 : props.pass_fee,
             require3ds: false
-          }, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken }), ((_b2 = (_a2 = resultofOrderCreate == null ? void 0 : resultofOrderCreate.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.posSalesIdEncode) && { enOrderId: resultofOrderCreate == null ? void 0 : resultofOrderCreate.data.data.posSalesIdEncode });
-          let _c2 = chargeobj, { isCardSave, pass_fee, require3ds } = _c2, rest = __objRest(_c2, ["isCardSave", "pass_fee", "require3ds"]);
+          }, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken });
+          let _a2 = chargeobj, { isCardSave, pass_fee, require3ds } = _a2, rest = __objRest(_a2, ["isCardSave", "pass_fee", "require3ds"]);
           let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
           let chargeurl = baseUrl + endpoint;
           const headers = {
             "Content-Type": "application/json"
           };
+          setLoading2(true);
           socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
           socketClient_default.on("charge-by-card", (response) => {
-            var _a3, _b3;
+            var _a3;
             if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
-              setIsDebitAdjusted((_a3 = response.data) == null ? void 0 : _a3.adjustedForDebit);
-              setTranId((_b3 = response.data) == null ? void 0 : _b3.transaction_id);
+              setTranId((_a3 = response.data) == null ? void 0 : _a3.transaction_id);
               setSuccess(true);
               setLoading2(false);
             } else {
@@ -4384,7 +4308,7 @@ function GetPaymentPage(props) {
   }, []);
   return /* @__PURE__ */ jsxs11(Fragment11, { children: [
     /* @__PURE__ */ jsx19(DataScript, {}),
-    /* @__PURE__ */ jsx19(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx19(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx19(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx19(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx19(CardBankRadioStyles, {}),
@@ -4407,9 +4331,9 @@ function GetPaymentPage(props) {
             errorIframe && /* @__PURE__ */ jsx19("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx19(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
               setErrorIframe("");
             } }) }),
-            success && /* @__PURE__ */ jsx19(SuccessMsz, { onClose: handleClose, tranId, isDebitAdjusted }),
+            success && /* @__PURE__ */ jsx19(SuccessMsz, { onClose: handleClose, tranId }),
             !error && !errorIframe && !success && /* @__PURE__ */ jsxs11(Fragment11, { children: [
-              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx19(Loader_default, { loading: loading || loading2 || loadingIframe, loaderText }),
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx19(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx19("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs11("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx19("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
                   /* @__PURE__ */ jsx19("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx19("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" }) }),
@@ -4428,44 +4352,23 @@ function GetPaymentPage(props) {
                         ] })
                       ] }),
                       /* @__PURE__ */ jsxs11("div", { className: "amt-pay-con", children: [
-                        /* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
+                        /* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
                         /* @__PURE__ */ jsxs11("div", { className: "frac-card-bank-radio-main", children: [
                           /* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (_a = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                           (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab }),
                           (props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_c = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Reader", amount: (_d = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _d.toFixed(2), value: "reader", onChange: handletabchange, activetab })
                         ] }),
-                        !loading && (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
-                          /* @__PURE__ */ jsx19("small", { children: (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1 ? "Surcharge" : (paymentData == null ? void 0 : paymentData.showSurcharge) ? "3% Card Fee" : "Cash Discount" }),
-                          /* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
-                        ] }),
-                        !loading && activetab === "ach" && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
-                          /* @__PURE__ */ jsx19("small", { children: (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1 ? "Savings" : "Cash Discount Savings" }),
-                          /* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
-                        ] }),
-                        !loading && (props == null ? void 0 : props.pass_fee) && /* @__PURE__ */ jsxs11("div", { className: "", children: [
+                        !loading && /* @__PURE__ */ jsxs11("div", { className: "", children: [
                           activetab == "ach" && bankFeeAmount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
                             "There is a processing fee of ",
                             /* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
                             "."
                           ] }),
-                          (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11(
-                            "div",
-                            {
-                              id: "surcharge-program-notice",
-                              className: "surcharge-program-notice-text",
-                              children: [
-                                "A 3% processing surcharge is applied to all credit card transactions. Debit card payments are processed for",
-                                " ",
-                                /* @__PURE__ */ jsxs11("span", { className: "surcharge-program-notice-text-att", children: [
-                                  "$",
-                                  Number(cashDiscount).toLocaleString("en-US", {
-                                    minimumFractionDigits: 2,
-                                    maximumFractionDigits: 2
-                                  })
-                                ] })
-                              ]
-                            }
-                          )
+                          (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
+                            "Cards include a fee amount of ",
+                            /* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) }),
+                            "."
+                          ] })
                         ] })
                       ] })
                     ] }),
@@ -4610,7 +4513,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 && /* @__PURE__ */ jsx19(
+                                    /* @__PURE__ */ jsx19("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx19(
                                       FractalFields_default,
                                       {
                                         fractalStyles,
@@ -4964,6 +4867,7 @@ 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: {
@@ -5500,7 +5404,7 @@ function PreAuthPayment(_a) {
   }, []);
   return /* @__PURE__ */ jsxs12(Fragment12, { children: [
     /* @__PURE__ */ jsx20(DataScript, {}),
-    /* @__PURE__ */ jsx20(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx20(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx20(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx20(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx20(DataCapScriptLoader, {}),
@@ -5536,7 +5440,7 @@ function PreAuthPayment(_a) {
                     /* @__PURE__ */ jsxs12("div", { className: "pay-conatiner-one-first", children: [
                       /* @__PURE__ */ jsx20("div", { className: "pay-logo-container", children: /* @__PURE__ */ jsx20("div", { className: "pay-main-logo", children: /* @__PURE__ */ jsx20("img", { src: paymentData == null ? void 0 : paymentData.logo, id: "pay-logos" }) }) }),
                       /* @__PURE__ */ jsxs12("div", { className: "amt-pay-con", children: [
-                        /* @__PURE__ */ jsx20("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx20("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
+                        /* @__PURE__ */ jsx20("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx20("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
                         /* @__PURE__ */ jsxs12("div", { className: "frac-card-bank-radio-main", children: [
                           /* @__PURE__ */ jsx20(CardBankRadio, { label: "Card", amount: (_a2 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a2.toFixed(2), value: "card", onChange: handletabchange, activetab }),
                           (props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_b2 = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _b2.length) > 0 && /* @__PURE__ */ jsx20(CardBankRadio, { label: "Reader", amount: (_c = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _c.toFixed(2), value: "reader", onChange: handletabchange, activetab })
@@ -5656,7 +5560,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 && /* @__PURE__ */ jsx20(
+                                /* @__PURE__ */ jsx20("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx20(
                                   FractalFields_default,
                                   {
                                     fractalStyles,
@@ -6248,6 +6152,7 @@ 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: {
@@ -6520,7 +6425,7 @@ function AddCardEasyPay(props) {
   }, []);
   return /* @__PURE__ */ jsxs14(Fragment14, { children: [
     /* @__PURE__ */ jsx24(DataScript, {}),
-    /* @__PURE__ */ jsx24(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx24(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx24(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx24(AddCardStyle, {}),
     /* @__PURE__ */ jsx24(Loader_default, { loading: loading || loadingIframe }),
@@ -6550,7 +6455,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 && /* @__PURE__ */ jsx24(
+                  (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx24(
                     FractalFields_default,
                     {
                       fractalStyles,
@@ -6904,8 +6809,12 @@ import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-
 var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) => {
   const instanceRef = useRef6(null);
   useEffect11(() => {
-    if (!window.FractalTokenizer) return;
-    const instance = new window.FractalTokenizer({
+    const Tokenizer = window.FractalTokenizer;
+    if (!Tokenizer) {
+      console.error("Tokenizer not available");
+      return;
+    }
+    const instance = new Tokenizer({
       styles: fractalStyles
     });
     instanceRef.current = instance;
@@ -7005,6 +6914,7 @@ 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",
@@ -7267,7 +7177,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
   }, []);
   return /* @__PURE__ */ jsxs16(Fragment16, { children: [
     /* @__PURE__ */ jsx27(DataScript, {}),
-    /* @__PURE__ */ jsx27(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx27(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx27(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsx27(AddCardSkyStyle, {}),
     /* @__PURE__ */ jsx27(Loader_default, { loading: loading || isloading || loadingIframe }),
@@ -7329,7 +7239,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 })
         ] })
       ] }),
-      /* @__PURE__ */ jsx27(
+      isTokenizerReady && /* @__PURE__ */ jsx27(
         FractalFieldsAddCardSky_default,
         {
           fractalStyles,
@@ -7678,8 +7588,7 @@ function PartialPayment(props) {
   const [errorBankConsent, setErrorBankConsent] = useState8("");
   const [saveACHConsent1, setSaveACHConsent1] = useState8(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState8("");
-  const [loaderText, setLoderText] = useState8("");
-  let [isDebitAdjusted, setIsDebitAdjusted] = useState8(false);
+  const [isTokenizerReady, setTokenizerReady] = useState8(false);
   const tokenizerRef = useRef8(null);
   const fractalStyles = {
     input: {
@@ -7795,7 +7704,6 @@ function PartialPayment(props) {
     setErrorBankConsent("");
     setSaveACHConsent1(false);
     setErrorBankConsentOther("");
-    setLoderText("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -7906,7 +7814,7 @@ function PartialPayment(props) {
     return Object.keys(errors).length > 0;
   };
   const submitFunc = async (e) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -7981,20 +7889,15 @@ function PartialPayment(props) {
                     public_key_pem: ((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
                     session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
                   });
-                  const card_issue_type = ((_g2 = tokenizeData == null ? void 0 : tokenizeData.bin_lookup_result) == null ? void 0 : _g2.card_issue_type) || null;
-                  if (card_issue_type === "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-                    setLoderText("Processing Debit card without fee");
-                  }
                   const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
                     isSaveCardChecked: saveCardInfo,
                     name: cardData == null ? void 0 : cardData.cardName,
                     postal_code: cardData == null ? void 0 : cardData.zipCode,
                     customer_id: props == null ? void 0 : props.customerId,
-                    partial_amount: partialAmount && !partialError ? partialAmount : aftertaxAmount,
-                    card_issue_type
+                    partial_amount: partialAmount && !partialError ? partialAmount : aftertaxAmount
                   }));
                   const reqData2 = JSON.stringify({
-                    "pre_sales_id": `${(_h2 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _h2.orderId}`,
+                    "pre_sales_id": `${(_g2 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _g2.orderId}`,
                     "token": `${tokenizeData == null ? void 0 : tokenizeData.token}`,
                     "json_response": `${reqData}`
                   });
@@ -8027,11 +7930,11 @@ function PartialPayment(props) {
                   });
                 } catch (err) {
                   setLoading2(false);
-                  setError(((_j2 = (_i2 = err == null ? void 0 : err.response) == null ? void 0 : _i2.data) == null ? void 0 : _j2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+                  setError(((_i2 = (_h2 = err == null ? void 0 : err.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
                 }
               } catch (err) {
                 setLoading2(false);
-                setError(((_l2 = (_k2 = err == null ? void 0 : err.response) == null ? void 0 : _k2.data) == null ? void 0 : _l2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+                setError(((_k2 = (_j2 = err == null ? void 0 : err.response) == null ? void 0 : _j2.data) == null ? void 0 : _k2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
               }
             } else {
               try {
@@ -8048,7 +7951,7 @@ function PartialPayment(props) {
             }
           } catch (err) {
             setLoading2(false);
-            setError(((_n2 = (_m2 = err == null ? void 0 : err.response) == null ? void 0 : _m2.data) == null ? void 0 : _n2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
+            setError(((_m2 = (_l2 = err == null ? void 0 : err.response) == null ? void 0 : _l2.data) == null ? void 0 : _m2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
           }
         }
       }
@@ -8153,7 +8056,6 @@ function PartialPayment(props) {
     let amount = partialAmount && !partialError ? partialAmount : String(aftertaxAmount);
     let card_id = selectedCard == null ? void 0 : selectedCard.id;
     let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
-    let card_issue_type = selectedCard == null ? void 0 : selectedCard.card_issue_type;
     if (partialError) {
       return;
     }
@@ -8192,15 +8094,11 @@ function PartialPayment(props) {
             "Content-Type": "application/json"
           };
           setLoading2(true);
-          if (card_issue_type == "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-            setLoderText("Processing Debit card without fee");
-          }
           socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
           socketClient_default.on("charge-by-card", (response) => {
-            var _a3, _b2;
+            var _a3;
             if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
-              setIsDebitAdjusted((_a3 = response.data) == null ? void 0 : _a3.adjustedForDebit);
-              setTranId((_b2 = response.data) == null ? void 0 : _b2.transaction_id);
+              setTranId((_a3 = response.data) == null ? void 0 : _a3.transaction_id);
               setSuccess(true);
               setLoading2(false);
             } else {
@@ -8404,7 +8302,7 @@ function PartialPayment(props) {
     /* @__PURE__ */ jsx28(DataScript, {}),
     /* @__PURE__ */ jsx28(Chargewidgetstyles, {}),
     /* @__PURE__ */ jsx28(CardBankRadioStyles, {}),
-    /* @__PURE__ */ jsx28(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx28(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx28(DataCapScriptLoader, {}),
     /* @__PURE__ */ jsxs17(Fragment17, { children: [
       /* @__PURE__ */ jsx28("button", { ref: buttonRef, style: { display: "none" }, className: "paymentBtn", onClick: handleShow, children: "Pay" }),
@@ -8418,9 +8316,9 @@ function PartialPayment(props) {
             errorIframe && /* @__PURE__ */ jsx28("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx28(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
               setErrorIframe("");
             } }) }),
-            success && /* @__PURE__ */ jsx28(SuccessMsz, { onClose: handleClose, tranId, isDebitAdjusted }),
+            success && /* @__PURE__ */ jsx28(SuccessMsz, { onClose: handleClose, tranId }),
             !error && !success && !errorIframe && /* @__PURE__ */ jsxs17(Fragment17, { children: [
-              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 || loadingIframe, loaderText }),
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx28("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs17("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx28("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
                   /* @__PURE__ */ jsx28("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx28("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
@@ -8441,28 +8339,19 @@ function PartialPayment(props) {
                       /* @__PURE__ */ jsxs17("div", { className: "amt-pay-con", children: [
                         /* @__PURE__ */ jsx28("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
                         /* @__PURE__ */ jsx28("div", { className: "frac-card-bank-radio-main", children: /* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }) }),
-                        !loading && (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs17("div", { className: "frac-cash-discount-fee", children: [
-                          /* @__PURE__ */ jsx28("small", { children: (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1 ? "Surcharge" : (paymentData == null ? void 0 : paymentData.showSurcharge) ? "3% Card Fee" : "Cash Discount" }),
-                          /* @__PURE__ */ jsx28("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
-                        ] }),
-                        !loading && (props == null ? void 0 : props.pass_fee) && /* @__PURE__ */ jsx28("div", { className: "", children: (activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs17(
-                          "div",
-                          {
-                            id: "surcharge-program-notice",
-                            className: "surcharge-program-notice-text",
-                            children: [
-                              "A 3% processing surcharge is applied to all credit card transactions. Debit card payments are processed for",
-                              " ",
-                              /* @__PURE__ */ jsxs17("span", { className: "surcharge-program-notice-text-att", children: [
-                                "$",
-                                Number(cashDiscount).toLocaleString("en-US", {
-                                  minimumFractionDigits: 2,
-                                  maximumFractionDigits: 2
-                                })
-                              ] })
-                            ]
-                          }
-                        ) }),
+                        numberToBoolean(paymentData == null ? void 0 : paymentData.showSurcharge) ? cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) ? /* @__PURE__ */ jsxs17("div", { className: "frac-cash-discount-fee", children: [
+                          /* @__PURE__ */ jsxs17("small", { children: [
+                            activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
+                            "  "
+                          ] }),
+                          /* @__PURE__ */ jsx28("p", { children: formatUSD((Number(aftertaxAmount) - cashDiscount).toFixed(2)) })
+                        ] }) : null : cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) && activetab === "card" ? /* @__PURE__ */ jsxs17("div", { className: "frac-cash-discount-fee", children: [
+                          /* @__PURE__ */ jsxs17("small", { children: [
+                            activetab === "card" ? "Surcharge" : null,
+                            "  "
+                          ] }),
+                          /* @__PURE__ */ jsx28("p", { children: formatUSD((Number(aftertaxAmount) - cashDiscount).toFixed(2)) })
+                        ] }) : null,
                         (props == null ? void 0 : props.allowPartial) && /* @__PURE__ */ jsxs17("div", { className: "frac-partial-payment-input", children: [
                           /* @__PURE__ */ jsx28("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
                           /* @__PURE__ */ jsx28(
@@ -8621,7 +8510,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 && /* @__PURE__ */ jsx28(
+                                /* @__PURE__ */ jsx28("div", { className: "toggle-num-wrapper", children: show && (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && isTokenizerReady && /* @__PURE__ */ jsx28(
                                   FractalFields_default,
                                   {
                                     fractalStyles,
@@ -10079,19 +9968,19 @@ var GooglePayScriptLoader = ({
       `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 = () => {
+      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();
       };
-      script2.onerror = (err) => {
+      script.onerror = (err) => {
         console.error("\u274C Google Pay script failed", err);
       };
-      document.head.appendChild(script2);
+      document.head.appendChild(script);
     } else {
       googlePayScriptLoaded = true;
       onLoad == null ? void 0 : onLoad();
@@ -10392,7 +10281,7 @@ function ApplePayButton({
 
 // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
 import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
-var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_token, customerId, callback, merchantName = "merchant", isPreAuth, surcharge = "0", submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds = false, autoTrigger = false, show, setShow, setHandleCloseRef, isPartial, bankSurcharge, partialRef, loadingPrev = false, orderGuid: ordGuid, remainingAmount: remAmount, onSubmit, onLoad = true, customCSS: customCSS2 }) => {
+var 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 }) => {
   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);
@@ -11679,7 +11568,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                         ] }),
                         /* @__PURE__ */ jsxs21("div", { className: "form-group-frac", children: [
                           /* @__PURE__ */ jsx36("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
-                          /* @__PURE__ */ jsx36("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx36(
+                          /* @__PURE__ */ jsx36("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && isTokenizerReady && /* @__PURE__ */ jsx36(
                             FractalFields_default,
                             {
                               fractalStyles,
@@ -12033,6 +11922,7 @@ var PaymentWidget = ({
   });
   const [orderGuid, setOrderGuid] = useState12(null);
   const [remainingAmount, setRemainingAmount] = useState12(null);
+  const [isTokenizerReady, setTokenizerReady] = useState12(false);
   const initialCommonProps = useMemo(
     () => ({
       amount,
@@ -12119,10 +12009,11 @@ var PaymentWidget = ({
       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, {}),
+    /* @__PURE__ */ jsx37(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx37(SkyChargewidgetstyles, {}),
     /* @__PURE__ */ jsx37(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx37(CustomModal2styles_default, {}),
@@ -12131,7 +12022,7 @@ var PaymentWidget = ({
       submitBtnText,
       submitBtnIcon
     ] }),
-    !autoTrigger ? /* @__PURE__ */ jsx37(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ 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 }))
   ] });
 };
 
@@ -12497,18 +12388,18 @@ var ApplePayScriptLoader = () => {
       `script[src="https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"]`
     );
     if (!existingScript) {
-      const script2 = document.createElement("script");
-      script2.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js";
-      script2.async = true;
-      script2.onload = () => {
+      const script = document.createElement("script");
+      script.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js";
+      script.async = true;
+      script.onload = () => {
         console.log("\u2705 Apple Pay script loaded");
         applePayScriptLoaded = true;
         console.log("ApplePaySession:", window.ApplePaySession);
       };
-      script2.onerror = (err) => {
+      script.onerror = (err) => {
         console.error("\u274C Apple Pay script failed", err);
       };
-      document.head.appendChild(script2);
+      document.head.appendChild(script);
     } else {
       applePayScriptLoaded = true;
     }
@@ -12548,6 +12439,7 @@ var EmbeddedCheckout = ({
   });
   const [orderGuid, setOrderGuid] = useState13(null);
   const [remainingAmount, setRemainingAmount] = useState13(null);
+  const [isTokenizerReady, setTokenizerReady] = useState13(false);
   const initialCommonProps = useMemo2(
     () => ({
       amount,
@@ -12646,7 +12538,7 @@ var EmbeddedCheckout = ({
   return /* @__PURE__ */ jsxs23(Fragment22, { children: [
     /* @__PURE__ */ jsx39("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
     /* @__PURE__ */ jsx39(DataScript, {}),
-    /* @__PURE__ */ jsx39(FractalTokenizerScript, {}),
+    /* @__PURE__ */ jsx39(FractalTokenizerScript, { onLoad: () => setTokenizerReady(true) }),
     /* @__PURE__ */ jsx39(SkyChargewidgetstyles, {}),
     /* @__PURE__ */ jsx39(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx39(CustomModal2styles_default, {}),
@@ -12657,7 +12549,7 @@ var EmbeddedCheckout = ({
       submitBtnText,
       submitBtnIcon
     ] }),
-    !autoTrigger ? /* @__PURE__ */ jsx39(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx39(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx39(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
+    !autoTrigger ? /* @__PURE__ */ 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 }))
   ] });
 };
 export {