@fractalpay/fractalpay-next-test 0.0.37 → 0.0.38

package/dist/index.d.ts

@@ -134,8 +134,9 @@ type Props$1 = {
     isPartial?: boolean;
     partialRef?: string;
     customCSS?: string;
+    disableSubmitBtn?: boolean;
 };
-declare const PaymentWidget: ({ amount, bankAmount, submitBtnText, session_token, customerId, callback, merchantName, isPreAuth, surcharge, submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds, autoTrigger, isPartial, bankSurcharge, partialRef, customCSS }: Props$1) => React.JSX.Element;
+declare const PaymentWidget: ({ amount, bankAmount, submitBtnText, session_token, customerId, callback, merchantName, isPreAuth, surcharge, submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds, autoTrigger, isPartial, bankSurcharge, partialRef, customCSS, disableSubmitBtn }: Props$1) => React.JSX.Element;
 
 type Props = {
     session_token: string;

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.37",
+      version: "0.0.38",
       private: false,
       type: "module",
       scripts: {
@@ -3573,6 +3573,8 @@ function GetPaymentPage(props) {
   const [saveACHinfo, setSaveACHinfo] = useState4(false);
   const [isBankConsentChecked, setIsBankConsentChecked] = useState4(false);
   const [errorBankConsent, setErrorBankConsent] = useState4("");
+  const [saveACHConsent1, setSaveACHConsent1] = useState4(false);
+  const [errorBankConsentOther, setErrorBankConsentOther] = useState4("");
   const fractalpayClientKey = props.merchantPublicKey;
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
@@ -3694,6 +3696,8 @@ function GetPaymentPage(props) {
     setCardList([]);
     setIsBankConsentChecked(false);
     setErrorBankConsent("");
+    setSaveACHConsent1(false);
+    setErrorBankConsentOther("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3793,11 +3797,14 @@ function GetPaymentPage(props) {
         errors.companyName = "Company Name is required for business accounts";
       }
     }
-    if (!isBankConsentChecked) {
+    if (!saveACHinfo && !isBankConsentChecked) {
       setErrorBankConsent("Above consent is required");
     }
+    if (saveACHinfo && !saveACHConsent1) {
+      setErrorBankConsentOther("Your consent is required to save your bank details for future use");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0 || !isBankConsentChecked;
+    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;
@@ -3956,7 +3963,13 @@ function GetPaymentPage(props) {
         }
       }
     } else {
-      const hasError = validateAchData();
+      let hasError = validateAchData();
+      if (saveACHinfo && !saveACHConsent1) {
+        hasError = true;
+      }
+      if (!saveACHinfo && !isBankConsentChecked) {
+        hasError = true;
+      }
       if (hasError) return;
       else {
         setLoading2(true);
@@ -4720,25 +4733,44 @@ function GetPaymentPage(props) {
                               accountTypes.map((type) => /* @__PURE__ */ jsx19("option", { value: type.value, children: type.label }, type.value))
                             ] })
                           ] }),
