@fractalpay/fractalpay-next-dev 0.0.237 → 0.0.239

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 (4) hide show
  1. package/dist/index.d.ts +16 -42
  2. package/dist/index.js +389 -1184
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -39,7 +39,7 @@ var require_package = __commonJS({
39
39
  "package.json"(exports, module) {
40
40
  module.exports = {
41
41
  name: "@fractalpay/fractalpay-next-dev",
42
- version: "0.0.237",
42
+ version: "0.0.239",
43
43
  private: false,
44
44
  type: "module",
45
45
  scripts: {
@@ -113,25 +113,8 @@ import { useState, useEffect } from "react";
113
113
  import { jsx } from "react/jsx-runtime";
114
114
  var LoaderStyle = (props) => {
115
115
  return /* @__PURE__ */ jsx("style", { children: `
116
-
117
- .loader-light {
118
- position: fixed; /* Fixed position to cover the viewport */
119
- top: 0;
120
- left: 0;
121
- width: 100%;
122
- height: 100%;
123
- display: flex;
124
- justify-content: center;
125
- align-items: center;
126
- /* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
127
- background-color: rgba(31, 29, 29, 0.52); /* Semi-transparent black background */
128
-
129
- backdrop-filter: blur(0.5px); /* Blur effect */
130
- z-index: 999999999999 !important; /* Ensure it's on top of other elements */
131
- transform: translate(0%, 0%) !important
132
- }
133
-
134
- .loader-dark {
116
+
117
+ .loader {
135
118
  position: fixed; /* Fixed position to cover the viewport */
136
119
  top: 0;
137
120
  left: 0;
@@ -143,7 +126,7 @@ var LoaderStyle = (props) => {
143
126
  /* background: rgba(255, 255, 0, 0.01); Adjust the blur effect */
144
127
  background-color: rgba(31, 29, 29, 0.52); /* Semi-transparent black background */
145
128
 
146
- backdrop-filter: blur(6.5px); /* Blur effect */
129
+ backdrop-filter: blur(.5px); /* Blur effect */
147
130
  z-index: 999999999999 !important; /* Ensure it's on top of other elements */
148
131
  transform: translate(0%, 0%) !important
149
132
  }
@@ -218,11 +201,10 @@ var LoaderStyle_default = LoaderStyle;
218
201
 
219
202
  // src/app/components/Loader/Loader.tsx
220
203
  import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
221
- var Loader = (_a) => {
222
- var _b = _a, { intensity = "light" } = _b, props = __objRest(_b, ["intensity"]);
204
+ var Loader = (props) => {
223
205
  return /* @__PURE__ */ jsxs(Fragment, { children: [
224
206
  /* @__PURE__ */ jsx2(LoaderStyle_default, {}),
225
- (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
207
+ (props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: "loader", children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
226
208
  /* @__PURE__ */ jsx2("div", {}),
227
209
  /* @__PURE__ */ jsx2("div", {}),
228
210
  /* @__PURE__ */ jsx2("div", {}),
@@ -1715,9 +1697,11 @@ function Chargewidgetstyles() {
1715
1697
  .frac-form .save-ach-div{
1716
1698
  display:flex !important;
1717
1699
  gap:5px !important;
1718
- align-items:center
1700
+ align-items:start;
1701
+ }
1702
+ .save-ach-div label{
1703
+ margin-top: -4px;
1719
1704
  }
1720
-
1721
1705
  .frac-form .card-cvv-in{
1722
1706
  height : 36px !importantt;
1723
1707
  }
@@ -2924,7 +2908,7 @@ function ErrorCardMszStyle() {
2924
2908
 
2925
2909
  // src/app/components/ErrorCardMessage/ErrorCardMessage.tsx
2926
2910
  import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
2927
- var ErrorCardMessage = ({ onClose, error, autoTrigger = false }) => {
2911
+ var ErrorCardMessage = ({ onClose, error }) => {
2928
2912
  return /* @__PURE__ */ jsxs6(Fragment6, { children: [
2929
2913
  /* @__PURE__ */ jsx12(ErrorCardMszStyle, {}),
2930
2914
  /* @__PURE__ */ jsx12("div", { className: "card-error", children: /* @__PURE__ */ jsx12("div", { className: "payment-error-container", children: /* @__PURE__ */ jsxs6("div", { className: "error-icon", children: [
@@ -2933,7 +2917,7 @@ var ErrorCardMessage = ({ onClose, error, autoTrigger = false }) => {
2933
2917
  /* @__PURE__ */ jsx12("div", { className: "payment-error-text", children: error }),
2934
2918
  /* @__PURE__ */ jsx12("div", { className: "thank-you-text", children: "Try again later " })
2935
2919
  ] }),
2936
- !autoTrigger && /* @__PURE__ */ jsx12("div", { className: "error-btn-div", children: /* @__PURE__ */ jsx12("button", { onClick: onClose, children: "OK" }) })
2920
+ /* @__PURE__ */ jsx12("div", { className: "error-btn-div", children: /* @__PURE__ */ jsx12("button", { onClick: onClose, children: "OK" }) })
2937
2921
  ] }) }) })
2938
2922
  ] });
2939
2923
  };
@@ -2950,26 +2934,14 @@ var socketClient_default = socket;
2950
2934
 
2951
2935
  // src/app/components/Atoms/CardBankRadio/CardBankRadio.tsx
2952
2936
  import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
2953
- var CardBankRadio = (_a) => {
2954
- var _b = _a, { skydesign = false } = _b, props = __objRest(_b, ["skydesign"]);
2955
- return /* @__PURE__ */ jsx13(Fragment7, { children: /* @__PURE__ */ jsx13(
2937
+ var CardBankRadio = (props) => {
2938
+ return /* @__PURE__ */ jsx13(Fragment7, { children: /* @__PURE__ */ jsxs7(
2956
2939
  "div",
2957
2940
  {
2958
2941
  className: `frac-card-bank-radio ${props.activetab === props.value ? "frac-active" : ""}`,
2959
2942
  onClick: () => props.onChange(props.value),
2960
2943
  role: "radio",
2961
- children: skydesign ? /* @__PURE__ */ jsxs7(Fragment7, { children: [
2962
- /* @__PURE__ */ jsxs7("div", { className: "frac-card-title-main", children: [
2963
- /* @__PURE__ */ jsxs7("div", { className: "box-inner-card-text", children: [
2964
- /* @__PURE__ */ jsx13("img", { src: props.label.toLowerCase() === "card" ? defaultcard : props.label.toLowerCase() === "reader" ? pax : bankNew, className: "frac-payment-type-logo", alt: "" }),
2965
- /* @__PURE__ */ jsx13("div", { className: "frac-card-label-text", children: props.label })
2966
- ] }),
2967
- /* @__PURE__ */ jsx13("div", { className: "frac-card-label", children: /* @__PURE__ */ jsx13("div", { className: "frac-card-label-amount", children: formatUSD(props.amount) }) })
2968
- ] }),
2969
- /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13("input", { name: "paymenttype", checked: props.activetab === props.value, type: "hidden", value: props.value, onChange: (e) => {
2970
- props.onChange(e.target.value);
2971
- } }) })
2972
- ] }) : /* @__PURE__ */ jsxs7(Fragment7, { children: [
2944
+ children: [
2973
2945
  /* @__PURE__ */ jsxs7("div", { className: "frac-card-title-main", children: [
2974
2946
  /* @__PURE__ */ jsx13("img", { src: props.label.toLowerCase() === "card" ? defaultcard : props.label.toLowerCase() === "reader" ? pax : bankNew, className: "frac-payment-type-logo", alt: "" }),
2975
2947
  /* @__PURE__ */ jsxs7("div", { className: "frac-card-label", children: [
@@ -2980,7 +2952,7 @@ var CardBankRadio = (_a) => {
2980
2952
  /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13("input", { name: "paymenttype", checked: props.activetab === props.value, type: "radio", value: props.value, onChange: (e) => {
2981
2953
  props.onChange(e.target.value);
2982
2954
  } }) })
2983
- ] })
2955
+ ]
2984
2956
  }
2985
2957
  ) });
2986
2958
  };
@@ -3239,7 +3211,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
3239
3211
  {
3240
3212
  id: "card_number",
3241
3213
  className: "form-control card-number-new",
3242
- style: { height: `${isSky ? "36px" : "46px"}` }
3214
+ style: { height: `${isSky ? "36px" : "46px"}`, display: "inline-block" }
3243
3215
  }
3244
3216
  ),
3245
3217
  /* @__PURE__ */ jsx17("div", { className: "card-crdi card-expiry-new", children: /* @__PURE__ */ jsxs10("div", { className: "exp-date-year-container", children: [
@@ -3387,8 +3359,7 @@ var DataCapFields = ({
3387
3359
  isOpen,
3388
3360
  tokenKey,
3389
3361
  setLoader,
3390
- isAddCard,
3391
- isEmbedded
3362
+ isAddCard
3392
3363
  }) => {
3393
3364
  const iframeId = "datacap-iframe";
3394
3365
  const resolverRef = useRef2(null);
@@ -3414,20 +3385,6 @@ var DataCapFields = ({
3414
3385
 
3415
3386
  `;
3416
3387
  }
3417
- if (isEmbedded) {
3418
- customCSS += `
3419
-
3420
- input {
3421
- background-color: #F6F6F7;
3422
- box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.1;
3423
- }
3424
-
3425
- select {
3426
- background-color: #F6F6F7;
3427
- box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.1);
3428
- }
3429
- `;
3430
- }
3431
3388
  const initialize = async () => {
3432
3389
  setLoader == null ? void 0 : setLoader(true);
3433
3390
  setIframeReady(false);
@@ -3466,7 +3423,6 @@ var DataCapFields = ({
3466
3423
  window.DatacapHostedWebToken.requestToken();
3467
3424
  });
3468
3425
  };
3469
- console.log(setLoader, "loadingIframe");
3470
3426
  return /* @__PURE__ */ jsx18(
3471
3427
  "iframe",
3472
3428
  {
@@ -4647,14 +4603,18 @@ function GetPaymentPage(props) {
4647
4603
  accountTypes.map((type) => /* @__PURE__ */ jsx19("option", { value: type.value, children: type.label }, type.value))
4648
4604
  ] })
4649
4605
  ] }),
4606
+ /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
4607
+ /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
4608
+ /* @__PURE__ */ jsx19("label", { htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${(paymentData == null ? void 0 : paymentData.bname) || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
4609
+ ] }),
4650
4610
  (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsxs11("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
4651
4611
  /* @__PURE__ */ jsx19("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
4652
- /* @__PURE__ */ jsx19("label", { htmlFor: "saveACH", children: "Save ACH" })
4612
+ /* @__PURE__ */ jsx19("label", { htmlFor: "saveACH", children: "Save Bank" })
4653
4613
  ] }),
4654
4614
  saveACHinfo && /* @__PURE__ */ jsx19("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" }, children: /* @__PURE__ */ jsxs11("p", { children: [
4655
4615
  "If checked, I agree for ",
4656
- /* @__PURE__ */ jsx19("b", { children: "ecommerce" }),
4657
- " to have my permission to charge this credit card for agreed upon purchases in the future."
4616
+ /* @__PURE__ */ jsx19("b", { children: (paymentData == null ? void 0 : paymentData.bname) || "merchant" }),
4617
+ " to have my permission to charge this bank account for agreed upon purchases in the future."
4658
4618
  ] }) })
4659
4619
  ] }),
