@fractalpay/fractalpay-next-test 0.0.33 → 0.0.35

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-test",
-      version: "0.0.33",
+      version: "0.0.35",
       private: false,
       type: "module",
       scripts: {
@@ -890,8 +890,8 @@ var isValidJson = (jsonString) => {
   }
 };
 var accountTypes = [
-  { value: "personal saving", label: "Personal Saving" },
-  { value: "business saving", label: "Business Saving" },
+  // { value: "personal saving", label: "Personal Saving" },
+  // { value: "business saving", label: "Business Saving" },
   { value: "personal checking", label: "Personal Checking" },
   { value: "business checking", label: "Business Checking" }
 ];
@@ -3461,6 +3461,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";
@@ -3580,6 +3582,8 @@ function GetPaymentPage(props) {
     setLoading(false);
     setBankList([]);
     setCardList([]);
+    setIsBankConsentChecked(false);
+    setErrorBankConsent("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3679,8 +3683,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;
@@ -4604,9 +4611,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" })
@@ -7371,6 +7384,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: {
@@ -7482,6 +7497,8 @@ function PartialPayment(props) {
     setCardList([]);
     setPartialAmount("");
     setPartialError("");
+    setIsBankConsentChecked(false);
+    setErrorBankConsent("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -7582,8 +7599,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;
@@ -8531,9 +8551,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" })
@@ -9535,7 +9570,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [remainingAmount, setRemainingAmount] = useState10("");
   const [paymentGateway, setPaymentGateway] = useState10();
   const [dcToken, setDCToken] = useState10();
-  console.log(show, "show");
+  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";
@@ -9719,8 +9755,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;
@@ -10112,6 +10151,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;
@@ -10859,9 +10900,15 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ] })
                     ] }),
                     /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                      /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
+                      /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
+                        setIsBankConsentChecked(e.target.checked);
+                        if (e.target.checked) {
+                          setErrorBankConsent("");
+                        }
+                      } }),
                       /* @__PURE__ */ jsx32("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__ */ jsx32("span", { className: "error-span", children: errorBankConsent }),
                     customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                       /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
                       /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save Bank" })
@@ -10908,7 +10955,7 @@ var PaymentWidget = ({
   bankSurcharge,
   partialRef
 }) => {
-  const [show, setShow] = useState11(false);
+  const [show, setShow] = useState11(autoTrigger || false);
   const [loading, setLoading] = useState11(false);
   const [childHandleClose, setChildHandleClose] = useState11(() => () => {
   });