-                          /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__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.` })
+                          !saveACHinfo && /* @__PURE__ */ jsxs11(Fragment11, { children: [
+                            /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
+                              /* @__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 })
                           ] }),
-                          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" })
+                            /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
+                              setSaveACHinfo(e.target.checked);
+                              if (!e.target.checked) {
+                                setSaveACHConsent1(false);
+                                setErrorBankConsentOther("");
+                              }
+                            } }),
+                            /* @__PURE__ */ jsx19("label", { htmlFor: "saveACH", children: "Save for future use" })
                           ] }),
-                          saveACHinfo && /* @__PURE__ */ jsx19("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" }, children: /* @__PURE__ */ jsxs11("p", { children: [
-                            "If checked, I agree for ",
-                            /* @__PURE__ */ jsx19("b", { children: (paymentData == null ? void 0 : paymentData.bname) || "merchant" }),
-                            " to have my permission to charge this bank account for agreed upon purchases in the future."
-                          ] }) })
+                          saveACHinfo && /* @__PURE__ */ jsxs11(Fragment11, { children: [
+                            /* @__PURE__ */ jsxs11("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                              /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
+                                setSaveACHConsent1(e.target.checked);
+                                if (e.target.checked) {
+                                  setErrorBankConsentOther("");
+                                }
+                              } }),
+                              /* @__PURE__ */ jsxs11("label", { className: "saveachlabel", htmlFor: "saveACHConsent1", children: [
+                                "By providing my bank account information and selecting \u2018Save for future payments\u2019, I authorize ",
+                                (paymentData == null ? void 0 : paymentData.bname) || "merchant",
+                                "  to store my bank account details for future ACH payments. I understand that future payments may be initiated using this saved account in accordance with my instructions. I confirm I am authorized to use this bank account."
+                              ] })
+                            ] }),
+                            errorBankConsentOther && /* @__PURE__ */ jsx19("span", { className: "error-span", children: errorBankConsentOther })
+                          ] })
                         ] }),
                         /* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(cashDiscount)) == null ? void 0 : _v.toFixed(2)) }) })
                       ] })
@@ -7498,6 +7530,8 @@ function PartialPayment(props) {
   const [partialError, setPartialError] = useState8("");
   const [isBankConsentChecked, setIsBankConsentChecked] = useState8(false);
   const [errorBankConsent, setErrorBankConsent] = useState8("");
+  const [saveACHConsent1, setSaveACHConsent1] = useState8(false);
+  const [errorBankConsentOther, setErrorBankConsentOther] = useState8("");
   const tokenizerRef = useRef8(null);
   const fractalStyles = {
     input: {
@@ -7611,6 +7645,8 @@ function PartialPayment(props) {
     setPartialError("");
     setIsBankConsentChecked(false);
     setErrorBankConsent("");
+    setSaveACHConsent1(false);
+    setErrorBankConsentOther("");
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -7711,11 +7747,14 @@ function PartialPayment(props) {
         errors.companyName = "Company Name is required for business accounts";
       }
     }
-    if (!isBankConsentChecked) {
+    if (!saveACHinfo && !isBankConsentChecked) {
       setErrorBankConsent("Above consent is required");
     }
+    if (saveACHinfo && !saveACHConsent1) {
+      setErrorBankConsentOther("Your consent is required to save your bank details for future use");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0 || !isBankConsentChecked;
+    return Object.keys(errors).length > 0;
   };
   const submitFunc = async (e) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
@@ -7860,7 +7899,13 @@ function PartialPayment(props) {
         }
       }
     } else {
-      const hasError = validateAchData();
+      let hasError = validateAchData();
+      if (saveACHinfo && !saveACHConsent1) {
+        hasError = true;
+      }
+      if (!saveACHinfo && !isBankConsentChecked) {
+        hasError = true;
+      }
       if (hasError) return;
       else {
         setLoading2(true);
@@ -8662,34 +8707,47 @@ function PartialPayment(props) {
                               accountTypes.map((type) => /* @__PURE__ */ jsx28("option", { value: type.value, children: type.label }, type.value))
                             ] })
                           ] }),
-                          /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
-                            /* @__PURE__ */ jsx28(
-                              "input",
-                              {
-                                type: "checkbox",
-                                id: "achconsent",
-                                className: "",
-                                checked: isBankConsentChecked,
-                                onChange: (e) => {
-                                  setIsBankConsentChecked(e.target.checked);
-                                  if (e.target.checked) {
-                                    setErrorBankConsent("");
+                          !saveACHinfo && /* @__PURE__ */ jsxs17(Fragment17, { children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
+                              /* @__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.` })
+                              ),
+                              /* @__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 })
                           ] }),
-                          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" })
+                            /* @__PURE__ */ jsx28("label", { htmlFor: "saveACH", children: "Save for future use" })
                           ] }),