4660
4620
  /* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(cashDiscount)) == null ? void 0 : _v.toFixed(2)) }) })
@@ -8570,14 +8530,18 @@ function PartialPayment(props) {
8570
8530
  accountTypes.map((type) => /* @__PURE__ */ jsx28("option", { value: type.value, children: type.label }, type.value))
8571
8531
  ] })
8572
8532
  ] }),
8533
+ /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
8534
+ /* @__PURE__ */ jsx28("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
8535
+ /* @__PURE__ */ jsx28("label", { htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${(paymentData == null ? void 0 : paymentData.bname) || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
8536
+ ] }),
8573
8537
  (props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsxs17("div", { className: "form-group mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
8574
8538
  /* @__PURE__ */ jsx28("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
8575
- /* @__PURE__ */ jsx28("label", { htmlFor: "saveACH", children: "Save ACH" })
8539
+ /* @__PURE__ */ jsx28("label", { htmlFor: "saveACH", children: "Save Bank" })
8576
8540
  ] }),
8577
8541
  saveACHinfo && /* @__PURE__ */ jsx28("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" }, children: /* @__PURE__ */ jsxs17("p", { children: [
8578
8542
  "If checked, I agree for ",
8579
- /* @__PURE__ */ jsx28("b", { children: "ecommerce" }),
8580
- " to have my permission to charge this credit card for agreed upon purchases in the future."
8543
+ /* @__PURE__ */ jsx28("b", { children: (paymentData == null ? void 0 : paymentData.bname) || "merchant" }),
8544
+ " to have my permission to charge this bank account for agreed upon purchases in the future."
8581
8545
  ] }) })
8582
8546
  ] }),
8583
8547
  /* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((_z = Number(partialAmount)) == null ? void 0 : _z.toFixed(2)) : formatUSD((_A = Number(cashDiscount)) == null ? void 0 : _A.toFixed(2)) }) })
@@ -9383,20 +9347,7 @@ margin:0px !important;
9383
9347
  padding:0px !important;
9384
9348
  }
9385
9349
 
9386
-
9387
- .toggle-num-wrapper-new div#card_number {
9388
- padding: 0px 10px;
9389
- display: block !important;
9390
- }
9391
- .toggle-num-wrapper-new .card-crdi.card-expiry-new {
9392
- padding: 0px 10px;
9393
- }
9394
- .toggle-num-wrapper-new .input-main-wrap-frac {
9395
- height: 36px;
9396
- }
9397
- .toggle-num-wrapper-new:focus {
9398
- border: 1px solid #004eab !important;
9399
- }
9350
+
9400
9351
 
9401
9352
  ` });
9402
9353
  }
@@ -9543,162 +9494,10 @@ function CheckoutWrapper({ clientSecret, onSuccess, showLoader, setError, sessio
9543
9494
  // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
9544
9495
  import { IoArrowBack as IoArrowBack4 } from "react-icons/io5";
9545
9496
  import { NumericFormat as NumericFormat2 } from "react-number-format";
9546
-
9547
- // src/app/components/ErrorCardMessage/ErrorCardOverlaystyle.tsx
9548
- import { jsx as jsx32 } from "react/jsx-runtime";
9549
- function ErrorCardOverlayStyle() {
9550
- return /* @__PURE__ */ jsx32("style", { children: `
9551
- .card-error-overlay .logo-container {
9552
- display: flex;
9553
- justify-content: center;
9554
- align-items: center;
9555
- margin-bottom: -50px; /* Adjust this to overlap the content */
9556
- z-index: 10;
9557
- }
9558
-
9559
- .card-error-overlay .client-logo {
9560
- max-width: 100px;
9561
- height: auto;
9562
- object-fit: contain;
9563
- display: block;
9564
- }
9565
-
9566
-
9567
- .card-error-overlay .error-icon-overlay {
9568
- display: flex;
9569
- flex-direction: column;
9570
- align-items: center;
9571
- gap: 12px;
9572
- min-height: 116px;
9573
- z-index: 2;
9574
- }
9575
-
9576
- .card-error-overlay .circle {
9577
- width: 50px;
9578
- height: 50px;
9579
- border: 1px solid red;
9580
- border-radius: 50%;
9581
- display: flex;
9582
- justify-content: center;
9583
- align-items: center;
9584
- margin-bottom:20px
9585
- }
9586
-
9587
- .card-error-overlay .circle .fa-times {
9588
- font-size: 30px;
9589
- color: red;
9590
- }
9591
-
9592
- .card-error-overlay .error-text-overlay {
9593
- display: flex;
9594
- flex-direction: column;
9595
- justify-content: center;
9596
- align-items: center;
9597
- gap: 4px;
9598
- // width: 227px;
9599
- }
9600
-
9601
- .card-error-overlay .payment-error-text-overlay {
9602
- font-family: 'Inter', sans-serif;
9603
- font-weight: 500;
9604
- font-size: 18px;
9605
- line-height: 21px;
9606
- text-align: center;
9607
- letter-spacing: -0.02em;
9608
- color: #161616;
9609
- }
9610
-
9611
- .card-error-overlay .thank-you-text-overlay {
9612
- font-family: 'Inter', sans-serif;
9613
- font-weight: 500;
9614
- font-size: 16px;
9615
- line-height: 18px;
9616
- text-align: center;
9617
- letter-spacing: -0.02em;
9618
- color: #161616 !important;
9619
- opacity: 0.5;
9620
- padding-top:10px
9621
- }
9622
-
9623
- .card-error-overlay .error-btn-div-overlay{
9624
- padding-top:20px;
9625
- width: 100%;
9626
-
9627
- }
9628
- .card-error-overlay .error-btn-div-overlay button{
9629
- outline: 0;
9630
- height: 46px;
9631
- font-size: 16px;
9632
- background: #727272;
9633
- border: none;
9634
- display: block;
9635
- color: #fff;
9636
- width: 100%;
9637
- border-radius: 180px;
9638
- margin: 10px 0;
9639
- text-decoration: none;
9640
- }
9641
- .card-error-overlay .error-btn-div-overlay button:hover, .card-error-overlay .error-btn-div-overlay button:focus {
9642
- background: #222;
9643
- color: #fff;
9644
- cursor: pointer;
9645
- }
9646
- .payment-error-container-overlay {
9647
- width: fit-content;
9648
- position: relative;
9649
- top: 50%;
9650
- left: 50%;
9651
- transform: translate(-50%, -50%);
9652
- background: rgba(255, 255, 255, 0.15);
9653
- backdrop-filter: blur(12px);
9654
- -webkit-backdrop-filter: blur(12px);
9655
- border-radius: 12px;
9656
- z-index: 11111;
9657
- max-width: 240px;
9658
- min-width: 224px;
9659
- padding: 20px;
9660
- margin-left: 17px !important;
9661
- }
9662
- .card-error-overlay {
9663
- position: absolute;
9664
- top: 0;
9665
- left: 0;
9666
- width: 100%;
9667
- height: 100%;
9668
- background: rgb(87 87 87 / 15%);
9669
- backdrop-filter: blur(2px);
9670
- -webkit-backdrop-filter: blur(12px);
9671
- z-index: 1111;
9672
- }
9673
- ` });
9674
- }
9675
-
9676
- // src/app/components/ErrorCardMessage/ErrorCardOverlay.tsx
9677
- import { Fragment as Fragment18, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
9678
- var ErrorCardOverlay = ({ onClose, error, autoTrigger = false }) => {
9679
- return /* @__PURE__ */ jsxs19(Fragment18, { children: [
9680
- /* @__PURE__ */ jsx33(ErrorCardOverlayStyle, {}),
9681
- /* @__PURE__ */ jsx33("div", { className: "card-error-overlay", children: /* @__PURE__ */ jsx33("div", { className: "payment-error-container-overlay", children: /* @__PURE__ */ jsxs19("div", { className: "error-icon-overlay", children: [
9682
- /* @__PURE__ */ jsx33("div", { className: "circle", children: /* @__PURE__ */ jsx33("i", { className: "fa fa-times", "aria-hidden": "true" }) }),
9683
- /* @__PURE__ */ jsxs19("div", { className: "error-text-overlay", children: [
9684
- /* @__PURE__ */ jsx33("div", { className: "payment-error-text-overlay", children: error }),
9685
- /* @__PURE__ */ jsx33("div", { className: "thank-you-text-overlay", children: "Try again later " })
9686
- ] }),
9687
- !autoTrigger && /* @__PURE__ */ jsx33("div", { className: "error-btn-div-overlay", children: /* @__PURE__ */ jsx33("button", { onClick: onClose, children: "OK" }) })
9688
- ] }) }) })
9689
- ] });
9690
- };
9691
- var ErrorCardOverlay_default = ErrorCardOverlay;
9692
-
9693
- // src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
9694
- import { Fragment as Fragment19, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
9695
- var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_token, customerId, callback, merchantName = "merchant", isPreAuth, surcharge = "0", submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds = false, autoTrigger = false, show, setShow, setHandleCloseRef, isPartial, bankSurcharge, partialRef, loadingPrev = false, orderGuid: ordGuid, remainingAmount: remAmount, onSubmit, onLoad = true }) => {
9696
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
9497
+ import { Fragment as Fragment18, jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
9498
+ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_token, customerId, callback, merchantName = "merchant", isPreAuth, surcharge = "0", submitBtnClass, submitBtnIcon, isRequest, pass_fee, pass_fee_amount, require3ds = false, autoTrigger = false, show, setShow, setHandleCloseRef, isPartial, bankSurcharge, partialRef, loadingPrev = false, orderGuid: ordGuid, remainingAmount: remAmount }) => {
9499
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
9697
9500
  const hasRunRef = useRef10(false);
9698
- const cardFormRef = useRef10(null);
9699
- const bankFormRef = useRef10(null);
9700
- const expiryYearRef = useRef10(null);
9701
- const expiryMonthRef = useRef10(null);
9702
9501
  const cardListRunRef = useRef10(false);
9703
9502
  const threeDSContainerRef = useRef10(null);
9704
9503
  const [activetab, setActive] = useState10("card");
@@ -9749,10 +9548,6 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
9749
9548
  let pax2 = S3Url + "widget/pax.svg";
9750
9549
  let cardicon = S3Url + "widget/cardicon.svg";
9751
9550
  let bankicon = S3Url + "widget/bankicon.svg";
9752
- let defualtcardborder = S3Url + "widget/defualtcardborder.svg";
9753
- let unionicon = S3Url + "widget/unionpay.svg";
9754
- let dinersicon = S3Url + "widget/diners.svg";
9755
- let jcbicon = S3Url + "widget/jcb.svg";
9756
9551
  const showLoader = () => setLoading(true);
9757
9552
  const hideLoader = () => setLoading(false);
9758
9553
  const CalculateCashDiscount = (amount2, surcharge2) => {
@@ -9966,7 +9761,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
9966
9761
  }
9967
9762
  };
