@fractalpay/fractalpay-next-test 0.0.38 → 0.0.39
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.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +91 -55
- package/dist/index.js.map +1 -1
- package/next.config.ts +1 -0
- package/package.json +8 -3
- package/next-env.d.ts +0 -6
package/dist/index.d.ts
CHANGED
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-test",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.39",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -97,7 +97,12 @@ var require_package = __commonJS({
|
|
|
97
97
|
},
|
|
98
98
|
author: "Mukul",
|
|
99
99
|
license: "MIT",
|
|
100
|
-
keywords: [
|
|
100
|
+
keywords: [
|
|
101
|
+
"nextjs",
|
|
102
|
+
"next",
|
|
103
|
+
"typescript",
|
|
104
|
+
"tailwindcss"
|
|
105
|
+
],
|
|
101
106
|
publishConfig: {
|
|
102
107
|
access: "public"
|
|
103
108
|
}
|
|
@@ -236,8 +241,8 @@ var Loader_default = Loader;
|
|
|
236
241
|
var { name } = require_package();
|
|
237
242
|
var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
|
|
238
243
|
if (name === "@fractalpay/fractalpay-next-dev") {
|
|
239
|
-
masterBaseUrl = "https://dev
|
|
240
|
-
baseUrl = "https://
|
|
244
|
+
masterBaseUrl = "https://api.dev.fractalpay.com/";
|
|
245
|
+
baseUrl = "https://widget.dev.fractalpay.com/";
|
|
241
246
|
fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
|
|
242
247
|
datacapUrl = "https://token-cert.dcap.com/v1/client";
|
|
243
248
|
threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
|
|
@@ -1058,9 +1063,10 @@ function RequestPayment(props) {
|
|
|
1058
1063
|
let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge);
|
|
1059
1064
|
setCashDiscount(cash_discount);
|
|
1060
1065
|
}
|
|
1061
|
-
}, [props == null ? void 0 : props.pass_fee]);
|
|
1066
|
+
}, [props == null ? void 0 : props.pass_fee, show]);
|
|
1062
1067
|
const handleClose = () => {
|
|
1063
1068
|
setShow(false);
|
|
1069
|
+
setCashDiscount(0);
|
|
1064
1070
|
setErrors({});
|
|
1065
1071
|
};
|
|
1066
1072
|
const handleShow = () => setShow(true);
|
|
@@ -2458,6 +2464,20 @@ position:relative;
|
|
|
2458
2464
|
border: 0;
|
|
2459
2465
|
border-right: 1px solid #dee2e6;
|
|
2460
2466
|
}
|
|
2467
|
+
|
|
2468
|
+
.frac-fee-text{
|
|
2469
|
+
display: block;
|
|
2470
|
+
padding: 10px 0 4px;
|
|
2471
|
+
font-family: 'IBM Plex Mono', monospace !important;
|
|
2472
|
+
color: #727272 !important;
|
|
2473
|
+
font-size: 12px;
|
|
2474
|
+
line-height: 1.4;
|
|
2475
|
+
text-align: start !important;
|
|
2476
|
+
}
|
|
2477
|
+
.frac-fee-amount{
|
|
2478
|
+
color: #c62828 !important;
|
|
2479
|
+
}
|
|
2480
|
+
|
|
2461
2481
|
` });
|
|
2462
2482
|
}
|
|
2463
2483
|
|
|
@@ -3298,7 +3318,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3298
3318
|
{
|
|
3299
3319
|
id: "exp_month",
|
|
3300
3320
|
className: "form-control required card-cvv-in",
|
|
3301
|
-
style: { height: "
|
|
3321
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3302
3322
|
}
|
|
3303
3323
|
) }),
|
|
3304
3324
|
/* @__PURE__ */ jsx17("div", { className: "exp-year form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
|
|
@@ -3306,7 +3326,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3306
3326
|
{
|
|
3307
3327
|
id: "exp_year",
|
|
3308
3328
|
className: "form-control required card-cvv-in",
|
|
3309
|
-
style: { height: "
|
|
3329
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3310
3330
|
}
|
|
3311
3331
|
) }),
|
|
3312
3332
|
/* @__PURE__ */ jsx17("div", { className: "security-digit form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
|
|
@@ -3314,7 +3334,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3314
3334
|
{
|
|
3315
3335
|
id: "cvv",
|
|
3316
3336
|
className: "form-control card-cvv-in required",
|
|
3317
|
-
style: { height: "
|
|
3337
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3318
3338
|
}
|
|
3319
3339
|
) })
|
|
3320
3340
|
] }) })
|
|
@@ -3595,6 +3615,8 @@ function GetPaymentPage(props) {
|
|
|
3595
3615
|
const [selectedCard, setSelectedCard] = useState4();
|
|
3596
3616
|
const [selectedReader, setSelectedReader] = useState4(void 0);
|
|
3597
3617
|
const [cashDiscount, setCashDiscount] = useState4(Number(props == null ? void 0 : props.amount));
|
|
3618
|
+
const [bankAmount, setBankAmount] = useState4(Number(props == null ? void 0 : props.amount));
|
|
3619
|
+
const [bankFeeAmount, setBankFeeAmount] = useState4(0);
|
|
3598
3620
|
const [paymentData, setPaymentData] = useState4();
|
|
3599
3621
|
let [tranId, setTranId] = useState4("");
|
|
3600
3622
|
const tokenizerRef = useRef3(null);
|
|
@@ -3629,7 +3651,25 @@ function GetPaymentPage(props) {
|
|
|
3629
3651
|
useEffect8(() => {
|
|
3630
3652
|
if (show) {
|
|
3631
3653
|
let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, (props == null ? void 0 : props.surcharge) || 0);
|
|
3654
|
+
let bankAmount2 = cash_discount;
|
|
3655
|
+
if ((props == null ? void 0 : props.bankFeeAmount) && Number(props == null ? void 0 : props.bankFeeAmount) > 0) {
|
|
3656
|
+
bankAmount2 = Number(cash_discount) + Number(props == null ? void 0 : props.bankFeeAmount);
|
|
3657
|
+
}
|
|
3658
|
+
setBankAmount(bankAmount2);
|
|
3632
3659
|
setCashDiscount(cash_discount);
|
|
3660
|
+
const cardFeeAmount = Number((Number(props == null ? void 0 : props.amount) - Number(cash_discount || 0)).toFixed(2));
|
|
3661
|
+
const bankFeeAmount2 = Number((props == null ? void 0 : props.bankFeeAmount) || 0);
|
|
3662
|
+
const bankSavingsAmount = Math.max(bankFeeAmount2 > 0 ? cardFeeAmount - bankFeeAmount2 : cardFeeAmount, 0);
|
|
3663
|
+
const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
|
|
3664
|
+
setBankFeeAmount(bankFeeAmount2);
|
|
3665
|
+
console.log({
|
|
3666
|
+
cash_discount,
|
|
3667
|
+
bankAmount: bankAmount2,
|
|
3668
|
+
cardFeeAmount,
|
|
3669
|
+
bankFeeAmount: bankFeeAmount2,
|
|
3670
|
+
bankSavingsAmount,
|
|
3671
|
+
bankSavingsText
|
|
3672
|
+
});
|
|
3633
3673
|
}
|
|
3634
3674
|
}, [show, props == null ? void 0 : props.pass_fee, props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge]);
|
|
3635
3675
|
const handleClose = () => {
|
|
@@ -3980,7 +4020,7 @@ function GetPaymentPage(props) {
|
|
|
3980
4020
|
routing_number: achData == null ? void 0 : achData.routingNumber,
|
|
3981
4021
|
bank_name: achData == null ? void 0 : achData.bankName,
|
|
3982
4022
|
account_type: achData == null ? void 0 : achData.accountType,
|
|
3983
|
-
amount: String(
|
|
4023
|
+
amount: String(bankAmount || 0),
|
|
3984
4024
|
isSaveAch: saveACHinfo,
|
|
3985
4025
|
customer_id: props == null ? void 0 : props.customerId,
|
|
3986
4026
|
order_id: props == null ? void 0 : props.orderID,
|
|
@@ -4062,11 +4102,11 @@ function GetPaymentPage(props) {
|
|
|
4062
4102
|
let amount = String(props == null ? void 0 : props.amount);
|
|
4063
4103
|
let card_id = selectedCard == null ? void 0 : selectedCard.id;
|
|
4064
4104
|
let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
|
|
4065
|
-
if (fractalpayPublicKey && order_id && amount &&
|
|
4105
|
+
if (fractalpayPublicKey && order_id && amount && bankAmount) {
|
|
4066
4106
|
if (customer_id) {
|
|
4067
4107
|
if (card_id) {
|
|
4068
4108
|
let chargeobj = __spreadValues({
|
|
4069
|
-
amount: card_type === "Bank" ? `${
|
|
4109
|
+
amount: card_type === "Bank" ? `${bankAmount}` : amount,
|
|
4070
4110
|
order_id,
|
|
4071
4111
|
customer_id,
|
|
4072
4112
|
card_id,
|
|
@@ -4305,22 +4345,21 @@ function GetPaymentPage(props) {
|
|
|
4305
4345
|
/* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
|
|
4306
4346
|
/* @__PURE__ */ jsxs11("div", { className: "frac-card-bank-radio-main", children: [
|
|
4307
4347
|
/* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (_a = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
4308
|
-
(paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(
|
|
4348
|
+
(paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab }),
|
|
4309
4349
|
(props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_c = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Reader", amount: (_d = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _d.toFixed(2), value: "reader", onChange: handletabchange, activetab })
|
|
4310
4350
|
] }),
|
|
4311
|
-
!loading &&
|
|
4312
|
-
/* @__PURE__ */ jsxs11("small", { children: [
|
|
4313
|
-
|
|
4314
|
-
"
|
|
4315
|
-
|
|
4316
|
-
/* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
|
|
4317
|
-
] }) : null : cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) && (activetab === "card" || activetab === "reader") ? /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
|
|
4318
|
-
/* @__PURE__ */ jsxs11("small", { children: [
|
|
4319
|
-
activetab === "card" || activetab === "reader" ? "Surcharge" : null,
|
|
4320
|
-
" "
|
|
4351
|
+
!loading && /* @__PURE__ */ jsxs11("div", { className: "", children: [
|
|
4352
|
+
activetab == "ach" && bankFeeAmount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
|
|
4353
|
+
"There is a processing fee of ",
|
|
4354
|
+
/* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
|
|
4355
|
+
"."
|
|
4321
4356
|
] }),
|
|
4322
|
-
/* @__PURE__ */
|
|
4323
|
-
|
|
4357
|
+
(activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
|
|
4358
|
+
"Cards include a fee amount of ",
|
|
4359
|
+
/* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) }),
|
|
4360
|
+
"."
|
|
4361
|
+
] })
|
|
4362
|
+
] })
|
|
4324
4363
|
] })
|
|
4325
4364
|
] }),
|
|
4326
4365
|
/* @__PURE__ */ jsxs11("div", { className: "pay-conatiner-one-last", children: [
|
|
@@ -4625,7 +4664,7 @@ function GetPaymentPage(props) {
|
|
|
4625
4664
|
/* @__PURE__ */ jsx19(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
4626
4665
|
setActiveinBank("form");
|
|
4627
4666
|
} }),
|
|
4628
|
-
/* @__PURE__ */ jsx19("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: formatUSD((_n = Number(
|
|
4667
|
+
/* @__PURE__ */ jsx19("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: formatUSD((_n = Number(bankAmount)) == null ? void 0 : _n.toFixed(2)) }) })
|
|
4629
4668
|
] }) : /* @__PURE__ */ jsxs11("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
4630
4669
|
if (e.key === "Enter" && loading2) {
|
|
4631
4670
|
e.preventDefault();
|
|
@@ -4772,7 +4811,7 @@ function GetPaymentPage(props) {
|
|
|
4772
4811
|
errorBankConsentOther && /* @__PURE__ */ jsx19("span", { className: "error-span", children: errorBankConsentOther })
|
|
4773
4812
|
] })
|
|
4774
4813
|
] }),
|
|
4775
|
-
/* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(
|
|
4814
|
+
/* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(bankAmount)) == null ? void 0 : _v.toFixed(2)) }) })
|
|
4776
4815
|
] })
|
|
4777
4816
|
] }),
|
|
4778
4817
|
/* @__PURE__ */ jsxs11("div", { id: "reader", style: { display: activetab === "reader" ? "block" : "none" }, className: "tabcontent", children: [
|
|
@@ -7482,7 +7521,7 @@ import { IoArrowBack as IoArrowBack3 } from "react-icons/io5";
|
|
|
7482
7521
|
import { NumericFormat } from "react-number-format";
|
|
7483
7522
|
import { Fragment as Fragment17, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
7484
7523
|
function PartialPayment(props) {
|
|
7485
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z
|
|
7524
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
7486
7525
|
const buttonRef = useRef8(null);
|
|
7487
7526
|
useEffect13(() => {
|
|
7488
7527
|
if (props.onTriggerPay) {
|
|
@@ -8281,10 +8320,7 @@ function PartialPayment(props) {
|
|
|
8281
8320
|
] }),
|
|
8282
8321
|
/* @__PURE__ */ jsxs17("div", { className: "amt-pay-con", children: [
|
|
8283
8322
|
/* @__PURE__ */ jsx28("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
|
|
8284
|
-
/* @__PURE__ */
|
|
8285
|
-
/* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
8286
|
-
(paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx28(CardBankRadio, { label: "Bank", amount: (_b = Number(cashDiscount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab })
|
|
8287
|
-
] }),
|
|
8323
|
+
/* @__PURE__ */ jsx28("div", { className: "frac-card-bank-radio-main", children: /* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }) }),
|
|
8288
8324
|
numberToBoolean(paymentData == null ? void 0 : paymentData.showSurcharge) ? cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) ? /* @__PURE__ */ jsxs17("div", { className: "frac-cash-discount-fee", children: [
|
|
8289
8325
|
/* @__PURE__ */ jsxs17("small", { children: [
|
|
8290
8326
|
activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
|
|
@@ -8353,7 +8389,7 @@ function PartialPayment(props) {
|
|
|
8353
8389
|
/* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
|
|
8354
8390
|
/* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
|
|
8355
8391
|
"$",
|
|
8356
|
-
(
|
|
8392
|
+
(_b = Number(aftertaxAmount)) == null ? void 0 : _b.toFixed(2)
|
|
8357
8393
|
] })
|
|
8358
8394
|
] }),
|
|
8359
8395
|
activetab != "ach" && /* @__PURE__ */ jsxs17("div", { children: [
|
|
@@ -8395,7 +8431,7 @@ function PartialPayment(props) {
|
|
|
8395
8431
|
/* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
|
|
8396
8432
|
/* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
|
|
8397
8433
|
"$",
|
|
8398
|
-
(
|
|
8434
|
+
(_c = Number(aftertaxAmount)) == null ? void 0 : _c.toFixed(2)
|
|
8399
8435
|
] })
|
|
8400
8436
|
] }),
|
|
8401
8437
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
@@ -8430,7 +8466,7 @@ function PartialPayment(props) {
|
|
|
8430
8466
|
/* @__PURE__ */ jsx28(CardList, { listHeading: "Cards", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
|
|
8431
8467
|
setActiveinCard("form");
|
|
8432
8468
|
} }),
|
|
8433
|
-
/* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((
|
|
8469
|
+
/* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_d = Number(partialAmount)) == null ? void 0 : _d.toFixed(2)) : formatUSD((_e = Number(aftertaxAmount)) == null ? void 0 : _e.toFixed(2)) }) })
|
|
8434
8470
|
] }) : (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 ? /* @__PURE__ */ jsxs17(
|
|
8435
8471
|
"form",
|
|
8436
8472
|
{
|
|
@@ -8474,14 +8510,14 @@ function PartialPayment(props) {
|
|
|
8474
8510
|
maxLength: 100,
|
|
8475
8511
|
placeholder: "Order Id",
|
|
8476
8512
|
disabled: true,
|
|
8477
|
-
value: (
|
|
8513
|
+
value: (_f = props == null ? void 0 : props.orderID) != null ? _f : "",
|
|
8478
8514
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
8479
8515
|
}
|
|
8480
8516
|
)
|
|
8481
8517
|
] }),
|
|
8482
8518
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
|
|
8483
8519
|
/* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
|
|
8484
|
-
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (
|
|
8520
|
+
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_g = cardData == null ? void 0 : cardData.zipCode) != null ? _g : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
|
|
8485
8521
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
|
|
8486
8522
|
] }),
|
|
8487
8523
|
(props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsx28("div", { className: "form-group", children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
@@ -8508,8 +8544,8 @@ function PartialPayment(props) {
|
|
|
8508
8544
|
] }) })
|
|
8509
8545
|
] }),
|
|
8510
8546
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
|
|
8511
|
-
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((
|
|
8512
|
-
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((
|
|
8547
|
+
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_h = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _h.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
|
|
8548
|
+
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_i = Number(partialAmount)) == null ? void 0 : _i.toFixed(2)) : formatUSD((_j = Number(aftertaxAmount)) == null ? void 0 : _j.toFixed(2)) })
|
|
8513
8549
|
] })
|
|
8514
8550
|
]
|
|
8515
8551
|
}
|
|
@@ -8548,14 +8584,14 @@ function PartialPayment(props) {
|
|
|
8548
8584
|
maxLength: 100,
|
|
8549
8585
|
placeholder: "Order Id",
|
|
8550
8586
|
disabled: true,
|
|
8551
|
-
value: (
|
|
8587
|
+
value: (_k = props == null ? void 0 : props.orderID) != null ? _k : "",
|
|
8552
8588
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
8553
8589
|
}
|
|
8554
8590
|
)
|
|
8555
8591
|
] }),
|
|
8556
8592
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
|
|
8557
8593
|
/* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
|
|
8558
|
-
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (
|
|
8594
|
+
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_l = cardData == null ? void 0 : cardData.zipCode) != null ? _l : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }),
|
|
8559
8595
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
|
|
8560
8596
|
] }),
|
|
8561
8597
|
(props == null ? void 0 : props.customerId) && /* @__PURE__ */ jsx28("div", { className: "form-group", children: /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" }, children: [
|
|
@@ -8582,8 +8618,8 @@ function PartialPayment(props) {
|
|
|
8582
8618
|
] }) })
|
|
8583
8619
|
] }),
|
|
8584
8620
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
|
|
8585
|
-
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((
|
|
8586
|
-
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((
|
|
8621
|
+
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_m = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _m.length) > 0 && /* @__PURE__ */ jsx28("button", { type: "button", style: { marginBottom: "10px" }, className: "pay-button", onClick: () => setActiveForm(!activeForm), children: activeForm ? "Pay With Reader" : "Pay With Card" }),
|
|
8622
|
+
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((_n = Number(partialAmount)) == null ? void 0 : _n.toFixed(2)) : formatUSD((_o = Number(aftertaxAmount)) == null ? void 0 : _o.toFixed(2)) })
|
|
8587
8623
|
] })
|
|
8588
8624
|
] })
|
|
8589
8625
|
] }),
|
|
@@ -8599,7 +8635,7 @@ function PartialPayment(props) {
|
|
|
8599
8635
|
/* @__PURE__ */ jsx28(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
8600
8636
|
setActiveinBank("form");
|
|
8601
8637
|
} }),
|
|
8602
|
-
/* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((
|
|
8638
|
+
/* @__PURE__ */ jsx28("div", { className: "form-group", style: { padding: "0" }, children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlepayment, children: partialAmount && !partialError ? formatUSD((_p = Number(partialAmount)) == null ? void 0 : _p.toFixed(2)) : formatUSD((_q = Number(cashDiscount)) == null ? void 0 : _q.toFixed(2)) }) })
|
|
8603
8639
|
] }) : /* @__PURE__ */ jsxs17("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
8604
8640
|
if (e.key === "Enter" && loading2) {
|
|
8605
8641
|
e.preventDefault();
|
|
@@ -8612,7 +8648,7 @@ function PartialPayment(props) {
|
|
|
8612
8648
|
}, children: [
|
|
8613
8649
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
8614
8650
|
/* @__PURE__ */ jsx28("label", { htmlFor: "nameonaccount", children: "Name on account" }),
|
|
8615
|
-
/* @__PURE__ */ jsx28("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (
|
|
8651
|
+
/* @__PURE__ */ jsx28("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_r = achData == null ? void 0 : achData.name) != null ? _r : "", onChange: handleChangeAch }),
|
|
8616
8652
|
(achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
|
|
8617
8653
|
] }),
|
|
8618
8654
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
@@ -8626,7 +8662,7 @@ function PartialPayment(props) {
|
|
|
8626
8662
|
maxLength: 9,
|
|
8627
8663
|
placeholder: "000000000",
|
|
8628
8664
|
name: "routingNumber",
|
|
8629
|
-
value: (
|
|
8665
|
+
value: (_s = achData == null ? void 0 : achData.routingNumber) != null ? _s : "",
|
|
8630
8666
|
onChange: handleChangeAch
|
|
8631
8667
|
}
|
|
8632
8668
|
),
|
|
@@ -8643,7 +8679,7 @@ function PartialPayment(props) {
|
|
|
8643
8679
|
maxLength: 16,
|
|
8644
8680
|
placeholder: "0000000000",
|
|
8645
8681
|
name: "accountNumber",
|
|
8646
|
-
value: (
|
|
8682
|
+
value: (_t = achData == null ? void 0 : achData.accountNumber) != null ? _t : "",
|
|
8647
8683
|
onChange: handleChangeAch
|
|
8648
8684
|
}
|
|
8649
8685
|
),
|
|
@@ -8660,7 +8696,7 @@ function PartialPayment(props) {
|
|
|
8660
8696
|
maxLength: 16,
|
|
8661
8697
|
placeholder: "0000000000",
|
|
8662
8698
|
name: "confirmAccountNumber",
|
|
8663
|
-
value: (
|
|
8699
|
+
value: (_u = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _u : "",
|
|
8664
8700
|
onChange: handleChangeAch
|
|
8665
8701
|
}
|
|
8666
8702
|
),
|
|
@@ -8677,7 +8713,7 @@ function PartialPayment(props) {
|
|
|
8677
8713
|
maxLength: 100,
|
|
8678
8714
|
placeholder: "My Bank",
|
|
8679
8715
|
name: "bankName",
|
|
8680
|
-
value: (
|
|
8716
|
+
value: (_v = achData == null ? void 0 : achData.bankName) != null ? _v : "",
|
|
8681
8717
|
onChange: handleChangeAch
|
|
8682
8718
|
}
|
|
8683
8719
|
),
|
|
@@ -8694,7 +8730,7 @@ function PartialPayment(props) {
|
|
|
8694
8730
|
maxLength: 100,
|
|
8695
8731
|
placeholder: "My Company",
|
|
8696
8732
|
name: "companyName",
|
|
8697
|
-
value: (
|
|
8733
|
+
value: (_w = achData == null ? void 0 : achData.companyName) != null ? _w : "",
|
|
8698
8734
|
onChange: handleChangeAch
|
|
8699
8735
|
}
|
|
8700
8736
|
),
|
|
@@ -8702,7 +8738,7 @@ function PartialPayment(props) {
|
|
|
8702
8738
|
] }),
|
|
8703
8739
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
8704
8740
|
/* @__PURE__ */ jsx28("label", { htmlFor: "accounttype", children: "Select account type" }),
|
|
8705
|
-
/* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (
|
|
8741
|
+
/* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_x = achData == null ? void 0 : achData.accountType) != null ? _x : "", onChange: handleChangeAch, children: [
|
|
8706
8742
|
/* @__PURE__ */ jsx28("option", { value: "", children: "Select account" }),
|
|
8707
8743
|
accountTypes.map((type) => /* @__PURE__ */ jsx28("option", { value: type.value, children: type.label }, type.value))
|
|
8708
8744
|
] })
|
|
@@ -8749,7 +8785,7 @@ function PartialPayment(props) {
|
|
|
8749
8785
|
errorBankConsentOther && /* @__PURE__ */ jsx28("span", { className: "error-span", children: errorBankConsentOther })
|
|
8750
8786
|
] })
|
|
8751
8787
|
] }),
|
|
8752
|
-
/* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((
|
|
8788
|
+
/* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((_y = Number(partialAmount)) == null ? void 0 : _y.toFixed(2)) : formatUSD((_z = Number(cashDiscount)) == null ? void 0 : _z.toFixed(2)) }) })
|
|
8753
8789
|
] })
|
|
8754
8790
|
] })
|
|
8755
8791
|
] }) }) })
|
|
@@ -11527,7 +11563,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11527
11563
|
/* @__PURE__ */ jsx36("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) }),
|
|
11528
11564
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11529
11565
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11530
|
-
"
|
|
11566
|
+
"Cards include a fee amount of ",
|
|
11531
11567
|
/* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11532
11568
|
"."
|
|
11533
11569
|
] })
|
|
@@ -11608,7 +11644,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11608
11644
|
/* @__PURE__ */ jsx36("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) }),
|
|
11609
11645
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11610
11646
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11611
|
-
"
|
|
11647
|
+
"Cards include a fee amount of ",
|
|
11612
11648
|
/* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11613
11649
|
"."
|
|
11614
11650
|
] })
|
|
@@ -12196,7 +12232,7 @@ form#ACHPaymentForm .ach-scrl {
|
|
|
12196
12232
|
}
|
|
12197
12233
|
@media screen and (max-width: 375px) {
|
|
12198
12234
|
.frac-payment-form-div .exp-date-year-container {
|
|
12199
|
-
flex-direction: column;
|
|
12235
|
+
// flex-direction: column;
|
|
12200
12236
|
}
|
|
12201
12237
|
.parent-pay-container {
|
|
12202
12238
|
padding: 10px;
|
|
@@ -12297,7 +12333,7 @@ padding:0px !important;
|
|
|
12297
12333
|
padding: 0px 10px;
|
|
12298
12334
|
}
|
|
12299
12335
|
.toggle-num-wrapper-new .input-main-wrap-frac {
|
|
12300
|
-
height:
|
|
12336
|
+
height: 38px;
|
|
12301
12337
|
}
|
|
12302
12338
|
.toggle-num-wrapper-new:focus {
|
|
12303
12339
|
border: 1px solid #004eab !important;
|