@pinerohit11/testwidget 0.1.89 → 0.1.91

package/dist/index.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 
 // src/app/components/RequestPayment/RequestPayment.tsx
 import "bootstrap/dist/js/bootstrap.bundle.min.js";
@@ -121,8 +133,8 @@ var Loader = (props) => {
 var Loader_default = Loader;
 
 // src/app/components/baseurl.ts
+var baseUrl = "http://192.168.1.62:8082/";
 var masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
-var baseUrl = "https://dev-widget.fractalpay.com/";
 
 // src/app/components/Errortext.ts
 var ErrorText = {
@@ -1147,7 +1159,7 @@ function RequestPreAuthPayment(props) {
 }
 
 // src/app/components/Charge/GetPaymentPage.tsx
-import React11, { useState as useState3 } from "react";
+import React11, { useEffect as useEffect4, useState as useState3 } from "react";
 
 // src/app/components/Charge/Chargewidgetstyles.tsx
 import React8 from "react";
@@ -1599,7 +1611,8 @@ function Chargewidgetstyles() {
     background: #FFF;
     box-shadow: 0px 6px 12px 0px rgba(206, 197, 221, 0.31);
     font-size:16px;
-    curso:pointer
+    curso:pointer;
+    color:black
 }
     .btn {
   padding: 11px 23px;
@@ -1905,8 +1918,59 @@ function SuccessMsz({ onClose }) {
 // src/app/components/Charge/GetPaymentPage.tsx
 import Swal from "sweetalert2";
 import { IoArrowBack } from "react-icons/io5";
+
+// src/app/components/Datascript.tsx
+import { useEffect as useEffect3 } from "react";
+function DataScript() {
+  useEffect3(() => {
+    const src = "https://token-cert.dcap.com/v1/client";
+    if (typeof window === "undefined") return;
+    if (window.DatacapWebToken) {
+      console.log("\u2705 Datacap already available");
+      return;
+    }
+    if (!document.querySelector(`script[src="${src}"]`)) {
+      const script = document.createElement("script");
+      script.src = src;
+      script.async = true;
+      script.onload = () => {
+        console.log("\u2705 Datacap script loaded");
+        if (window.DatacapWebToken) {
+          console.log("\u2705 DatacapWebToken is ready:", window.DatacapWebToken);
+        } else {
+          console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
+        }
+      };
+      script.onerror = (err) => {
+        console.error("\u274C Failed to load Datacap script", err);
+      };
+      document.head.appendChild(script);
+    } else {
+      console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");
+    }
+  }, []);
+  useEffect3(() => {
+    const scriptId = "forge-cdn-script";
+    if (!document.getElementById(scriptId)) {
+      const forgeScript = document.createElement("script");
+      forgeScript.src = "https://cdn.jsdelivr.net/npm/node-forge@1.0.0/dist/forge.min.js";
+      forgeScript.id = scriptId;
+      forgeScript.async = true;
+      document.head.appendChild(forgeScript);
+    }
+    return () => {
+      const existingScript = document.getElementById(scriptId);
+      if (existingScript) {
+        document.head.removeChild(existingScript);
+      }
+    };
+  }, []);
+  return null;
+}
+
+// src/app/components/Charge/GetPaymentPage.tsx
 function GetPaymentPage(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [loading, setLoading] = useState3(false);
   const [success, setSuccess] = useState3(false);
   const [show, setShow] = useState3(false);
@@ -1918,21 +1982,9 @@ function GetPaymentPage(props) {
   const [cardError, setCardError] = useState3({});
   const [achData, setAchData] = useState3();
   const [achError, setAchError] = useState3({});
-  const [cardList, setCardList] = useState3([
-    { cardNumber: "9876789878999878", expMonth: "06", expYear: "2026", cardType: "visa" },
-    { cardNumber: "9876789878999868", expMonth: "04", expYear: "2027", cardType: "visa" },
-    { cardNumber: "9876789878999874", expMonth: "11", expYear: "2028", cardType: "visa" },
-    { cardNumber: "9876789878999873", expMonth: "08", expYear: "2029", cardType: "visa" },
-    { cardNumber: "9876789878999345", expMonth: "10", expYear: "2026", cardType: "visa" },
-    { cardNumber: "9876789878999434", expMonth: "05", expYear: "2028", cardType: "visa" },
-    { cardNumber: "9876789878999852", expMonth: "07", expYear: "2027", cardType: "visa" },
-    { cardNumber: "9876789878994546", expMonth: "04", expYear: "2029", cardType: "visa" },
-    { cardNumber: "9876789878999743", expMonth: "09", expYear: "2026", cardType: "visa" },
-    { cardNumber: "9876789878997323", expMonth: "12", expYear: "2028", cardType: "visa" },
-    { cardNumber: "9876789878998979", expMonth: "07", expYear: "2027", cardType: "visa" },
-    { cardNumber: "9876789878992348", expMonth: "03", expYear: "2029", cardType: "visa" },
-    { cardNumber: "9876789878999465", expMonth: "01", expYear: "2026", cardType: "visa" }
-  ]);
+  const [cardList, setCardList] = useState3([]);
+  const [selectedCard, setSelectedCard] = useState3();
+  const [paymentData, setPaymentData] = useState3();
   const showLoader = () => setLoading(true);
   const hideLoader = () => setLoading(false);
   const showError = (msz) => {
@@ -2051,7 +2103,7 @@ function GetPaymentPage(props) {
     return Object.keys(errors).length > 0;
   };
   const validateAchData = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
     const errors = {};
     const data = achData;
     if (!((_a2 = data == null ? void 0 : data.name) == null ? void 0 : _a2.trim())) errors.name = "Name is required";
@@ -2060,7 +2112,7 @@ function GetPaymentPage(props) {
     if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
     if (!((_g2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _g2.trim())) errors.routingNumber = "Routing Number is required";
     if ((data == null ? void 0 : data.routingNumber) && ((_h2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _h2.length) !== 9) errors.routingNumber = "Routing number must be 9 digits";
-    if (((_i = data == null ? void 0 : data.routingNumber) == null ? void 0 : _i.length) == 9) {
+    if (((_i2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _i2.length) == 9) {
       let routingNumber = data == null ? void 0 : data.routingNumber;
       const weights = [3, 7, 1];
       let sum = 0;
@@ -2076,7 +2128,7 @@ function GetPaymentPage(props) {
     return Object.keys(errors).length > 0;
   };
   const submitFunc = async (e) => {
-    var _a2, _b2, _c2, _d2, _e2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
     e.preventDefault();
     if (activetab !== "ach") {
       const hasError = validateCardData();
@@ -2095,13 +2147,14 @@ function GetPaymentPage(props) {
           try {
             const formData = __spreadProps(__spreadValues({}, cardData), {
               amount: `${props.amount || 0}`,
-              // fractalpayClientKey : fractalpayClientKey,
               fractalpayPublicKey: fractalpayClientKey
             });
             const result = await axios3.post(`${baseUrl}create-widget-order`, formData);
             console.log(result);
             let tokenCallback = async function(response) {
+              var _a3, _b3;
               if (response.Error) {
+                console.log(response == null ? void 0 : response.Error);
                 showError(response.Error);
                 hideLoader();
               } else {
@@ -2129,22 +2182,94 @@ function GetPaymentPage(props) {
                 } catch (err) {
                   console.log(err);
                   hideLoader();
-                  showError("something wrong..");
+                  showError(((_b3 = (_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
                 }
               }
             };
-            if (typeof DatacapWebToken !== "undefined") {
-              DatacapWebToken.requestToken(result == null ? void 0 : result.data.data.dctoken, "PaymentForm", tokenCallback);
+            if ((paymentData == null ? void 0 : paymentData.paymentGateway) === 32) {
+              const requestOptions = {
+                method: "POST",
+                redirect: "follow"
+              };
+              try {
+                let sesionResult = await axios3.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
+                let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
+                let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
+                cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
+                let track2_data = `${cardNumber}=${expYear}${cardData == null ? void 0 : cardData.expiryMonth} ${cardData == null ? void 0 : cardData.cvv}`;
+                const publicKey = forge.pki.publicKeyFromPem((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem);
+                const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
+                  md: forge.md.sha1.create(),
+                  mgf1: {
+                    md: forge.md.sha1.create()
+                  }
+                });
+                const encryptedBase64 = forge.util.encode64(encrypted);
+                const myHeaders = {
+                  "Content-Type": "application/json",
+                  "x-app-session-key": (_d2 = (_c2 = sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.session_key
+                };
+                const raw = JSON.stringify({
+                  "enc_track2_data": `${encryptedBase64}`,
+                  "algorithm": "RSAES_OAEP_SHA_1",
+                  session_key: `${(_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key}`
+                });
+                try {
+                  const tokenizeData = await axios3.post("https://api-dev.merchant-trends.com/tokenizer/tokenize", raw, { headers: myHeaders });
+                  const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g2.data), {
+                    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
+                  }));
+                  const reqData2 = {
+                    "pre_sales_id": `${(_i2 = (_h2 = result == null ? void 0 : result.data) == null ? void 0 : _h2.data) == null ? void 0 : _i2.posSalesIdEncode}`,
+                    "token": `${(_j2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _j2.data.token}`,
+                    "json_response": `${reqData}`
+                  };
+                  let myHeaders2 = {
+                    "Content-Type": "application/json"
+                  };
+                  const requestOptions2 = __spreadProps(__spreadValues({}, reqData2), {
+                    isChargeviafractal: true
+                  });
+                  try {
+                    let paymentRes = await axios3.post(
+                      `${masterBaseUrl}api/v1/payment-gateway/charge`,
+                      requestOptions2,
+                      {
+                        headers: myHeaders2
+                      }
+                    );
+                    console.log(paymentRes);
+                    if ((_k = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _k.result) {
+                      setSuccess(true);
+                      hideLoader();
+                    }
+                  } catch (err) {
+                    hideLoader();
+                    showError(((_m = (_l = err == null ? void 0 : err.response) == null ? void 0 : _l.data) == null ? void 0 : _m.message) || (err == null ? void 0 : err.message) || "something wrong..s");
+                  }
+                } catch (err) {
+                  hideLoader();
+                  showError(((_o = (_n = err == null ? void 0 : err.response) == null ? void 0 : _n.data) == null ? void 0 : _o.message) || (err == null ? void 0 : err.message) || "something wrong..s");
+                }
+              } catch (err) {
+                hideLoader();
+                showError(((_q = (_p = err == null ? void 0 : err.response) == null ? void 0 : _p.data) == null ? void 0 : _q.message) || (err == null ? void 0 : err.message) || "something wrong..s");
+              }
+            } else {
+              if (typeof DatacapWebToken !== "undefined") {
+                DatacapWebToken.requestToken(result == null ? void 0 : result.data.data.dctoken, "PaymentForm", tokenCallback);
+              }
             }
           } catch (err) {
-            console.log(err);
             hideLoader();
-            showError("Something went wrong");
+            showError(((_s = (_r = err == null ? void 0 : err.response) == null ? void 0 : _r.data) == null ? void 0 : _s.message) || (err == null ? void 0 : err.message) || "something wrong..s");
           }
         }
       }
     } else {
-      console.log(achData);
       const hasError = validateAchData();
       if (hasError) return;
       else {
@@ -2172,13 +2297,13 @@ function GetPaymentPage(props) {
           Swal.fire({
             icon: "success",
             title: "Congrats...",
-            text: (_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.message
+            text: (_t = result == null ? void 0 : result.data) == null ? void 0 : _t.message
           });
         } catch (error) {
           if (axios3.isAxiosError(error)) {
             console.log(error);
             hideLoader();
-            showError((_e2 = (_d2 = (_c2 = (_b2 = error.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) == null ? void 0 : _d2.error) != null ? _e2 : "Something went wrong");
+            showError((_x = (_w = (_v = (_u = error.response) == null ? void 0 : _u.data) == null ? void 0 : _v.message) == null ? void 0 : _w.error) != null ? _x : "Something went wrong");
           } else {
             console.error("Unexpected error", error);
           }
@@ -2186,7 +2311,143 @@ function GetPaymentPage(props) {
       }
     }
   };
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(Chargewidgetstyles, null), /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(
+  const getPaymentDetails = async () => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    showLoader();
+    try {
+      const data = {
+        fractalpayPublicKey: fractalpayClientKey,
+        "customer_id": props == null ? void 0 : props.customerId
+      };
+      let paymentData2 = await axios3.post(`${baseUrl}get-payment-details`, data);
+      console.log(paymentData2);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
+      if (((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.card_list) && ((_f2 = (_e2 = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.card_list) == null ? void 0 : _f2.length) > 0) {
+        setCardList((_h2 = (_g2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _g2.data) == null ? void 0 : _h2.card_list);
+      } else {
+        setActive("card");
+      }
+      hideLoader();
+    } catch (err) {
+      console.log(err);
+      setActive("card");
+      hideLoader();
+    }
+  };
+  const handlechargeCustomer = async () => {
+    var _b2, _c2, _d2, _e2, _f2;
+    console.log("selected", selectedCard);
+    let customer_id = props == null ? void 0 : props.customerId;
+    let discount = props == null ? void 0 : props.discount;
+    let surcharge = props == null ? void 0 : props.surcharge;
+    let tax = props == null ? void 0 : props.tax;
+    let fractalpayPublicKey = props == null ? void 0 : props.fractalpayClientKey;
+    let order_id = props == null ? void 0 : props.orderID;
+    let amount = 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;
+    if (fractalpayPublicKey && order_id && amount) {
+      if (customer_id) {
+        if (card_id) {
+          let chargeobj = {
+            amount,
+            order_id,
+            customer_id,
+            card_id,
+            fractalpayPublicKey,
+            isCardSave: saveCardInfo,
+            discount,
+            surcharge,
+            tax
+          };
+          let _a2 = chargeobj, { isCardSave } = _a2, rest = __objRest(_a2, ["isCardSave"]);
+          let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
+          let chargeurl = baseUrl + endpoint;
+          const headers = {
+            "Content-Type": "application/json"
+          };
+          showLoader();
+          try {
+            let result = await axios3.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
+            console.log(result);
+            if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
+              setSuccess(true);
+              hideLoader();
+            }
+          } catch (err) {
+            hideLoader();
+            console.log(err);
+            showError(((_d2 = (_c2 = err == null ? void 0 : err.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || ((_f2 = (_e2 = err == null ? void 0 : err.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.status) || "Something went erong");
+          }
+        } else {
+          showError("Please Select A Card/ACH");
+        }
+      } else {
+        showError("Please Select Customer");
+      }
+    } else {
+      showError("Something went wrong , Please try again later !!!");
+    }
+  };
+  useEffect4(() => {
+    if (show && fractalpayClientKey) {
+      getPaymentDetails();
+    }
+  }, [fractalpayClientKey, show]);
+  const handleDeleteCard = async (cardId) => {
+    Swal.fire({
+      icon: "warning",
+      text: "Do you want to delete the card?",
+      showCancelButton: true,
+      confirmButtonText: "Yes",
+      cancelButtonText: "No",
+      reverseButtons: true,
+      buttonsStyling: false,
+      customClass: {
+        confirmButton: "swal2-confirm btn btn-dark",
+        cancelButton: "swal2-cancel btn btn-dark",
+        popup: "custom-swal-popup",
+        icon: "custom-swal-icon"
+      }
+    }).then(async (result) => {
+      if (result.isConfirmed) {
+        showLoader();
+        try {
+          let obj = {
+            card_id: cardId,
+            customer_id: props == null ? void 0 : props.customerId,
+            fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
+          };
+          const res = await axios3.post(`${baseUrl}delete-customer-card`, obj);
+          hideLoader();
+          getPaymentDetails();
+          console.log("Deleted:", res);
+          Swal.fire({
+            icon: "success",
+            title: "Deleted!",
+            text: "The card has been deleted.",
+            confirmButtonText: "OK",
+            customClass: {
+              confirmButton: "btn btn-dark"
+            }
+          });
+        } catch (err) {
+          hideLoader();
+          console.error("Error:", err);
+          Swal.fire({
+            icon: "error",
+            title: "Error!",
+            text: "Failed to delete the card.",
+            confirmButtonText: "OK",
+            customClass: {
+              confirmButton: "btn btn-dark"
+            }
+          });
+        }
+      }
+    });
+  };
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(DataScript, null), /* @__PURE__ */ React11.createElement(Chargewidgetstyles, null), /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(
     "button",
     {
       className: "paymentBtn",
@@ -2200,32 +2461,21 @@ function GetPaymentPage(props) {
       onClose: handleClose
     },
     /* @__PURE__ */ React11.createElement(Loader_default, { loading }),
-    success ? /* @__PURE__ */ React11.createElement(SuccessMsz, { onClose: handleCloseSeccess }) : /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ React11.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ React11.createElement("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" })), /* @__PURE__ */ React11.createElement("defs", null, /* @__PURE__ */ React11.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ React11.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ React11.createElement("div", { className: "pay-container" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ React11.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ React11.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ React11.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ React11.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ React11.createElement("strong", { className: "pay-amount" }, "$1.35")), activetab != "ach" && /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" }))), /* @__PURE__ */ React11.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ React11.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ React11.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ React11.createElement(IoArrowBack, null), " Back"), /* @__PURE__ */ React11.createElement("div", { className: "tab" }, /* @__PURE__ */ React11.createElement("button", { className: "tablinks", onClick: (e) => {
+    success ? /* @__PURE__ */ React11.createElement(SuccessMsz, { onClose: handleCloseSeccess }) : /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ React11.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ React11.createElement("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" })), /* @__PURE__ */ React11.createElement("defs", null, /* @__PURE__ */ React11.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ React11.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ React11.createElement("div", { className: "pay-container" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ React11.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ React11.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ React11.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ React11.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ React11.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ React11.createElement("strong", { className: "pay-amount" }, "$1.35")), activetab != "ach" && /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" }))), /* @__PURE__ */ React11.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ React11.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ React11.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ React11.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ React11.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ React11.createElement(IoArrowBack, null), " Back"), /* @__PURE__ */ React11.createElement("div", { className: "tab" }, /* @__PURE__ */ React11.createElement("button", { className: "tablinks", onClick: (e) => {
       handletabchange("card");
     }, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */ React11.createElement("button", { className: "tablinks", onClick: (e) => {
       handletabchange("ach");
-    }, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH"))) : /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "charge-customer-name" }, " Charge Mmm"), /* @__PURE__ */ React11.createElement("p", { className: "card-ach-heading" }, " Cards/ACH")), /* @__PURE__ */ React11.createElement("div", { id: "ach", style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ React11.createElement("div", { className: "card-list-div" }, cardList && cardList.length > 0 && cardList.map((card, index) => {
-      var _a2;
-      return /* @__PURE__ */ React11.createElement("div", { className: "card-list-single-div" }, /* @__PURE__ */ React11.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React11.createElement("input", { type: "radio", className: "cardRadio", name: "selected_card", id: "" }), /* @__PURE__ */ React11.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", (_a2 = card == null ? void 0 : card.cardNumber) == null ? void 0 : _a2.slice(-4)), /* @__PURE__ */ React11.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expMonth, "/", card == null ? void 0 : card.expYear)), /* @__PURE__ */ React11.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React11.createElement("span", { className: "visa-card" }, /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "" })), /* @__PURE__ */ React11.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => {
-        Swal.fire({
-          icon: "warning",
-          text: "Do you want to delete the card?",
-          showCancelButton: true,
-          confirmButtonText: "Yes",
-          cancelButtonText: "No",
-          reverseButtons: true,
-          // puts "No" on the left and "Yes" on the right
-          buttonsStyling: false,
-          // disables default styling
-          customClass: {
-            confirmButton: "swal2-confirm btn btn-dark",
-            cancelButton: "swal2-cancel btn btn-dark",
-            popup: "custom-swal-popup",
-            icon: "custom-swal-icon"
-          }
-        });
-      } }, /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))));
-    })), /* @__PURE__ */ React11.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit" }, "$1.35"))), /* @__PURE__ */ React11.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ React11.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: cardData == null ? void 0 : cardData.cardName, onChange: (e) => handleCardChange("cardName", e.target.value) }), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React11.createElement("div", { className: "toggle-num-wrapper" }, /* @__PURE__ */ React11.createElement(
+    }, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH"))) : /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "charge-customer-name" }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ React11.createElement("p", { className: "card-ach-heading" }, " Cards/ACH")), /* @__PURE__ */ React11.createElement("div", { id: "ach", style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ React11.createElement("div", { className: "card-list-div" }, (paymentData == null ? void 0 : paymentData.card_list) && ((_a = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _a.length) > 0 && ((_b = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _b.map((card, index) => /* @__PURE__ */ React11.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ React11.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React11.createElement(
+      "input",
+      {
+        type: "radio",
+        className: "cardRadio",
+        name: "selected_card",
+        id: "",
+        checked: selectedCard === card,
+        onChange: (e) => setSelectedCard(card)
+      }
+    ), /* @__PURE__ */ React11.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ React11.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ React11.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React11.createElement("span", { className: "visa-card" }, /* @__PURE__ */ React11.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ React11.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ React11.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ React11.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$1.35"))), /* @__PURE__ */ React11.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React11.createElement("div", { className: "ach-scrl", style: { maxHeight: "380px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ React11.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: cardData == null ? void 0 : cardData.cardName, onChange: (e) => handleCardChange("cardName", e.target.value) }), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React11.createElement("div", { className: "toggle-num-wrapper" }, /* @__PURE__ */ React11.createElement(
       "input",
       {
         className: "form-control card-number-new",
@@ -2278,11 +2528,11 @@ function GetPaymentPage(props) {
         maxLength: 100,
         placeholder: "OID123456",
         disabled: true,
-        value: (_a = cardData == null ? void 0 : cardData.orderId) != null ? _a : "OID123456",
+        value: (_c = cardData == null ? void 0 : cardData.orderId) != null ? _c : "OID123456",
         onChange: (e) => handleCardChange("orderId", e.target.value),
         style: { background: "#F6F6F7", color: "#727272" }
       }
-    )), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ React11.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_b = cardData == null ? void 0 : cardData.zipCode) != null ? _b : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ React11.createElement(
+    )), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ React11.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_d = cardData == null ? void 0 : cardData.zipCode) != null ? _d : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ React11.createElement(
       "input",
       {
         type: "checkbox",
@@ -2291,7 +2541,7 @@ function GetPaymentPage(props) {
         checked: saveCardInfo,
         onChange: (e) => setSaveCardInfo(e.target.checked)
       }
-    ), /* @__PURE__ */ React11.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ React11.createElement("label", { htmlFor: "save_card" }, "Save card for future payments"))), /* @__PURE__ */ React11.createElement("div", { className: "form-group", style: { marginTop: "20px" } }, /* @__PURE__ */ React11.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$1.35")))), /* @__PURE__ */ React11.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("form", { id: "ACHPaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React11.createElement("div", { className: "ach-scrl" }, /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ React11.createElement("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_c = achData == null ? void 0 : achData.name) != null ? _c : "", onChange: handleChangeAch }), (achError == null ? void 0 : achError.name) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ React11.createElement(
+    ), /* @__PURE__ */ React11.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ React11.createElement("label", { htmlFor: "save_card" }, "Save card for future payments")))), /* @__PURE__ */ React11.createElement("div", { className: "form-group", style: { marginTop: "20px" } }, /* @__PURE__ */ React11.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$1.35")))), /* @__PURE__ */ React11.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React11.createElement("form", { id: "ACHPaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React11.createElement("div", { className: "ach-scrl" }, /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ React11.createElement("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_e = achData == null ? void 0 : achData.name) != null ? _e : "", onChange: handleChangeAch }), (achError == null ? void 0 : achError.name) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ React11.createElement(
       "input",
       {
         type: "text",
@@ -2300,7 +2550,7 @@ function GetPaymentPage(props) {
         maxLength: 9,
         placeholder: "000000000",
         name: "routingNumber",
-        value: (_d = achData == null ? void 0 : achData.routingNumber) != null ? _d : "",
+        value: (_f = achData == null ? void 0 : achData.routingNumber) != null ? _f : "",
         onChange: handleChangeAch
       }
     ), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.routingNumber)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "accountnumber" }, "Account number"), /* @__PURE__ */ React11.createElement(
@@ -2312,7 +2562,7 @@ function GetPaymentPage(props) {
         maxLength: 16,
         placeholder: "0000000000",
         name: "accountNumber",
-        value: (_e = achData == null ? void 0 : achData.accountNumber) != null ? _e : "",
+        value: (_g = achData == null ? void 0 : achData.accountNumber) != null ? _g : "",
         onChange: handleChangeAch
       }
     ), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.accountNumber)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "confirmaccountnumber" }, "Confirm account number"), /* @__PURE__ */ React11.createElement(
@@ -2324,7 +2574,7 @@ function GetPaymentPage(props) {
         maxLength: 16,
         placeholder: "0000000000",
         name: "confirmAccountNumber",
-        value: (_f = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _f : "",
+        value: (_h = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _h : "",
         onChange: handleChangeAch
       }
     ), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.confirmAccountNumber)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "bankname" }, "Bank name"), /* @__PURE__ */ React11.createElement(
@@ -2336,47 +2586,13 @@ function GetPaymentPage(props) {
         maxLength: 100,
         placeholder: "My Bank",
         name: "bankName",
-        value: (_g = achData == null ? void 0 : achData.bankName) != null ? _g : "",
+        value: (_i = achData == null ? void 0 : achData.bankName) != null ? _i : "",
         onChange: handleChangeAch
       }
-    ), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ React11.createElement("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_h = achData == null ? void 0 : achData.accountType) != null ? _h : "", onChange: handleChangeAch }, /* @__PURE__ */ React11.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ React11.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ React11.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ React11.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ React11.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4", style: { paddingTop: "5px" } }, /* @__PURE__ */ React11.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ React11.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ React11.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ React11.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit" }, "$1.35"))))))))))
+    ), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ React11.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ React11.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ React11.createElement("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_j = achData == null ? void 0 : achData.accountType) != null ? _j : "", onChange: handleChangeAch }, /* @__PURE__ */ React11.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ React11.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ React11.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ React11.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ React11.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4", style: { paddingTop: "5px" } }, /* @__PURE__ */ React11.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ React11.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ React11.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ React11.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ React11.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ React11.createElement("div", { className: "form-group" }, /* @__PURE__ */ React11.createElement("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit" }, "$1.35"))))))))))
   )));
 }
-
-// src/app/components/Datascript.tsx
-import { useEffect as useEffect4 } from "react";
-function DataScript() {
-  useEffect4(() => {
-    const src = "https://token-cert.dcap.com/v1/client";
-    if (typeof window === "undefined") return;
-    if (window.DatacapWebToken) {
-      console.log("\u2705 Datacap already available");
-      return;
-    }
-    if (!document.querySelector(`script[src="${src}"]`)) {
-      const script = document.createElement("script");
-      script.src = src;
-      script.async = true;
-      script.onload = () => {
-        console.log("\u2705 Datacap script loaded");
-        if (window.DatacapWebToken) {
-          console.log("\u2705 DatacapWebToken is ready:", window.DatacapWebToken);
-        } else {
-          console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
-        }
-      };
-      script.onerror = (err) => {
-        console.error("\u274C Failed to load Datacap script", err);
-      };
-      document.head.appendChild(script);
-    } else {
-      console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");
-    }
-  }, []);
-  return null;
-}
 export {
-  DataScript,
   GetPaymentPage,
   RequestPayment,
   RequestPreAuthPayment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.89",
+  "version": "0.1.91",
   "private": false,
   "scripts": {
     "dev": "next dev -p 4001",