9968
9763
  const handleFractalTokenFlow = async () => {
9969
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w;
9764
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t, _u, _v, _w;
9970
9765
  try {
9971
9766
  const requestOptions = {
9972
9767
  method: "POST",
@@ -10037,7 +9832,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10037
9832
  const errorText = typeof rawError === "string" ? rawError : JSON.stringify(rawError);
10038
9833
  const lines = ((_s2 = (_r2 = errorText.split) == null ? void 0 : _r2.call(errorText, "\n")) == null ? void 0 : _s2.filter(Boolean)) || [];
10039
9834
  const lastLine = lines.at(-1) || "";
10040
- const parts = (_t2 = lastLine.split) == null ? void 0 : _t2.call(lastLine, ": ");
9835
+ const parts = (_t = lastLine.split) == null ? void 0 : _t.call(lastLine, ": ");
10041
9836
  readableMessage = (parts == null ? void 0 : parts.length) > 1 ? parts.pop().trim() : lastLine.trim() || readableMessage;
10042
9837
  } catch (e) {
10043
9838
  readableMessage = "Something went wrong!";
@@ -10045,7 +9840,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10045
9840
  setError(readableMessage);
10046
9841
  callback({
10047
9842
  error: readableMessage,
10048
- result: (_v = (_u2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _u2.data) == null ? void 0 : _v.result,
9843
+ result: (_v = (_u = error2 == null ? void 0 : error2.response) == null ? void 0 : _u.data) == null ? void 0 : _v.result,
10049
9844
  statusCode: (_w = error2 == null ? void 0 : error2.response) == null ? void 0 : _w.status
10050
9845
  });
10051
9846
  }
@@ -10461,8 +10256,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10461
10256
  });
10462
10257
  };
10463
10258
  const handlechargeCustomer = async (e) => {
10464
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
10465
- e == null ? void 0 : e.currentTarget.blur();
10259
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
10260
+ e.currentTarget.blur();
10466
10261
  if (loading) return;
10467
10262
  let customer_id = customerId;
10468
10263
  let card_id = selectedCard == null ? void 0 : selectedCard.id;
@@ -10509,6 +10304,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10509
10304
  statusCode: (_g2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _g2.status
10510
10305
  });
10511
10306
  hideLoader();
10307
+ setError(((_i2 = (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.message) || "Something went wrong!");
10512
10308
  }
10513
10309
  } else {
10514
10310
  setError("Please Select A Card/Bank");
@@ -10590,13 +10386,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10590
10386
  }
10591
10387
  }, [show, autoTrigger]);
10592
10388
  useEffect15(() => {
10593
- if (!hasRunRef.current && (show || autoTrigger) && onLoad) {
10389
+ if (!hasRunRef.current && (show || autoTrigger)) {
10594
10390
  getPaymentDetails();
10595
10391
  if (isPartial && !partialRef) {
10596
10392
  crateOrderFrac();
10597
10393
  }
10598
10394
  }
10599
- }, [show, autoTrigger, isPartial, onLoad]);
10395
+ }, [show, autoTrigger, isPartial]);
10600
10396
  useEffect15(() => {
10601
10397
  if ((show || autoTrigger) && pass_fee_amount) {
10602
10398
  let cashdisc = Number(amount) - Number(pass_fee_amount);
@@ -10684,92 +10480,17 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10684
10480
  });
10685
10481
  }, []);
10686
10482
  console.log(activeinCard === "list", "activeinCard", activeList);
