@fractalpay/fractalpay-next-dev 0.0.280 → 0.0.281

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.280",
+      version: "0.0.281",
       private: false,
       type: "module",
       scripts: {
@@ -212,6 +212,17 @@ var LoaderStyle = (props) => {
   }
 }
 
+
+.loader-text {
+  margin-top: 8px;
+}
+
+.loader-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
         ` });
 };
 var LoaderStyle_default = LoaderStyle;
@@ -219,14 +230,17 @@ 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" } = _b, props = __objRest(_b, ["intensity"]);
+  var _b = _a, { intensity = "light", loaderText } = _b, props = __objRest(_b, ["intensity", "loaderText"]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx2(LoaderStyle_default, {}),
-    (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
-      /* @__PURE__ */ jsx2("div", {}),
-      /* @__PURE__ */ jsx2("div", {}),
-      /* @__PURE__ */ jsx2("div", {}),
-      /* @__PURE__ */ jsx2("div", {})
+    (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 })
     ] }) })
   ] });
 };
@@ -236,8 +250,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://192.168.1.64:8083/";
-  masterBaseUrl = "http://192.168.1.64:8082/";
+  baseUrl = "http://localhost:8082/";
+  masterBaseUrl = "http://localhost:8081/";
   fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
   datacapUrl = "https://token-cert.dcap.com/v1/client";
   threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
@@ -2473,6 +2487,22 @@ 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;
+        }
+
         ` });
 }
 
@@ -3590,6 +3620,7 @@ function GetPaymentPage(props) {
   const [errorBankConsent, setErrorBankConsent] = useState4("");
   const [saveACHConsent1, setSaveACHConsent1] = useState4(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState4("");
+  const [loaderText, setLoderText] = useState4("");
   const fractalpayClientKey = props.merchantPublicKey;
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
@@ -3733,6 +3764,7 @@ function GetPaymentPage(props) {
     setErrorBankConsent("");
     setSaveACHConsent1(false);
     setErrorBankConsentOther("");
+    setLoderText("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3842,7 +3874,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;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -3930,15 +3962,20 @@ 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") {
+                    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
+                    customer_id: props == null ? void 0 : props.customerId,
+                    card_issue_type
                   }));
                   const reqData2 = JSON.stringify({
-                    "pre_sales_id": `${(_j2 = (_i2 = result == null ? void 0 : result.data) == null ? void 0 : _i2.data) == null ? void 0 : _j2.posSalesIdEncode}`,
+                    "pre_sales_id": `${(_k2 = (_j2 = result == null ? void 0 : result.data) == null ? void 0 : _j2.data) == null ? void 0 : _k2.posSalesIdEncode}`,
                     "token": `${tokenizeData == null ? void 0 : tokenizeData.token}`,
                     "json_response": `${reqData}`
                   });
@@ -3971,11 +4008,11 @@ function GetPaymentPage(props) {
                   });
                 } 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(((_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.");
                 }
               } 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(((_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.");
               }
             } else {
               try {
@@ -3993,7 +4030,7 @@ function GetPaymentPage(props) {
             }
           } catch (err) {
             setLoading2(false);
-            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.");
+            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.");
           }
         }
       }
@@ -4318,7 +4355,7 @@ function GetPaymentPage(props) {
             } }) }),
             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 }),
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx19(Loader_default, { loading: loading || loading2 || loadingIframe, loaderText }),
               /* @__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" }) }),
@@ -4343,17 +4380,38 @@ function GetPaymentPage(props) {
                           (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 && /* @__PURE__ */ jsxs11("div", { className: "", children: [
+                        !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: [
                           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("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)) }),
-                            "."
-                          ] })
+                          (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
+                                  })
+                                ] })
+                              ]
+                            }
+                          )
                         ] })
                       ] })
                     ] }),
@@ -7566,6 +7624,7 @@ function PartialPayment(props) {
   const [errorBankConsent, setErrorBankConsent] = useState8("");
   const [saveACHConsent1, setSaveACHConsent1] = useState8(false);
   const [errorBankConsentOther, setErrorBankConsentOther] = useState8("");
+  const [loaderText, setLoderText] = useState8("");
   const tokenizerRef = useRef8(null);
   const fractalStyles = {
     input: {
@@ -7681,6 +7740,7 @@ function PartialPayment(props) {
     setErrorBankConsent("");
     setSaveACHConsent1(false);
     setErrorBankConsentOther("");
+    setLoderText("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -7791,7 +7851,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;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
     e.preventDefault();
     const el = document.activeElement;
     if (el instanceof HTMLElement) {
@@ -7866,15 +7926,20 @@ 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") {
+                    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
+                    partial_amount: partialAmount && !partialError ? partialAmount : aftertaxAmount,
+                    card_issue_type
                   }));
                   const reqData2 = JSON.stringify({
-                    "pre_sales_id": `${(_g2 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _g2.orderId}`,
+                    "pre_sales_id": `${(_h2 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _h2.orderId}`,
                     "token": `${tokenizeData == null ? void 0 : tokenizeData.token}`,
                     "json_response": `${reqData}`
                   });
@@ -7907,11 +7972,11 @@ function PartialPayment(props) {
                   });
                 } catch (err) {
                   setLoading2(false);
-                  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.");
+                  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.");
                 }
               } catch (err) {
                 setLoading2(false);
-                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.");
+                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.");
               }
             } else {
               try {
@@ -7928,7 +7993,7 @@ function PartialPayment(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(((_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.");
           }
         }
       }
@@ -8295,7 +8360,7 @@ function PartialPayment(props) {
             } }) }),
             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 }),
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 || loadingIframe, loaderText }),
               /* @__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" }) }),
@@ -8316,19 +8381,28 @@ 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 }) }),
-                        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,
+                        !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
+                                })
+                              ] })
+                            ]
+                          }
+                        ) }),
                         (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(