@fractalpay/fractalpay-next-dev 0.0.245 → 0.0.247

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.245",
+      version: "0.0.247",
       private: false,
       type: "module",
       scripts: {
@@ -236,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") {
-  masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
   baseUrl = "https://dev-widget.fractalpay.com/";
+  masterBaseUrl = "http://localhost:8081/";
   fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
   datacapUrl = "https://token-cert.dcap.com/v1/client";
   threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
@@ -3537,6 +3537,8 @@ function GetPaymentPage(props) {
   const [activeForm, setActiveForm] = useState4(true);
   const [saveCardInfo, setSaveCardInfo] = useState4(false);
   const [saveACHinfo, setSaveACHinfo] = useState4(false);
+  const [isBankConsentChecked, setIsBankConsentChecked] = useState4(false);
+  const [errorBankConsent, setErrorBankConsent] = useState4("");
   const fractalpayClientKey = props.merchantPublicKey;
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
@@ -3656,6 +3658,8 @@ function GetPaymentPage(props) {
     setLoading(false);
     setBankList([]);
     setCardList([]);
+    setIsBankConsentChecked(false);
+    setErrorBankConsent("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3755,8 +3759,11 @@ function GetPaymentPage(props) {
         errors.companyName = "Company Name is required for business accounts";
       }
     }
+    if (!isBankConsentChecked) {
+      setErrorBankConsent("Above consent is requied");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0;
+    return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const submitFunc = async (e) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
@@ -4680,9 +4687,15 @@ function GetPaymentPage(props) {
                             ] })
                           ] }),
                           /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
+                            /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
+                              setIsBankConsentChecked(e.target.checked);
+                              if (e.target.checked) {
+                                setErrorBankConsent("");
+                              }
+                            } }),
                             /* @__PURE__ */ jsx19("label", { htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${(paymentData == null ? void 0 : paymentData.bname) || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
                           ] }),
+                          errorBankConsent && /* @__PURE__ */ jsx19("span", { className: "error-span", children: errorBankConsent }),
                           (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
                             /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
                             /* @__PURE__ */ jsx19("label", { htmlFor: "saveACH", children: "Save Bank" })
@@ -7447,6 +7460,8 @@ function PartialPayment(props) {
   const [aftertaxAmount, setAfterTaxAmount] = useState8(Number(props == null ? void 0 : props.amount));
   const [partialAmount, setPartialAmount] = useState8("");
   const [partialError, setPartialError] = useState8("");
+  const [isBankConsentChecked, setIsBankConsentChecked] = useState8(false);
+  const [errorBankConsent, setErrorBankConsent] = useState8("");
   const tokenizerRef = useRef8(null);
   const fractalStyles = {
     input: {
@@ -7558,6 +7573,8 @@ function PartialPayment(props) {
     setCardList([]);
     setPartialAmount("");
     setPartialError("");
+    setIsBankConsentChecked(false);
+    setErrorBankConsent("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -7658,8 +7675,11 @@ function PartialPayment(props) {
         errors.companyName = "Company Name is required for business accounts";
       }
     }
+    if (!isBankConsentChecked) {
+      setErrorBankConsent("Above consent is requied");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0;
+    return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const submitFunc = async (e) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
@@ -8607,9 +8627,24 @@ function PartialPayment(props) {
                             ] })
                           ] }),
                           /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__PURE__ */ jsx28("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
+                            /* @__PURE__ */ jsx28(
+                              "input",
+                              {
+                                type: "checkbox",
+                                id: "achconsent",
+                                className: "",
+                                checked: isBankConsentChecked,
+                                onChange: (e) => {
+                                  setIsBankConsentChecked(e.target.checked);
+                                  if (e.target.checked) {
+                                    setErrorBankConsent("");
+                                  }
+                                }
+                              }
+                            ),
                             /* @__PURE__ */ jsx28("label", { htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${(paymentData == null ? void 0 : paymentData.bname) || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
                           ] }),
+                          errorBankConsent && /* @__PURE__ */ jsx28("span", { className: "error-span", children: errorBankConsent }),
                           (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
                             /* @__PURE__ */ jsx28("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
                             /* @__PURE__ */ jsx28("label", { htmlFor: "saveACH", children: "Save Bank" })
@@ -9783,6 +9818,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [remainingAmount, setRemainingAmount] = useState10("");
   const [paymentGateway, setPaymentGateway] = useState10();
   const [dcToken, setDCToken] = useState10();
+  const [isBankConsentChecked, setIsBankConsentChecked] = useState10(false);
+  const [errorBankConsent, setErrorBankConsent] = useState10("");
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
   let americanexp2 = S3Url + "widget/ae-img.svg";
@@ -9974,8 +10011,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         errors.companyName = "Company Name is required for business accounts";
       }
     }
+    if (!isBankConsentChecked) {
+      setErrorBankConsent("Above consent is requied");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0;
+    return Object.keys(errors).length > 0 || !isBankConsentChecked;
   };
   const completeFractalFlow = async (tokenizeData, intentid) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -10379,6 +10419,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     setPartialAmount("");
     setPartialError("");
     setRemainingAmount("");
+    setIsBankConsentChecked(false);
+    setErrorBankConsent("");
   };
   const getCardList = async () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
@@ -11233,21 +11275,27 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           "There is a processing fee of ",
                           /* @__PURE__ */ jsx34("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
                           "."
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                        /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
-                        /* @__PURE__ */ jsx34("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
-                      ] }),
-                      customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                        /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
-                        /* @__PURE__ */ jsx34("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save Bank" })
-                      ] }),
-                      saveACHinfo && /* @__PURE__ */ jsx34("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs20("p", { children: [
-                        "If checked, I agree to give the ",
-                        /* @__PURE__ */ jsx34("b", { children: merchantName || "merchant" }),
-                        " permission to charge this bank account for agreed-upon purchases in the future."
-                      ] }) })
+                        ] }),
+                        /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                          /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
+                            setIsBankConsentChecked(e.target.checked);
+                            if (e.target.checked) {
+                              setErrorBankConsent("");
+                            }
+                          } }),
+                          /* @__PURE__ */ jsx34("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
+                        ] }),
+                        errorBankConsent && /* @__PURE__ */ jsx34("span", { className: "error-span", children: errorBankConsent }),
+                        customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                          /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
+                          /* @__PURE__ */ jsx34("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save Bank" })
+                        ] }),
+                        saveACHinfo && /* @__PURE__ */ jsx34("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs20("p", { children: [
+                          "If checked, I agree to give the ",
+                          /* @__PURE__ */ jsx34("b", { children: merchantName || "merchant" }),
+                          " permission to charge this bank account for agreed-upon purchases in the future."
+                        ] }) })
+                      ] })
                     ] }),
                     /* @__PURE__ */ jsx34("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx34("button", { className: "pay-button", style: { margin: "20px 0 0", display: onSubmit ? "none" : "block" }, type: "submit", children: formatUSD((_u = Number(bankAmount)) == null ? void 0 : _u.toFixed(2)) }) })
                   ] })