10687
- const stateRef = useRef10({
10688
- activeinBank,
10689
- activeinCard,
10690
- activetab
10691
- });
10692
- useEffect15(() => {
10693
- stateRef.current = {
10694
- activeinBank,
10695
- activeinCard,
10696
- activetab
10697
- };
10698
- }, [activeinBank, activeinCard, activetab]);
10699
- const submit = useCallback(() => {
10700
- var _a2, _b2;
10701
- const { activeinBank: activeinBank2, activeinCard: activeinCard2, activetab: activetab2 } = stateRef.current;
10702
- console.log("Submitt logic", activeinBank2, "activeinBank", activeinCard2, "activeinCard", activetab2, "activetab");
10703
- if (activetab2 === "card") {
10704
- if (activeinCard2 === "form") {
10705
- (_a2 = cardFormRef.current) == null ? void 0 : _a2.requestSubmit();
10706
- } else if (activeinCard2 === "list") {
10707
- handlechargeCustomer();
10708
- }
10709
- } else if (activetab2 === "ach") {
10710
- if (activeinBank2 === "form") {
10711
- (_b2 = bankFormRef.current) == null ? void 0 : _b2.requestSubmit();
10712
- } else if (activeinBank2 === "list") {
10713
- handlechargeCustomer();
10714
- }
10715
- }
10716
- }, []);
10717
- useEffect15(() => {
10718
- console.log("Registering submit");
10719
- onSubmit == null ? void 0 : onSubmit(submit);
10720
- }, [onSubmit, submit]);
10721
- function detectCardType(cardinput) {
10722
- if (!cardinput) return null;
10723
- const number = cardinput.replace(/\D/g, "");
10724
- const patterns = {
10725
- visa: /^4/,
10726
- mastercard: /^(5[1-5]|2[2-7][0-9]{2})/,
10727
- amex: /^3[47]/,
10728
- discover: /^(6011|65|64[4-9])/,
10729
- diners: /^(30[0-5]|36|38)/,
10730
- jcb: /^(35[2-8][0-9])/,
10731
- unionpay: /^62/
10732
- };
10733
- for (const [type, regex] of Object.entries(patterns)) {
10734
- if (regex.test(number)) {
10735
- return type;
10736
- }
10737
- }
10738
- return "unknown";
10739
- }
10740
- function getCardImage(cardInput) {
10741
- const cardType = detectCardType(cardInput);
10742
- switch (cardType) {
10743
- case "visa":
10744
- return /* @__PURE__ */ jsx34("img", { src: visa2, alt: "visa", width: 33 });
10745
- case "mastercard":
10746
- return /* @__PURE__ */ jsx34("img", { src: mastercard2, width: 33, alt: "mastercard" });
10747
- case "amex":
10748
- return /* @__PURE__ */ jsx34("img", { src: americanexp2, alt: "amex", width: 33 });
10749
- case "discover":
10750
- return /* @__PURE__ */ jsx34("img", { src: discover2, width: 33, alt: "discover" });
10751
- case "diners":
10752
- return /* @__PURE__ */ jsx34("img", { src: dinersicon, alt: "Diners Club" });
10753
- case "jcb":
10754
- return /* @__PURE__ */ jsx34("img", { src: jcbicon, alt: "JCB" });
10755
- case "unionpay":
10756
- return /* @__PURE__ */ jsx34("img", { src: unionicon, alt: "UnionPay" });
10757
- default:
10758
- return /* @__PURE__ */ jsx34("img", { src: defualtcardborder, alt: "card" });
10759
- }
10760
- }
10761
- console.log(loadingIframe, "loadingIframe 222");
10762
- return /* @__PURE__ */ jsxs20(Fragment19, { children: [
10763
- (initialLoader || !onLoad) && /* @__PURE__ */ jsx34(Loader_default, { intensity: "dark", loading: initialLoader || !onLoad }),
10764
- error && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ErrorCardOverlay_default, { error, onClose: handleClose, autoTrigger }) }),
10765
- errorIframe && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(ErrorCardOverlay_default, { error: errorIframe, onClose: () => {
10483
+ return /* @__PURE__ */ jsxs19(Fragment18, { children: [
10484
+ initialLoader && /* @__PURE__ */ jsx32(Loader_default, { loading: initialLoader }),
10485
+ error && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error, onClose: handleClose }) }),
10486
+ errorIframe && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
10766
10487
  setErrorIframe("");
10767
- }, autoTrigger }) }),
10768
- /* @__PURE__ */ jsxs20(Fragment19, { children: [
10769
- (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx34(Loader_default, { intensity: "light", loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
10770
- /* @__PURE__ */ jsxs20("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
10771
- /* @__PURE__ */ jsx34("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
10772
- (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx34(
10488
+ } }) }),
10489
+ !error && !errorIframe && /* @__PURE__ */ jsxs19(Fragment18, { children: [
10490
+ (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx32(Loader_default, { loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
10491
+ /* @__PURE__ */ jsxs19("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
10492
+ /* @__PURE__ */ jsx32("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),
10493
+ (stripeResponse == null ? void 0 : stripeResponse.challenge_url) ? /* @__PURE__ */ jsx32(
10773
10494
  ThreeDSChallenge,
10774
10495
  {
10775
10496
  containerRef: threeDSContainerRef,
@@ -10779,40 +10500,40 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10779
10500
  onSuccess: handleSuccess,
10780
10501
  onError: handleError
10781
10502
  }
10782
- ) : /* @__PURE__ */ jsxs20("div", { className: "parent-pay-container", children: [
10783
- /* @__PURE__ */ jsx34("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
10784
- /* @__PURE__ */ jsx34("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx34("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" }) }),
10785
- /* @__PURE__ */ jsx34("defs", { children: /* @__PURE__ */ jsx34("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx34("rect", { width: "16", height: "16", fill: "white" }) }) })
10503
+ ) : /* @__PURE__ */ jsxs19("div", { className: "parent-pay-container", children: [
10504
+ /* @__PURE__ */ jsx32("span", { style: { display: autoTrigger ? "none" : "block" }, className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs19("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
10505
+ /* @__PURE__ */ jsx32("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx32("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" }) }),
10506
+ /* @__PURE__ */ jsx32("defs", { children: /* @__PURE__ */ jsx32("clipPath", { id: "clip0_12425_52336", children: /* @__PURE__ */ jsx32("rect", { width: "16", height: "16", fill: "white" }) }) })
10786
10507
  ] }) }),
10787
- /* @__PURE__ */ jsx34("div", { className: "pay-main-logo-res" }),
10788
- /* @__PURE__ */ jsxs20("div", { className: onSubmit ? "pay-container frac-pay-container " : "pay-container", children: [
10789
- !onSubmit && /* @__PURE__ */ jsxs20("div", { className: "pay-header pay-conatiner-one", children: [
10790
- /* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-first", children: [
10791
- /* @__PURE__ */ jsxs20("div", { className: "pay-logo-container", children: [
10792
- /* @__PURE__ */ jsx34("div", { className: "pay-main-logo" }),
10793
- /* @__PURE__ */ jsx34("h1", { className: "pay-heading", children: "Pay" }),
10794
- (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs20("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
10508
+ /* @__PURE__ */ jsx32("div", { className: "pay-main-logo-res" }),
10509
+ /* @__PURE__ */ jsxs19("div", { className: "pay-container", children: [
10510
+ /* @__PURE__ */ jsxs19("div", { className: "pay-header pay-conatiner-one", children: [
10511
+ /* @__PURE__ */ jsxs19("div", { className: "pay-conatiner-one-first", children: [
10512
+ /* @__PURE__ */ jsxs19("div", { className: "pay-logo-container", children: [
10513
+ /* @__PURE__ */ jsx32("div", { className: "pay-main-logo" }),
10514
+ /* @__PURE__ */ jsx32("h1", { className: "pay-heading", children: "Pay" }),
10515
+ (cardList == null ? void 0 : cardList.length) > 0 && activetab !== "cardList" && /* @__PURE__ */ jsxs19("button", { className: "res-charge-payment-back-btn ", onClick: () => setActive("cardList"), children: [
10795
10516
  " ",
10796
- /* @__PURE__ */ jsx34(IoArrowBack4, {}),
10517
+ /* @__PURE__ */ jsx32(IoArrowBack4, {}),
10797
10518
  " Back"
10798
10519
  ] })
10799
10520
  ] }),
10800
- /* @__PURE__ */ jsx34("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
10801
- /* @__PURE__ */ jsx34("small", { className: "pay-payment-amount", children: "Select payment type" }),
10802
- /* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
10803
- /* @__PURE__ */ jsx34(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
10804
- !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx34(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab })
10521
+ /* @__PURE__ */ jsx32("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs19("div", { className: "pay-amount-conatiner", children: [
10522
+ /* @__PURE__ */ jsx32("small", { className: "pay-payment-amount", children: "Select payment type" }),
10523
+ /* @__PURE__ */ jsxs19("div", { className: "frac-card-bank-radio-main", children: [
10524
+ /* @__PURE__ */ jsx32(CardBankRadio, { label: "Card", amount: (_a = Number(amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
10525
+ !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx32(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab })
10805
10526
  ] }),
10806
- pass_fee && activetab === "card" && cashDiscount && Number(amount) - Number(cashDiscount) > 0 ? /* @__PURE__ */ jsxs20("div", { className: "frac-cash-discount-fee", children: [
10807
- /* @__PURE__ */ jsxs20("small", { children: [
10527
+ pass_fee && activetab === "card" && cashDiscount && Number(amount) - Number(cashDiscount) > 0 ? /* @__PURE__ */ jsxs19("div", { className: "frac-cash-discount-fee", children: [
10528
+ /* @__PURE__ */ jsxs19("small", { children: [
10808
10529
  activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
10809
10530
  " "
10810
10531
  ] }),
10811
- /* @__PURE__ */ jsx34("p", { children: formatUSD((Number(amount) - Number(cashDiscount)).toFixed(2)) })
10532
+ /* @__PURE__ */ jsx32("p", { children: formatUSD((Number(amount) - Number(cashDiscount)).toFixed(2)) })
10812
10533
  ] }) : null,
10813
- isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
10814
- /* @__PURE__ */ jsx34("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
10815
- /* @__PURE__ */ jsx34(
10534
+ isPartial && /* @__PURE__ */ jsxs19("div", { className: "frac-partial-payment-input", children: [
10535
+ /* @__PURE__ */ jsx32("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
10536
+ /* @__PURE__ */ jsx32(
10816
10537
  NumericFormat2,
10817
10538
  {
10818
10539
  prefix: "$",
@@ -10836,355 +10557,325 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
10836
10557
  }
10837
10558
  }
10838
10559
  ),
10839
- partialError && /* @__PURE__ */ jsx34("span", { className: "error-span", children: partialError })
10560
+ partialError && /* @__PURE__ */ jsx32("span", { className: "error-span", children: partialError })
10840
10561
  ] })
10841
10562
  ] }) })
10842
10563
  ] }),
10843
- /* @__PURE__ */ jsxs20("div", { className: "pay-conatiner-one-last", children: [
10844
- /* @__PURE__ */ jsx34("img", { src: secure2, alt: "" }),
10845
- /* @__PURE__ */ jsx34("img", { src: pov2, alt: "" }),
10564
+ /* @__PURE__ */ jsxs19("div", { className: "pay-conatiner-one-last", children: [
10565
+ /* @__PURE__ */ jsx32("img", { src: secure2, alt: "" }),
10566
+ /* @__PURE__ */ jsx32("img", { src: pov2, alt: "" }),
10846
10567
  "Secure payments powered by Fractal"
10847
10568
  ] })
10848
10569
  ] }),
10849
- /* @__PURE__ */ jsx34("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx34("div", { className: "col-md-12", children: /* @__PURE__ */ jsxs20("div", { id: "payment-form-div ", className: onSubmit ? "frac-payment-form-div" : "", children: [
10850
- onSubmit && /* @__PURE__ */ jsx34("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs20("div", { className: "pay-amount-conatiner", children: [
10851
- /* @__PURE__ */ jsxs20("div", { className: "frac-card-bank-radio-main", children: [
10852
- /* @__PURE__ */ jsx34(CardBankRadio, { skydesign: true, label: "Card", amount: (_c = Number(amount)) == null ? void 0 : _c.toFixed(2), value: "card", onChange: handletabchange, activetab }),
10853
- !isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx34(CardBankRadio, { skydesign: true, label: "Bank", amount: (_d = Number(bankAmount)) == null ? void 0 : _d.toFixed(2), value: "ach", onChange: handletabchange, activetab })
10570
+ /* @__PURE__ */ jsx32("div", { className: "pay-tab pay-conatiner-two", children: /* @__PURE__ */ jsx32("div", { className: "col-md-12", children: /* @__PURE__ */ jsx32("div", { id: "payment-form-div", children: is3DSEnable ? clientSecret && /* @__PURE__ */ jsx32(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs19(Fragment18, { children: [
10571
+ /* @__PURE__ */ jsxs19("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
10572
+ /* @__PURE__ */ jsxs19("div", { className: "frac-heading-card-wrap", children: [
10573
+ /* @__PURE__ */ jsx32("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs19("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
10574
+ " ",
10575
+ /* @__PURE__ */ jsx32(IoArrowBack4, {})
10576
+ ] }) }),
10577
+ /* @__PURE__ */ jsx32("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
10854
10578
  ] }),
10855
- pass_fee && activetab === "card" && cashDiscount && Number(amount) - Number(cashDiscount) > 0 ? /* @__PURE__ */ jsxs20("div", { className: "frac-cash-discount-fee", children: [
10856
- /* @__PURE__ */ jsxs20("small", { children: [
10857
- activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
10858
- " "
10859
- ] }),
10860
- /* @__PURE__ */ jsx34("p", { children: formatUSD((Number(amount) - Number(cashDiscount)).toFixed(2)) })
10861
- ] }) : null,
10862
- isPartial && /* @__PURE__ */ jsxs20("div", { className: "frac-partial-payment-input", children: [
10863
- /* @__PURE__ */ jsx34("label", { htmlFor: "partialpayment", children: "Partial Payment" }),
10864
- /* @__PURE__ */ jsx34(
10865
- NumericFormat2,
10866
- {
10867
- prefix: "$",
10868
- className: "form-control-frac",
10869
- value: partialAmount,
10870
- onValueChange: (values) => {
10871
- handlePartialChange(values);
10872
- },
10873
- thousandSeparator: true,
10874
- placeholder: "Enter partial amount",
10875
- allowNegative: false,
10876
- allowLeadingZeros: false,
10877
- decimalScale: 2,
10878
- fixedDecimalScale: true
10879
- }
10880
- ),
10881
- partialError && /* @__PURE__ */ jsx34("span", { className: "error-span", children: partialError })
10882
- ] })
10883
- ] }) }),
10884
- is3DSEnable ? clientSecret && /* @__PURE__ */ jsx34(CheckoutWrapper, { onSuccess, clientSecret, amount, showLoader, hideLoader, callback, session_token, handleClose, setError, isPreAuth }) : /* @__PURE__ */ jsxs20(Fragment19, { children: [
10885
- /* @__PURE__ */ jsxs20("div", { id: "ach", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent", children: [
10886
- !onSubmit && /* @__PURE__ */ jsxs20(Fragment19, { children: [
10887
- /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
10888
- /* @__PURE__ */ jsx34("div", { className: "frac-backarrow", children: (cardList == null ? void 0 : cardList.length) > 0 && activeinCard === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinCard("list"), children: [
10889
- " ",
10890
- /* @__PURE__ */ jsx34(IoArrowBack4, {})
10891
- ] }) }),
10892
- /* @__PURE__ */ jsx34("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
10579
+ /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
10580
+ /* @__PURE__ */ jsx32("img", { src: visa2, alt: "", width: 33 }),
10581
+ /* @__PURE__ */ jsx32("img", { src: mastercard2, width: 33, alt: "" }),
10582
+ /* @__PURE__ */ jsx32("img", { src: americanexp2, alt: "", width: 33 }),
10583
+ /* @__PURE__ */ jsx32("img", { src: discover2, width: 33, alt: "" })
10584
+ ] }),
10585
+ activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs19(Fragment18, { children: [
10586
+ /* @__PURE__ */ jsx32(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
10587
+ setActiveinCard("form");
10588
+ } }),
10589
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac", style: { padding: "0" }, children: /* @__PURE__ */ jsx32("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_c = Number(partialAmount)) == null ? void 0 : _c.toFixed(2)) : formatUSD((_d = Number(amount)) == null ? void 0 : _d.toFixed(2)) }) })
10590
+ ] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs19("form", { id: "paymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, onKeyDown: (e) => {
10591
+ if (e.key === "Enter" && loading) {
10592
+ e.preventDefault();
10593
+ e.stopPropagation();
10594
+ }
10595
+ }, children: [
10596
+ /* @__PURE__ */ jsxs19("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
10597
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10598
+ /* @__PURE__ */ jsx32("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
10599
+ /* @__PURE__ */ jsx32("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
10600
+ const value = e.target.value;
10601
+ if (/^[a-zA-Z\s]*$/.test(value)) {
10602
+ handleCardChange("cardName", value);
10603
+ }
10604
+ } }),
10605
+ (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
10893
10606
  ] }),
10894
- /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
10895
- /* @__PURE__ */ jsx34("img", { src: visa2, alt: "", width: 33 }),
10896
- /* @__PURE__ */ jsx34("img", { src: mastercard2, width: 33, alt: "" }),
10897
- /* @__PURE__ */ jsx34("img", { src: americanexp2, alt: "", width: 33 }),
10898
- /* @__PURE__ */ jsx34("img", { src: discover2, width: 33, alt: "" })
10899
- ] })
10900
- ] }),
10901
- activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
10902
- /* @__PURE__ */ jsx34(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Card", ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
10903
- setActiveinCard("form");
10904
- } }),
10905
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx34("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: partialAmount ? formatUSD((_e = Number(partialAmount)) == null ? void 0 : _e.toFixed(2)) : formatUSD((_f = Number(amount)) == null ? void 0 : _f.toFixed(2)) }) })
10906
- ] }) : paymentGateway == 32 ? /* @__PURE__ */ jsxs20("form", { id: "paymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
10907
- if (e.key === "Enter" && loading) {
10908
- e.preventDefault();
10909
- e.stopPropagation();
10910
- }
10911
- }, children: [
10912
- /* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
10913
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
10914
- /* @__PURE__ */ jsx34("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
10915
- /* @__PURE__ */ jsx34("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
10916
- const value = e.target.value;
10917
- if (/^[a-zA-Z\s]*$/.test(value)) {
10918
- handleCardChange("cardName", value);
10919
- }
10920
- } }),
10921
- (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
10922
- ] }),
10923
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
10924
- /* @__PURE__ */ jsx34("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
10925
- /* @__PURE__ */ jsx34("div", { className: "toggle-num-wrapper toggle-num-wrapper-new", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx34(
10926
- FractalFields_default,
10927
- {
10928
- fractalStyles,
10929
- tokenizerRef,
10930
- isSky: true
10931
- }
10932
- ) })
10933
- ] }),
10934
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
10935
- /* @__PURE__ */ jsx34("label", { htmlFor: "zip", children: "ZIP" }),
10936
- /* @__PURE__ */ jsx34("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
10937
- (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
10938
- ] }),
10939
- customerId && /* @__PURE__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
10940
- /* @__PURE__ */ jsx34(
10941
- "input",
10607
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10608
+ /* @__PURE__ */ jsx32("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
10609
+ /* @__PURE__ */ jsx32("div", { className: "toggle-num-wrapper", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx32(
10610
+ FractalFields_default,
10611
+ {
10612
+ fractalStyles,
10613
+ tokenizerRef,
10614
+ isSky: true
10615
+ }
10616
+ ) })
10617
+ ] }),
10618
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10619
+ /* @__PURE__ */ jsx32("label", { htmlFor: "zip", children: "ZIP" }),
10620
+ /* @__PURE__ */ jsx32("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_e = cardData == null ? void 0 : cardData.zipCode) != null ? _e : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
10621
+ (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
10622
+ ] }),
10623
+ customerId && /* @__PURE__ */ jsx32("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs19("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
10624
+ /* @__PURE__ */ jsx32(
10625
+ "input",
10626
+ {
10627
+ type: "checkbox",
10628
+ id: "save_card",
10629
+ className: "toggle-checkbox",
10630
+ checked: saveCardInfo,
10631
+ onChange: (e) => setSaveCardInfo(e.target.checked)
10632
+ }
10633
+ ),
10634
+ /* @__PURE__ */ jsx32("label", { htmlFor: "save_card", className: "toggle-label" }),
10635
+ /* @__PURE__ */ jsx32("label", { htmlFor: "save_card", children: "Save card for future payments " }),
10636
+ /* @__PURE__ */ jsxs19("div", { className: "frac-tooltip-wrapper", children: [
10637
+ /* @__PURE__ */ jsx32("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs19(
10638
+ "svg",
10942
10639
  {
10943
- type: "checkbox",
10944
- id: "save_card",
10945
- className: "toggle-checkbox",
10946
- checked: saveCardInfo,
10947
- onChange: (e) => setSaveCardInfo(e.target.checked)
10640
+ xmlns: "http://www.w3.org/2000/svg",
10641
+ width: "20",
10642
+ height: "20",
10643
+ viewBox: "0 0 20 20",
10644
+ fill: "none",
10645
+ children: [
10646
+ /* @__PURE__ */ jsx32("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
10647
+ /* @__PURE__ */ jsx32(
10648
+ "path",
10649
+ {
10650
+ 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",
10651
+ fill: "#161616"
10652
+ }
10653
+ )
10654
+ ]
10948
10655
  }
10949
- ),
10950
- /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", className: "toggle-label" }),
10951
- /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", children: "Save card for future payments " }),
10952
- /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
10953
- /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
10954
- "svg",
10955
- {
10956
- xmlns: "http://www.w3.org/2000/svg",
10957
- width: "20",
10958
- height: "20",
10959
- viewBox: "0 0 20 20",
10960
- fill: "none",
10961
- children: [
10962
- /* @__PURE__ */ jsx34("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
10963
- /* @__PURE__ */ jsx34(
10964
- "path",
10965
- {
10966
- 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",
10967
- fill: "#161616"
10968
- }
10969
- )
10970
- ]
10971
- }
10972
- ) }),
10973
- /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
10974
- "If checked, I agree to give the ",
10975
- /* @__PURE__ */ jsx34("b", { children: merchantName || "merchant" }),
10976
- " permission to charge this credit card for agreed-upon purchases in the future."
10977
- ] }) })
10978
- ] })
10979
- ] }) })
10656
+ ) }),
10657
+ /* @__PURE__ */ jsx32("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs19("p", { children: [
10658
+ "If checked, I agree to give the ",
10659
+ /* @__PURE__ */ jsx32("b", { children: merchantName || "merchant" }),
10660
+ " permission to charge this credit card for agreed-upon purchases in the future."
10661
+ ] }) })
10662
+ ] })
10663
+ ] }) })
10664
+ ] }),
10665
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx32("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount ? formatUSD((_f = Number(partialAmount)) == null ? void 0 : _f.toFixed(2)) : formatUSD((_g = Number(amount)) == null ? void 0 : _g.toFixed(2)) }) })
10666
+ ] }) : /* @__PURE__ */ jsxs19("form", { id: "PaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, onKeyDown: (e) => {
10667
+ if (e.key === "Enter" && loading) {
10668
+ e.preventDefault();
10669
+ e.stopPropagation();
10670
+ }
10671
+ }, children: [
10672
+ /* @__PURE__ */ jsxs19("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
10673
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10674
+ /* @__PURE__ */ jsx32("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
10675
+ /* @__PURE__ */ jsx32("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
10676
+ const value = e.target.value;
10677
+ if (/^[a-zA-Z\s]*$/.test(value)) {
10678
+ handleCardChange("cardName", value);
10679
+ }
10680
+ } }),
10681
+ (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
10980
10682
  ] }),
10981
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx34("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_h = Number(partialAmount)) == null ? void 0 : _h.toFixed(2)) : formatUSD((_i = Number(amount)) == null ? void 0 : _i.toFixed(2)) }) })
10982
- ] }) : /* @__PURE__ */ jsxs20("form", { id: "PaymentForm", style: { textAlign: "start" }, ref: cardFormRef, onSubmit: submitFunc, onKeyDown: (e) => {
10983
- if (e.key === "Enter" && loading) {
10984
- e.preventDefault();
10985
- e.stopPropagation();
10986
- }
10987
- }, children: [
10988
- /* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: { minHeight: "398px", maxHeight: "398px", overflow: "auto", marginRight: "5px" }, children: [
10989
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
10990
- /* @__PURE__ */ jsx34("label", { htmlFor: "cardHolderName", children: "NAME ON CARD " }),
10991
- /* @__PURE__ */ jsx34("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
10992
- const value = e.target.value;
10993
- if (/^[a-zA-Z\s]*$/.test(value)) {
10994
- handleCardChange("cardName", value);
10995
- }
10996
- } }),
10997
- (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.cardName })
10998
- ] }),
10999
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx34(
11000
- DataCapFields,
10683
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx32(
10684
+ DataCapFields,
10685
+ {
10686
+ isOpen: show || autoTrigger,
10687
+ tokenKey: dcToken,
10688
+ setLoader: activeinCard === "form" ? setLoadingIframe : null
10689
+ }
10690
+ ) }),
10691
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10692
+ /* @__PURE__ */ jsx32("label", { htmlFor: "zip", children: "ZIP" }),
10693
+ /* @__PURE__ */ jsx32("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_h = cardData == null ? void 0 : cardData.zipCode) != null ? _h : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
10694
+ (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
10695
+ ] }),
10696
+ customerId && /* @__PURE__ */ jsx32("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs19("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
10697
+ /* @__PURE__ */ jsx32(
10698
+ "input",
11001
10699
  {
11002
- isOpen: show || autoTrigger,
11003
- tokenKey: dcToken,
11004
- setLoader: activeinCard === "form" ? setLoadingIframe : null,
11005
- isEmbedded: onSubmit ? true : false
10700
+ type: "checkbox",
10701
+ id: "save_card",
10702
+ className: "toggle-checkbox",
10703
+ checked: saveCardInfo,
10704
+ onChange: (e) => setSaveCardInfo(e.target.checked)
11006
10705
  }
11007
- ) }),
11008
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11009
- /* @__PURE__ */ jsx34("label", { htmlFor: "zip", children: "ZIP" }),
11010
- /* @__PURE__ */ jsx34("input", { type: "text", className: "form-control-frac", maxLength: 100, placeholder: "000000", value: (_j = cardData == null ? void 0 : cardData.zipCode) != null ? _j : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
11011
- (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
11012
- ] }),
11013
- customerId && /* @__PURE__ */ jsx34("div", { className: "form-group-frac", children: /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-mn", style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
11014
- /* @__PURE__ */ jsx34(
11015
- "input",
10706
+ ),
10707
+ /* @__PURE__ */ jsx32("label", { htmlFor: "save_card", className: "toggle-label" }),
10708
+ /* @__PURE__ */ jsx32("label", { htmlFor: "save_card", children: "Save card for future payments " }),
10709
+ /* @__PURE__ */ jsxs19("div", { className: "frac-tooltip-wrapper", children: [
10710
+ /* @__PURE__ */ jsx32("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs19(
10711
+ "svg",
11016
10712
  {
11017
- type: "checkbox",
11018
- id: "save_card",
11019
- className: "toggle-checkbox",
11020
- checked: saveCardInfo,
11021
- onChange: (e) => setSaveCardInfo(e.target.checked)
10713
+ xmlns: "http://www.w3.org/2000/svg",
10714
+ width: "20",
10715
+ height: "20",
10716
+ viewBox: "0 0 20 20",
10717
+ fill: "none",
10718
+ children: [
10719
+ /* @__PURE__ */ jsx32("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
10720
+ /* @__PURE__ */ jsx32(
10721
+ "path",
10722
+ {
10723
+ 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",
10724
+ fill: "#161616"
10725
+ }
10726
+ )
10727
+ ]
11022
10728
  }
11023
- ),
11024
- /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", className: "toggle-label" }),
11025
- /* @__PURE__ */ jsx34("label", { htmlFor: "save_card", children: "Save card for future payments " }),
11026
- /* @__PURE__ */ jsxs20("div", { className: "frac-tooltip-wrapper", children: [
11027
- /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-icon", children: /* @__PURE__ */ jsxs20(
11028
- "svg",
11029
- {
11030
- xmlns: "http://www.w3.org/2000/svg",
11031
- width: "20",
11032
- height: "20",
11033
- viewBox: "0 0 20 20",
11034
- fill: "none",
11035
- children: [
11036
- /* @__PURE__ */ jsx34("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }),
11037
- /* @__PURE__ */ jsx34(
11038
- "path",
11039
- {
11040
- 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",
11041
- fill: "#161616"
11042
- }
11043
- )
11044
- ]
11045
- }
11046
- ) }),
11047
- /* @__PURE__ */ jsx34("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs20("p", { children: [
11048
- "If checked, I agree to give the ",
11049
- /* @__PURE__ */ jsx34("b", { children: merchantName || "merchant" }),
11050
- " permission to charge this credit card for agreed-upon purchases in the future."
11051
- ] }) })
11052
- ] })
11053
- ] }) })
11054
- ] }),
11055
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx34("button", { type: "submit", style: { margin: 0, display: onSubmit ? "none" : "block" }, className: "pay-button", children: partialAmount ? formatUSD((_k = Number(partialAmount)) == null ? void 0 : _k.toFixed(2)) : formatUSD((_l = Number(amount)) == null ? void 0 : _l.toFixed(2)) }) })
11056
- ] })
11057
- ] }),
11058
- /* @__PURE__ */ jsx34("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs20(Fragment19, { children: [
11059
- !onSubmit && /* @__PURE__ */ jsxs20("div", { className: "frac-heading-card-wrap", children: [
11060
- /* @__PURE__ */ jsx34("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs20("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
11061
- " ",
11062
- /* @__PURE__ */ jsx34(IoArrowBack4, {})
11063
- ] }) }),
11064
- /* @__PURE__ */ jsx34("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
10729
+ ) }),
10730
+ /* @__PURE__ */ jsx32("div", { className: "frac-tooltip-text", children: /* @__PURE__ */ jsxs19("p", { children: [
10731
+ "If checked, I agree to give the ",
10732
+ /* @__PURE__ */ jsx32("b", { children: merchantName || "merchant" }),
10733
+ " permission to charge this credit card for agreed-upon purchases in the future."
10734
+ ] }) })
10735
+ ] })
10736
+ ] }) })
11065
10737
  ] }),