-                          saveACHinfo && /* @__PURE__ */ jsx28("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" }, children: /* @__PURE__ */ jsxs17("p", { children: [
-                            "If checked, I agree for ",
-                            /* @__PURE__ */ jsx28("b", { children: (paymentData == null ? void 0 : paymentData.bname) || "merchant" }),
-                            " to have my permission to charge this bank account for agreed upon purchases in the future."
-                          ] }) })
+                          saveACHinfo && /* @__PURE__ */ jsxs17(Fragment17, { children: [
+                            /* @__PURE__ */ jsxs17("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                              /* @__PURE__ */ jsx28("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
+                                setSaveACHConsent1(e.target.checked);
+                                if (e.target.checked) {
+                                  setErrorBankConsentOther("");
+                                }
+                              } }),
+                              /* @__PURE__ */ jsxs17("label", { className: "saveachlabel", htmlFor: "saveACHConsent1", children: [
+                                "By providing my bank account information and selecting \u2018Save for future payments\u2019, I authorize ",
+                                (paymentData == null ? void 0 : paymentData.bname) || "merchant",
+                                "  to store my bank account details for future ACH payments. I understand that future payments may be initiated using this saved account in accordance with my instructions. I confirm I am authorized to use this bank account."
+                              ] })
+                            ] }),
+                            errorBankConsentOther && /* @__PURE__ */ jsx28("span", { className: "error-span", children: errorBankConsentOther })
+                          ] })
                         ] }),
                         /* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((_z = Number(partialAmount)) == null ? void 0 : _z.toFixed(2)) : formatUSD((_A = Number(cashDiscount)) == null ? void 0 : _A.toFixed(2)) }) })
                       ] })
@@ -10187,6 +10245,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [achData, setAchData] = useState11();
   const [achError, setAchError] = useState11({});
   const [saveACHinfo, setSaveACHinfo] = useState11(false);
+  const [saveACHConsent1, setSaveACHConsent1] = useState11(false);
   const [saveCardInfo, setSaveCardInfo] = useState11(false);
   const [error, setError] = useState11("");
   const [errorIframe, setErrorIframe] = useState11("");
@@ -10217,6 +10276,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [dcToken, setDCToken] = useState11();
   const [isBankConsentChecked, setIsBankConsentChecked] = useState11(false);
   const [errorBankConsent, setErrorBankConsent] = useState11("");
+  const [errorBankConsentOther, setErrorBankConsentOther] = useState11("");
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
   let americanexp2 = S3Url + "widget/ae-img.svg";
@@ -10410,11 +10470,14 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         errors.companyName = "Company Name is required for business accounts";
       }
     }
-    if (!isBankConsentChecked) {
+    if (!saveACHinfo && !isBankConsentChecked) {
       setErrorBankConsent("Above consent is required");
     }
+    if (saveACHinfo && !saveACHConsent1) {
+      setErrorBankConsentOther("Your consent is required to save your bank details for future use");
+    }
     setAchError(errors);
-    return Object.keys(errors).length > 0 || !isBankConsentChecked;
+    return Object.keys(errors).length > 0;
   };
   const completeFractalFlow = async (tokenizeData, intentid, typeoftoken) => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
@@ -10597,7 +10660,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       let isValid = true;
       if (!isValid) return;
     } else {
-      const hasError = validateAchData();
+      let hasError = validateAchData();
+      if (saveACHinfo && !saveACHConsent1) {
+        hasError = true;
+      }
+      if (!saveACHinfo && !isBankConsentChecked) {
+        hasError = true;
+      }
       if (hasError) return;
     }
     try {
@@ -10828,6 +10897,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     setRemainingAmount("");
     setIsBankConsentChecked(false);
     setErrorBankConsent("");
+    setSaveACHConsent1(false);
+    setErrorBankConsentOther("");
   };
   const getCardList = async () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
@@ -11711,25 +11782,44 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                           /* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
                           "."
                         ] }),
-                        /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                          /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
-                            setIsBankConsentChecked(e.target.checked);
-                            if (e.target.checked) {
-                              setErrorBankConsent("");
-                            }
-                          } }),
-                          /* @__PURE__ */ jsx36("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.` })
+                        !saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                          /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                            /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "achconsent", className: "", checked: isBankConsentChecked, onChange: (e) => {
+                              setIsBankConsentChecked(e.target.checked);
+                              if (e.target.checked) {
+                                setErrorBankConsent("");
+                              }
+                            } }),
+                            /* @__PURE__ */ jsx36("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__ */ jsx36("span", { className: "error-span", children: errorBankConsent })
                         ] }),
