@pinerohit11/testwidget 0.2.115 → 0.2.116

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +84 -82
  2. package/dist/index.mjs +84 -82
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -171,8 +171,8 @@ var Loader = (props) => {
171
171
  var Loader_default = Loader;
172
172
 
173
173
  // src/app/components/baseurl.ts
174
- var baseUrl = "http://192.168.1.63:8082/";
175
174
  var masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
175
+ var baseUrl = "https://dev-widget.fractalpay.com/";
176
176
 
177
177
  // src/app/components/Errortext.ts
178
178
  var ErrorText = {
@@ -1643,14 +1643,14 @@ function Chargewidgetstyles() {
1643
1643
  display:flex;
1644
1644
  gap:12px;
1645
1645
  }
1646
- .card-number-last-four{
1647
- color:#161616;
1648
- font-family:Inter;
1649
- font-size:14px;
1650
- font-weight:500;
1651
- font-style"normal;
1652
- line-height : 18px;
1653
- latter-spacing:-0.18px
1646
+ .card-number-radio .card-number-last-four{
1647
+ color:#161616 !important;
1648
+ font-family:Inter !important;
1649
+ font-size:14px !important;
1650
+ font-weight:500 !important;
1651
+ font-style:normal !important;
1652
+ line-height : 18px !important;
1653
+ latter-spacing:-0.18px !important
1654
1654
  }
1655
1655
  .card-expiry-date{
1656
1656
  margin:0;
@@ -2273,8 +2273,9 @@ var ErrorCardMessage_default = ErrorCardMessage;
2273
2273
 
2274
2274
  // src/app/components/Charge/GetPaymentPage.tsx
2275
2275
  function GetPaymentPage(props) {
2276
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
2276
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
2277
2277
  const [loading, setLoading] = (0, import_react14.useState)(false);
2278
+ const [loading2, setLoading2] = (0, import_react14.useState)(false);
2278
2279
  const [error, setError] = (0, import_react14.useState)("");
2279
2280
  const [success, setSuccess] = (0, import_react14.useState)(false);
2280
2281
  const [show, setShow] = (0, import_react14.useState)(false);
@@ -2479,7 +2480,7 @@ function GetPaymentPage(props) {
2479
2480
  return Object.keys(errors).length > 0;
2480
2481
  };
2481
2482
  const submitFunc = async (e) => {
2482
- 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, _y, _z;
2483
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
2483
2484
  e.preventDefault();
2484
2485
  if (activetab !== "ach") {
2485
2486
  const hasError = validateCardData();
@@ -2494,7 +2495,7 @@ function GetPaymentPage(props) {
2494
2495
  if (!validCVV) errors.cvv = "Invalid CVV";
2495
2496
  setCardError(errors);
2496
2497
  if (validCard && validCVV && validExpirationDate) {
2497
- showLoader();
2498
+ setLoading2(true);
2498
2499
  try {
2499
2500
  const formData = __spreadProps(__spreadValues({}, cardData), {
2500
2501
  amount: `${props.amount || 0}`,
@@ -2510,7 +2511,7 @@ function GetPaymentPage(props) {
2510
2511
  var _a3, _b3, _c3;
2511
2512
  if (response.Error) {
2512
2513
  setError(response.Error);
2513
- hideLoader();
2514
+ setLoading2(false);
2514
2515
  } else {
2515
2516
  let name = cardData == null ? void 0 : cardData.cardName;
2516
2517
  let postal_code = cardData == null ? void 0 : cardData.zipCode;
@@ -2531,9 +2532,9 @@ function GetPaymentPage(props) {
2531
2532
  setSaveCardInfo(false);
2532
2533
  setTranId((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.transactionId);
2533
2534
  setSuccess(true);
2534
- hideLoader();
2535
+ setLoading2(false);
2535
2536
  } catch (err) {
2536
- hideLoader();
2537
+ setLoading2(false);
2537
2538
  setError(((_c3 = (_b3 = err == null ? void 0 : err.response) == null ? void 0 : _b3.data) == null ? void 0 : _c3.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
2538
2539
  }
2539
2540
  }
@@ -2593,21 +2594,21 @@ function GetPaymentPage(props) {
2593
2594
  headers: myHeaders2
2594
2595
  }
2595
2596
  );
2596
- if ((_k = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _k.result) {
2597
- setTranId((_m = (_l = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _l.data) == null ? void 0 : _m.transactionId);
2597
+ if ((_k2 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _k2.result) {
2598
+ setTranId((_m2 = (_l2 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _l2.data) == null ? void 0 : _m2.transactionId);
2598
2599
  setSuccess(true);
2599
- hideLoader();
2600
+ setLoading2(false);
2600
2601
  }
2601
2602
  } catch (err) {
2602
- hideLoader();
2603
- setError(((_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 went wrong.");
2603
+ setLoading2(false);
2604
+ setError(((_o2 = (_n2 = err == null ? void 0 : err.response) == null ? void 0 : _n2.data) == null ? void 0 : _o2.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
2604
2605
  }
2605
2606
  } catch (err) {
2606
- hideLoader();
2607
- setError(((_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 went wrong.");
2607
+ setLoading2(false);
2608
+ setError(((_q = (_p2 = err == null ? void 0 : err.response) == null ? void 0 : _p2.data) == null ? void 0 : _q.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
2608
2609
  }
2609
2610
  } catch (err) {
2610
- hideLoader();
2611
+ setLoading2(false);
2611
2612
  setError(((_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 went wrong.");
2612
2613
  }
2613
2614
  } else {
@@ -2616,7 +2617,7 @@ function GetPaymentPage(props) {
2616
2617
  }
2617
2618
  }
2618
2619
  } catch (err) {
2619
- hideLoader();
2620
+ setLoading2(false);
2620
2621
  setError(((_u = (_t = err == null ? void 0 : err.response) == null ? void 0 : _t.data) == null ? void 0 : _u.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
2621
2622
  }
2622
2623
  }
@@ -2640,10 +2641,9 @@ function GetPaymentPage(props) {
2640
2641
  discount: props == null ? void 0 : props.discount,
2641
2642
  surcharge: props == null ? void 0 : props.surcharge
2642
2643
  };
2643
- showLoader();
2644
2644
  try {
2645
2645
  let result = await import_axios3.default.post(`${baseUrl}ach-incoming`, dataForm);
2646
- hideLoader();
2646
+ setLoading2(false);
2647
2647
  import_sweetalert2.default.fire({
2648
2648
  icon: "success",
2649
2649
  title: "Congrats...",
@@ -2655,7 +2655,7 @@ function GetPaymentPage(props) {
2655
2655
  });
2656
2656
  } catch (error2) {
2657
2657
  if (import_axios3.default.isAxiosError(error2)) {
2658
- hideLoader();
2658
+ setLoading2(false);
2659
2659
  setError((_z = (_y = (_x = (_w = error2.response) == null ? void 0 : _w.data) == null ? void 0 : _x.message) == null ? void 0 : _y.error) != null ? _z : "Something went wrong");
2660
2660
  } else {
2661
2661
  console.error("Unexpected error", error2);
@@ -2665,7 +2665,7 @@ function GetPaymentPage(props) {
2665
2665
  }
2666
2666
  };
2667
2667
  const getPaymentDetails = async () => {
2668
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l, _m, _n, _o;
2668
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2;
2669
2669
  showLoader();
2670
2670
  try {
2671
2671
  const data = {
@@ -2681,7 +2681,7 @@ function GetPaymentPage(props) {
2681
2681
  if (((_e2 = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.card_list) && ((_h2 = (_g2 = (_f2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _f2.data) == null ? void 0 : _g2.card_list) == null ? void 0 : _h2.length) > 0) {
2682
2682
  setCardList((_j2 = (_i2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _i2.data) == null ? void 0 : _j2.card_list);
2683
2683
  setActive("cardList");
2684
- let primary_card = (_m = (_l = (_k = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _k.data) == null ? void 0 : _l.card_list) == null ? void 0 : _m.filter((card) => (card == null ? void 0 : card.primary_card) == 1);
2684
+ let primary_card = (_m2 = (_l2 = (_k2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _k2.data) == null ? void 0 : _l2.card_list) == null ? void 0 : _m2.filter((card) => (card == null ? void 0 : card.primary_card) == 1);
2685
2685
  if (primary_card == null ? void 0 : primary_card[0]) {
2686
2686
  setSelectedCard(primary_card[0]);
2687
2687
  }
@@ -2692,7 +2692,7 @@ function GetPaymentPage(props) {
2692
2692
  } catch (err) {
2693
2693
  console.log(err);
2694
2694
  hideLoader();
2695
- setError(((_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 went wrong");
2695
+ setError(((_o2 = (_n2 = err == null ? void 0 : err.response) == null ? void 0 : _n2.data) == null ? void 0 : _o2.message) || (err == null ? void 0 : err.message) || "Something went wrong");
2696
2696
  }
2697
2697
  };
2698
2698
  const handlechargeCustomer = async () => {
@@ -2726,16 +2726,16 @@ function GetPaymentPage(props) {
2726
2726
  const headers = {
2727
2727
  "Content-Type": "application/json"
2728
2728
  };
2729
- showLoader();
2729
+ setLoading2(true);
2730
2730
  try {
2731
2731
  let result = await import_axios3.default.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
2732
2732
  if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
2733
2733
  setTranId((_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.transaction_id);
2734
2734
  setSuccess(true);
2735
- hideLoader();
2735
+ setLoading2(false);
2736
2736
  }
2737
2737
  } catch (err) {
2738
- hideLoader();
2738
+ setLoading2(false);
2739
2739
  setError(((_f2 = (_e2 = err == null ? void 0 : err.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || ((_h2 = (_g2 = err == null ? void 0 : err.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.status) || "Something went erong");
2740
2740
  }
2741
2741
  } else {
@@ -2770,7 +2770,7 @@ function GetPaymentPage(props) {
2770
2770
  }
2771
2771
  }).then(async (result) => {
2772
2772
  if (result.isConfirmed) {
2773
- showLoader();
2773
+ setLoading2(true);
2774
2774
  try {
2775
2775
  let obj = {
2776
2776
  card_id: cardId,
@@ -2778,7 +2778,7 @@ function GetPaymentPage(props) {
2778
2778
  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
2779
2779
  };
2780
2780
  const res = await import_axios3.default.post(`${baseUrl}delete-customer-card`, obj);
2781
- hideLoader();
2781
+ setLoading2(false);
2782
2782
  getPaymentDetails();
2783
2783
  import_sweetalert2.default.fire({
2784
2784
  icon: "success",
@@ -2794,7 +2794,7 @@ function GetPaymentPage(props) {
2794
2794
  }
2795
2795
  });
2796
2796
  } catch (err) {
2797
- hideLoader();
2797
+ setLoading2(false);
2798
2798
  import_sweetalert2.default.fire({
2799
2799
  icon: "error",
2800
2800
  title: "Error!",
@@ -2819,7 +2819,7 @@ function GetPaymentPage(props) {
2819
2819
  }
2820
2820
  });
2821
2821
  };
2822
- console.log(paymentData == null ? void 0 : paymentData.paymentGateway);
2822
+ console.log(loading, loading2);
2823
2823
  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(DataScript, null), /* @__PURE__ */ import_react14.default.createElement(Chargewidgetstyles, null), /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
2824
2824
  "button",
2825
2825
  {
@@ -2835,11 +2835,11 @@ function GetPaymentPage(props) {
2835
2835
  },
2836
2836
  error && /* @__PURE__ */ import_react14.default.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ import_react14.default.createElement(ErrorCardMessage_default, { error, onClose: handleClose })),
2837
2837
  success && /* @__PURE__ */ import_react14.default.createElement(SuccessMsz, { onClose: handleClose, tranId }),
2838
- !error && !success && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, loading && /* @__PURE__ */ import_react14.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "frac-card-payment-page frac-form" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-main-logo-res" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react14.default.createElement("h1", { className: "pay-heading" }, "Pay"), (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ import_react14.default.createElement("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react14.default.createElement(import_io5.IoArrowBack, null), " Back")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "amt-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), activetab != "ach" && /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" })))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react14.default.createElement("div", null)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, !loading && /* @__PURE__ */ import_react14.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react14.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react14.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react14.default.createElement(import_io5.IoArrowBack, null), " Back"), (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "tablinks", onClick: (e) => {
2838
+ !error && !success && /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, (loading || loading2) && /* @__PURE__ */ import_react14.default.createElement(Loader_default, { loading: loading || loading2 }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "frac-card-payment-page frac-form" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-main-logo-res" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react14.default.createElement("h1", { className: "pay-heading" }, "Pay"), (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ import_react14.default.createElement("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react14.default.createElement(import_io5.IoArrowBack, null), " Back")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "amt-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", (_a = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a.toFixed(2))), activetab != "ach" && /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" })))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react14.default.createElement("div", null)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, !loading && /* @__PURE__ */ import_react14.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react14.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react14.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react14.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react14.default.createElement(import_io5.IoArrowBack, null), " Back"), (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "tablinks", onClick: (e) => {
2839
2839
  handletabchange("card");
2840
2840
  }, style: { border: activetab === "card" ? "1px solid" : "" } }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-credit-card me-2", style: { marginRight: "8px", fontSize: "15px" } }), "Card"), /* @__PURE__ */ import_react14.default.createElement("button", { className: "tablinks", onClick: (e) => {
2841
2841
  handletabchange("ach");
2842
- }, style: { border: activetab === "ach" ? "1px solid" : "" } }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-university me-2", style: { marginRight: "8px", fontSize: "15px" } }), "Bank")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), activetab != "ach" && /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" }))))) : /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("h6", { className: "charge-customer-name", style: { marginBottom: "16px !important" } }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react14.default.createElement("h6", { className: "card-ach-heading", style: { marginBottom: "10px !important" } }, " Cards/ACH"), /* @__PURE__ */ import_react14.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" }))))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "ach", style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react14.default.createElement(
2842
+ }, style: { border: activetab === "ach" ? "1px solid" : "" } }, /* @__PURE__ */ import_react14.default.createElement("i", { className: "fas fa-university me-2", style: { marginRight: "8px", fontSize: "15px" } }), "Bank")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", (_b = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _b.toFixed(2))), activetab != "ach" && /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" }))))) : /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("h6", { className: "charge-customer-name", style: { marginBottom: "16px !important" } }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react14.default.createElement("h6", { className: "card-ach-heading", style: { marginBottom: "10px !important" } }, " Cards/ACH"), /* @__PURE__ */ import_react14.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react14.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react14.default.createElement("strong", { className: "pay-amount" }, "$", (_c = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _c.toFixed(2))), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" }))))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "ach", style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-list-div" }, (paymentData == null ? void 0 : paymentData.card_list) && ((_d = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _d.length) > 0 && ((_e = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _e.map((card, index) => /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react14.default.createElement(
2843
2843
  "input",
2844
2844
  {
2845
2845
  type: "radio",
@@ -2849,7 +2849,7 @@ function GetPaymentPage(props) {
2849
2849
  checked: selectedCard === card,
2850
2850
  onChange: (e) => setSelectedCard(card)
2851
2851
  }
2852
- ), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react14.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group", style: { padding: "0" } }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("form", { id: "PaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ach-scrl", style: { minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "398px" : (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) == 0 ? "456px" : (cardList == null ? void 0 : cardList.length) > 0 ? "462px" : "520px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "cardHolderName" }, "NAME ON CARD "), /* @__PURE__ */ import_react14.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
2852
+ ), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react14.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ import_react14.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group", style: { padding: "0" } }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", (_f = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _f.toFixed(2)))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("form", { id: "PaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ach-scrl", style: { minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "398px" : (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) == 0 ? "456px" : (cardList == null ? void 0 : cardList.length) > 0 ? "462px" : "520px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "cardHolderName" }, "NAME ON CARD "), /* @__PURE__ */ import_react14.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
2853
2853
  const value = e.target.value;
2854
2854
  if (/^[a-zA-Z\s]*$/.test(value)) {
2855
2855
  handleCardChange("cardName", value);
@@ -2910,10 +2910,10 @@ function GetPaymentPage(props) {
2910
2910
  maxLength: 100,
2911
2911
  placeholder: "OID123456",
2912
2912
  disabled: true,
2913
- value: (_c = props == null ? void 0 : props.orderID) != null ? _c : "",
2913
+ value: (_g = props == null ? void 0 : props.orderID) != null ? _g : "",
2914
2914
  style: { background: "#F6F6F7", color: "#727272" }
2915
2915
  }
2916
- )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), (props == null ? void 0 : props.customerId) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react14.default.createElement(
2916
+ )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react14.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_h = cardData == null ? void 0 : cardData.zipCode) != null ? _h : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), (props == null ? void 0 : props.customerId) && /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react14.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react14.default.createElement(
2917
2917
  "input",
2918
2918
  {
2919
2919
  type: "checkbox",
@@ -2922,10 +2922,10 @@ function GetPaymentPage(props) {
2922
2922
  checked: saveCardInfo,
2923
2923
  onChange: (e) => setSaveCardInfo(e.target.checked)
2924
2924
  }
2925
- ), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react14.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: "0" } }, /* @__PURE__ */ import_react14.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", props == null ? void 0 : props.amount)))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ach-scrl", style: {
2925
+ ), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react14.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react14.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react14.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react14.default.createElement("defs", null, /* @__PURE__ */ import_react14.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react14.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: "0" } }, /* @__PURE__ */ import_react14.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", (_i = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _i.toFixed(2))))), /* @__PURE__ */ import_react14.default.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react14.default.createElement("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "ach-scrl", style: {
2926
2926
  minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "378px" : (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) == 0 ? "436px" : (cardList == null ? void 0 : cardList.length) > 0 ? "462px" : "520px",
2927
2927
  maxHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "358px" : (cardList == null ? void 0 : cardList.length) > 0 ? "380px" : "380px"
2928
- } }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ import_react14.default.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__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ import_react14.default.createElement(
2928
+ } }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ import_react14.default.createElement("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_j = achData == null ? void 0 : achData.name) != null ? _j : "", onChange: handleChangeAch }), (achError == null ? void 0 : achError.name) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ import_react14.default.createElement(
2929
2929
  "input",
2930
2930
  {
2931
2931
  type: "text",
@@ -2934,7 +2934,7 @@ function GetPaymentPage(props) {
2934
2934
  maxLength: 9,
2935
2935
  placeholder: "000000000",
2936
2936
  name: "routingNumber",
2937
- value: (_f = achData == null ? void 0 : achData.routingNumber) != null ? _f : "",
2937
+ value: (_k = achData == null ? void 0 : achData.routingNumber) != null ? _k : "",
2938
2938
  onChange: handleChangeAch
2939
2939
  }
2940
2940
  ), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.routingNumber)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "accountnumber" }, "Account number"), /* @__PURE__ */ import_react14.default.createElement(
@@ -2946,7 +2946,7 @@ function GetPaymentPage(props) {
2946
2946
  maxLength: 16,
2947
2947
  placeholder: "0000000000",
2948
2948
  name: "accountNumber",
2949
- value: (_g = achData == null ? void 0 : achData.accountNumber) != null ? _g : "",
2949
+ value: (_l = achData == null ? void 0 : achData.accountNumber) != null ? _l : "",
2950
2950
  onChange: handleChangeAch
2951
2951
  }
2952
2952
  ), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.accountNumber)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "confirmaccountnumber" }, "Confirm account number"), /* @__PURE__ */ import_react14.default.createElement(
@@ -2958,7 +2958,7 @@ function GetPaymentPage(props) {
2958
2958
  maxLength: 16,
2959
2959
  placeholder: "0000000000",
2960
2960
  name: "confirmAccountNumber",
2961
- value: (_h = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _h : "",
2961
+ value: (_m = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _m : "",
2962
2962
  onChange: handleChangeAch
2963
2963
  }
2964
2964
  ), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.confirmAccountNumber)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "bankname" }, "Bank name"), /* @__PURE__ */ import_react14.default.createElement(
@@ -2970,10 +2970,10 @@ function GetPaymentPage(props) {
2970
2970
  maxLength: 100,
2971
2971
  placeholder: "My Bank",
2972
2972
  name: "bankName",
2973
- value: (_i = achData == null ? void 0 : achData.bankName) != null ? _i : "",
2973
+ value: (_n = achData == null ? void 0 : achData.bankName) != null ? _n : "",
2974
2974
  onChange: handleChangeAch
2975
2975
  }
2976
- ), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ import_react14.default.createElement("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_j = achData == null ? void 0 : achData.accountType) != null ? _j : "", onChange: handleChangeAch }, /* @__PURE__ */ import_react14.default.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" } }, /* @__PURE__ */ import_react14.default.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ import_react14.default.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ import_react14.default.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group " }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit" }, "$", props == null ? void 0 : props.amount)))))))))))
2976
+ ), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ import_react14.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ import_react14.default.createElement("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_o = achData == null ? void 0 : achData.accountType) != null ? _o : "", onChange: handleChangeAch }, /* @__PURE__ */ import_react14.default.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ import_react14.default.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" } }, /* @__PURE__ */ import_react14.default.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ import_react14.default.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ import_react14.default.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ import_react14.default.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ import_react14.default.createElement("div", { className: "form-group " }, /* @__PURE__ */ import_react14.default.createElement("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit" }, "$", (_p = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _p.toFixed(2))))))))))))
2977
2977
  )));