11066
- activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs20(Fragment19, { children: [
11067
- /* @__PURE__ */ jsx34(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
11068
- setActiveinBank("form");
11069
- } }),
11070
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac", style: { padding: "0", display: onSubmit ? "none" : "block" }, children: /* @__PURE__ */ jsx34("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_m = Number(bankAmount)) == null ? void 0 : _m.toFixed(2)) }) })
11071
- ] }) : /* @__PURE__ */ jsxs20("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, ref: bankFormRef, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
11072
- if (e.key === "Enter" && loading) {
11073
- e.preventDefault();
11074
- e.stopPropagation();
11075
- }
10738
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac", style: { marginTop: "20px", padding: "0" }, children: /* @__PURE__ */ jsx32("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount ? formatUSD((_i = Number(partialAmount)) == null ? void 0 : _i.toFixed(2)) : formatUSD((_j = Number(amount)) == null ? void 0 : _j.toFixed(2)) }) })
10739
+ ] })
10740
+ ] }),
10741
+ /* @__PURE__ */ jsx32("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent", children: /* @__PURE__ */ jsxs19(Fragment18, { children: [
10742
+ /* @__PURE__ */ jsxs19("div", { className: "frac-heading-card-wrap", children: [
10743
+ /* @__PURE__ */ jsx32("div", { className: "frac-backarrow", children: (bankList == null ? void 0 : bankList.length) > 0 && activeinBank === "form" && /* @__PURE__ */ jsxs19("button", { className: "charge-payment-back-btn ", onClick: () => setActiveinBank("list"), children: [
10744
+ " ",
10745
+ /* @__PURE__ */ jsx32(IoArrowBack4, {})
10746
+ ] }) }),
10747
+ /* @__PURE__ */ jsx32("h6", { className: "frac-card-payment-heading", children: "Bank Payment" })
10748
+ ] }),
10749
+ activeinBank === "list" && (bankList == null ? void 0 : bankList.length) > 0 ? /* @__PURE__ */ jsxs19(Fragment18, { children: [
10750
+ /* @__PURE__ */ jsx32(CardList, { headingClass: "card-ach-heading-frac", listHeading: "Banks", ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
10751
+ setActiveinBank("form");
10752
+ } }),
10753
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac", style: { padding: "0" }, children: /* @__PURE__ */ jsx32("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer, children: formatUSD((_k = Number(bankAmount)) == null ? void 0 : _k.toFixed(2)) }) })
10754
+ ] }) : /* @__PURE__ */ jsxs19("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
10755
+ if (e.key === "Enter" && loading) {
10756
+ e.preventDefault();
10757
+ e.stopPropagation();
10758
+ }
10759
+ }, children: [
10760
+ /* @__PURE__ */ jsxs19("div", { className: "ach-scrl", style: {
10761
+ minHeight: "444px",
10762
+ maxHeight: "444px"
11076
10763
  }, children: [
11077
- /* @__PURE__ */ jsxs20("div", { className: "ach-scrl", style: {
11078
- minHeight: "444px",
11079
- maxHeight: "444px"
11080
- }, children: [
11081
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11082
- /* @__PURE__ */ jsx34("label", { htmlFor: "nameonaccount", children: "Name on account" }),
11083
- /* @__PURE__ */ jsx34("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_n = achData == null ? void 0 : achData.name) != null ? _n : "", onChange: handleChangeAch }),
11084
- (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
11085
- ] }),
11086
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11087
- /* @__PURE__ */ jsx34("label", { htmlFor: "routingnumber", children: "Routing number" }),
11088
- /* @__PURE__ */ jsx34(
11089
- "input",
11090
- {
11091
- type: "text",
11092
- id: "routingnumber",
11093
- className: "form-control-frac",
11094
- maxLength: 9,
11095
- placeholder: "000000000",
11096
- name: "routingNumber",
11097
- value: (_o = achData == null ? void 0 : achData.routingNumber) != null ? _o : "",
11098
- onChange: handleChangeAch
11099
- }
11100
- ),
11101
- (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
11102
- ] }),
11103
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11104
- /* @__PURE__ */ jsx34("label", { htmlFor: "accountnumber", children: "Account number" }),
11105
- /* @__PURE__ */ jsx34(
11106
- "input",
11107
- {
11108
- type: "text",
11109
- id: "accountnumber",
11110
- className: "form-control-frac",
11111
- maxLength: 16,
11112
- placeholder: "0000000000",
11113
- name: "accountNumber",
11114
- value: (_p = achData == null ? void 0 : achData.accountNumber) != null ? _p : "",
11115
- onChange: handleChangeAch
11116
- }
11117
- ),
11118
- (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
11119
- ] }),
11120
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11121
- /* @__PURE__ */ jsx34("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
11122
- /* @__PURE__ */ jsx34(
11123
- "input",
11124
- {
11125
- type: "text",
11126
- id: "confirmaccountnumber",
11127
- className: "form-control-frac",
11128
- maxLength: 16,
11129
- placeholder: "0000000000",
11130
- name: "confirmAccountNumber",
11131
- value: (_q = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _q : "",
11132
- onChange: handleChangeAch
11133
- }
11134
- ),
11135
- (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
11136
- ] }),
11137
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11138
- /* @__PURE__ */ jsx34("label", { htmlFor: "bankname", children: "Bank name" }),
11139
- /* @__PURE__ */ jsx34(
11140
- "input",
11141
- {
11142
- type: "text",
11143
- id: "bankname",
11144
- className: "form-control-frac",
11145
- maxLength: 100,
11146
- placeholder: "My Bank",
11147
- name: "bankName",
11148
- value: (_r = achData == null ? void 0 : achData.bankName) != null ? _r : "",
11149
- onChange: handleChangeAch
11150
- }
11151
- ),
11152
- (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
11153
- ] }),
11154
- ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11155
- /* @__PURE__ */ jsx34("label", { htmlFor: "companyName", children: "Company name" }),
11156
- /* @__PURE__ */ jsx34(
11157
- "input",
11158
- {
11159
- type: "text",
11160
- id: "companyName",
11161
- className: "form-control-frac",
11162
- maxLength: 100,
11163
- placeholder: "My Company",
11164
- name: "companyName",
11165
- value: (_s = achData == null ? void 0 : achData.companyName) != null ? _s : "",
11166
- onChange: handleChangeAch
11167
- }
11168
- ),
11169
- (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx34("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
11170
- ] }),
11171
- /* @__PURE__ */ jsxs20("div", { className: "form-group-frac", children: [
11172
- /* @__PURE__ */ jsx34("label", { htmlFor: "accounttype", children: "Select account type" }),
11173
- /* @__PURE__ */ jsxs20("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_t = achData == null ? void 0 : achData.accountType) != null ? _t : "", onChange: handleChangeAch, children: [
11174
- /* @__PURE__ */ jsx34("option", { value: "", children: "Select account" }),
11175
- accountTypes.map((type) => /* @__PURE__ */ jsx34("option", { value: type.value, children: type.label }, type.value))
11176
- ] })
11177
- ] }),
11178
- customerId && /* @__PURE__ */ jsxs20("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
11179
- /* @__PURE__ */ jsx34("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
11180
- /* @__PURE__ */ jsx34("label", { className: "saveachlabel", htmlFor: "saveACH", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
10764
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10765
+ /* @__PURE__ */ jsx32("label", { htmlFor: "nameonaccount", children: "Name on account" }),
10766
+ /* @__PURE__ */ jsx32("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_l = achData == null ? void 0 : achData.name) != null ? _l : "", onChange: handleChangeAch }),
10767
+ (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
10768
+ ] }),
10769
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10770
+ /* @__PURE__ */ jsx32("label", { htmlFor: "routingnumber", children: "Routing number" }),
10771
+ /* @__PURE__ */ jsx32(
10772
+ "input",
10773
+ {
10774
+ type: "text",
10775
+ id: "routingnumber",
10776
+ className: "form-control-frac",
10777
+ maxLength: 9,
10778
+ placeholder: "000000000",
10779
+ name: "routingNumber",
10780
+ value: (_m = achData == null ? void 0 : achData.routingNumber) != null ? _m : "",
10781
+ onChange: handleChangeAch
10782
+ }
10783
+ ),
10784
+ (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
10785
+ ] }),
10786
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10787
+ /* @__PURE__ */ jsx32("label", { htmlFor: "accountnumber", children: "Account number" }),
10788
+ /* @__PURE__ */ jsx32(
10789
+ "input",
10790
+ {
10791
+ type: "text",
10792
+ id: "accountnumber",
10793
+ className: "form-control-frac",
10794
+ maxLength: 16,
10795
+ placeholder: "0000000000",
10796
+ name: "accountNumber",
10797
+ value: (_n = achData == null ? void 0 : achData.accountNumber) != null ? _n : "",
10798
+ onChange: handleChangeAch
10799
+ }
10800
+ ),
10801
+ (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
10802
+ ] }),
10803
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10804
+ /* @__PURE__ */ jsx32("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
10805
+ /* @__PURE__ */ jsx32(
10806
+ "input",
10807
+ {
10808
+ type: "text",
10809
+ id: "confirmaccountnumber",
10810
+ className: "form-control-frac",
10811
+ maxLength: 16,
10812
+ placeholder: "0000000000",
10813
+ name: "confirmAccountNumber",
10814
+ value: (_o = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _o : "",
10815
+ onChange: handleChangeAch
10816
+ }
10817
+ ),
10818
+ (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
10819
+ ] }),
10820
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10821
+ /* @__PURE__ */ jsx32("label", { htmlFor: "bankname", children: "Bank name" }),
10822
+ /* @__PURE__ */ jsx32(
10823
+ "input",
10824
+ {
10825
+ type: "text",
10826
+ id: "bankname",
10827
+ className: "form-control-frac",
10828
+ maxLength: 100,
10829
+ placeholder: "My Bank",
10830
+ name: "bankName",
10831
+ value: (_p = achData == null ? void 0 : achData.bankName) != null ? _p : "",
10832
+ onChange: handleChangeAch
10833
+ }
10834
+ ),
10835
+ (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
10836
+ ] }),
10837
+ ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10838
+ /* @__PURE__ */ jsx32("label", { htmlFor: "companyName", children: "Company name" }),
10839
+ /* @__PURE__ */ jsx32(
10840
+ "input",
10841
+ {
10842
+ type: "text",
10843
+ id: "companyName",
10844
+ className: "form-control-frac",
10845
+ maxLength: 100,
10846
+ placeholder: "My Company",
10847
+ name: "companyName",
10848
+ value: (_q = achData == null ? void 0 : achData.companyName) != null ? _q : "",
10849
+ onChange: handleChangeAch
10850
+ }
10851
+ ),
10852
+ (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
10853
+ ] }),
10854
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
10855
+ /* @__PURE__ */ jsx32("label", { htmlFor: "accounttype", children: "Select account type" }),
10856
+ /* @__PURE__ */ jsxs19("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_r = achData == null ? void 0 : achData.accountType) != null ? _r : "", onChange: handleChangeAch, children: [
10857
+ /* @__PURE__ */ jsx32("option", { value: "", children: "Select account" }),
10858
+ accountTypes.map((type) => /* @__PURE__ */ jsx32("option", { value: type.value, children: type.label }, type.value))
11181
10859
  ] })
