@fractalpay/fractalpay-next-dev 0.0.275 → 0.0.277
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 +85 -54
- package/dist/index.js.map +1 -1
- package/next.config.ts +1 -0
- package/package.json +1 -1
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-dev",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.277",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -236,8 +236,8 @@ var Loader_default = Loader;
|
|
|
236
236
|
var { name } = require_package();
|
|
237
237
|
var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
|
|
238
238
|
if (name === "@fractalpay/fractalpay-next-dev") {
|
|
239
|
-
baseUrl = "http://192.168.1.
|
|
240
|
-
masterBaseUrl = "http://192.168.1.
|
|
239
|
+
baseUrl = "http://192.168.1.64:8083/";
|
|
240
|
+
masterBaseUrl = "http://192.168.1.64:8082/";
|
|
241
241
|
fractalGatewayUrl = "https://api-dev.merchant-trends.com/";
|
|
242
242
|
datacapUrl = "https://token-cert.dcap.com/v1/client";
|
|
243
243
|
threedsSecurePublicKey = "pk_test_51RH5Wc2SlJvyNZ80hpUDy88r4rVdpijfKbNaWaUyQEE6rOrPmG2JQyAj7G5amBD5z5daC56WaeT4jfNhrrPcGOEP00UyKu6AOw";
|
|
@@ -1058,9 +1058,10 @@ function RequestPayment(props) {
|
|
|
1058
1058
|
let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge);
|
|
1059
1059
|
setCashDiscount(cash_discount);
|
|
1060
1060
|
}
|
|
1061
|
-
}, [props == null ? void 0 : props.pass_fee]);
|
|
1061
|
+
}, [props == null ? void 0 : props.pass_fee, show]);
|
|
1062
1062
|
const handleClose = () => {
|
|
1063
1063
|
setShow(false);
|
|
1064
|
+
setCashDiscount(0);
|
|
1064
1065
|
setErrors({});
|
|
1065
1066
|
};
|
|
1066
1067
|
const handleShow = () => setShow(true);
|
|
@@ -2458,6 +2459,20 @@ position:relative;
|
|
|
2458
2459
|
border: 0;
|
|
2459
2460
|
border-right: 1px solid #dee2e6;
|
|
2460
2461
|
}
|
|
2462
|
+
|
|
2463
|
+
.frac-fee-text{
|
|
2464
|
+
display: block;
|
|
2465
|
+
padding: 10px 0 4px;
|
|
2466
|
+
font-family: 'IBM Plex Mono', monospace !important;
|
|
2467
|
+
color: #727272 !important;
|
|
2468
|
+
font-size: 12px;
|
|
2469
|
+
line-height: 1.4;
|
|
2470
|
+
text-align: start !important;
|
|
2471
|
+
}
|
|
2472
|
+
.frac-fee-amount{
|
|
2473
|
+
color: #c62828 !important;
|
|
2474
|
+
}
|
|
2475
|
+
|
|
2461
2476
|
` });
|
|
2462
2477
|
}
|
|
2463
2478
|
|
|
@@ -3298,7 +3313,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3298
3313
|
{
|
|
3299
3314
|
id: "exp_month",
|
|
3300
3315
|
className: "form-control required card-cvv-in",
|
|
3301
|
-
style: { height: "
|
|
3316
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3302
3317
|
}
|
|
3303
3318
|
) }),
|
|
3304
3319
|
/* @__PURE__ */ jsx17("div", { className: "exp-year form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
|
|
@@ -3306,7 +3321,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3306
3321
|
{
|
|
3307
3322
|
id: "exp_year",
|
|
3308
3323
|
className: "form-control required card-cvv-in",
|
|
3309
|
-
style: { height: "
|
|
3324
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3310
3325
|
}
|
|
3311
3326
|
) }),
|
|
3312
3327
|
/* @__PURE__ */ jsx17("div", { className: "security-digit form-group input-main-wrap-frac", children: /* @__PURE__ */ jsx17(
|
|
@@ -3314,7 +3329,7 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3314
3329
|
{
|
|
3315
3330
|
id: "cvv",
|
|
3316
3331
|
className: "form-control card-cvv-in required",
|
|
3317
|
-
style: { height: "
|
|
3332
|
+
style: { height: "46px", display: "block", minHeight: "46px" }
|
|
3318
3333
|
}
|
|
3319
3334
|
) })
|
|
3320
3335
|
] }) })
|
|
@@ -3595,6 +3610,8 @@ function GetPaymentPage(props) {
|
|
|
3595
3610
|
const [selectedCard, setSelectedCard] = useState4();
|
|
3596
3611
|
const [selectedReader, setSelectedReader] = useState4(void 0);
|
|
3597
3612
|
const [cashDiscount, setCashDiscount] = useState4(Number(props == null ? void 0 : props.amount));
|
|
3613
|
+
const [bankAmount, setBankAmount] = useState4(Number(props == null ? void 0 : props.amount));
|
|
3614
|
+
const [bankFeeAmount, setBankFeeAmount] = useState4(0);
|
|
3598
3615
|
const [paymentData, setPaymentData] = useState4();
|
|
3599
3616
|
let [tranId, setTranId] = useState4("");
|
|
3600
3617
|
const tokenizerRef = useRef3(null);
|
|
@@ -3629,7 +3646,25 @@ function GetPaymentPage(props) {
|
|
|
3629
3646
|
useEffect8(() => {
|
|
3630
3647
|
if (show) {
|
|
3631
3648
|
let cash_discount = CalculateCashDiscount(props == null ? void 0 : props.amount, (props == null ? void 0 : props.surcharge) || 0);
|
|
3649
|
+
let bankAmount2 = cash_discount;
|
|
3650
|
+
if ((props == null ? void 0 : props.bankFeeAmount) && Number(props == null ? void 0 : props.bankFeeAmount) > 0) {
|
|
3651
|
+
bankAmount2 = Number(cash_discount) + Number(props == null ? void 0 : props.bankFeeAmount);
|
|
3652
|
+
}
|
|
3653
|
+
setBankAmount(bankAmount2);
|
|
3632
3654
|
setCashDiscount(cash_discount);
|
|
3655
|
+
const cardFeeAmount = Number((Number(props == null ? void 0 : props.amount) - Number(cash_discount || 0)).toFixed(2));
|
|
3656
|
+
const bankFeeAmount2 = Number((props == null ? void 0 : props.bankFeeAmount) || 0);
|
|
3657
|
+
const bankSavingsAmount = Math.max(bankFeeAmount2 > 0 ? cardFeeAmount - bankFeeAmount2 : cardFeeAmount, 0);
|
|
3658
|
+
const bankSavingsText = bankSavingsAmount > 0 ? `Save ${formatUSD(bankSavingsAmount.toFixed(2))}` : "";
|
|
3659
|
+
setBankFeeAmount(bankFeeAmount2);
|
|
3660
|
+
console.log({
|
|
3661
|
+
cash_discount,
|
|
3662
|
+
bankAmount: bankAmount2,
|
|
3663
|
+
cardFeeAmount,
|
|
3664
|
+
bankFeeAmount: bankFeeAmount2,
|
|
3665
|
+
bankSavingsAmount,
|
|
3666
|
+
bankSavingsText
|
|
3667
|
+
});
|
|
3633
3668
|
}
|
|
3634
3669
|
}, [show, props == null ? void 0 : props.pass_fee, props == null ? void 0 : props.amount, props == null ? void 0 : props.surcharge]);
|
|
3635
3670
|
const handleClose = () => {
|
|
@@ -3981,7 +4016,7 @@ function GetPaymentPage(props) {
|
|
|
3981
4016
|
routing_number: achData == null ? void 0 : achData.routingNumber,
|
|
3982
4017
|
bank_name: achData == null ? void 0 : achData.bankName,
|
|
3983
4018
|
account_type: achData == null ? void 0 : achData.accountType,
|
|
3984
|
-
amount: String(
|
|
4019
|
+
amount: String(bankAmount || 0),
|
|
3985
4020
|
isSaveAch: saveACHinfo,
|
|
3986
4021
|
customer_id: props == null ? void 0 : props.customerId,
|
|
3987
4022
|
order_id: props == null ? void 0 : props.orderID,
|
|
@@ -4063,11 +4098,11 @@ function GetPaymentPage(props) {
|
|
|
4063
4098
|
let amount = String(props == null ? void 0 : props.amount);
|
|
4064
4099
|
let card_id = selectedCard == null ? void 0 : selectedCard.id;
|
|
4065
4100
|
let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
|
|
4066
|
-
if (fractalpayPublicKey && order_id && amount &&
|
|
4101
|
+
if (fractalpayPublicKey && order_id && amount && bankAmount) {
|
|
4067
4102
|
if (customer_id) {
|
|
4068
4103
|
if (card_id) {
|
|
4069
4104
|
let chargeobj = __spreadValues({
|
|
4070
|
-
amount: card_type === "Bank" ? `${
|
|
4105
|
+
amount: card_type === "Bank" ? `${bankAmount}` : amount,
|
|
4071
4106
|
order_id,
|
|
4072
4107
|
customer_id,
|
|
4073
4108
|
card_id,
|
|
@@ -4306,22 +4341,21 @@ function GetPaymentPage(props) {
|
|
|
4306
4341
|
/* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
|
|
4307
4342
|
/* @__PURE__ */ jsxs11("div", { className: "frac-card-bank-radio-main", children: [
|
|
4308
4343
|
/* @__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 }),
|
|
4309
|
-
(paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(
|
|
4344
|
+
(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 }),
|
|
4310
4345
|
(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 })
|
|
4311
4346
|
] }),
|
|
4312
|
-
!loading &&
|
|
4313
|
-
/* @__PURE__ */ jsxs11("small", { children: [
|
|
4314
|
-
|
|
4315
|
-
"
|
|
4316
|
-
|
|
4317
|
-
/* @__PURE__ */ jsx19("p", { children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) })
|
|
4318
|
-
] }) : null : cashDiscount && cashDiscount > 0 && (props == null ? void 0 : props.pass_fee) && (activetab === "card" || activetab === "reader") ? /* @__PURE__ */ jsxs11("div", { className: "frac-cash-discount-fee", children: [
|
|
4319
|
-
/* @__PURE__ */ jsxs11("small", { children: [
|
|
4320
|
-
activetab === "card" || activetab === "reader" ? "Surcharge" : null,
|
|
4321
|
-
" "
|
|
4347
|
+
!loading && /* @__PURE__ */ jsxs11("div", { className: "", children: [
|
|
4348
|
+
activetab == "ach" && bankFeeAmount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
|
|
4349
|
+
"There is a processing fee of ",
|
|
4350
|
+
/* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD(bankFeeAmount.toFixed(2)) }),
|
|
4351
|
+
"."
|
|
4322
4352
|
] }),
|
|
4323
|
-
/* @__PURE__ */
|
|
4324
|
-
|
|
4353
|
+
(activetab === "card" || activetab === "reader") && (props == null ? void 0 : props.pass_fee) && cashDiscount && cashDiscount > 0 && /* @__PURE__ */ jsxs11("small", { className: "frac-fee-text", children: [
|
|
4354
|
+
"Cards include a fee amount of ",
|
|
4355
|
+
/* @__PURE__ */ jsx19("span", { className: "frac-fee-amount", children: formatUSD((Number(props.amount) - cashDiscount).toFixed(2)) }),
|
|
4356
|
+
"."
|
|
4357
|
+
] })
|
|
4358
|
+
] })
|
|
4325
4359
|
] })
|
|
4326
4360
|
] }),
|
|
4327
4361
|
/* @__PURE__ */ jsxs11("div", { className: "pay-conatiner-one-last", children: [
|
|
@@ -4626,7 +4660,7 @@ function GetPaymentPage(props) {
|
|
|
4626
4660
|
/* @__PURE__ */ jsx19(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
4627
4661
|
setActiveinBank("form");
|
|
4628
4662
|
} }),
|
|
4629
|
-
/* @__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(
|
|
4663
|
+
/* @__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)) }) })
|
|
4630
4664
|
] }) : /* @__PURE__ */ jsxs11("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
4631
4665
|
if (e.key === "Enter" && loading2) {
|
|
4632
4666
|
e.preventDefault();
|
|
@@ -4773,7 +4807,7 @@ function GetPaymentPage(props) {
|
|
|
4773
4807
|
errorBankConsentOther && /* @__PURE__ */ jsx19("span", { className: "error-span", children: errorBankConsentOther })
|
|
4774
4808
|
] })
|
|
4775
4809
|
] }),
|
|
4776
|
-
/* @__PURE__ */ jsx19("div", { className: "form-group ", children: /* @__PURE__ */ jsx19("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: formatUSD((_v = Number(
|
|
4810
|
+
/* @__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)) }) })
|
|
4777
4811
|
] })
|
|
4778
4812
|
] }),
|
|
4779
4813
|
/* @__PURE__ */ jsxs11("div", { id: "reader", style: { display: activetab === "reader" ? "block" : "none" }, className: "tabcontent", children: [
|
|
@@ -7483,7 +7517,7 @@ import { IoArrowBack as IoArrowBack3 } from "react-icons/io5";
|
|
|
7483
7517
|
import { NumericFormat } from "react-number-format";
|
|
7484
7518
|
import { Fragment as Fragment17, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
7485
7519
|
function PartialPayment(props) {
|
|
7486
|
-
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
|
|
7520
|
+
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;
|
|
7487
7521
|
const buttonRef = useRef8(null);
|
|
7488
7522
|
useEffect13(() => {
|
|
7489
7523
|
if (props.onTriggerPay) {
|
|
@@ -8282,10 +8316,7 @@ function PartialPayment(props) {
|
|
|
8282
8316
|
] }),
|
|
8283
8317
|
/* @__PURE__ */ jsxs17("div", { className: "amt-pay-con", children: [
|
|
8284
8318
|
/* @__PURE__ */ jsx28("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
|
|
8285
|
-
/* @__PURE__ */
|
|
8286
|
-
/* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a = Number(aftertaxAmount)) == null ? void 0 : _a.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
8287
|
-
(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 })
|
|
8288
|
-
] }),
|
|
8319
|
+
/* @__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 }) }),
|
|
8289
8320
|
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: [
|
|
8290
8321
|
/* @__PURE__ */ jsxs17("small", { children: [
|
|
8291
8322
|
activetab === "card" ? "Cash Discount" : "Cash Discount Savings",
|
|
@@ -8354,7 +8385,7 @@ function PartialPayment(props) {
|
|
|
8354
8385
|
/* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
|
|
8355
8386
|
/* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
|
|
8356
8387
|
"$",
|
|
8357
|
-
(
|
|
8388
|
+
(_b = Number(aftertaxAmount)) == null ? void 0 : _b.toFixed(2)
|
|
8358
8389
|
] })
|
|
8359
8390
|
] }),
|
|
8360
8391
|
activetab != "ach" && /* @__PURE__ */ jsxs17("div", { children: [
|
|
@@ -8396,7 +8427,7 @@ function PartialPayment(props) {
|
|
|
8396
8427
|
/* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Payment Amount" }),
|
|
8397
8428
|
/* @__PURE__ */ jsxs17("strong", { className: "pay-amount", children: [
|
|
8398
8429
|
"$",
|
|
8399
|
-
(
|
|
8430
|
+
(_c = Number(aftertaxAmount)) == null ? void 0 : _c.toFixed(2)
|
|
8400
8431
|
] })
|
|
8401
8432
|
] }),
|
|
8402
8433
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
@@ -8431,7 +8462,7 @@ function PartialPayment(props) {
|
|
|
8431
8462
|
/* @__PURE__ */ jsx28(CardList, { listHeading: "Cards", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: cardList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Card", otherButtonAction: () => {
|
|
8432
8463
|
setActiveinCard("form");
|
|
8433
8464
|
} }),
|
|
8434
|
-
/* @__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((
|
|
8465
|
+
/* @__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)) }) })
|
|
8435
8466
|
] }) : (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 ? /* @__PURE__ */ jsxs17(
|
|
8436
8467
|
"form",
|
|
8437
8468
|
{
|
|
@@ -8475,14 +8506,14 @@ function PartialPayment(props) {
|
|
|
8475
8506
|
maxLength: 100,
|
|
8476
8507
|
placeholder: "Order Id",
|
|
8477
8508
|
disabled: true,
|
|
8478
|
-
value: (
|
|
8509
|
+
value: (_f = props == null ? void 0 : props.orderID) != null ? _f : "",
|
|
8479
8510
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
8480
8511
|
}
|
|
8481
8512
|
)
|
|
8482
8513
|
] }),
|
|
8483
8514
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
|
|
8484
8515
|
/* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
|
|
8485
|
-
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (
|
|
8516
|
+
/* @__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) }),
|
|
8486
8517
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
|
|
8487
8518
|
] }),
|
|
8488
8519
|
(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: [
|
|
@@ -8509,8 +8540,8 @@ function PartialPayment(props) {
|
|
|
8509
8540
|
] }) })
|
|
8510
8541
|
] }),
|
|
8511
8542
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
|
|
8512
|
-
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((
|
|
8513
|
-
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((
|
|
8543
|
+
(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" }),
|
|
8544
|
+
/* @__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)) })
|
|
8514
8545
|
] })
|
|
8515
8546
|
]
|
|
8516
8547
|
}
|
|
@@ -8549,14 +8580,14 @@ function PartialPayment(props) {
|
|
|
8549
8580
|
maxLength: 100,
|
|
8550
8581
|
placeholder: "Order Id",
|
|
8551
8582
|
disabled: true,
|
|
8552
|
-
value: (
|
|
8583
|
+
value: (_k = props == null ? void 0 : props.orderID) != null ? _k : "",
|
|
8553
8584
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
8554
8585
|
}
|
|
8555
8586
|
)
|
|
8556
8587
|
] }),
|
|
8557
8588
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", children: [
|
|
8558
8589
|
/* @__PURE__ */ jsx28("label", { htmlFor: "zip", children: "ZIP" }),
|
|
8559
|
-
/* @__PURE__ */ jsx28("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (
|
|
8590
|
+
/* @__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) }),
|
|
8560
8591
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode })
|
|
8561
8592
|
] }),
|
|
8562
8593
|
(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: [
|
|
@@ -8583,8 +8614,8 @@ function PartialPayment(props) {
|
|
|
8583
8614
|
] }) })
|
|
8584
8615
|
] }),
|
|
8585
8616
|
/* @__PURE__ */ jsxs17("div", { className: "form-group", style: { marginTop: "20px", padding: "0" }, children: [
|
|
8586
|
-
(paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((
|
|
8587
|
-
/* @__PURE__ */ jsx28("button", { type: "submit", style: { margin: 0 }, className: "pay-button", children: partialAmount && !partialError ? formatUSD((
|
|
8617
|
+
(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" }),
|
|
8618
|
+
/* @__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)) })
|
|
8588
8619
|
] })
|
|
8589
8620
|
] })
|
|
8590
8621
|
] }),
|
|
@@ -8600,7 +8631,7 @@ function PartialPayment(props) {
|
|
|
8600
8631
|
/* @__PURE__ */ jsx28(CardList, { listHeading: "Banks", paymentGateway: paymentData == null ? void 0 : paymentData.paymentGateway, ListItems: bankList, selectedCard, setSelectedCard, handleDeleteCard, otherButtonLabel: "Pay With Other Bank", otherButtonAction: () => {
|
|
8601
8632
|
setActiveinBank("form");
|
|
8602
8633
|
} }),
|
|
8603
|
-
/* @__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((
|
|
8634
|
+
/* @__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)) }) })
|
|
8604
8635
|
] }) : /* @__PURE__ */ jsxs17("form", { id: "ACHPaymentForm", style: { textAlign: "start" }, onSubmit: submitFunc, autoComplete: "off", onKeyDown: (e) => {
|
|
8605
8636
|
if (e.key === "Enter" && loading2) {
|
|
8606
8637
|
e.preventDefault();
|
|
@@ -8613,7 +8644,7 @@ function PartialPayment(props) {
|
|
|
8613
8644
|
}, children: [
|
|
8614
8645
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
8615
8646
|
/* @__PURE__ */ jsx28("label", { htmlFor: "nameonaccount", children: "Name on account" }),
|
|
8616
|
-
/* @__PURE__ */ jsx28("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (
|
|
8647
|
+
/* @__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 }),
|
|
8617
8648
|
(achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx28("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
|
|
8618
8649
|
] }),
|
|
8619
8650
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
@@ -8627,7 +8658,7 @@ function PartialPayment(props) {
|
|
|
8627
8658
|
maxLength: 9,
|
|
8628
8659
|
placeholder: "000000000",
|
|
8629
8660
|
name: "routingNumber",
|
|
8630
|
-
value: (
|
|
8661
|
+
value: (_s = achData == null ? void 0 : achData.routingNumber) != null ? _s : "",
|
|
8631
8662
|
onChange: handleChangeAch
|
|
8632
8663
|
}
|
|
8633
8664
|
),
|
|
@@ -8644,7 +8675,7 @@ function PartialPayment(props) {
|
|
|
8644
8675
|
maxLength: 16,
|
|
8645
8676
|
placeholder: "0000000000",
|
|
8646
8677
|
name: "accountNumber",
|
|
8647
|
-
value: (
|
|
8678
|
+
value: (_t = achData == null ? void 0 : achData.accountNumber) != null ? _t : "",
|
|
8648
8679
|
onChange: handleChangeAch
|
|
8649
8680
|
}
|
|
8650
8681
|
),
|
|
@@ -8661,7 +8692,7 @@ function PartialPayment(props) {
|
|
|
8661
8692
|
maxLength: 16,
|
|
8662
8693
|
placeholder: "0000000000",
|
|
8663
8694
|
name: "confirmAccountNumber",
|
|
8664
|
-
value: (
|
|
8695
|
+
value: (_u = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _u : "",
|
|
8665
8696
|
onChange: handleChangeAch
|
|
8666
8697
|
}
|
|
8667
8698
|
),
|
|
@@ -8678,7 +8709,7 @@ function PartialPayment(props) {
|
|
|
8678
8709
|
maxLength: 100,
|
|
8679
8710
|
placeholder: "My Bank",
|
|
8680
8711
|
name: "bankName",
|
|
8681
|
-
value: (
|
|
8712
|
+
value: (_v = achData == null ? void 0 : achData.bankName) != null ? _v : "",
|
|
8682
8713
|
onChange: handleChangeAch
|
|
8683
8714
|
}
|
|
8684
8715
|
),
|
|
@@ -8695,7 +8726,7 @@ function PartialPayment(props) {
|
|
|
8695
8726
|
maxLength: 100,
|
|
8696
8727
|
placeholder: "My Company",
|
|
8697
8728
|
name: "companyName",
|
|
8698
|
-
value: (
|
|
8729
|
+
value: (_w = achData == null ? void 0 : achData.companyName) != null ? _w : "",
|
|
8699
8730
|
onChange: handleChangeAch
|
|
8700
8731
|
}
|
|
8701
8732
|
),
|
|
@@ -8703,7 +8734,7 @@ function PartialPayment(props) {
|
|
|
8703
8734
|
] }),
|
|
8704
8735
|
/* @__PURE__ */ jsxs17("div", { className: "form-group mb-4", children: [
|
|
8705
8736
|
/* @__PURE__ */ jsx28("label", { htmlFor: "accounttype", children: "Select account type" }),
|
|
8706
|
-
/* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (
|
|
8737
|
+
/* @__PURE__ */ jsxs17("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_x = achData == null ? void 0 : achData.accountType) != null ? _x : "", onChange: handleChangeAch, children: [
|
|
8707
8738
|
/* @__PURE__ */ jsx28("option", { value: "", children: "Select account" }),
|
|
8708
8739
|
accountTypes.map((type) => /* @__PURE__ */ jsx28("option", { value: type.value, children: type.label }, type.value))
|
|
8709
8740
|
] })
|
|
@@ -8750,7 +8781,7 @@ function PartialPayment(props) {
|
|
|
8750
8781
|
errorBankConsentOther && /* @__PURE__ */ jsx28("span", { className: "error-span", children: errorBankConsentOther })
|
|
8751
8782
|
] })
|
|
8752
8783
|
] }),
|
|
8753
|
-
/* @__PURE__ */ jsx28("div", { className: "form-group ", children: /* @__PURE__ */ jsx28("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit", children: partialAmount && !partialError ? formatUSD((
|
|
8784
|
+
/* @__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)) }) })
|
|
8754
8785
|
] })
|
|
8755
8786
|
] })
|
|
8756
8787
|
] }) }) })
|
|
@@ -11522,7 +11553,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11522
11553
|
/* @__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) }),
|
|
11523
11554
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11524
11555
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11525
|
-
"
|
|
11556
|
+
"Cards include a fee amount of ",
|
|
11526
11557
|
/* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11527
11558
|
"."
|
|
11528
11559
|
] })
|
|
@@ -11603,7 +11634,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11603
11634
|
/* @__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) }),
|
|
11604
11635
|
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx36("span", { className: "error-span", children: cardError == null ? void 0 : cardError.zipCode }),
|
|
11605
11636
|
pass_fee && cardFeeAmount > 0 && /* @__PURE__ */ jsxs21("small", { className: "frac-fee-text", children: [
|
|
11606
|
-
"
|
|
11637
|
+
"Cards include a fee amount of ",
|
|
11607
11638
|
/* @__PURE__ */ jsx36("span", { className: "frac-fee-amount", children: formatUSD(cardFeeAmount.toFixed(2)) }),
|
|
11608
11639
|
"."
|
|
11609
11640
|
] })
|
|
@@ -12191,7 +12222,7 @@ form#ACHPaymentForm .ach-scrl {
|
|
|
12191
12222
|
}
|
|
12192
12223
|
@media screen and (max-width: 375px) {
|
|
12193
12224
|
.frac-payment-form-div .exp-date-year-container {
|
|
12194
|
-
flex-direction: column;
|
|
12225
|
+
// flex-direction: column;
|
|
12195
12226
|
}
|
|
12196
12227
|
.parent-pay-container {
|
|
12197
12228
|
padding: 10px;
|
|
@@ -12292,7 +12323,7 @@ padding:0px !important;
|
|
|
12292
12323
|
padding: 0px 10px;
|
|
12293
12324
|
}
|
|
12294
12325
|
.toggle-num-wrapper-new .input-main-wrap-frac {
|
|
12295
|
-
height:
|
|
12326
|
+
height: 38px;
|
|
12296
12327
|
}
|
|
12297
12328
|
.toggle-num-wrapper-new:focus {
|
|
12298
12329
|
border: 1px solid #004eab !important;
|