2978
2978
  }
2979
2979
 
@@ -2983,8 +2983,9 @@ var import_axios4 = __toESM(require("axios"));
2983
2983
  var import_sweetalert22 = __toESM(require("sweetalert2"));
2984
2984
  var import_io52 = require("react-icons/io5");
2985
2985
  function PreAuthPayment(props) {
2986
- var _a, _b, _c, _d;
2986
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
2987
2987
  const [loading, setLoading] = (0, import_react15.useState)(false);
2988
+ const [loading2, setLoading2] = (0, import_react15.useState)(false);
2988
2989
  const [error, setError] = (0, import_react15.useState)("");
2989
2990
  const [success, setSuccess] = (0, import_react15.useState)(false);
2990
2991
  const [show, setShow] = (0, import_react15.useState)(false);
@@ -3002,6 +3003,7 @@ function PreAuthPayment(props) {
3002
3003
  const handleClose = () => {
3003
3004
  setShow(false);
3004
3005
  setActive("card");
3006
+ setLoading2(false);
3005
3007
  setError("");
3006
3008
  setSuccess(false);
3007
3009
  setTranId("");
@@ -3082,7 +3084,7 @@ function PreAuthPayment(props) {
3082
3084
  }));
3083
3085
  };
3084
3086
  const validateCardData = () => {
3085
- var _a2, _b2, _c2, _d2, _e, _f;
3087
+ var _a2, _b2, _c2, _d2, _e2, _f2;
3086
3088
  const errors = {};
3087
3089
  const data = cardData;
3088
3090
  const month = parseInt((data == null ? void 0 : data.expiryMonth) || "", 10);
@@ -3094,8 +3096,8 @@ function PreAuthPayment(props) {
3094
3096
  } else if (isNaN(month) || month < 1 || month > 12 || year.length !== 4) {
3095
3097
  errors.expiryMonth = "Invalid Expiration Date.";
3096
3098
  }
3097
- if (!((_e = data == null ? void 0 : data.cvv) == null ? void 0 : _e.trim())) errors.cvv = "CVV is required";
3098
- if (!((_f = data == null ? void 0 : data.zipCode) == null ? void 0 : _f.trim())) errors.zipCode = "ZIP code is required";
3099
+ if (!((_e2 = data == null ? void 0 : data.cvv) == null ? void 0 : _e2.trim())) errors.cvv = "CVV is required";
3100
+ if (!((_f2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _f2.trim())) errors.zipCode = "ZIP code is required";
3099
3101
  if ((data == null ? void 0 : data.expiryMonth) && (data == null ? void 0 : data.expiryYear) && data.expiryMonth.length <= 2 && data.expiryYear.length === 4) {
3100
3102
  const month2 = parseInt(data.expiryMonth, 10);
3101
3103
  const year2 = parseInt(data.expiryYear, 10);
@@ -3110,7 +3112,7 @@ function PreAuthPayment(props) {
3110
3112
  return Object.keys(errors).length > 0;
3111
3113
  };
3112
3114
  const submitFunc = async (e) => {
3113
- var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
3115
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
3114
3116
  e.preventDefault();
3115
3117
  if (activetab == "card") {
3116
3118
  const hasError = validateCardData();
@@ -3125,13 +3127,13 @@ function PreAuthPayment(props) {
3125
3127
  if (!validCVV) errors.cvv = "Invalid CVV";
3126
3128
  setCardError(errors);
3127
3129
  if (validCard && validCVV && validExpirationDate) {
3128
- showLoader();
3130
+ setLoading2(true);
3129
3131
  try {
3130
3132
  let tokenCallback = async function(response) {
3131
3133
  var _a3, _b3, _c3, _d3;
3132
3134
  if (response.Error) {
3133
3135
  setError(response.Error);
3134
- hideLoader();
3136
+ setLoading2(false);
3135
3137
  } else {
3136
3138
  let name = cardData == null ? void 0 : cardData.cardName;
3137
3139
  let postal_code = cardData == null ? void 0 : cardData.zipCode;
@@ -3159,10 +3161,10 @@ function PreAuthPayment(props) {
3159
3161
  console.log(apiResponse, "+++++++++++++++");
3160
3162
  setSuccess(true);
3161
3163
  setTranId((_b3 = (_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.data) == null ? void 0 : _b3.transaction_id);
3162
- hideLoader();
3164
+ setLoading2(false);
3163
3165
  } catch (err) {
3164
3166
  console.log(err);
3165
- hideLoader();
3167
+ setLoading2(false);
3166
3168
  setError(((_d3 = (_c3 = err == null ? void 0 : err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
3167
3169
  }
3168
3170
  }
@@ -3193,17 +3195,17 @@ function PreAuthPayment(props) {
3193
3195
  const raw = JSON.stringify({
3194
3196
  "enc_track2_data": `${encryptedBase64}`,
3195
3197
  "algorithm": "RSAES_OAEP_SHA_1",
3196
- session_key: `${(_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key}`
3198
+ session_key: `${(_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key}`
3197
3199
  });
3198
3200
  try {
3199
3201
  const tokenizeData = await import_axios4.default.post("https://api-dev.merchant-trends.com/tokenizer/tokenize", raw, { headers: myHeaders });
3200
- const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g.data), {
3202
+ const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g2.data), {
3201
3203
  // isSaveCardChecked: saveCardInfo,
3202
3204
  name: cardData == null ? void 0 : cardData.cardName,
3203
3205
  postal_code: cardData == null ? void 0 : cardData.zipCode,
3204
3206
  customer_id: props == null ? void 0 : props.customerId,
3205
3207
  "amount": props == null ? void 0 : props.amount,
3206
- "Token": `${(_i = (_h = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _h.data) == null ? void 0 : _i.token}`,
3208
+ "Token": `${(_i2 = (_h2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _h2.data) == null ? void 0 : _i2.token}`,
3207
3209
  "fractalpayPublicKey": fractalpayClientKey,
3208
3210
  "order_id": props == null ? void 0 : props.orderID,
3209
3211
  "preAuth_id": "",
@@ -3234,26 +3236,26 @@ function PreAuthPayment(props) {
3234
3236
  if ((_n = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _n.result) {
3235
3237
  setTranId((_p = (_o = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _o.data) == null ? void 0 : _p.transaction_id);
3236
3238
  setSuccess(true);
3237
- hideLoader();
3239
+ setLoading2(false);
3238
3240
  }
3239
3241
  } catch (err) {
3240
- hideLoader();
3242
+ setLoading2(false);
3241
3243
  setError(((_r = (_q = err == null ? void 0 : err.response) == null ? void 0 : _q.data) == null ? void 0 : _r.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
3242
3244
  }
3243
3245
  } catch (err) {
3244
3246
  console.log(err);
3245
- hideLoader();
3247
+ setLoading2(false);
3246
3248
  setError(((_t = (_s = err == null ? void 0 : err.response) == null ? void 0 : _s.data) == null ? void 0 : _t.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
3247
3249
  }
3248
3250
  } catch (err) {
3249
- hideLoader();
3251
+ setLoading2(false);
3250
3252
  setError(((_v = (_u = err == null ? void 0 : err.response) == null ? void 0 : _u.data) == null ? void 0 : _v.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
3251
3253
  }
3252
3254
  } else {
3253
3255
  DatacapWebToken.requestToken(paymentData == null ? void 0 : paymentData.dctoken, "PaymentForm", tokenCallback);
3254
3256
  }
3255
3257
  } catch (err) {
3256
- hideLoader();
3258
+ setLoading2(false);
3257
3259
  setError(((_x = (_w = err == null ? void 0 : err.response) == null ? void 0 : _w.data) == null ? void 0 : _x.message) || (err == null ? void 0 : err.message) || "Something went wrong.");
3258
3260
  }
3259
3261
  }
@@ -3261,7 +3263,7 @@ function PreAuthPayment(props) {
3261
3263
  }
3262
3264
  };
3263
3265
  const getPaymentDetails = async () => {
3264
- var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
3266
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m, _n, _o;
3265
3267
  showLoader();
3266
3268
  try {
3267
3269
  const data = {
@@ -3275,8 +3277,8 @@ function PreAuthPayment(props) {
3275
3277
  handleClose();
3276
3278
  setError("Something went wrong.");
3277
3279
  }
3278
- if (((_e = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e.card_list) && ((_h = (_g = (_f = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _f.data) == null ? void 0 : _g.card_list) == null ? void 0 : _h.length) > 0) {
3279
- setCardList((_j = (_i = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _i.data) == null ? void 0 : _j.card_list);
3280
+ if (((_e2 = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.card_list) && ((_h2 = (_g2 = (_f2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _f2.data) == null ? void 0 : _g2.card_list) == null ? void 0 : _h2.length) > 0) {
3281
+ setCardList((_j = (_i2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _i2.data) == null ? void 0 : _j.card_list);
3280
3282
  setActive("cardList");
3281
3283
  let primary_card = (_m = (_l = (_k = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _k.data) == null ? void 0 : _l.card_list) == null ? void 0 : _m.filter((card) => (card == null ? void 0 : card.primary_card) == 1);
3282
3284
  if (primary_card == null ? void 0 : primary_card[0]) {
@@ -3293,7 +3295,7 @@ function PreAuthPayment(props) {
3293
3295
  }
3294
3296
  };
3295
3297
  const handlechargeCustomer = async () => {
3296
- var _b2, _c2, _d2, _e, _f, _g, _h;
3298
+ var _b2, _c2, _d2, _e2, _f2, _g2, _h2;
3297
3299
  let customer_id = props == null ? void 0 : props.customerId;
3298
3300
  let discount = props == null ? void 0 : props.discount;
3299
3301
  let surcharge = props == null ? void 0 : props.surcharge;
@@ -3323,18 +3325,18 @@ function PreAuthPayment(props) {
3323
3325
  const headers = {
3324
3326
  "Content-Type": "application/json"
3325
3327
  };
3326
- showLoader();
3328
+ setLoading2(true);
3327
3329
  try {
3328
3330
  let result = await import_axios4.default.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
3329
3331
  if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
3330
3332
  setTranId((_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.transaction_id);
3331
3333
  setSuccess(true);
3332
- hideLoader();
3334
+ setLoading2(false);
3333
3335
  }
3334
3336
  } catch (err) {
3335
- hideLoader();
3337
+ setLoading2(false);
3336
3338
  console.log(err);
3337
- setError(((_f = (_e = err == null ? void 0 : err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || ((_h = (_g = err == null ? void 0 : err.response) == null ? void 0 : _g.data) == null ? void 0 : _h.status) || "Something went erong");
3339
+ setError(((_f2 = (_e2 = err == null ? void 0 : err.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || ((_h2 = (_g2 = err == null ? void 0 : err.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.status) || "Something went erong");
3338
3340
  }
3339
3341
  } else {
3340
3342
  setError("Please Select A Card/ACH");
@@ -3368,7 +3370,7 @@ function PreAuthPayment(props) {
3368
3370
  }
3369
3371
  }).then(async (result) => {
3370
3372
  if (result.isConfirmed) {
3371
- showLoader();
3373
+ setLoading2(true);
3372
3374
  try {
3373
3375
  let obj = {
3374
3376
  card_id: cardId,
@@ -3376,7 +3378,7 @@ function PreAuthPayment(props) {
3376
3378
  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
3377
3379
  };
3378
3380
  const res = await import_axios4.default.post(`${baseUrl}delete-customer-card`, obj);
3379
- hideLoader();
3381
+ setLoading2(false);
3380
3382
  getPaymentDetails();
3381
3383
  import_sweetalert22.default.fire({
3382
3384
  icon: "success",
@@ -3388,7 +3390,7 @@ function PreAuthPayment(props) {
3388
3390
  }
3389
3391
  });
3390
3392
  } catch (err) {
3391
- hideLoader();
3393
+ setLoading2(false);
3392
3394
  import_sweetalert22.default.fire({
3393
3395
  icon: "error",
3394
3396
  title: "Error!",
@@ -3417,7 +3419,7 @@ function PreAuthPayment(props) {
3417
3419
  },
3418
3420
  error && /* @__PURE__ */ import_react15.default.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ import_react15.default.createElement(ErrorCardMessage_default, { error, onClose: handleClose })),
3419
3421
  success && /* @__PURE__ */ import_react15.default.createElement(SuccessMsz, { onClose: handleClose, tranId }),
3420
- !error && !success && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, loading && /* @__PURE__ */ import_react15.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "frac-card-payment-page frac-form" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react15.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react15.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("defs", null, /* @__PURE__ */ import_react15.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react15.default.createElement("h1", { className: "pay-heading" }, "Pay"), (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ import_react15.default.createElement("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react15.default.createElement(import_io52.IoArrowBack, null), " Back")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "amt-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), activetab != "ach" && /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" })))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react15.default.createElement("div", null)), !loading && /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react15.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react15.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react15.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react15.default.createElement(import_io52.IoArrowBack, null), " Back"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" })))))) : /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h6", { className: "charge-customer-name", style: { marginBottom: "16px !important" } }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react15.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" })))), /* @__PURE__ */ import_react15.default.createElement("h6", { className: "card-ach-heading", style: { marginBottom: "10px !important" } }, " Cards")), /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react15.default.createElement(
3422
+ !error && !success && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, (loading || loading2) && /* @__PURE__ */ import_react15.default.createElement(Loader_default, { loading: loading || loading2 }), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "frac-card-payment-page frac-form" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react15.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react15.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("defs", null, /* @__PURE__ */ import_react15.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react15.default.createElement("h1", { className: "pay-heading" }, "Pay"), (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ import_react15.default.createElement("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react15.default.createElement(import_io52.IoArrowBack, null), " Back")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "amt-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", (_a = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a.toFixed(2))), activetab != "ach" && /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" })))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react15.default.createElement("div", null)), !loading && /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react15.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react15.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react15.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react15.default.createElement(import_io52.IoArrowBack, null), " Back"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", (_b = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _b.toFixed(2))), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" })))))) : /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("h6", { className: "charge-customer-name", style: { marginBottom: "16px !important" } }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react15.default.createElement("div", { className: "res-pay-con" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-amount-conatiner", style: { margin: 0 } }, /* @__PURE__ */ import_react15.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react15.default.createElement("strong", { className: "pay-amount" }, "$", (_c = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _c.toFixed(2))), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 35, alt: "" })), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 35, style: { paddingRight: "5px" } }), /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 35, alt: "" })))), /* @__PURE__ */ import_react15.default.createElement("h6", { className: "card-ach-heading", style: { marginBottom: "10px !important" } }, " Cards")), /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-list-div" }, (paymentData == null ? void 0 : paymentData.card_list) && ((_d = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _d.length) > 0 && ((_e = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _e.map((card, index) => /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react15.default.createElement(
3421
3423
  "input",
3422
3424
  {
3423
3425
  type: "radio",
@@ -3427,7 +3429,7 @@ function PreAuthPayment(props) {
3427
3429
  checked: selectedCard === card,
3428
3430
  onChange: (e) => setSelectedCard(card)
3429
3431
  }
3430
- ), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react15.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react15.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react15.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "462px" : "520px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react15.default.createElement(
3432
+ ), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react15.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react15.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react15.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ import_react15.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", (_f = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _f.toFixed(2)))), /* @__PURE__ */ import_react15.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react15.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "462px" : "520px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react15.default.createElement(
3431
3433
  "input",
3432
3434
  {
3433
3435
  type: "text",
@@ -3497,11 +3499,11 @@ function PreAuthPayment(props) {
3497
3499
  maxLength: 100,
3498
3500
  placeholder: "OID123456",
3499
3501
  disabled: true,
3500
- value: (_c = cardData == null ? void 0 : cardData.orderId) != null ? _c : "OID123456",
3502
+ value: (_g = cardData == null ? void 0 : cardData.orderId) != null ? _g : "OID123456",
3501
3503
  onChange: (e) => handleCardChange("orderId", e.target.value),
3502
3504
  style: { background: "#F6F6F7", color: "#727272" }
3503
3505
  }
3504
- )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), (props == null ? void 0 : props.customerId) && /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react15.default.createElement(
3506
+ )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react15.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_h = cardData == null ? void 0 : cardData.zipCode) != null ? _h : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react15.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), (props == null ? void 0 : props.customerId) && /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react15.default.createElement(
3505
3507
  "input",
3506
3508
  {
3507
3509
  type: "checkbox",
@@ -3510,7 +3512,7 @@ function PreAuthPayment(props) {
3510
3512
  checked: saveCardInfo,
3511
3513
  onChange: (e) => setSaveCardInfo(e.target.checked)
3512
3514
  }
3513
- ), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react15.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react15.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react15.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react15.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react15.default.createElement("defs", null, /* @__PURE__ */ import_react15.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: 0 } }, /* @__PURE__ */ import_react15.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", props == null ? void 0 : props.amount))))))))))))
3515
+ ), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react15.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react15.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react15.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react15.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react15.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react15.default.createElement("defs", null, /* @__PURE__ */ import_react15.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react15.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react15.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: 0 } }, /* @__PURE__ */ import_react15.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", (_i = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _i.toFixed(2)))))))))))))
3514
3516
  )));
3515
3517
  }
3516
3518