11182
10860
  ] }),
11183
- /* @__PURE__ */ jsx34("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx34("button", { className: "pay-button", style: { margin: "20px 0 0", display: onSubmit ? "none" : "block" }, type: "submit", children: formatUSD((_u = Number(bankAmount)) == null ? void 0 : _u.toFixed(2)) }) })
11184
- ] })
11185
- ] }) })
11186
- ] })
11187
- ] }) }) })
10861
+ /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
10862
+ /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "achconsent", className: "", maxLength: 100, placeholder: "My Bank" }),
10863
+ /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "achconsent", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
10864
+ ] }),
10865
+ customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
10866
+ /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
10867
+ /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save Bank" })
10868
+ ] }),
10869
+ saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
10870
+ "If checked, I agree to give the ",
10871
+ /* @__PURE__ */ jsx32("b", { children: merchantName || "merchant" }),
10872
+ " permission to charge this bank account for agreed-upon purchases in the future."
10873
+ ] }) })
10874
+ ] }),
10875
+ /* @__PURE__ */ jsx32("div", { className: "form-group-frac ", children: /* @__PURE__ */ jsx32("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_s = Number(bankAmount)) == null ? void 0 : _s.toFixed(2)) }) })
10876
+ ] })
10877
+ ] }) })
10878
+ ] }) }) }) })
11188
10879
  ] })