-                        errorBankConsent && /* @__PURE__ */ jsx36("span", { className: "error-span", children: errorBankConsent }),
                         customerId && /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
-                          /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
-                          /* @__PURE__ */ jsx36("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save Bank" })
+                          /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => {
+                            setSaveACHinfo(e.target.checked);
+                            if (!e.target.checked) {
+                              setSaveACHConsent1(false);
+                              setErrorBankConsentOther("");
+                            }
+                          } }),
+                          /* @__PURE__ */ jsx36("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save for future use" })
                         ] }),
-                        saveACHinfo && /* @__PURE__ */ jsx36("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs21("p", { children: [
-                          "If checked, I agree to give the ",
-                          /* @__PURE__ */ jsx36("b", { children: merchantName || "merchant" }),
-                          " permission to charge this bank account for agreed-upon purchases in the future."
-                        ] }) })
+                        saveACHinfo && /* @__PURE__ */ jsxs21(Fragment20, { children: [
+                          /* @__PURE__ */ jsxs21("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
+                            /* @__PURE__ */ jsx36("input", { type: "checkbox", id: "saveACHConsent1", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHConsent1, onChange: (e) => {
+                              setSaveACHConsent1(e.target.checked);
+                              if (e.target.checked) {
+                                setErrorBankConsentOther("");
+                              }
+                            } }),
+                            /* @__PURE__ */ jsxs21("label", { className: "saveachlabel", htmlFor: "saveACHConsent1", children: [
+                              "By providing my bank account information and selecting \u2018Save for future payments\u2019, I authorize ",
+                              merchantName || "merchant",
+                              "  to store my bank account details for future ACH payments. I understand that future payments may be initiated using this saved account in accordance with my instructions. I confirm I am authorized to use this bank account."
+                            ] })
+                          ] }),
+                          errorBankConsentOther && /* @__PURE__ */ jsx36("span", { className: "error-span", children: errorBankConsentOther })
+                        ] })
                       ] })
                     ] }),
                     /* @__PURE__ */ jsx36("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx36("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)) }) })
@@ -11768,7 +11858,8 @@ var PaymentWidget = ({
   isPartial,
   bankSurcharge,
   partialRef,
-  customCSS: customCSS2
+  customCSS: customCSS2,
+  disableSubmitBtn = false
 }) => {
   const [show, setShow] = useState12(autoTrigger || false);
   const [loading, setLoading] = useState12(false);
@@ -11799,7 +11890,8 @@ var PaymentWidget = ({
       isPartial,
       bankSurcharge,
       partialRef,
-      customCSS: customCSS2
+      customCSS: customCSS2,
+      disableSubmitBtn
     }),
     [
       amount,
@@ -11820,7 +11912,8 @@ var PaymentWidget = ({
       autoTrigger,
       isPartial,
       bankSurcharge,
-      partialRef
+      partialRef,
+      disableSubmitBtn
     ]
   );
   const [commonProps, setCommonProps] = useState12(initialCommonProps);
@@ -11868,7 +11961,7 @@ var PaymentWidget = ({
     /* @__PURE__ */ jsx37(CardBankRadioStyles, {}),
     /* @__PURE__ */ jsx37(CustomModal2styles_default, {}),
     /* @__PURE__ */ jsx37(DataCapScriptLoader, {}),
-    !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
+    !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", disabled: disableSubmitBtn, onClick: () => setShow(true), children: [
       submitBtnText,
       submitBtnIcon
     ] }),