11189
10880
  ] })
11190
10881
  ] })
@@ -11195,7 +10886,7 @@ var ModelContentSky_default = ModelContentSky;
11195
10886
 
11196
10887
  // src/app/components/Skysystemz/PayButtonWithForm.tsx
11197
10888
  import axios10 from "axios";
11198
- import { Fragment as Fragment20, jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
10889
+ import { Fragment as Fragment19, jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
11199
10890
  var PaymentWidget = ({
11200
10891
  amount,
11201
10892
  bankAmount,
@@ -11306,510 +10997,24 @@ var PaymentWidget = ({
11306
10997
  getskyosOrderDetails();
11307
10998
  }
11308
10999
  }, [show, isPartial, partialRef]);
11309
- return /* @__PURE__ */ jsxs21(Fragment20, { children: [
11310
- /* @__PURE__ */ jsx35("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
11311
- /* @__PURE__ */ jsx35(DataScript, {}),
11312
- /* @__PURE__ */ jsx35(FractalTokenizerScript, {}),
11313
- /* @__PURE__ */ jsx35(SkyChargewidgetstyles, {}),
11314
- /* @__PURE__ */ jsx35(CardBankRadioStyles, {}),
11315
- /* @__PURE__ */ jsx35(CustomModal2styles_default, {}),
11316
- /* @__PURE__ */ jsx35(DataCapScriptLoader, {}),
11317
- !autoTrigger && /* @__PURE__ */ jsxs21("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
11318
- submitBtnText,
11319
- submitBtnIcon
11320
- ] }),
11321
- !autoTrigger ? /* @__PURE__ */ jsx35(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx35(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx35(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
11322
- ] });
11323
- };
11324
-
11325
- // src/app/components/Skysystemz/EmbeddedCheckout.tsx
11326
- import { useEffect as useEffect17, useState as useState12, useMemo as useMemo2 } from "react";
11327
- import axios11 from "axios";
11328
-
11329
- // src/app/components/Skysystemz/EmbeddedCheckoutStyles.tsx
11330
- import { jsx as jsx36 } from "react/jsx-runtime";
11331
- function EmbeddedCheckoutStyles({ extraCustomCSS }) {
11332
- return /* @__PURE__ */ jsx36("style", { children: `
11333
-
11334
- .pay-amount-conatiner{
11335
- margin-top: 20px !important;
11336
- margin-bottom: 20px !important ;
11337
- }
11338
-
11339
- .frac-pay-container.pay-container {
11340
- grid-template-columns:1fr;
11341
- }
11342
-
11343
-
11344
- /* Card */
11345
- .plan-card {
11346
- width: 100%;
11347
- font-family: Inter, sans-serif;
11348
- background: #fff;
11349
- }
11350
-
11351
- /* Header */
11352
- .card-header {
11353
- padding: 12px 0 0 0;
11354
- }
11355
-
11356
- /* Button */
11357
- .collapse-btn {
11358
- width: 100%;
11359
- background: none;
11360
- border: none;
11361
- display: flex;
11362
- justify-content: space-between;
11363
- align-items: center;
11364
- cursor: pointer;
11365
- font-size: 15px;
11366
- padding: 0;
11367
- }
11368
-
11369
- /* Arrow */
11370
- .arrow {
11371
- transition: transform 0.3s ease;
11372
- height: 8px;
11373
- }
11374
-
11375
- /* Open State */
11376
- .collapse-btn.open .arrow {
11377
- transform: rotate(180deg); /* Down */
11378
- }
11379
-
11380
- /* Body */
11381
- .card-body {
11382
- padding: 0;
11383
- }
11384
-
11385
- /* Plan Header */
11386
- .plan-header {
11387
- font-size: 15px;
11388
- font-weight: 600;
11389
- }
11390
-
11391
- /* Scrollable List */
11392
- .plan-list {
11393
- max-height: 200px;
11394
- overflow-y: auto;
11395
- padding-right: 6px;
11396
- }
11397
-
11398
- /* Items */
11399
- .plan-item {
11400
- display: flex;
11401
- justify-content: space-between;
11402
- padding: 6px 0;
11403
- font-size: 14px;
11404
- }
11405
-
11406
- /* Badges */
11407
- .badge {
11408
- padding: 4px 10px;
11409
- border-radius: 12px;
11410
- font-size: 12px;
11411
- font-weight: 500;
11412
- }
11413
-
11414
- .badge-included {
11415
- background: #f1f3f5;
11416
- color: #495057;
11417
- }
11418
-
11419
- .badge-available {
11420
- background: #f8f9fa;
11421
- color: #212529;
11422
- }
11423
-
11424
- /* Helpers */
11425
- .row-between {
11426
- display: flex;
11427
- justify-content: space-between;
11428
- }
11429
-
11430
- .text-end {
11431
- text-align: right;
11432
- }
11433
-
11434
- .text-muted {
11435
- color: #6c757d;
11436
- font-size: 12px;
11437
- }
11438
-
11439
- .fw-semibold {
11440
- font-weight: 600;
11441
- }
11442
-
11443
- .mb-2 {
11444
- margin-bottom: 8px;
11445
- }
11446
-
11447
- /* Divider */
11448
- .divider {
11449
- height: 1px;
11450
- background: #e5e7eb;
11451
- margin: 8px 0;
11452
- }
11453
-
11454
- /* Collapse Animation */
11455
- .collapse {
11456
- max-height: 0;
11457
- overflow: hidden;
11458
- transition: max-height 0.3s ease;
11459
- }
11460
-
11461
- .collapse.show {
11462
- max-height: 1000px;
11463
- }
11464
- .frac-pay-container.pay-container {
11465
- grid-template-columns:1fr;
11466
- }
11467
- .frac-payment-form-div .amt-pay-con {
11468
- padding-right: 0px;
11469
- }
11470
- .frac-payment-form-div .ach-scrl {
11471
- padding-right: 0px;
11472
- gap: 10px;
11473
- max-height: fit-content !important;
11474
- min-height: fit-content !important;
11475
- overflow: hidden !important;
11476
- }
11477
- .frac-payment-form-div .frac-card-bank-radio-main {
11478
- display: flex;
11479
- flex-direction: row;
11480
- align-items: flex-start;
11481
- align-self: stretch;
11482
- border-radius: 14px;
11483
- border: none;
11484
- overflow: visible;
11485
- gap: 10px;
11486
- }
11487
- .frac-payment-form-div .frac-card-bank-radio {
11488
- display: flex;
11489
- padding: 12px 16px;
11490
- justify-content: space-between;
11491
- align-items: center;
11492
- align-self: stretch;
11493
- width: 50%;
11494
- border: 1px solid #E0DFE2;
11495
- border-radius: 10px;
11496
- box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 4px;
11497
- }
11498
- .frac-payment-form-div .frac-card-bank-radio.frac-active {
11499
- background: #fff;
11500
- border: 2px solid #004eab !important;
11501
- }
11502
-
11503
- .frac-payment-form-div .form-control-frac {
11504
- border: 1px solid #dee2e6 !important;
11505
- border-radius: 0.375rem !important;
11506
- background-color: #F6F6F7;
11507
- box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.1);
11508
- }
11509
- .frac-payment-form-div .form-control-frac:focus {
11510
- border: 1px solid #004eab !important;
11511
- }
11512
- .frac-payment-form-div .card-expiry-new {
11513
- border: none;
11514
- gap: 10px;
11515
- }
11516
- .frac-payment-form-div .exp-date-year-container {
11517
- gap: 10px;
11518
- width: 100%;
11519
- }
11520
- .frac-payment-form-div .card-type-logo-wrap{
11521
- position: absolute;
11522
- right: 10px;
11523
- max-width: 30px;
11524
- }
11525
- .detials-wrap.detials-wrap-1 {
11526
- display: flex;
11527
- flex-wrap: wrap;
11528
- }
11529
- @media screen and (max-width: 1280px) {
11530
- .frac-pay-container.pay-container {
11531
- grid-template-columns: 1fr;
11532
- border: none;
11533
- }
11534
- }
11535
- @media screen and (max-width: 899px) {
11536
- .detials-wrap {
11537
- grid-template-columns: 1fr !important;
11538
- }
11539
- .frac-payment-form-div .exp-date-year-container{
11540
- width: 100%;}
11541
-
11542
- }
11543
- @media screen and (max-width: 575px) {
11544
- .frac-payment-form-div .card-type-logo-wrap{
11545
- max-width: 30px;
11546
- }
11547
- form#ACHPaymentForm .ach-scrl {
11548
- grid-template-columns: 1fr !important;
11549
- }
11550
- @media screen and (max-width: 375px) {
11551
- .frac-payment-form-div .exp-date-year-container {
11552
- flex-direction: column;
11553
- }
11554
- .parent-pay-container {
11555
- padding: 10px;
11556
- }
11557
- }
11558
- }
11559
- .box-inner-card-text{
11560
- display: flex;
11561
- gap: 0px;
11562
- flex-direction: column;
11563
- }
11564
- .box-inner-card-text .frac-payment-type-logo {
11565
- width: 17px;
11566
- height: 17px;
11567
- aspect-ratio: 1/1;
11568
- }
11569
- .exp-date-year-wrap.form-control-frac input {
11570
- background: transparent;
11571
- border: none;
11572
- outline: none;
11573
- font-size: 1rem;
11574
- font-weight: 400;
11575
- }
11576
- .exp-date-year-wrap.form-control-frac {
11577
- display: flex;
11578
- gap: 2px;
11579
- }
11580
- .exp-date-year-wrap input.exp-month {
11581
- width: 32px;
11582
- }
11583
- .detials-wrap {
11584
- display: grid;
11585
- grid-template-columns: 1fr 1fr;
11586
- gap: 10px;
11587
- }
11588
- .detials-wrap.detials-wrap-2{
11589
- grid-template-columns: 1fr 1fr;
11590
- }
11591
- form#ACHPaymentForm .ach-scrl {
11592
- display: grid;
11593
- grid-gap: 0px 10px;
11594
- grid-template-columns: 1fr;
11595
- }
11596
- .plan-list {
11597
- max-height: 130px;
11598
- min-height: 130px;
11599
- overflow-y: auto;
11600
- padding-right: 6px;
11601
- }
11602
- .plan-list::-webkit-scrollbar {
11603
- width: 3px;
11604
- background-color: #F5F5F5;
11605
- }
11606
- .plan-list::-webkit-scrollbar-thumb {
11607
- background-color: #35254D;
11608
- }
11609
- div#cvv {
11610
- border-top-left-radius: 0;
11611
- border-bottom-left-radius: 0;
11612
- border-top: 0;
11613
- border-bottom: 0;
11614
- border-right: 0;
11615
- }
11616
- div#exp_year {
11617
- height: 36px;
11618
- width: calc(100% + 1px);
11619
- border-radius: 0;
11620
- border-top: 0;
11621
- border-bottom: 0;
11622
- border-right: 1px solid #dee2e6;
11623
- }
11624
- div#exp_month {
11625
- width: calc(100% + 1px);
11626
- border-top-right-radius: 0;
11627
- border-bottom-right-radius: 0;
11628
- border: 0;
11629
- border-right: 1px solid #dee2e6;
11630
- }
11631
- .exp-date-year-container .form-group {
11632
- flex: 1;
11633
- }
11634
- .input-main-wrap-frac{
11635
- margin:0px !important;
11636
- padding:0px !important;
11637
- }
11638
- .toggle-num-wrapper.toggle-num-wrapper-new {
11639
- border: 1px solid #dee2e6 !important;
11640
- border-radius: 0.375rem !important;
11641
- background-color: #F6F6F7;
11642
- box-shadow: 1px 1px 2px inset rgba(0, 0, 0, 0.1);
11643
- }
11644
- .toggle-num-wrapper-new div#card_number {
11645
- padding: 0px 10px;
11646
- border: none;
11647
- border-bottom: 1px solid #dee2e6;
11648
- }
11649
- .toggle-num-wrapper-new .card-crdi.card-expiry-new {
11650
- padding: 0px 10px;
11651
- }
11652
- .toggle-num-wrapper-new .input-main-wrap-frac {
11653
- height: 36px;
11654
- }
11655
- .toggle-num-wrapper-new:focus {
11656
- border: 1px solid #004eab !important;
11657
- }
11658
- .frac-card-title-main {
11659
- display: flex;
11660
- align-items: start;
11661
- gap: 4px;
11662
- flex-direction: column;
11663
- }
11664
- .parent-pay-container {
11665
- padding: 24px;
11666
- background-color: #ffffff !important;
11667
- border-radius: 15px;
11668
- min-width: 300px;
11669
- }
11670
-
11671
-
11672
- ${extraCustomCSS}
11673
-
11674
- ` });
11675
- }
11676
-
11677
- // src/app/components/Skysystemz/EmbeddedCheckout.tsx
11678
- import { Fragment as Fragment21, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
11679
- var EmbeddedCheckout = ({
11680
- amount,
11681
- bankAmount,
11682
- submitBtnText = "Pay",
11683
- session_token,
11684
- customerId,
11685
- callback,
11686
- merchantName = "merchant",
11687
- isPreAuth,
11688
- surcharge = "0",
11689
- submitBtnClass,
11690
- submitBtnIcon,
11691
- isRequest,
11692
- pass_fee,
11693
- pass_fee_amount,
11694
- require3ds = false,
11695
- autoTrigger = false,
11696
- isPartial,
11697
- bankSurcharge,
11698
- partialRef,
11699
- onSubmit,
11700
- onLoad,
11701
- customCSS: customCSS2
11702
- }) => {
11703
- const [show, setShow] = useState12(false);
11704
- const [loading, setLoading] = useState12(false);
11705
- const [childHandleClose, setChildHandleClose] = useState12(() => () => {
11706
- });
11707
- const [orderGuid, setOrderGuid] = useState12(null);
11708
- const [remainingAmount, setRemainingAmount] = useState12(null);
11709
- const initialCommonProps = useMemo2(
11710
- () => ({
11711
- amount,
11712
- bankAmount,
11713
- submitBtnText,
11714
- session_token,
11715
- customerId,
11716
- callback,
11717
- merchantName,
11718
- isPreAuth,
11719
- surcharge,
11720
- submitBtnClass,
11721
- submitBtnIcon,
11722
- isRequest,
11723
- pass_fee,
11724
- pass_fee_amount,
11725
- require3ds,
11726
- autoTrigger,
11727
- setShow,
11728
- setHandleCloseRef: setChildHandleClose,
11729
- isPartial,
11730
- bankSurcharge,
11731
- partialRef
11732
- }),
11733
- [
11734
- amount,
11735
- bankAmount,
11736
- submitBtnText,
11737
- session_token,
11738
- customerId,
11739
- callback,
11740
- merchantName,
11741
- isPreAuth,
11742
- surcharge,
11743
- submitBtnClass,
11744
- submitBtnIcon,
11745
- isRequest,
11746
- pass_fee,
11747
- pass_fee_amount,
11748
- require3ds,
11749
- autoTrigger,
11750
- isPartial,
11751
- bankSurcharge,
11752
- partialRef
11753
- ]
11754
- );
11755
- const [commonProps, setCommonProps] = useState12(initialCommonProps);
11756
- useEffect17(() => {
11757
- if (show) {
11758
- setCommonProps(initialCommonProps);
11759
- }
11760
- }, [show, initialCommonProps]);
11761
- const getskyosOrderDetails = async () => {
11762
- var _a;
11763
- setLoading(true);
11764
- try {
11765
- const res = await axios11.get(
11766
- `${masterBaseUrl}api/v1/gateway/get-order-details/${session_token}`,
11767
- { params: { isPartial, partialRef } }
11768
- );
11769
- if ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.result) {
11770
- const data = res.data.data;
11771
- if (data == null ? void 0 : data.orderGuid) {
11772
- setOrderGuid(data == null ? void 0 : data.orderGuid);
11773
- setRemainingAmount(data == null ? void 0 : data.remainingAmount);
11774
- }
11775
- setCommonProps((prev) => __spreadProps(__spreadValues({}, prev), {
11776
- amount: data.amount,
11777
- pass_fee_amount: data.pass_fee_amount,
11778
- pass_fee: data.pass_fee
11779
- }));
11780
- }
11781
- } catch (error) {
11782
- console.log("error while getting skyosorderdeatils", error);
11783
- } finally {
11784
- setLoading(false);
11785
- }
11786
- };
11787
- useEffect17(() => {
11788
- if (show && isPartial && partialRef) {
11789
- getskyosOrderDetails();
11790
- }
11791
- }, [show, isPartial, partialRef]);
11792
- console.log(onLoad, "onLoad");
11793
- return /* @__PURE__ */ jsxs22(Fragment21, { children: [
11794
- /* @__PURE__ */ jsx37("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
11795
- /* @__PURE__ */ jsx37(DataScript, {}),
11796
- /* @__PURE__ */ jsx37(FractalTokenizerScript, {}),
11797
- /* @__PURE__ */ jsx37(SkyChargewidgetstyles, {}),
11798
- /* @__PURE__ */ jsx37(CardBankRadioStyles, {}),
11799
- /* @__PURE__ */ jsx37(CustomModal2styles_default, {}),
11800
- /* @__PURE__ */ jsx37(DataCapScriptLoader, {}),
11801
- /* @__PURE__ */ jsx37(EmbeddedCheckoutStyles, { extraCustomCSS: customCSS2 }),
11802
- !autoTrigger && /* @__PURE__ */ jsxs22("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
11000
+ return /* @__PURE__ */ jsxs20(Fragment19, { children: [
11001
+ /* @__PURE__ */ jsx33("link", { href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" }),
11002
+ /* @__PURE__ */ jsx33(DataScript, {}),
11003
+ /* @__PURE__ */ jsx33(FractalTokenizerScript, {}),
11004
+ /* @__PURE__ */ jsx33(SkyChargewidgetstyles, {}),
11005
+ /* @__PURE__ */ jsx33(CardBankRadioStyles, {}),
11006
+ /* @__PURE__ */ jsx33(CustomModal2styles_default, {}),
11007
+ /* @__PURE__ */ jsx33(DataCapScriptLoader, {}),
11008
+ !autoTrigger && /* @__PURE__ */ jsxs20("button", { className: submitBtnClass || "paymentBtn", onClick: () => setShow(true), children: [
11803
11009
  submitBtnText,
11804
11010
  submitBtnIcon
11805
11011
  ] }),
11806
- !autoTrigger ? /* @__PURE__ */ jsx37(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx37(ModelContentSky_default, __spreadProps(__spreadValues({ onLoad, onSubmit, show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
11012
+ !autoTrigger ? /* @__PURE__ */ jsx33(CustomModal2_default, { open: show, onClose: childHandleClose, children: /* @__PURE__ */ jsx33(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount })) }) : /* @__PURE__ */ jsx33(ModelContentSky_default, __spreadProps(__spreadValues({ show, loadingPrev: loading }, commonProps), { orderGuid, remainingAmount }))
11807
11013
  ] });
11808
11014
  };
11809
11015
  export {
11810
11016
  AddCardEasyPay as AddCard,
11811
11017
  CardOnFile,
11812
- EmbeddedCheckout,
11813
11018
  GetPaymentPage,
11814
11019
  PartialPayment,
11815
11020
  PaymentWidget,