@fractalpay/fractalpay-next-dev 0.0.264 → 0.0.265
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/Bank _New -7ETJECPL.svg +8 -0
- package/dist/Trash-CXFDX4J7.svg +14 -0
- package/dist/ae-img-YGFM7U63.svg +11 -0
- package/dist/bank-ORJOWIKR.svg +8 -0
- package/dist/bankicon -VNYVTOJ6.svg +3 -0
- package/dist/card-OY3NFHAU.svg +8 -0
- package/dist/cardicon -UJZTSHHL.svg +10 -0
- package/dist/defualtcardborder-QWPWXH7C.svg +14 -0
- package/dist/diners -E7MCWLBM.svg +15 -0
- package/dist/discover-img-4LBHC4QG.svg +11 -0
- package/dist/index.js +310 -305
- package/dist/index.js.map +1 -1
- package/dist/jcb -KAINEC2U.svg +17 -0
- package/dist/mc-img-DOAGH63G.svg +11 -0
- package/dist/pax -D32QY2OJ.svg +5 -0
- package/dist/pov-by-HJTCZPLY.png +0 -0
- package/dist/secure-img-2LN4T2VC.png +0 -0
- package/dist/unionpay -CUBJOHCJ.svg +16 -0
- package/dist/visa-img-FX6P7OM3.svg +11 -0
- 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.
|
|
42
|
+
version: "0.0.265",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -218,8 +218,8 @@ var LoaderStyle_default = LoaderStyle;
|
|
|
218
218
|
|
|
219
219
|
// src/app/components/Loader/Loader.tsx
|
|
220
220
|
import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
221
|
-
var Loader = (
|
|
222
|
-
var _b =
|
|
221
|
+
var Loader = (_a18) => {
|
|
222
|
+
var _b = _a18, { intensity = "light" } = _b, props = __objRest(_b, ["intensity"]);
|
|
223
223
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
224
224
|
/* @__PURE__ */ jsx2(LoaderStyle_default, {}),
|
|
225
225
|
(props == null ? void 0 : props.loading) && /* @__PURE__ */ jsx2("div", { className: `loader-${intensity}`, children: /* @__PURE__ */ jsxs("div", { className: "lds-ellipsis", children: [
|
|
@@ -234,7 +234,6 @@ var Loader_default = Loader;
|
|
|
234
234
|
|
|
235
235
|
// src/app/components/baseurl.ts
|
|
236
236
|
var { name } = require_package();
|
|
237
|
-
var S3Url = "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/";
|
|
238
237
|
if (name === "@fractalpay/fractalpay-next-dev") {
|
|
239
238
|
masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
|
|
240
239
|
baseUrl = "https://dev-widget.fractalpay.com/";
|
|
@@ -922,6 +921,57 @@ var RequestPaymentstyles = (props) => {
|
|
|
922
921
|
};
|
|
923
922
|
var RequestPaymentstyles_default = RequestPaymentstyles;
|
|
924
923
|
|
|
924
|
+
// src/app/assets/mc-img.svg
|
|
925
|
+
var mc_img_default = "./mc-img-DOAGH63G.svg";
|
|
926
|
+
|
|
927
|
+
// src/app/assets/visa-img.svg
|
|
928
|
+
var visa_img_default = "./visa-img-FX6P7OM3.svg";
|
|
929
|
+
|
|
930
|
+
// src/app/assets/ae-img.svg
|
|
931
|
+
var ae_img_default = "./ae-img-YGFM7U63.svg";
|
|
932
|
+
|
|
933
|
+
// src/app/assets/discover-img.svg
|
|
934
|
+
var discover_img_default = "./discover-img-4LBHC4QG.svg";
|
|
935
|
+
|
|
936
|
+
// src/app/assets/diners .svg
|
|
937
|
+
var diners_default = "./diners -E7MCWLBM.svg";
|
|
938
|
+
|
|
939
|
+
// src/app/assets/card.svg
|
|
940
|
+
var card_default = "./card-OY3NFHAU.svg";
|
|
941
|
+
|
|
942
|
+
// src/app/assets/bank.svg
|
|
943
|
+
var bank_default = "./bank-ORJOWIKR.svg";
|
|
944
|
+
|
|
945
|
+
// src/app/assets/Trash.svg
|
|
946
|
+
var Trash_default = "./Trash-CXFDX4J7.svg";
|
|
947
|
+
|
|
948
|
+
// src/app/assets/secure-img.png
|
|
949
|
+
var secure_img_default = "./secure-img-2LN4T2VC.png";
|
|
950
|
+
|
|
951
|
+
// src/app/assets/pov-by.png
|
|
952
|
+
var pov_by_default = "./pov-by-HJTCZPLY.png";
|
|
953
|
+
|
|
954
|
+
// src/app/assets/pax .svg
|
|
955
|
+
var pax_default = "./pax -D32QY2OJ.svg";
|
|
956
|
+
|
|
957
|
+
// src/app/assets/Bank _New .svg
|
|
958
|
+
var Bank_New_default = "./Bank _New -7ETJECPL.svg";
|
|
959
|
+
|
|
960
|
+
// src/app/assets/defualtcardborder.svg
|
|
961
|
+
var defualtcardborder_default = "./defualtcardborder-QWPWXH7C.svg";
|
|
962
|
+
|
|
963
|
+
// src/app/assets/unionpay .svg
|
|
964
|
+
var unionpay_default = "./unionpay -CUBJOHCJ.svg";
|
|
965
|
+
|
|
966
|
+
// src/app/assets/jcb .svg
|
|
967
|
+
var jcb_default = "./jcb -KAINEC2U.svg";
|
|
968
|
+
|
|
969
|
+
// src/app/assets/cardicon .svg
|
|
970
|
+
var cardicon_default = "./cardicon -UJZTSHHL.svg";
|
|
971
|
+
|
|
972
|
+
// src/app/assets/bankicon .svg
|
|
973
|
+
var bankicon_default = "./bankicon -VNYVTOJ6.svg";
|
|
974
|
+
|
|
925
975
|
// src/app/utils/Common.js
|
|
926
976
|
var isValidJson = (jsonString) => {
|
|
927
977
|
try {
|
|
@@ -949,17 +999,40 @@ function formatUSD(num) {
|
|
|
949
999
|
maximumFractionDigits: 2
|
|
950
1000
|
}).format(value);
|
|
951
1001
|
}
|
|
952
|
-
var
|
|
953
|
-
var
|
|
954
|
-
var
|
|
955
|
-
var
|
|
956
|
-
var
|
|
957
|
-
var
|
|
958
|
-
var
|
|
959
|
-
var
|
|
960
|
-
var
|
|
961
|
-
var
|
|
962
|
-
var
|
|
1002
|
+
var _a;
|
|
1003
|
+
var mastercard = (_a = mc_img_default) == null ? void 0 : _a.src;
|
|
1004
|
+
var _a2;
|
|
1005
|
+
var visa = (_a2 = visa_img_default) == null ? void 0 : _a2.src;
|
|
1006
|
+
var _a3;
|
|
1007
|
+
var americanexp = (_a3 = ae_img_default) == null ? void 0 : _a3.src;
|
|
1008
|
+
var _a4;
|
|
1009
|
+
var discover = (_a4 = discover_img_default) == null ? void 0 : _a4.src;
|
|
1010
|
+
var _a5;
|
|
1011
|
+
var defaultcard = (_a5 = card_default) == null ? void 0 : _a5.src;
|
|
1012
|
+
var _a6;
|
|
1013
|
+
var bank = (_a6 = bank_default) == null ? void 0 : _a6.src;
|
|
1014
|
+
var _a7;
|
|
1015
|
+
var trash = (_a7 = Trash_default) == null ? void 0 : _a7.src;
|
|
1016
|
+
var _a8;
|
|
1017
|
+
var secure = (_a8 = secure_img_default) == null ? void 0 : _a8.src;
|
|
1018
|
+
var _a9;
|
|
1019
|
+
var pov = (_a9 = pov_by_default) == null ? void 0 : _a9.src;
|
|
1020
|
+
var _a10;
|
|
1021
|
+
var pax = (_a10 = pax_default) == null ? void 0 : _a10.src;
|
|
1022
|
+
var _a11;
|
|
1023
|
+
var bankNew = (_a11 = Bank_New_default) == null ? void 0 : _a11.src;
|
|
1024
|
+
var _a12;
|
|
1025
|
+
var defualtcardborder = (_a12 = defualtcardborder_default) == null ? void 0 : _a12.src;
|
|
1026
|
+
var _a13;
|
|
1027
|
+
var unionicon = (_a13 = unionpay_default) == null ? void 0 : _a13.src;
|
|
1028
|
+
var _a14;
|
|
1029
|
+
var dinersicon = (_a14 = diners_default) == null ? void 0 : _a14.src;
|
|
1030
|
+
var _a15;
|
|
1031
|
+
var jcbicon = (_a15 = jcb_default) == null ? void 0 : _a15.src;
|
|
1032
|
+
var _a16;
|
|
1033
|
+
var bankicon = (_a16 = bankicon_default) == null ? void 0 : _a16.src;
|
|
1034
|
+
var _a17;
|
|
1035
|
+
var cardicon = (_a17 = cardicon_default) == null ? void 0 : _a17.src;
|
|
963
1036
|
var getCardType = (card) => {
|
|
964
1037
|
let card_type = card == null ? void 0 : card.toLowerCase();
|
|
965
1038
|
switch (card_type) {
|
|
@@ -2976,8 +3049,8 @@ var socketClient_default = socket;
|
|
|
2976
3049
|
|
|
2977
3050
|
// src/app/components/Atoms/CardBankRadio/CardBankRadio.tsx
|
|
2978
3051
|
import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
2979
|
-
var CardBankRadio = (
|
|
2980
|
-
var _b =
|
|
3052
|
+
var CardBankRadio = (_a18) => {
|
|
3053
|
+
var _b = _a18, { skydesign = false, savingsText } = _b, props = __objRest(_b, ["skydesign", "savingsText"]);
|
|
2981
3054
|
const savingsBadgeClass = `frac-saving-badge ${skydesign ? "frac-saving-badge-corner" : "frac-saving-badge-corner frac-saving-badge-with-radio"}`;
|
|
2982
3055
|
return /* @__PURE__ */ jsx13(Fragment7, { children: /* @__PURE__ */ jsx13(
|
|
2983
3056
|
"div",
|
|
@@ -3118,7 +3191,6 @@ function CardBankRadioStyles({}) {
|
|
|
3118
3191
|
// src/app/components/Atoms/CardList/CardList.tsx
|
|
3119
3192
|
import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
3120
3193
|
var CardList = ({ listHeading = "Card", ListItems, selectedCard, setSelectedCard, paymentGateway, handleDeleteCard, otherButtonAction, otherButtonLabel, headingClass }) => {
|
|
3121
|
-
let trash2 = S3Url + "widget/Trash.svg";
|
|
3122
3194
|
return /* @__PURE__ */ jsxs8(Fragment8, { children: [
|
|
3123
3195
|
/* @__PURE__ */ jsx15("h6", { className: headingClass || "card-ach-heading", style: { marginBottom: "10px !important" }, children: listHeading }),
|
|
3124
3196
|
/* @__PURE__ */ jsxs8("div", { className: "card-lint-div-in", children: [
|
|
@@ -3153,7 +3225,7 @@ var CardList = ({ listHeading = "Card", ListItems, selectedCard, setSelectedCard
|
|
|
3153
3225
|
] }),
|
|
3154
3226
|
/* @__PURE__ */ jsxs8("div", { className: "card-number-radio", children: [
|
|
3155
3227
|
/* @__PURE__ */ jsx15("span", { className: "visa-card", children: /* @__PURE__ */ jsx15("img", { src: getCardType(card == null ? void 0 : card.card_type), alt: "" }) }),
|
|
3156
|
-
/* @__PURE__ */ jsx15("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id), children: /* @__PURE__ */ jsx15("img", { src:
|
|
3228
|
+
/* @__PURE__ */ jsx15("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id), children: /* @__PURE__ */ jsx15("img", { src: trash, alt: "" }) })
|
|
3157
3229
|
] })
|
|
3158
3230
|
] }, card == null ? void 0 : card.id);
|
|
3159
3231
|
})) }),
|
|
@@ -3170,7 +3242,7 @@ import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-ru
|
|
|
3170
3242
|
var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax, headingClass }) => {
|
|
3171
3243
|
return /* @__PURE__ */ jsxs9(Fragment9, { children: [
|
|
3172
3244
|
/* @__PURE__ */ jsx16("h6", { className: headingClass || "card-ach-heading", style: { marginBottom: "10px !important" }, children: listHeading }),
|
|
3173
|
-
/* @__PURE__ */ jsx16("div", { className: "card-lint-div-in", children: /* @__PURE__ */ jsx16("div", { className: "card-list-div", children: ListItems && (ListItems == null ? void 0 : ListItems.length) > 0 && (ListItems == null ? void 0 : ListItems.map((
|
|
3245
|
+
/* @__PURE__ */ jsx16("div", { className: "card-lint-div-in", children: /* @__PURE__ */ jsx16("div", { className: "card-list-div", children: ListItems && (ListItems == null ? void 0 : ListItems.length) > 0 && (ListItems == null ? void 0 : ListItems.map((pax3, index) => {
|
|
3174
3246
|
return /* @__PURE__ */ jsxs9("div", { className: "card-list-single-div", children: [
|
|
3175
3247
|
/* @__PURE__ */ jsxs9("div", { className: "card-number-radio", children: [
|
|
3176
3248
|
/* @__PURE__ */ jsx16(
|
|
@@ -3180,14 +3252,14 @@ var PaxList = ({ listHeading = "Readers", ListItems, selectedPax, setSlectedPax,
|
|
|
3180
3252
|
className: "cardRadio",
|
|
3181
3253
|
name: "selected_reader",
|
|
3182
3254
|
id: "",
|
|
3183
|
-
checked: (selectedPax == null ? void 0 : selectedPax.id) === (
|
|
3184
|
-
onChange: (e) => setSlectedPax(
|
|
3255
|
+
checked: (selectedPax == null ? void 0 : selectedPax.id) === (pax3 == null ? void 0 : pax3.id),
|
|
3256
|
+
onChange: (e) => setSlectedPax(pax3)
|
|
3185
3257
|
}
|
|
3186
3258
|
),
|
|
3187
|
-
/* @__PURE__ */ jsx16("label", { htmlFor: "", className: "card-number-last-four", children:
|
|
3259
|
+
/* @__PURE__ */ jsx16("label", { htmlFor: "", className: "card-number-last-four", children: pax3 == null ? void 0 : pax3.device_name })
|
|
3188
3260
|
] }),
|
|
3189
3261
|
/* @__PURE__ */ jsx16("div", { className: "card-number-radio", children: /* @__PURE__ */ jsx16("span", { className: "visa-card", children: /* @__PURE__ */ jsx16("img", { src: pax, alt: "" }) }) })
|
|
3190
|
-
] },
|
|
3262
|
+
] }, pax3 == null ? void 0 : pax3.id);
|
|
3191
3263
|
})) }) })
|
|
3192
3264
|
] });
|
|
3193
3265
|
};
|
|
@@ -3234,9 +3306,9 @@ var FractalFields = ({ fractalStyles, tokenizerRef, isAddCard = false, isSky = f
|
|
|
3234
3306
|
instance.mountField("cvv", "cvv");
|
|
3235
3307
|
console.log("Fractal fields mounted");
|
|
3236
3308
|
return () => {
|
|
3237
|
-
var
|
|
3309
|
+
var _a18;
|
|
3238
3310
|
try {
|
|
3239
|
-
(
|
|
3311
|
+
(_a18 = instance.destroy) == null ? void 0 : _a18.call(instance);
|
|
3240
3312
|
} catch (err) {
|
|
3241
3313
|
}
|
|
3242
3314
|
tokenizerRef.current = null;
|
|
@@ -3556,7 +3628,7 @@ var DataCapFields = ({
|
|
|
3556
3628
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
3557
3629
|
import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
3558
3630
|
function GetPaymentPage(props) {
|
|
3559
|
-
var
|
|
3631
|
+
var _a18, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
3560
3632
|
const [loading, setLoading] = useState4(false);
|
|
3561
3633
|
const [loadingIframe, setLoadingIframe] = useState4(false);
|
|
3562
3634
|
const [loading2, setLoading2] = useState4(false);
|
|
@@ -3574,16 +3646,6 @@ function GetPaymentPage(props) {
|
|
|
3574
3646
|
const [isBankConsentChecked, setIsBankConsentChecked] = useState4(false);
|
|
3575
3647
|
const [errorBankConsent, setErrorBankConsent] = useState4("");
|
|
3576
3648
|
const fractalpayClientKey = props.merchantPublicKey;
|
|
3577
|
-
let mastercard2 = S3Url + "widget/mc-img.svg";
|
|
3578
|
-
let visa2 = S3Url + "widget/visa-img.svg";
|
|
3579
|
-
let americanexp2 = S3Url + "widget/ae-img.svg";
|
|
3580
|
-
let discover2 = S3Url + "widget/discover-img.svg";
|
|
3581
|
-
let defaultcard2 = S3Url + "widget/card.svg";
|
|
3582
|
-
let trash2 = S3Url + "widget/Trash.svg";
|
|
3583
|
-
let bank2 = S3Url + "widget/bank.svg";
|
|
3584
|
-
let secure2 = S3Url + "widget/secure-img.png";
|
|
3585
|
-
let pov2 = S3Url + "widget/pov-by.png";
|
|
3586
|
-
let pax2 = S3Url + "widget/pax.svg";
|
|
3587
3649
|
const [cardData, setCardData] = useState4();
|
|
3588
3650
|
const [cardError, setCardError] = useState4({});
|
|
3589
3651
|
const [achData, setAchData] = useState4();
|
|
@@ -3721,11 +3783,11 @@ function GetPaymentPage(props) {
|
|
|
3721
3783
|
}));
|
|
3722
3784
|
};
|
|
3723
3785
|
const handleCardNumberChange = (e) => {
|
|
3724
|
-
var
|
|
3786
|
+
var _a19;
|
|
3725
3787
|
const input = e.target;
|
|
3726
3788
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
3727
3789
|
input.value,
|
|
3728
|
-
(
|
|
3790
|
+
(_a19 = input.selectionStart) != null ? _a19 : 0
|
|
3729
3791
|
);
|
|
3730
3792
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
3731
3793
|
cardNumber: ""
|
|
@@ -3770,19 +3832,19 @@ function GetPaymentPage(props) {
|
|
|
3770
3832
|
}));
|
|
3771
3833
|
};
|
|
3772
3834
|
const validateCardData = () => {
|
|
3773
|
-
var
|
|
3835
|
+
var _a19, _b2;
|
|
3774
3836
|
const errors = {};
|
|
3775
3837
|
const data = cardData;
|
|
3776
|
-
if (!((
|
|
3838
|
+
if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
|
|
3777
3839
|
if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
|
|
3778
3840
|
setCardError(errors);
|
|
3779
3841
|
return Object.keys(errors).length > 0;
|
|
3780
3842
|
};
|
|
3781
3843
|
const validateAchData = () => {
|
|
3782
|
-
var
|
|
3844
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
3783
3845
|
const errors = {};
|
|
3784
3846
|
const data = achData;
|
|
3785
|
-
if (!((
|
|
3847
|
+
if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
|
|
3786
3848
|
if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
|
|
3787
3849
|
if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
|
|
3788
3850
|
if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
|
|
@@ -3800,7 +3862,7 @@ function GetPaymentPage(props) {
|
|
|
3800
3862
|
return Object.keys(errors).length > 0 || !isBankConsentChecked;
|
|
3801
3863
|
};
|
|
3802
3864
|
const submitFunc = async (e) => {
|
|
3803
|
-
var
|
|
3865
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
|
|
3804
3866
|
e.preventDefault();
|
|
3805
3867
|
const el = document.activeElement;
|
|
3806
3868
|
if (el instanceof HTMLElement) {
|
|
@@ -3881,7 +3943,7 @@ function GetPaymentPage(props) {
|
|
|
3881
3943
|
let tokenizeData;
|
|
3882
3944
|
try {
|
|
3883
3945
|
tokenizeData = await tokenizerRef.current.createToken({
|
|
3884
|
-
public_key_pem: ((_b2 = (
|
|
3946
|
+
public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
|
|
3885
3947
|
session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
|
|
3886
3948
|
});
|
|
3887
3949
|
} catch (err) {
|
|
@@ -3912,11 +3974,11 @@ function GetPaymentPage(props) {
|
|
|
3912
3974
|
};
|
|
3913
3975
|
socketClient_default.emit("sendMessage", requestOptions2);
|
|
3914
3976
|
socketClient_default.on("chargeviafractalgateway", (data) => {
|
|
3915
|
-
var
|
|
3977
|
+
var _a20;
|
|
3916
3978
|
if (isValidJson(data == null ? void 0 : data.data)) {
|
|
3917
3979
|
let paymentRes = JSON.parse(data == null ? void 0 : data.data);
|
|
3918
3980
|
if (paymentRes == null ? void 0 : paymentRes.result) {
|
|
3919
|
-
setTranId((
|
|
3981
|
+
setTranId((_a20 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a20.transactionId);
|
|
3920
3982
|
setSuccess(true);
|
|
3921
3983
|
setLoading2(false);
|
|
3922
3984
|
} else {
|
|
@@ -3979,7 +4041,7 @@ function GetPaymentPage(props) {
|
|
|
3979
4041
|
}, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken });
|
|
3980
4042
|
socketClient_default.emit("sendMessage", dataForm);
|
|
3981
4043
|
socketClient_default.on("ach-incoming", (data) => {
|
|
3982
|
-
var
|
|
4044
|
+
var _a20;
|
|
3983
4045
|
if ((data == null ? void 0 : data.status) == "Failed") {
|
|
3984
4046
|
if (typeof (data == null ? void 0 : data.message) == "object") {
|
|
3985
4047
|
Object.values(data == null ? void 0 : data.message).forEach((message) => {
|
|
@@ -3989,7 +4051,7 @@ function GetPaymentPage(props) {
|
|
|
3989
4051
|
setError((data == null ? void 0 : data.message) || "Something went wrong");
|
|
3990
4052
|
}
|
|
3991
4053
|
} else {
|
|
3992
|
-
setTranId((
|
|
4054
|
+
setTranId((_a20 = data == null ? void 0 : data.data) == null ? void 0 : _a20.transaction_id);
|
|
3993
4055
|
setSuccess(true);
|
|
3994
4056
|
setLoading2(false);
|
|
3995
4057
|
}
|
|
@@ -3998,7 +4060,7 @@ function GetPaymentPage(props) {
|
|
|
3998
4060
|
}
|
|
3999
4061
|
};
|
|
4000
4062
|
const getPaymentDetails = async () => {
|
|
4001
|
-
var
|
|
4063
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
|
|
4002
4064
|
showLoader();
|
|
4003
4065
|
try {
|
|
4004
4066
|
const data = {
|
|
@@ -4008,7 +4070,7 @@ function GetPaymentPage(props) {
|
|
|
4008
4070
|
isReader: props == null ? void 0 : props.isReader
|
|
4009
4071
|
};
|
|
4010
4072
|
let paymentData2 = await axios3.post(`${baseUrl}get-payment-details`, data);
|
|
4011
|
-
setPaymentData((
|
|
4073
|
+
setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
|
|
4012
4074
|
if (!((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.paymentGateway)) {
|
|
4013
4075
|
handleClose();
|
|
4014
4076
|
setError("Something went wrong.");
|
|
@@ -4065,7 +4127,7 @@ function GetPaymentPage(props) {
|
|
|
4065
4127
|
pass_fee: props == null ? void 0 : props.pass_fee,
|
|
4066
4128
|
require3ds: false
|
|
4067
4129
|
}, (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken });
|
|
4068
|
-
let
|
|
4130
|
+
let _a19 = chargeobj, { isCardSave, pass_fee, require3ds } = _a19, rest = __objRest(_a19, ["isCardSave", "pass_fee", "require3ds"]);
|
|
4069
4131
|
let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
|
|
4070
4132
|
let chargeurl = baseUrl + endpoint;
|
|
4071
4133
|
const headers = {
|
|
@@ -4074,9 +4136,9 @@ function GetPaymentPage(props) {
|
|
|
4074
4136
|
setLoading2(true);
|
|
4075
4137
|
socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
|
|
4076
4138
|
socketClient_default.on("charge-by-card", (response) => {
|
|
4077
|
-
var
|
|
4139
|
+
var _a20;
|
|
4078
4140
|
if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
|
|
4079
|
-
setTranId((
|
|
4141
|
+
setTranId((_a20 = response.data) == null ? void 0 : _a20.transaction_id);
|
|
4080
4142
|
setSuccess(true);
|
|
4081
4143
|
setLoading2(false);
|
|
4082
4144
|
} else {
|
|
@@ -4094,7 +4156,7 @@ function GetPaymentPage(props) {
|
|
|
4094
4156
|
}
|
|
4095
4157
|
};
|
|
4096
4158
|
const handleChargewithEMV = async (e) => {
|
|
4097
|
-
var
|
|
4159
|
+
var _a19, _b2, _c2, _d2, _e2, _f2;
|
|
4098
4160
|
e.currentTarget.blur();
|
|
4099
4161
|
if (loading2) return;
|
|
4100
4162
|
let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
|
|
@@ -4116,7 +4178,7 @@ function GetPaymentPage(props) {
|
|
|
4116
4178
|
};
|
|
4117
4179
|
try {
|
|
4118
4180
|
let response = await axios3.post(`${baseUrl}charge-with-reader`, obj);
|
|
4119
|
-
if (((
|
|
4181
|
+
if (((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) == true) {
|
|
4120
4182
|
setTranId((_c2 = (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.transaction_id);
|
|
4121
4183
|
setSuccess(true);
|
|
4122
4184
|
setLoading2(false);
|
|
@@ -4214,20 +4276,20 @@ function GetPaymentPage(props) {
|
|
|
4214
4276
|
let card_type = card == null ? void 0 : card.toLowerCase();
|
|
4215
4277
|
switch (card_type) {
|
|
4216
4278
|
case "visa":
|
|
4217
|
-
return
|
|
4279
|
+
return visa;
|
|
4218
4280
|
case "mastercard":
|
|
4219
4281
|
case "mc":
|
|
4220
4282
|
case "m/c":
|
|
4221
|
-
return
|
|
4283
|
+
return mastercard;
|
|
4222
4284
|
case "amex":
|
|
4223
4285
|
case "american express":
|
|
4224
4286
|
case "ae":
|
|
4225
|
-
return
|
|
4287
|
+
return americanexp;
|
|
4226
4288
|
case "discover":
|
|
4227
4289
|
case "dcvr":
|
|
4228
|
-
return
|
|
4290
|
+
return discover;
|
|
4229
4291
|
case "bank":
|
|
4230
|
-
return
|
|
4292
|
+
return bank;
|
|
4231
4293
|
default:
|
|
4232
4294
|
return card;
|
|
4233
4295
|
}
|
|
@@ -4291,7 +4353,7 @@ function GetPaymentPage(props) {
|
|
|
4291
4353
|
/* @__PURE__ */ jsxs11("div", { className: "amt-pay-con", children: [
|
|
4292
4354
|
/* @__PURE__ */ jsx19("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx19("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
|
|
4293
4355
|
/* @__PURE__ */ jsxs11("div", { className: "frac-card-bank-radio-main", children: [
|
|
4294
|
-
/* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (
|
|
4356
|
+
/* @__PURE__ */ jsx19(CardBankRadio, { label: "Card", amount: (_a18 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
4295
4357
|
(paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ jsx19(CardBankRadio, { label: "Bank", amount: (_b = Number(cashDiscount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab }),
|
|
4296
4358
|
(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 })
|
|
4297
4359
|
] }),
|
|
@@ -4311,8 +4373,8 @@ function GetPaymentPage(props) {
|
|
|
4311
4373
|
] })
|
|
4312
4374
|
] }),
|
|
4313
4375
|
/* @__PURE__ */ jsxs11("div", { className: "pay-conatiner-one-last", children: [
|
|
4314
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4315
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4376
|
+
/* @__PURE__ */ jsx19("img", { src: secure, alt: "" }),
|
|
4377
|
+
/* @__PURE__ */ jsx19("img", { src: pov, alt: "" }),
|
|
4316
4378
|
"Secure payments powered by Fractal"
|
|
4317
4379
|
] })
|
|
4318
4380
|
] }),
|
|
@@ -4347,12 +4409,12 @@ function GetPaymentPage(props) {
|
|
|
4347
4409
|
] }),
|
|
4348
4410
|
activetab != "ach" && /* @__PURE__ */ jsxs11("div", { children: [
|
|
4349
4411
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
4350
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4351
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4412
|
+
/* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
4413
|
+
/* @__PURE__ */ jsx19("img", { src: mastercard, width: 35, alt: "" })
|
|
4352
4414
|
] }),
|
|
4353
4415
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
4354
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4355
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4416
|
+
/* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
4417
|
+
/* @__PURE__ */ jsx19("img", { src: discover, width: 35, alt: "" })
|
|
4356
4418
|
] })
|
|
4357
4419
|
] })
|
|
4358
4420
|
] })
|
|
@@ -4376,12 +4438,12 @@ function GetPaymentPage(props) {
|
|
|
4376
4438
|
] }),
|
|
4377
4439
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
4378
4440
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
4379
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4380
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4441
|
+
/* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
4442
|
+
/* @__PURE__ */ jsx19("img", { src: mastercard, width: 35, alt: "" })
|
|
4381
4443
|
] }),
|
|
4382
4444
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
4383
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4384
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4445
|
+
/* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
4446
|
+
/* @__PURE__ */ jsx19("img", { src: discover, width: 35, alt: "" })
|
|
4385
4447
|
] })
|
|
4386
4448
|
] })
|
|
4387
4449
|
] })
|
|
@@ -4396,10 +4458,10 @@ function GetPaymentPage(props) {
|
|
|
4396
4458
|
/* @__PURE__ */ jsx19("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
4397
4459
|
] }),
|
|
4398
4460
|
activetab != "ach" && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
4399
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4400
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4401
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4402
|
-
/* @__PURE__ */ jsx19("img", { src:
|
|
4461
|
+
/* @__PURE__ */ jsx19("img", { src: visa, alt: "", width: 33 }),
|
|
4462
|
+
/* @__PURE__ */ jsx19("img", { src: mastercard, width: 33, alt: "" }),
|
|
4463
|
+
/* @__PURE__ */ jsx19("img", { src: americanexp, alt: "", width: 33 }),
|
|
4464
|
+
/* @__PURE__ */ jsx19("img", { src: discover, width: 33, alt: "" })
|
|
4403
4465
|
] })
|
|
4404
4466
|
] }),
|
|
4405
4467
|
activeinCard === "list" ? /* @__PURE__ */ jsxs11(Fragment11, { children: [
|
|
@@ -4771,9 +4833,9 @@ import axios4 from "axios";
|
|
|
4771
4833
|
import Swal2 from "sweetalert2";
|
|
4772
4834
|
import { IoArrowBack as IoArrowBack2 } from "react-icons/io5";
|
|
4773
4835
|
import { Fragment as Fragment12, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
4774
|
-
function PreAuthPayment(
|
|
4775
|
-
var _b =
|
|
4776
|
-
var
|
|
4836
|
+
function PreAuthPayment(_a18) {
|
|
4837
|
+
var _b = _a18, { showButton = true } = _b, props = __objRest(_b, ["showButton"]);
|
|
4838
|
+
var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
4777
4839
|
const [loading, setLoading] = useState5(false);
|
|
4778
4840
|
const [loading2, setLoading2] = useState5(false);
|
|
4779
4841
|
const [error, setError] = useState5("");
|
|
@@ -4815,15 +4877,6 @@ function PreAuthPayment(_a) {
|
|
|
4815
4877
|
});
|
|
4816
4878
|
}
|
|
4817
4879
|
}, [props]);
|
|
4818
|
-
let mastercard2 = S3Url + "widget/mc-img.svg";
|
|
4819
|
-
let visa2 = S3Url + "widget/visa-img.svg";
|
|
4820
|
-
let americanexp2 = S3Url + "widget/ae-img.svg";
|
|
4821
|
-
let discover2 = S3Url + "widget/discover-img.svg";
|
|
4822
|
-
let defaultcard2 = S3Url + "widget/card.svg";
|
|
4823
|
-
let trash2 = S3Url + "widget/Trash.svg";
|
|
4824
|
-
let bank2 = S3Url + "widget/bank.svg";
|
|
4825
|
-
let secure2 = S3Url + "widget/secure-img.png";
|
|
4826
|
-
let pov2 = S3Url + "widget/pov-by.png";
|
|
4827
4880
|
const [cardData, setCardData] = useState5();
|
|
4828
4881
|
const [cardError, setCardError] = useState5({});
|
|
4829
4882
|
const [cardList, setCardList] = useState5([]);
|
|
@@ -4905,12 +4958,12 @@ function PreAuthPayment(_a) {
|
|
|
4905
4958
|
}));
|
|
4906
4959
|
};
|
|
4907
4960
|
const handleCardNumberChange = (e) => {
|
|
4908
|
-
var
|
|
4961
|
+
var _a20;
|
|
4909
4962
|
const input = e.target;
|
|
4910
4963
|
const rawValue = input.value.replace(/\D/g, "");
|
|
4911
4964
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
4912
4965
|
input.value,
|
|
4913
|
-
(
|
|
4966
|
+
(_a20 = input.selectionStart) != null ? _a20 : 0
|
|
4914
4967
|
);
|
|
4915
4968
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
4916
4969
|
cardNumber: ""
|
|
@@ -4923,16 +4976,16 @@ function PreAuthPayment(_a) {
|
|
|
4923
4976
|
});
|
|
4924
4977
|
};
|
|
4925
4978
|
const validateCardData = () => {
|
|
4926
|
-
var
|
|
4979
|
+
var _a20, _b3;
|
|
4927
4980
|
const errors = {};
|
|
4928
4981
|
const data = cardData;
|
|
4929
|
-
if (!((
|
|
4982
|
+
if (!((_a20 = data == null ? void 0 : data.cardName) == null ? void 0 : _a20.trim())) errors.cardName = "Card name is required";
|
|
4930
4983
|
if (!((_b3 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b3.trim())) errors.zipCode = "ZIP code is required";
|
|
4931
4984
|
setCardError(errors);
|
|
4932
4985
|
return Object.keys(errors).length > 0;
|
|
4933
4986
|
};
|
|
4934
4987
|
const submitFunc = async (e) => {
|
|
4935
|
-
var
|
|
4988
|
+
var _a20, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n;
|
|
4936
4989
|
e.preventDefault();
|
|
4937
4990
|
const el = document.activeElement;
|
|
4938
4991
|
if (el instanceof HTMLElement) {
|
|
@@ -4979,13 +5032,13 @@ function PreAuthPayment(_a) {
|
|
|
4979
5032
|
};
|
|
4980
5033
|
socketClient_default.emit("sendMessage", __spreadValues(__spreadProps(__spreadValues({}, requestOptions), { "isChargePreauth": true }), (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken }));
|
|
4981
5034
|
socketClient_default.on("charge-preauth", (data) => {
|
|
4982
|
-
var
|
|
5035
|
+
var _a21;
|
|
4983
5036
|
if ((data == null ? void 0 : data.status) == "Failed") {
|
|
4984
5037
|
setLoading2(false);
|
|
4985
5038
|
setError((data == null ? void 0 : data.message) || "Something went wrong. Please try again later.");
|
|
4986
5039
|
} else {
|
|
4987
5040
|
setSuccess(true);
|
|
4988
|
-
setTranId((
|
|
5041
|
+
setTranId((_a21 = data == null ? void 0 : data.data) == null ? void 0 : _a21.transaction_id);
|
|
4989
5042
|
setLoading2(false);
|
|
4990
5043
|
setCardData({
|
|
4991
5044
|
cardName: "",
|
|
@@ -5011,7 +5064,7 @@ function PreAuthPayment(_a) {
|
|
|
5011
5064
|
let tokenizeData;
|
|
5012
5065
|
try {
|
|
5013
5066
|
tokenizeData = await tokenizerRef.current.createToken({
|
|
5014
|
-
public_key_pem: ((_b3 = (
|
|
5067
|
+
public_key_pem: ((_b3 = (_a20 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a20.data) == null ? void 0 : _b3.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
|
|
5015
5068
|
session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
|
|
5016
5069
|
});
|
|
5017
5070
|
} catch (err) {
|
|
@@ -5052,12 +5105,12 @@ function PreAuthPayment(_a) {
|
|
|
5052
5105
|
};
|
|
5053
5106
|
socketClient_default.emit("sendMessage", __spreadValues(__spreadProps(__spreadValues({}, requestOptions2), { "isFractalPreauth": true }), (props == null ? void 0 : props.sessionToken) && { sessionToken: props.sessionToken }));
|
|
5054
5107
|
socketClient_default.on("fractal-charge-preauth", (data) => {
|
|
5055
|
-
var
|
|
5108
|
+
var _a21;
|
|
5056
5109
|
if ((data == null ? void 0 : data.status) == "Failed") {
|
|
5057
5110
|
setLoading2(false);
|
|
5058
5111
|
setError((data == null ? void 0 : data.message) || "Something went wrong , Try again later");
|
|
5059
5112
|
} else {
|
|
5060
|
-
setTranId((
|
|
5113
|
+
setTranId((_a21 = data == null ? void 0 : data.data) == null ? void 0 : _a21.transaction_id);
|
|
5061
5114
|
setSuccess(true);
|
|
5062
5115
|
setLoading2(false);
|
|
5063
5116
|
}
|
|
@@ -5093,7 +5146,7 @@ function PreAuthPayment(_a) {
|
|
|
5093
5146
|
}
|
|
5094
5147
|
};
|
|
5095
5148
|
const getPaymentDetails = async () => {
|
|
5096
|
-
var
|
|
5149
|
+
var _a20, _b3, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
5097
5150
|
showLoader();
|
|
5098
5151
|
try {
|
|
5099
5152
|
const data = {
|
|
@@ -5103,7 +5156,7 @@ function PreAuthPayment(_a) {
|
|
|
5103
5156
|
isReader: (props == null ? void 0 : props.isReader) ? true : false
|
|
5104
5157
|
};
|
|
5105
5158
|
let paymentData2 = await axios4.post(`${baseUrl}get-payment-details`, data);
|
|
5106
|
-
setPaymentData((
|
|
5159
|
+
setPaymentData((_a20 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a20.data);
|
|
5107
5160
|
if (!((_c2 = (_b3 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b3.data) == null ? void 0 : _c2.paymentGateway)) {
|
|
5108
5161
|
handleClose();
|
|
5109
5162
|
setError("Something went wrong.");
|
|
@@ -5157,7 +5210,7 @@ function PreAuthPayment(_a) {
|
|
|
5157
5210
|
tax,
|
|
5158
5211
|
preAuth_id
|
|
5159
5212
|
};
|
|
5160
|
-
let
|
|
5213
|
+
let _a20 = chargeobj, { isCardSave } = _a20, rest = __objRest(_a20, ["isCardSave"]);
|
|
5161
5214
|
let endpoint = "authorize-by-card";
|
|
5162
5215
|
let chargeurl = baseUrl + endpoint;
|
|
5163
5216
|
const headers = __spreadValues({
|
|
@@ -5246,20 +5299,20 @@ function PreAuthPayment(_a) {
|
|
|
5246
5299
|
let card_type = card == null ? void 0 : card.toLowerCase();
|
|
5247
5300
|
switch (card_type) {
|
|
5248
5301
|
case "visa":
|
|
5249
|
-
return
|
|
5302
|
+
return visa;
|
|
5250
5303
|
case "mastercard":
|
|
5251
5304
|
case "mc":
|
|
5252
5305
|
case "m/c":
|
|
5253
|
-
return
|
|
5306
|
+
return mastercard;
|
|
5254
5307
|
case "amex":
|
|
5255
5308
|
case "american express":
|
|
5256
5309
|
case "ae":
|
|
5257
|
-
return
|
|
5310
|
+
return americanexp;
|
|
5258
5311
|
case "discover":
|
|
5259
5312
|
case "dcvr":
|
|
5260
|
-
return
|
|
5313
|
+
return discover;
|
|
5261
5314
|
case "bank":
|
|
5262
|
-
return
|
|
5315
|
+
return bank;
|
|
5263
5316
|
default:
|
|
5264
5317
|
return card;
|
|
5265
5318
|
}
|
|
@@ -5268,7 +5321,7 @@ function PreAuthPayment(_a) {
|
|
|
5268
5321
|
setActive(id);
|
|
5269
5322
|
};
|
|
5270
5323
|
const handleChargewithEMV = async (e) => {
|
|
5271
|
-
var
|
|
5324
|
+
var _a20, _b3, _c2, _d2, _e2, _f2;
|
|
5272
5325
|
e.currentTarget.blur();
|
|
5273
5326
|
if (loading2) return;
|
|
5274
5327
|
let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
|
|
@@ -5291,7 +5344,7 @@ function PreAuthPayment(_a) {
|
|
|
5291
5344
|
};
|
|
5292
5345
|
try {
|
|
5293
5346
|
let response = await axios4.post(`${baseUrl}charge-with-reader`, obj);
|
|
5294
|
-
if (((
|
|
5347
|
+
if (((_a20 = response == null ? void 0 : response.data) == null ? void 0 : _a20.result) == true) {
|
|
5295
5348
|
setTranId((_c2 = (_b3 = response == null ? void 0 : response.data) == null ? void 0 : _b3.data) == null ? void 0 : _c2.transaction_id);
|
|
5296
5349
|
setSuccess(true);
|
|
5297
5350
|
setLoading2(false);
|
|
@@ -5360,14 +5413,14 @@ function PreAuthPayment(_a) {
|
|
|
5360
5413
|
/* @__PURE__ */ jsxs12("div", { className: "amt-pay-con", children: [
|
|
5361
5414
|
/* @__PURE__ */ jsx20("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx20("small", { className: "pay-payment-amount", children: "Select paymet type" }) }),
|
|
5362
5415
|
/* @__PURE__ */ jsxs12("div", { className: "frac-card-bank-radio-main", children: [
|
|
5363
|
-
/* @__PURE__ */ jsx20(CardBankRadio, { label: "Card", amount: (
|
|
5416
|
+
/* @__PURE__ */ jsx20(CardBankRadio, { label: "Card", amount: (_a19 = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _a19.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
5364
5417
|
(props == null ? void 0 : props.isReader) && (paymentData == null ? void 0 : paymentData.paymentDeviceList) && ((_b2 = paymentData == null ? void 0 : paymentData.paymentDeviceList) == null ? void 0 : _b2.length) > 0 && /* @__PURE__ */ jsx20(CardBankRadio, { label: "Reader", amount: (_c = Number(props == null ? void 0 : props.amount)) == null ? void 0 : _c.toFixed(2), value: "reader", onChange: handletabchange, activetab })
|
|
5365
5418
|
] })
|
|
5366
5419
|
] })
|
|
5367
5420
|
] }),
|
|
5368
5421
|
/* @__PURE__ */ jsxs12("div", { className: "pay-conatiner-one-last", children: [
|
|
5369
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5370
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5422
|
+
/* @__PURE__ */ jsx20("img", { src: secure, alt: "" }),
|
|
5423
|
+
/* @__PURE__ */ jsx20("img", { src: pov, alt: "" }),
|
|
5371
5424
|
"Secure payments powered by Fractal"
|
|
5372
5425
|
] }),
|
|
5373
5426
|
/* @__PURE__ */ jsx20("div", {})
|
|
@@ -5381,12 +5434,12 @@ function PreAuthPayment(_a) {
|
|
|
5381
5434
|
] }),
|
|
5382
5435
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5383
5436
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5384
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5385
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5437
|
+
/* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
5438
|
+
/* @__PURE__ */ jsx20("img", { src: mastercard, width: 35, alt: "" })
|
|
5386
5439
|
] }),
|
|
5387
5440
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5388
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5389
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5441
|
+
/* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
5442
|
+
/* @__PURE__ */ jsx20("img", { src: discover, width: 35, alt: "" })
|
|
5390
5443
|
] })
|
|
5391
5444
|
] })
|
|
5392
5445
|
] }),
|
|
@@ -5406,12 +5459,12 @@ function PreAuthPayment(_a) {
|
|
|
5406
5459
|
] }),
|
|
5407
5460
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5408
5461
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5409
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5410
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5462
|
+
/* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
5463
|
+
/* @__PURE__ */ jsx20("img", { src: mastercard, width: 35, alt: "" })
|
|
5411
5464
|
] }),
|
|
5412
5465
|
/* @__PURE__ */ jsxs12("div", { children: [
|
|
5413
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5414
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5466
|
+
/* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
5467
|
+
/* @__PURE__ */ jsx20("img", { src: discover, width: 35, alt: "" })
|
|
5415
5468
|
] })
|
|
5416
5469
|
] })
|
|
5417
5470
|
] }),
|
|
@@ -5433,10 +5486,10 @@ function PreAuthPayment(_a) {
|
|
|
5433
5486
|
/* @__PURE__ */ jsx20("h6", { className: "frac-card-payment-heading", children: "Card Authorization" })
|
|
5434
5487
|
] }),
|
|
5435
5488
|
activetab != "ach" && /* @__PURE__ */ jsxs12("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
5436
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5437
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5438
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5439
|
-
/* @__PURE__ */ jsx20("img", { src:
|
|
5489
|
+
/* @__PURE__ */ jsx20("img", { src: visa, alt: "", width: 33 }),
|
|
5490
|
+
/* @__PURE__ */ jsx20("img", { src: mastercard, width: 33, alt: "" }),
|
|
5491
|
+
/* @__PURE__ */ jsx20("img", { src: americanexp, alt: "", width: 33 }),
|
|
5492
|
+
/* @__PURE__ */ jsx20("img", { src: discover, width: 33, alt: "" })
|
|
5440
5493
|
] })
|
|
5441
5494
|
] }),
|
|
5442
5495
|
activeinCard === "list" ? /* @__PURE__ */ jsxs12(Fragment12, { children: [
|
|
@@ -6058,7 +6111,7 @@ var SuccessCardMsz_default = SuccessCardMsz;
|
|
|
6058
6111
|
// src/app/components/AddCard/AddCardEasyPay.tsx
|
|
6059
6112
|
import { Fragment as Fragment14, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
6060
6113
|
function AddCardEasyPay(props) {
|
|
6061
|
-
var
|
|
6114
|
+
var _a18, _b;
|
|
6062
6115
|
const [loading, setLoading] = useState6(false);
|
|
6063
6116
|
const [loadingIframe, setLoadingIframe] = useState6(false);
|
|
6064
6117
|
const [errorIframe, setErrorIframe] = useState6("");
|
|
@@ -6126,11 +6179,11 @@ function AddCardEasyPay(props) {
|
|
|
6126
6179
|
handleClose();
|
|
6127
6180
|
};
|
|
6128
6181
|
const handleCardChange = (field, value) => {
|
|
6129
|
-
var
|
|
6182
|
+
var _a19, _b2, _c;
|
|
6130
6183
|
const name2 = field;
|
|
6131
6184
|
const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
|
|
6132
6185
|
if (name2 === "expiryMonth" && (value == null ? void 0 : value.length) === 2) {
|
|
6133
|
-
(
|
|
6186
|
+
(_a19 = exp_year_ref == null ? void 0 : exp_year_ref.current) == null ? void 0 : _a19.focus();
|
|
6134
6187
|
}
|
|
6135
6188
|
if (name2 === "expiryYear" && (value == null ? void 0 : value.length) === 4) {
|
|
6136
6189
|
(_b2 = cvv_ref == null ? void 0 : cvv_ref.current) == null ? void 0 : _b2.focus();
|
|
@@ -6157,12 +6210,12 @@ function AddCardEasyPay(props) {
|
|
|
6157
6210
|
}));
|
|
6158
6211
|
};
|
|
6159
6212
|
const handleCardNumberChange = (e) => {
|
|
6160
|
-
var
|
|
6213
|
+
var _a19, _b2;
|
|
6161
6214
|
const input = e.target;
|
|
6162
6215
|
const rawValue = input.value.replace(/\D/g, "");
|
|
6163
6216
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
6164
6217
|
input.value,
|
|
6165
|
-
(
|
|
6218
|
+
(_a19 = input.selectionStart) != null ? _a19 : 0
|
|
6166
6219
|
);
|
|
6167
6220
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
6168
6221
|
cardNumber: ""
|
|
@@ -6178,15 +6231,15 @@ function AddCardEasyPay(props) {
|
|
|
6178
6231
|
});
|
|
6179
6232
|
};
|
|
6180
6233
|
const validateCardData = () => {
|
|
6181
|
-
var
|
|
6234
|
+
var _a19;
|
|
6182
6235
|
const errors = {};
|
|
6183
6236
|
const data = cardData;
|
|
6184
|
-
if (!((
|
|
6237
|
+
if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
|
|
6185
6238
|
setCardError(errors);
|
|
6186
6239
|
return Object.keys(errors).length > 0;
|
|
6187
6240
|
};
|
|
6188
6241
|
const getPaymentDetails = async () => {
|
|
6189
|
-
var
|
|
6242
|
+
var _a19, _b2, _c;
|
|
6190
6243
|
showLoader();
|
|
6191
6244
|
try {
|
|
6192
6245
|
const data = {
|
|
@@ -6195,7 +6248,7 @@ function AddCardEasyPay(props) {
|
|
|
6195
6248
|
addcard: true
|
|
6196
6249
|
};
|
|
6197
6250
|
let paymentData2 = await axios5.post(`${baseUrl}get-payment-details`, data);
|
|
6198
|
-
setPaymentData((
|
|
6251
|
+
setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
|
|
6199
6252
|
if (!((_c = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c.paymentGateway)) {
|
|
6200
6253
|
handleClose();
|
|
6201
6254
|
setError("Something went wrong.");
|
|
@@ -6214,7 +6267,7 @@ function AddCardEasyPay(props) {
|
|
|
6214
6267
|
}
|
|
6215
6268
|
}, [props == null ? void 0 : props.merchantPublicKey]);
|
|
6216
6269
|
const addCardFunc = async (e) => {
|
|
6217
|
-
var
|
|
6270
|
+
var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
|
|
6218
6271
|
e.preventDefault();
|
|
6219
6272
|
e.currentTarget.blur();
|
|
6220
6273
|
const el = document.activeElement;
|
|
@@ -6232,7 +6285,7 @@ function AddCardEasyPay(props) {
|
|
|
6232
6285
|
showLoader();
|
|
6233
6286
|
try {
|
|
6234
6287
|
let getTokenCallback = async function(token) {
|
|
6235
|
-
var
|
|
6288
|
+
var _a20, _b3, _c2;
|
|
6236
6289
|
if (token.Error) {
|
|
6237
6290
|
setError(token.Error);
|
|
6238
6291
|
hideLoader();
|
|
@@ -6246,7 +6299,7 @@ function AddCardEasyPay(props) {
|
|
|
6246
6299
|
};
|
|
6247
6300
|
try {
|
|
6248
6301
|
let apiResponse = await axios5.post(`${baseUrl}add-card`, reqData);
|
|
6249
|
-
if ((
|
|
6302
|
+
if ((_a20 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a20.result) {
|
|
6250
6303
|
setSuccess(true);
|
|
6251
6304
|
hideLoader();
|
|
6252
6305
|
setCardData({
|
|
@@ -6276,7 +6329,7 @@ function AddCardEasyPay(props) {
|
|
|
6276
6329
|
let sesionResult = await axios5.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
|
|
6277
6330
|
try {
|
|
6278
6331
|
const tokenizeData = await tokenizerRef.current.createToken({
|
|
6279
|
-
public_key_pem: ((_b2 = (
|
|
6332
|
+
public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
|
|
6280
6333
|
session_key: (_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key
|
|
6281
6334
|
});
|
|
6282
6335
|
const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
|
|
@@ -6414,7 +6467,7 @@ function AddCardEasyPay(props) {
|
|
|
6414
6467
|
id: "",
|
|
6415
6468
|
name: "zipcode",
|
|
6416
6469
|
placeholder: "Zip",
|
|
6417
|
-
value: (
|
|
6470
|
+
value: (_a18 = cardData == null ? void 0 : cardData.zipCode) != null ? _a18 : "",
|
|
6418
6471
|
onChange: (e) => handleCardChange("zipCode", e.target.value)
|
|
6419
6472
|
}
|
|
6420
6473
|
),
|
|
@@ -6738,9 +6791,9 @@ var FractalFieldsAddCardSky = ({ fractalStyles, tokenizerRef, extraInputs }) =>
|
|
|
6738
6791
|
instance.mountField("cvv", "cvv");
|
|
6739
6792
|
console.log("Fractal fields mounted");
|
|
6740
6793
|
return () => {
|
|
6741
|
-
var
|
|
6794
|
+
var _a18;
|
|
6742
6795
|
try {
|
|
6743
|
-
(
|
|
6796
|
+
(_a18 = instance.destroy) == null ? void 0 : _a18.call(instance);
|
|
6744
6797
|
} catch (err) {
|
|
6745
6798
|
}
|
|
6746
6799
|
tokenizerRef.current = null;
|
|
@@ -6813,7 +6866,7 @@ var FractalFieldsAddCardSky_default = FractalFieldsAddCardSky;
|
|
|
6813
6866
|
// src/app/components/AddCard/AddCardSky.tsx
|
|
6814
6867
|
import { Fragment as Fragment16, jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
6815
6868
|
function CardOnFile({ session_token, callback, isloading, onCancel, showChecks, merchantName, signCheckbox, checkedSignCheckbox, onCheckSign, cancelbtnClass, savebtnClass, inputClass, isDual, customCSS: customCSS2, height }) {
|
|
6816
|
-
var
|
|
6869
|
+
var _a18, _b;
|
|
6817
6870
|
const [loading, setLoading] = useState7(false);
|
|
6818
6871
|
const [errorIframe, setErrorIframe] = useState7("");
|
|
6819
6872
|
const [loadingIframe, setLoadingIframe] = useState7(false);
|
|
@@ -6850,10 +6903,10 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6850
6903
|
}
|
|
6851
6904
|
};
|
|
6852
6905
|
const validateCardData = () => {
|
|
6853
|
-
var
|
|
6906
|
+
var _a19, _b2, _c;
|
|
6854
6907
|
const errors = {};
|
|
6855
6908
|
const data = cardData;
|
|
6856
|
-
if (!((
|
|
6909
|
+
if (!((_a19 = data == null ? void 0 : data.firstName) == null ? void 0 : _a19.trim())) errors.firstName = "Please enter a first name.";
|
|
6857
6910
|
if (!((_b2 = data == null ? void 0 : data.lastName) == null ? void 0 : _b2.trim())) errors.lastName = "Please enter a last name.";
|
|
6858
6911
|
if (!((_c = data == null ? void 0 : data.zipCode) == null ? void 0 : _c.trim())) errors.zipCode = "Please enter a zip code.";
|
|
6859
6912
|
if (signCheckbox && !checkedSignCheckbox) errors.checkSign = "You must authorize this before proceeding.";
|
|
@@ -6863,12 +6916,12 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6863
6916
|
return Object.keys(errors).length > 0;
|
|
6864
6917
|
};
|
|
6865
6918
|
const handleCardNumberChange = (e) => {
|
|
6866
|
-
var
|
|
6919
|
+
var _a19;
|
|
6867
6920
|
const input = e.target;
|
|
6868
6921
|
const rawValue = input.value.replace(/\D/g, "");
|
|
6869
6922
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
6870
6923
|
input.value,
|
|
6871
|
-
(
|
|
6924
|
+
(_a19 = input.selectionStart) != null ? _a19 : 0
|
|
6872
6925
|
);
|
|
6873
6926
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
6874
6927
|
cardNumber: ""
|
|
@@ -6913,7 +6966,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6913
6966
|
return validCard && validCVV && validExpirationDate;
|
|
6914
6967
|
};
|
|
6915
6968
|
const handleTokenCallback = async (token) => {
|
|
6916
|
-
var
|
|
6969
|
+
var _a19, _b2;
|
|
6917
6970
|
if (token.Error) {
|
|
6918
6971
|
setError(token.Error);
|
|
6919
6972
|
hideLoader();
|
|
@@ -6925,7 +6978,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6925
6978
|
const updateToken = await axios6.post(`${masterBaseUrl}api/v1/gateway/update/token/${session_token}`, data);
|
|
6926
6979
|
if ((updateToken == null ? void 0 : updateToken.status) == 200) {
|
|
6927
6980
|
let respData = __spreadValues(__spreadValues({
|
|
6928
|
-
Token: (_b2 = (
|
|
6981
|
+
Token: (_b2 = (_a19 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token,
|
|
6929
6982
|
Brand: token.Brand,
|
|
6930
6983
|
ExpirationMonth: token.ExpirationMonth,
|
|
6931
6984
|
ExpirationYear: token.ExpirationYear,
|
|
@@ -6940,7 +6993,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6940
6993
|
}
|
|
6941
6994
|
};
|
|
6942
6995
|
const handleFractalTokenFlow = async () => {
|
|
6943
|
-
var
|
|
6996
|
+
var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
6944
6997
|
try {
|
|
6945
6998
|
const requestOptions = {
|
|
6946
6999
|
method: "POST",
|
|
@@ -6950,7 +7003,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6950
7003
|
let tokenizeData;
|
|
6951
7004
|
try {
|
|
6952
7005
|
tokenizeData = await tokenizerRef.current.createToken({
|
|
6953
|
-
public_key_pem: ((_b2 = (
|
|
7006
|
+
public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d = (_c = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.public_key_pem),
|
|
6954
7007
|
session_key: (_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key
|
|
6955
7008
|
});
|
|
6956
7009
|
} catch (err) {
|
|
@@ -6997,7 +7050,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
6997
7050
|
}
|
|
6998
7051
|
};
|
|
6999
7052
|
const handleCardAdd = async (e) => {
|
|
7000
|
-
var
|
|
7053
|
+
var _a19, _b2, _c, _d, _e, _f, _g;
|
|
7001
7054
|
e.preventDefault();
|
|
7002
7055
|
const el = document.activeElement;
|
|
7003
7056
|
if (el instanceof HTMLElement) {
|
|
@@ -7016,7 +7069,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
7016
7069
|
}
|
|
7017
7070
|
});
|
|
7018
7071
|
if ((result == null ? void 0 : result.status) == 200) {
|
|
7019
|
-
const gatewayToken = (_b2 = (
|
|
7072
|
+
const gatewayToken = (_b2 = (_a19 = result == null ? void 0 : result.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token;
|
|
7020
7073
|
const paymentGateway2 = (_d = (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.data) == null ? void 0 : _d.paymentGateway;
|
|
7021
7074
|
if (paymentGateway2 == ((_e = PaymentMethodKeys) == null ? void 0 : _e.FRACTALKEY)) {
|
|
7022
7075
|
await handleFractalTokenFlow();
|
|
@@ -7059,12 +7112,12 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
7059
7112
|
onCancel();
|
|
7060
7113
|
};
|
|
7061
7114
|
const getPaymentDetails = async () => {
|
|
7062
|
-
var
|
|
7115
|
+
var _a19, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
|
|
7063
7116
|
try {
|
|
7064
7117
|
showLoader();
|
|
7065
7118
|
const res = await axios6.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`);
|
|
7066
7119
|
if ((res == null ? void 0 : res.status) == 200) {
|
|
7067
|
-
setPaymentGateway((_b2 = (
|
|
7120
|
+
setPaymentGateway((_b2 = (_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.paymentGateway);
|
|
7068
7121
|
setDCToken((_d = (_c = res == null ? void 0 : res.data) == null ? void 0 : _c.data) == null ? void 0 : _d.dctoken);
|
|
7069
7122
|
hideLoader();
|
|
7070
7123
|
}
|
|
@@ -7167,7 +7220,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
|
|
|
7167
7220
|
type: "text",
|
|
7168
7221
|
name: "zipcode",
|
|
7169
7222
|
placeholder: "Zip Code",
|
|
7170
|
-
value: (
|
|
7223
|
+
value: (_a18 = cardData == null ? void 0 : cardData.zipCode) != null ? _a18 : "",
|
|
7171
7224
|
onChange: (e) => handleCardChange("zipCode", e.target.value),
|
|
7172
7225
|
className: inputClass
|
|
7173
7226
|
}
|
|
@@ -7450,7 +7503,7 @@ import { IoArrowBack as IoArrowBack3 } from "react-icons/io5";
|
|
|
7450
7503
|
import { NumericFormat } from "react-number-format";
|
|
7451
7504
|
import { Fragment as Fragment17, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
7452
7505
|
function PartialPayment(props) {
|
|
7453
|
-
var
|
|
7506
|
+
var _a18, _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, _A;
|
|
7454
7507
|
const buttonRef = useRef8(null);
|
|
7455
7508
|
useEffect13(() => {
|
|
7456
7509
|
if (props.onTriggerPay) {
|
|
@@ -7459,16 +7512,6 @@ function PartialPayment(props) {
|
|
|
7459
7512
|
});
|
|
7460
7513
|
}
|
|
7461
7514
|
}, [props]);
|
|
7462
|
-
let mastercard2 = S3Url + "widget/mc-img.svg";
|
|
7463
|
-
let visa2 = S3Url + "widget/visa-img.svg";
|
|
7464
|
-
let americanexp2 = S3Url + "widget/ae-img.svg";
|
|
7465
|
-
let discover2 = S3Url + "widget/discover-img.svg";
|
|
7466
|
-
let defaultcard2 = S3Url + "widget/card.svg";
|
|
7467
|
-
let trash2 = S3Url + "widget/Trash.svg";
|
|
7468
|
-
let bank2 = S3Url + "widget/bank.svg";
|
|
7469
|
-
let secure2 = S3Url + "widget/secure-img.png";
|
|
7470
|
-
let pov2 = S3Url + "widget/pov-by.png";
|
|
7471
|
-
let pax2 = S3Url + "widget/pax.svg";
|
|
7472
7515
|
const [loading, setLoading] = useState8(false);
|
|
7473
7516
|
const [loading2, setLoading2] = useState8(false);
|
|
7474
7517
|
const [loadingIframe, setLoadingIframe] = useState8(false);
|
|
@@ -7638,12 +7681,12 @@ function PartialPayment(props) {
|
|
|
7638
7681
|
}));
|
|
7639
7682
|
};
|
|
7640
7683
|
const handleCardNumberChange = (e) => {
|
|
7641
|
-
var
|
|
7684
|
+
var _a19;
|
|
7642
7685
|
const input = e.target;
|
|
7643
7686
|
const rawValue = input.value.replace(/\D/g, "");
|
|
7644
7687
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
7645
7688
|
input.value,
|
|
7646
|
-
(
|
|
7689
|
+
(_a19 = input.selectionStart) != null ? _a19 : 0
|
|
7647
7690
|
);
|
|
7648
7691
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
7649
7692
|
cardNumber: ""
|
|
@@ -7688,19 +7731,19 @@ function PartialPayment(props) {
|
|
|
7688
7731
|
}));
|
|
7689
7732
|
};
|
|
7690
7733
|
const validateCardData = () => {
|
|
7691
|
-
var
|
|
7734
|
+
var _a19, _b2;
|
|
7692
7735
|
const errors = {};
|
|
7693
7736
|
const data = cardData;
|
|
7694
|
-
if (!((
|
|
7737
|
+
if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
|
|
7695
7738
|
if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
|
|
7696
7739
|
setCardError(errors);
|
|
7697
7740
|
return Object.keys(errors).length > 0;
|
|
7698
7741
|
};
|
|
7699
7742
|
const validateAchData = () => {
|
|
7700
|
-
var
|
|
7743
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
7701
7744
|
const errors = {};
|
|
7702
7745
|
const data = achData;
|
|
7703
|
-
if (!((
|
|
7746
|
+
if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
|
|
7704
7747
|
if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
|
|
7705
7748
|
if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
|
|
7706
7749
|
if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
|
|
@@ -7718,7 +7761,7 @@ function PartialPayment(props) {
|
|
|
7718
7761
|
return Object.keys(errors).length > 0 || !isBankConsentChecked;
|
|
7719
7762
|
};
|
|
7720
7763
|
const submitFunc = async (e) => {
|
|
7721
|
-
var
|
|
7764
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2;
|
|
7722
7765
|
e.preventDefault();
|
|
7723
7766
|
const el = document.activeElement;
|
|
7724
7767
|
if (el instanceof HTMLElement) {
|
|
@@ -7739,7 +7782,7 @@ function PartialPayment(props) {
|
|
|
7739
7782
|
setLoading2(true);
|
|
7740
7783
|
try {
|
|
7741
7784
|
let tokenCallback = async function(response) {
|
|
7742
|
-
var
|
|
7785
|
+
var _a20, _b3;
|
|
7743
7786
|
if (response.Error) {
|
|
7744
7787
|
setError(response.Error);
|
|
7745
7788
|
setLoading2(false);
|
|
@@ -7750,7 +7793,7 @@ function PartialPayment(props) {
|
|
|
7750
7793
|
response.postal_code = postal_code;
|
|
7751
7794
|
response.isCardSave = `${saveCardInfo}`;
|
|
7752
7795
|
response.isCharge = true;
|
|
7753
|
-
response.posSalesIdEncode = (
|
|
7796
|
+
response.posSalesIdEncode = (_a20 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _a20.orderId;
|
|
7754
7797
|
response.partial_amount = partialAmount && !partialError ? partialAmount : aftertaxAmount;
|
|
7755
7798
|
socketClient_default.emit("sendMessage", response);
|
|
7756
7799
|
let eventName = (_b3 = paymentData == null ? void 0 : paymentData.orderDetails) == null ? void 0 : _b3.orderId;
|
|
@@ -7790,7 +7833,7 @@ function PartialPayment(props) {
|
|
|
7790
7833
|
let sesionResult = await axios7.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
|
|
7791
7834
|
try {
|
|
7792
7835
|
const tokenizeData = await tokenizerRef.current.createToken({
|
|
7793
|
-
public_key_pem: ((_b2 = (
|
|
7836
|
+
public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
|
|
7794
7837
|
session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
|
|
7795
7838
|
});
|
|
7796
7839
|
const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
|
|
@@ -7817,11 +7860,11 @@ function PartialPayment(props) {
|
|
|
7817
7860
|
};
|
|
7818
7861
|
socketClient_default.emit("sendMessage", requestOptions2);
|
|
7819
7862
|
socketClient_default.on("chargeviafractalgateway", (data) => {
|
|
7820
|
-
var
|
|
7863
|
+
var _a20;
|
|
7821
7864
|
if (isValidJson(data == null ? void 0 : data.data)) {
|
|
7822
7865
|
let paymentRes = JSON.parse(data == null ? void 0 : data.data);
|
|
7823
7866
|
if (paymentRes == null ? void 0 : paymentRes.result) {
|
|
7824
|
-
setTranId((
|
|
7867
|
+
setTranId((_a20 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a20.transactionId);
|
|
7825
7868
|
setSuccess(true);
|
|
7826
7869
|
setLoading2(false);
|
|
7827
7870
|
} else {
|
|
@@ -7884,7 +7927,7 @@ function PartialPayment(props) {
|
|
|
7884
7927
|
};
|
|
7885
7928
|
socketClient_default.emit("sendMessage", dataForm);
|
|
7886
7929
|
socketClient_default.on("ach-incoming", (data) => {
|
|
7887
|
-
var
|
|
7930
|
+
var _a20;
|
|
7888
7931
|
if ((data == null ? void 0 : data.status) == "Failed") {
|
|
7889
7932
|
if (typeof (data == null ? void 0 : data.message) == "object") {
|
|
7890
7933
|
Object.values(data == null ? void 0 : data.message).forEach((message) => {
|
|
@@ -7894,7 +7937,7 @@ function PartialPayment(props) {
|
|
|
7894
7937
|
setError((data == null ? void 0 : data.message) || "Something went wrong");
|
|
7895
7938
|
}
|
|
7896
7939
|
} else {
|
|
7897
|
-
setTranId((
|
|
7940
|
+
setTranId((_a20 = data == null ? void 0 : data.data) == null ? void 0 : _a20.transaction_id);
|
|
7898
7941
|
setSuccess(true);
|
|
7899
7942
|
setLoading2(false);
|
|
7900
7943
|
}
|
|
@@ -7903,7 +7946,7 @@ function PartialPayment(props) {
|
|
|
7903
7946
|
}
|
|
7904
7947
|
};
|
|
7905
7948
|
const getPaymentDetails = async () => {
|
|
7906
|
-
var
|
|
7949
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2;
|
|
7907
7950
|
showLoader();
|
|
7908
7951
|
try {
|
|
7909
7952
|
const data = {
|
|
@@ -7913,7 +7956,7 @@ function PartialPayment(props) {
|
|
|
7913
7956
|
orderGuid: props == null ? void 0 : props.orderGuid
|
|
7914
7957
|
};
|
|
7915
7958
|
let paymentData2 = await axios7.post(`${baseUrl}get-payment-details`, data);
|
|
7916
|
-
setPaymentData((
|
|
7959
|
+
setPaymentData((_a19 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a19.data);
|
|
7917
7960
|
if (!((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.paymentGateway)) {
|
|
7918
7961
|
handleClose();
|
|
7919
7962
|
setError("Something went wrong.");
|
|
@@ -7985,7 +8028,7 @@ function PartialPayment(props) {
|
|
|
7985
8028
|
if (partialAmount && !partialError && card_type !== "Bank") {
|
|
7986
8029
|
chargeobj.ispartialPayment = true;
|
|
7987
8030
|
}
|
|
7988
|
-
let
|
|
8031
|
+
let _a19 = chargeobj, { isCardSave } = _a19, rest = __objRest(_a19, ["isCardSave"]);
|
|
7989
8032
|
let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
|
|
7990
8033
|
let chargeurl = baseUrl + endpoint;
|
|
7991
8034
|
const headers = {
|
|
@@ -7994,9 +8037,9 @@ function PartialPayment(props) {
|
|
|
7994
8037
|
setLoading2(true);
|
|
7995
8038
|
socketClient_default.emit("sendMessage", { url: chargeurl, body: card_type == "Bank" ? rest : chargeobj, isChargebycard: true });
|
|
7996
8039
|
socketClient_default.on("charge-by-card", (response) => {
|
|
7997
|
-
var
|
|
8040
|
+
var _a20;
|
|
7998
8041
|
if ((response == null ? void 0 : response.result) == true || (response == null ? void 0 : response.status) == true) {
|
|
7999
|
-
setTranId((
|
|
8042
|
+
setTranId((_a20 = response.data) == null ? void 0 : _a20.transaction_id);
|
|
8000
8043
|
setSuccess(true);
|
|
8001
8044
|
setLoading2(false);
|
|
8002
8045
|
} else {
|
|
@@ -8014,7 +8057,7 @@ function PartialPayment(props) {
|
|
|
8014
8057
|
}
|
|
8015
8058
|
};
|
|
8016
8059
|
const handleChargewithEMV = async (e) => {
|
|
8017
|
-
var
|
|
8060
|
+
var _a19, _b2, _c2, _d2, _e2, _f2;
|
|
8018
8061
|
e.currentTarget.blur();
|
|
8019
8062
|
if (loading2) return;
|
|
8020
8063
|
let fractalpayPublicKey = props == null ? void 0 : props.merchantPublicKey;
|
|
@@ -8036,7 +8079,7 @@ function PartialPayment(props) {
|
|
|
8036
8079
|
};
|
|
8037
8080
|
try {
|
|
8038
8081
|
let response = await axios7.post(`${baseUrl}charge-with-reader`, obj);
|
|
8039
|
-
if (((
|
|
8082
|
+
if (((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) == true) {
|
|
8040
8083
|
setTranId((_c2 = (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.transaction_id);
|
|
8041
8084
|
setSuccess(true);
|
|
8042
8085
|
setLoading2(false);
|
|
@@ -8134,20 +8177,20 @@ function PartialPayment(props) {
|
|
|
8134
8177
|
let card_type = card == null ? void 0 : card.toLowerCase();
|
|
8135
8178
|
switch (card_type) {
|
|
8136
8179
|
case "visa":
|
|
8137
|
-
return
|
|
8180
|
+
return visa;
|
|
8138
8181
|
case "mastercard":
|
|
8139
8182
|
case "mc":
|
|
8140
8183
|
case "m/c":
|
|
8141
|
-
return
|
|
8184
|
+
return mastercard;
|
|
8142
8185
|
case "amex":
|
|
8143
8186
|
case "american express":
|
|
8144
8187
|
case "ae":
|
|
8145
|
-
return
|
|
8188
|
+
return americanexp;
|
|
8146
8189
|
case "discover":
|
|
8147
8190
|
case "dcvr":
|
|
8148
|
-
return
|
|
8191
|
+
return discover;
|
|
8149
8192
|
case "bank":
|
|
8150
|
-
return
|
|
8193
|
+
return bank;
|
|
8151
8194
|
default:
|
|
8152
8195
|
return card;
|
|
8153
8196
|
}
|
|
@@ -8158,9 +8201,9 @@ function PartialPayment(props) {
|
|
|
8158
8201
|
return diff.toFixed(0);
|
|
8159
8202
|
};
|
|
8160
8203
|
const handlePartialChange = (values) => {
|
|
8161
|
-
var
|
|
8204
|
+
var _a19, _b2, _c2, _d2;
|
|
8162
8205
|
if (activetab === "ach") {
|
|
8163
|
-
if (((
|
|
8206
|
+
if (((_a19 = Number(cashDiscount)) == null ? void 0 : _a19.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) <= 0) {
|
|
8164
8207
|
setPartialAmount(values == null ? void 0 : values.value);
|
|
8165
8208
|
setPartialError(`Partial amount cannot exceed ${formatUSD((_b2 = Number(cashDiscount)) == null ? void 0 : _b2.toFixed(2))}`);
|
|
8166
8209
|
} else {
|
|
@@ -8237,7 +8280,7 @@ function PartialPayment(props) {
|
|
|
8237
8280
|
/* @__PURE__ */ jsxs17("div", { className: "amt-pay-con", children: [
|
|
8238
8281
|
/* @__PURE__ */ jsx28("div", { className: "pay-amount-conatiner", children: /* @__PURE__ */ jsx28("small", { className: "pay-payment-amount", children: "Select payment type" }) }),
|
|
8239
8282
|
/* @__PURE__ */ jsxs17("div", { className: "frac-card-bank-radio-main", children: [
|
|
8240
|
-
/* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (
|
|
8283
|
+
/* @__PURE__ */ jsx28(CardBankRadio, { label: "Card", amount: (_a18 = Number(aftertaxAmount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
8241
8284
|
(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 })
|
|
8242
8285
|
] }),
|
|
8243
8286
|
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: [
|
|
@@ -8277,8 +8320,8 @@ function PartialPayment(props) {
|
|
|
8277
8320
|
] })
|
|
8278
8321
|
] }),
|
|
8279
8322
|
/* @__PURE__ */ jsxs17("div", { className: "pay-conatiner-one-last", children: [
|
|
8280
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8281
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8323
|
+
/* @__PURE__ */ jsx28("img", { src: secure, alt: "" }),
|
|
8324
|
+
/* @__PURE__ */ jsx28("img", { src: pov, alt: "" }),
|
|
8282
8325
|
"Secure payments powered by Fractal"
|
|
8283
8326
|
] })
|
|
8284
8327
|
] }),
|
|
@@ -8313,12 +8356,12 @@ function PartialPayment(props) {
|
|
|
8313
8356
|
] }),
|
|
8314
8357
|
activetab != "ach" && /* @__PURE__ */ jsxs17("div", { children: [
|
|
8315
8358
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
8316
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8317
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8359
|
+
/* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
8360
|
+
/* @__PURE__ */ jsx28("img", { src: mastercard, width: 35, alt: "" })
|
|
8318
8361
|
] }),
|
|
8319
8362
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
8320
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8321
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8363
|
+
/* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
8364
|
+
/* @__PURE__ */ jsx28("img", { src: discover, width: 35, alt: "" })
|
|
8322
8365
|
] })
|
|
8323
8366
|
] })
|
|
8324
8367
|
] }),
|
|
@@ -8355,12 +8398,12 @@ function PartialPayment(props) {
|
|
|
8355
8398
|
] }),
|
|
8356
8399
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
8357
8400
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
8358
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8359
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8401
|
+
/* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
8402
|
+
/* @__PURE__ */ jsx28("img", { src: mastercard, width: 35, alt: "" })
|
|
8360
8403
|
] }),
|
|
8361
8404
|
/* @__PURE__ */ jsxs17("div", { children: [
|
|
8362
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8363
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8405
|
+
/* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 35, style: { paddingRight: "5px" } }),
|
|
8406
|
+
/* @__PURE__ */ jsx28("img", { src: discover, width: 35, alt: "" })
|
|
8364
8407
|
] })
|
|
8365
8408
|
] })
|
|
8366
8409
|
] })
|
|
@@ -8375,10 +8418,10 @@ function PartialPayment(props) {
|
|
|
8375
8418
|
/* @__PURE__ */ jsx28("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
8376
8419
|
] }),
|
|
8377
8420
|
activetab != "ach" && /* @__PURE__ */ jsxs17("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
8378
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8379
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8380
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8381
|
-
/* @__PURE__ */ jsx28("img", { src:
|
|
8421
|
+
/* @__PURE__ */ jsx28("img", { src: visa, alt: "", width: 33 }),
|
|
8422
|
+
/* @__PURE__ */ jsx28("img", { src: mastercard, width: 33, alt: "" }),
|
|
8423
|
+
/* @__PURE__ */ jsx28("img", { src: americanexp, alt: "", width: 33 }),
|
|
8424
|
+
/* @__PURE__ */ jsx28("img", { src: discover, width: 33, alt: "" })
|
|
8382
8425
|
] })
|
|
8383
8426
|
] }),
|
|
8384
8427
|
activeinCard === "list" ? /* @__PURE__ */ jsxs17(Fragment17, { children: [
|
|
@@ -9580,8 +9623,8 @@ function ThreeDSChallenge({
|
|
|
9580
9623
|
iframeRef.current = iframe;
|
|
9581
9624
|
container.appendChild(iframe);
|
|
9582
9625
|
const handleMessage = (event) => {
|
|
9583
|
-
var
|
|
9584
|
-
if (((
|
|
9626
|
+
var _a18;
|
|
9627
|
+
if (((_a18 = event.data) == null ? void 0 : _a18.type) === "3ds-authentication-challenge-complete") {
|
|
9585
9628
|
container.innerHTML = "";
|
|
9586
9629
|
if (event.data.status === "succeeded") {
|
|
9587
9630
|
onSuccess(fractalToken, stripeIntentId);
|
|
@@ -9611,13 +9654,13 @@ import axios8 from "axios";
|
|
|
9611
9654
|
import { useState as useState9 } from "react";
|
|
9612
9655
|
import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
9613
9656
|
var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback, hideLoader, handleClose, amount, isPreAuth }) => {
|
|
9614
|
-
var
|
|
9657
|
+
var _a18;
|
|
9615
9658
|
const stripe = useStripe();
|
|
9616
9659
|
const elements = useElements();
|
|
9617
9660
|
const [loading, setLoading] = useState9(false);
|
|
9618
9661
|
const [message, setMessage] = useState9(null);
|
|
9619
9662
|
const handleSubmit = async (e) => {
|
|
9620
|
-
var
|
|
9663
|
+
var _a19, _b, _c, _d, _e, _f, _g;
|
|
9621
9664
|
e.preventDefault();
|
|
9622
9665
|
if (!stripe || !elements) {
|
|
9623
9666
|
console.warn("stripe nopt loaded");
|
|
@@ -9648,7 +9691,7 @@ var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback,
|
|
|
9648
9691
|
stripe_id: paymentIntent == null ? void 0 : paymentIntent.id
|
|
9649
9692
|
});
|
|
9650
9693
|
console.log(chargeDetails, "chargeDetails");
|
|
9651
|
-
if ((
|
|
9694
|
+
if ((_a19 = chargeDetails == null ? void 0 : chargeDetails.data) == null ? void 0 : _a19.result) {
|
|
9652
9695
|
let callbackdata = (_b = chargeDetails == null ? void 0 : chargeDetails.data) == null ? void 0 : _b.data;
|
|
9653
9696
|
console.log(callbackdata, "callbackdata");
|
|
9654
9697
|
callback(__spreadProps(__spreadValues({}, callbackdata), {
|
|
@@ -9676,7 +9719,7 @@ var CheckoutForm = ({ onSuccess, showLoader, setError, session_token, callback,
|
|
|
9676
9719
|
};
|
|
9677
9720
|
return /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit, children: [
|
|
9678
9721
|
/* @__PURE__ */ jsx30(PaymentElement, {}),
|
|
9679
|
-
/* @__PURE__ */ jsx30("button", { className: "pay-button", disabled: loading || !stripe, children: loading ? "Processing..." : `${formatUSD((
|
|
9722
|
+
/* @__PURE__ */ jsx30("button", { className: "pay-button", disabled: loading || !stripe, children: loading ? "Processing..." : `${formatUSD((_a18 = Number(amount)) == null ? void 0 : _a18.toFixed(2))}` })
|
|
9680
9723
|
] });
|
|
9681
9724
|
};
|
|
9682
9725
|
|
|
@@ -9916,9 +9959,9 @@ function GooglePayComponent({
|
|
|
9916
9959
|
}
|
|
9917
9960
|
});
|
|
9918
9961
|
const handlePaymentAuthorization = async (paymentData) => {
|
|
9919
|
-
var
|
|
9962
|
+
var _a18, _b;
|
|
9920
9963
|
try {
|
|
9921
|
-
const token = (_b = (
|
|
9964
|
+
const token = (_b = (_a18 = paymentData == null ? void 0 : paymentData.paymentMethodData) == null ? void 0 : _a18.tokenizationData) == null ? void 0 : _b.token;
|
|
9922
9965
|
if (!token) throw new Error("Missing token");
|
|
9923
9966
|
const parsed = JSON.parse(token);
|
|
9924
9967
|
console.log(parsed, "parsed token");
|
|
@@ -10074,7 +10117,7 @@ function ApplePayButton({
|
|
|
10074
10117
|
};
|
|
10075
10118
|
}
|
|
10076
10119
|
async function validateMerchant(event) {
|
|
10077
|
-
var
|
|
10120
|
+
var _a18;
|
|
10078
10121
|
console.log("\u{1F7E1} STEP 1: Merchant validation started");
|
|
10079
10122
|
try {
|
|
10080
10123
|
console.log("Validation URL:", event.validationURL);
|
|
@@ -10099,7 +10142,7 @@ function ApplePayButton({
|
|
|
10099
10142
|
const data = await res.json();
|
|
10100
10143
|
console.log("RAW session response:", JSON.stringify(data));
|
|
10101
10144
|
console.log("\u{1F7E2} STEP 3: Session response: data fetched");
|
|
10102
|
-
const merchantSession = (
|
|
10145
|
+
const merchantSession = (_a18 = data == null ? void 0 : data.data) != null ? _a18 : data;
|
|
10103
10146
|
if (!merchantSession || typeof merchantSession !== "object") {
|
|
10104
10147
|
console.error("\u274C Bad session shape");
|
|
10105
10148
|
event.complete(null);
|
|
@@ -10172,7 +10215,7 @@ function ApplePayButton({
|
|
|
10172
10215
|
// src/app/components/Atoms/ModelContentSky/ModelContentSky.tsx
|
|
10173
10216
|
import { Fragment as Fragment20, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
10174
10217
|
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, customCSS: customCSS2 }) => {
|
|
10175
|
-
var
|
|
10218
|
+
var _a18, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
10176
10219
|
const hasRunRef = useRef12(false);
|
|
10177
10220
|
const cardFormRef = useRef12(null);
|
|
10178
10221
|
const bankFormRef = useRef12(null);
|
|
@@ -10217,22 +10260,6 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10217
10260
|
const [dcToken, setDCToken] = useState11();
|
|
10218
10261
|
const [isBankConsentChecked, setIsBankConsentChecked] = useState11(false);
|
|
10219
10262
|
const [errorBankConsent, setErrorBankConsent] = useState11("");
|
|
10220
|
-
let mastercard2 = S3Url + "widget/mc-img.svg";
|
|
10221
|
-
let visa2 = S3Url + "widget/visa-img.svg";
|
|
10222
|
-
let americanexp2 = S3Url + "widget/ae-img.svg";
|
|
10223
|
-
let discover2 = S3Url + "widget/discover-img.svg";
|
|
10224
|
-
let defaultcard2 = S3Url + "widget/card.svg";
|
|
10225
|
-
let trash2 = S3Url + "widget/Trash.svg";
|
|
10226
|
-
let bank2 = S3Url + "widget/bank.svg";
|
|
10227
|
-
let secure2 = S3Url + "widget/secure-img.png";
|
|
10228
|
-
let pov2 = S3Url + "widget/pov-by.png";
|
|
10229
|
-
let pax2 = S3Url + "widget/pax.svg";
|
|
10230
|
-
let cardicon = S3Url + "widget/cardicon.svg";
|
|
10231
|
-
let bankicon = S3Url + "widget/bankicon.svg";
|
|
10232
|
-
let defualtcardborder = S3Url + "widget/defualtcardborder.svg";
|
|
10233
|
-
let unionicon = S3Url + "widget/unionpay.svg";
|
|
10234
|
-
let dinersicon = S3Url + "widget/diners.svg";
|
|
10235
|
-
let jcbicon = S3Url + "widget/jcb.svg";
|
|
10236
10263
|
const showLoader = () => setLoading(true);
|
|
10237
10264
|
const hideLoader = () => setLoading(false);
|
|
10238
10265
|
const CalculateCashDiscount = (amount2, surcharge2) => {
|
|
@@ -10267,7 +10294,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10267
10294
|
}
|
|
10268
10295
|
};
|
|
10269
10296
|
const handleCharge = async (data) => {
|
|
10270
|
-
var
|
|
10297
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
10271
10298
|
try {
|
|
10272
10299
|
let dataObj = __spreadValues(__spreadValues({
|
|
10273
10300
|
pass_fee_amount: Number(amount) - cashDiscount,
|
|
@@ -10292,7 +10319,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10292
10319
|
dataObj.stripe_3ds_auth_id = data == null ? void 0 : data.stripe_3ds_auth_id;
|
|
10293
10320
|
}
|
|
10294
10321
|
const chargeResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/charge/${session_token}`, dataObj);
|
|
10295
|
-
if ((
|
|
10322
|
+
if ((_a19 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _a19.result) {
|
|
10296
10323
|
let callbackdata = {
|
|
10297
10324
|
// cardDetails: { ...addCard, ...data },
|
|
10298
10325
|
callback: __spreadProps(__spreadValues({}, (_b2 = chargeResponse == null ? void 0 : chargeResponse.data) == null ? void 0 : _b2.data), { name: cardData == null ? void 0 : cardData.cardName, isPreAuth })
|
|
@@ -10312,7 +10339,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10312
10339
|
}
|
|
10313
10340
|
};
|
|
10314
10341
|
const handlePreAuth = async (data) => {
|
|
10315
|
-
var
|
|
10342
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
10316
10343
|
try {
|
|
10317
10344
|
let dataObj = __spreadValues({
|
|
10318
10345
|
Token: data == null ? void 0 : data.Token,
|
|
@@ -10327,7 +10354,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10327
10354
|
}
|
|
10328
10355
|
} : null);
|
|
10329
10356
|
const preAuthResponse = await axios9.post(`${masterBaseUrl}api/v1/gateway/preauth/${session_token}`, dataObj);
|
|
10330
|
-
if ((
|
|
10357
|
+
if ((_a19 = preAuthResponse == null ? void 0 : preAuthResponse.data) == null ? void 0 : _a19.result) {
|
|
10331
10358
|
let addCard;
|
|
10332
10359
|
let callbackdata = {
|
|
10333
10360
|
// cardDetails: { ...addCard, ...data },
|
|
@@ -10348,7 +10375,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10348
10375
|
}
|
|
10349
10376
|
};
|
|
10350
10377
|
const handleTokenCallback = async (token) => {
|
|
10351
|
-
var
|
|
10378
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
10352
10379
|
if (token.Error) {
|
|
10353
10380
|
setError(token.Error);
|
|
10354
10381
|
callback({
|
|
@@ -10364,7 +10391,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10364
10391
|
const updateToken = await axios9.post(`${masterBaseUrl}api/v1/gateway/update/token/${session_token}`, data);
|
|
10365
10392
|
if ((updateToken == null ? void 0 : updateToken.status) == 200) {
|
|
10366
10393
|
let respData = {
|
|
10367
|
-
Token: (_b2 = (
|
|
10394
|
+
Token: (_b2 = (_a19 = updateToken == null ? void 0 : updateToken.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token,
|
|
10368
10395
|
Brand: token.Brand,
|
|
10369
10396
|
ExpirationMonth: token.ExpirationMonth,
|
|
10370
10397
|
ExpirationYear: token.ExpirationYear,
|
|
@@ -10396,10 +10423,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10396
10423
|
setActive(id);
|
|
10397
10424
|
};
|
|
10398
10425
|
const validateAchData = () => {
|
|
10399
|
-
var
|
|
10426
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
10400
10427
|
const errors = {};
|
|
10401
10428
|
const data = achData;
|
|
10402
|
-
if (!((
|
|
10429
|
+
if (!((_a19 = data == null ? void 0 : data.name) == null ? void 0 : _a19.trim())) errors.name = "Name is required";
|
|
10403
10430
|
if (!((_b2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _b2.trim())) errors.accountNumber = "Account number is required";
|
|
10404
10431
|
if (((_c2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _c2.trim()) && ((_d2 = data == null ? void 0 : data.accountNumber) == null ? void 0 : _d2.trim()) !== ((_e2 = data == null ? void 0 : data.confirmAccountNumber) == null ? void 0 : _e2.trim())) errors.confirmAccountNumber = "Account numbers must match";
|
|
10405
10432
|
if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
|
|
@@ -10417,7 +10444,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10417
10444
|
return Object.keys(errors).length > 0 || !isBankConsentChecked;
|
|
10418
10445
|
};
|
|
10419
10446
|
const completeFractalFlow = async (tokenizeData, intentid, typeoftoken) => {
|
|
10420
|
-
var
|
|
10447
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
10421
10448
|
try {
|
|
10422
10449
|
if (typeoftoken == "google_pay" || typeoftoken == "apple_pay") {
|
|
10423
10450
|
handleCharge({
|
|
@@ -10435,7 +10462,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10435
10462
|
typeoftoken
|
|
10436
10463
|
});
|
|
10437
10464
|
if ((verifyandsaveresp == null ? void 0 : verifyandsaveresp.status) == 200) {
|
|
10438
|
-
let responsetemp = (
|
|
10465
|
+
let responsetemp = (_a19 = verifyandsaveresp == null ? void 0 : verifyandsaveresp.data) == null ? void 0 : _a19.data;
|
|
10439
10466
|
let respData = {
|
|
10440
10467
|
Token: responsetemp.gateway_token,
|
|
10441
10468
|
Brand: responsetemp.card_data.brand,
|
|
@@ -10464,7 +10491,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10464
10491
|
}
|
|
10465
10492
|
};
|
|
10466
10493
|
const handleFractalTokenFlow = async () => {
|
|
10467
|
-
var
|
|
10494
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A;
|
|
10468
10495
|
try {
|
|
10469
10496
|
const requestOptions = {
|
|
10470
10497
|
method: "POST",
|
|
@@ -10472,7 +10499,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10472
10499
|
};
|
|
10473
10500
|
let sesionResult = await axios9.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
|
|
10474
10501
|
let objtokenize = {
|
|
10475
|
-
public_key_pem: ((_b2 = (
|
|
10502
|
+
public_key_pem: ((_b2 = (_a19 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
|
|
10476
10503
|
session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
|
|
10477
10504
|
};
|
|
10478
10505
|
let three_ds_data = null;
|
|
@@ -10561,10 +10588,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10561
10588
|
}
|
|
10562
10589
|
};
|
|
10563
10590
|
const validateCardData = () => {
|
|
10564
|
-
var
|
|
10591
|
+
var _a19, _b2;
|
|
10565
10592
|
const errors = {};
|
|
10566
10593
|
const data = cardData;
|
|
10567
|
-
if (!((
|
|
10594
|
+
if (!((_a19 = data == null ? void 0 : data.cardName) == null ? void 0 : _a19.trim())) errors.cardName = "Card name is required";
|
|
10568
10595
|
if (!((_b2 = data == null ? void 0 : data.zipCode) == null ? void 0 : _b2.trim())) errors.zipCode = "ZIP code is required";
|
|
10569
10596
|
setCardError(errors);
|
|
10570
10597
|
return Object.keys(errors).length > 0;
|
|
@@ -10581,7 +10608,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10581
10608
|
return validCard && validCVV && validExpirationDate;
|
|
10582
10609
|
};
|
|
10583
10610
|
const submitFunc = async (e) => {
|
|
10584
|
-
var
|
|
10611
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
|
|
10585
10612
|
e.preventDefault();
|
|
10586
10613
|
const el = document.activeElement;
|
|
10587
10614
|
if (el instanceof HTMLElement) {
|
|
@@ -10609,7 +10636,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10609
10636
|
}
|
|
10610
10637
|
});
|
|
10611
10638
|
if ((result == null ? void 0 : result.status) == 200) {
|
|
10612
|
-
let gatewayToken = (_b2 = (
|
|
10639
|
+
let gatewayToken = (_b2 = (_a19 = result == null ? void 0 : result.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.gateway_token;
|
|
10613
10640
|
let paymentGateway2 = (_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.paymentGateway;
|
|
10614
10641
|
if (activetab !== "ach") {
|
|
10615
10642
|
if (paymentGateway2 == ((_e2 = PaymentMethodKeys) == null ? void 0 : _e2.FRACTALKEY)) {
|
|
@@ -10668,12 +10695,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10668
10695
|
let data = (_h2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _h2.data;
|
|
10669
10696
|
if (typeof (data == null ? void 0 : data.message) == "object") {
|
|
10670
10697
|
Object.values(data == null ? void 0 : data.message).forEach((message) => {
|
|
10671
|
-
var
|
|
10698
|
+
var _a20;
|
|
10672
10699
|
setError(message || "Something went wrong");
|
|
10673
10700
|
callback({
|
|
10674
10701
|
error: message || "Something went wrong!",
|
|
10675
10702
|
result: (data == null ? void 0 : data.result) || false,
|
|
10676
|
-
statusCode: (
|
|
10703
|
+
statusCode: (_a20 = error2 == null ? void 0 : error2.response) == null ? void 0 : _a20.status
|
|
10677
10704
|
});
|
|
10678
10705
|
});
|
|
10679
10706
|
} else {
|
|
@@ -10720,12 +10747,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10720
10747
|
}));
|
|
10721
10748
|
};
|
|
10722
10749
|
const handleCardNumberChange = (e) => {
|
|
10723
|
-
var
|
|
10750
|
+
var _a19;
|
|
10724
10751
|
const input = e.target;
|
|
10725
10752
|
const rawValue = input.value.replace(/\D/g, "");
|
|
10726
10753
|
const { formatted, cursor } = formatCardNumberWithCursor(
|
|
10727
10754
|
input.value,
|
|
10728
|
-
(
|
|
10755
|
+
(_a19 = input.selectionStart) != null ? _a19 : 0
|
|
10729
10756
|
);
|
|
10730
10757
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
10731
10758
|
cardNumber: ""
|
|
@@ -10830,7 +10857,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10830
10857
|
setErrorBankConsent("");
|
|
10831
10858
|
};
|
|
10832
10859
|
const getCardList = async () => {
|
|
10833
|
-
var
|
|
10860
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
10834
10861
|
showLoader();
|
|
10835
10862
|
try {
|
|
10836
10863
|
const data = {
|
|
@@ -10838,7 +10865,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10838
10865
|
"customerId": customerId
|
|
10839
10866
|
};
|
|
10840
10867
|
let cardListData = await axios9.post(`${masterBaseUrl}api/v1/gateway/card-list/${session_token}`, data);
|
|
10841
|
-
let savedpaymentsList = ((_b2 = (
|
|
10868
|
+
let savedpaymentsList = ((_b2 = (_a19 = cardListData == null ? void 0 : cardListData.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.cardList) || [];
|
|
10842
10869
|
let banklists = savedpaymentsList == null ? void 0 : savedpaymentsList.filter((card) => (card == null ? void 0 : card.card_type) == "Bank");
|
|
10843
10870
|
let cardlists = savedpaymentsList == null ? void 0 : savedpaymentsList.filter((card) => (card == null ? void 0 : card.card_type) !== "Bank");
|
|
10844
10871
|
if (cardlists && (cardlists == null ? void 0 : cardlists.length) > 0) {
|
|
@@ -10868,28 +10895,6 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10868
10895
|
setError(((_i2 = (_h2 = err == null ? void 0 : err.response) == null ? void 0 : _h2.data) == null ? void 0 : _i2.message) || (err == null ? void 0 : err.message) || "Something went wrong");
|
|
10869
10896
|
}
|
|
10870
10897
|
};
|
|
10871
|
-
const getCardType2 = (card) => {
|
|
10872
|
-
let card_type = card == null ? void 0 : card.toLowerCase();
|
|
10873
|
-
switch (card_type) {
|
|
10874
|
-
case "visa":
|
|
10875
|
-
return visa2;
|
|
10876
|
-
case "mastercard":
|
|
10877
|
-
case "mc":
|
|
10878
|
-
case "m/c":
|
|
10879
|
-
return mastercard2;
|
|
10880
|
-
case "amex":
|
|
10881
|
-
case "american express":
|
|
10882
|
-
case "ae":
|
|
10883
|
-
return americanexp2;
|
|
10884
|
-
case "discover":
|
|
10885
|
-
case "dcvr":
|
|
10886
|
-
return discover2;
|
|
10887
|
-
case "bank":
|
|
10888
|
-
return bank2;
|
|
10889
|
-
default:
|
|
10890
|
-
return card;
|
|
10891
|
-
}
|
|
10892
|
-
};
|
|
10893
10898
|
const handleDeleteCard = async (cardId) => {
|
|
10894
10899
|
Swal5.fire({
|
|
10895
10900
|
icon: "warning",
|
|
@@ -10906,7 +10911,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10906
10911
|
icon: "custom-swal-icon"
|
|
10907
10912
|
}
|
|
10908
10913
|
}).then(async (result) => {
|
|
10909
|
-
var
|
|
10914
|
+
var _a19, _b2;
|
|
10910
10915
|
if (result.isConfirmed) {
|
|
10911
10916
|
setLoading2(true);
|
|
10912
10917
|
try {
|
|
@@ -10915,7 +10920,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10915
10920
|
customer_id: customerId
|
|
10916
10921
|
};
|
|
10917
10922
|
const res = await axios9.patch(`${masterBaseUrl}api/v1/gateway/delete-card/${session_token}`, obj);
|
|
10918
|
-
if ((
|
|
10923
|
+
if ((_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.result) {
|
|
10919
10924
|
setLoading2(false);
|
|
10920
10925
|
getCardList();
|
|
10921
10926
|
Swal5.fire({
|
|
@@ -10972,7 +10977,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
10972
10977
|
});
|
|
10973
10978
|
};
|
|
10974
10979
|
const handlechargeCustomer = async (e) => {
|
|
10975
|
-
var
|
|
10980
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2;
|
|
10976
10981
|
e == null ? void 0 : e.currentTarget.blur();
|
|
10977
10982
|
if (loading) return;
|
|
10978
10983
|
let customer_id = customerId;
|
|
@@ -11007,7 +11012,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11007
11012
|
try {
|
|
11008
11013
|
showLoader();
|
|
11009
11014
|
const response = await axios9.post(chargeurl, chargeobj);
|
|
11010
|
-
if ((
|
|
11015
|
+
if ((_a19 = response == null ? void 0 : response.data) == null ? void 0 : _a19.result) {
|
|
11011
11016
|
callback({ callback: __spreadProps(__spreadValues({}, (_b2 = response == null ? void 0 : response.data) == null ? void 0 : _b2.data), { isPreAuth }) });
|
|
11012
11017
|
hideLoader();
|
|
11013
11018
|
handleClose();
|
|
@@ -11041,7 +11046,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11041
11046
|
}
|
|
11042
11047
|
};
|
|
11043
11048
|
const getPaymentDetails = async () => {
|
|
11044
|
-
var
|
|
11049
|
+
var _a19, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
|
|
11045
11050
|
try {
|
|
11046
11051
|
showLoader();
|
|
11047
11052
|
const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`, {
|
|
@@ -11051,7 +11056,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11051
11056
|
}
|
|
11052
11057
|
});
|
|
11053
11058
|
if ((res == null ? void 0 : res.status) == 200) {
|
|
11054
|
-
setIsBankActive((_b2 = (
|
|
11059
|
+
setIsBankActive((_b2 = (_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.data) == null ? void 0 : _b2.isBankActive);
|
|
11055
11060
|
setProcessingFee(Number((_d2 = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.fee) || 0);
|
|
11056
11061
|
setPaymentGateway((_f2 = (_e2 = res == null ? void 0 : res.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.paymentGateway);
|
|
11057
11062
|
setDCToken((_h2 = (_g2 = res == null ? void 0 : res.data) == null ? void 0 : _g2.data) == null ? void 0 : _h2.dctoken);
|
|
@@ -11069,7 +11074,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11069
11074
|
}
|
|
11070
11075
|
};
|
|
11071
11076
|
const crateOrderFrac = async () => {
|
|
11072
|
-
var
|
|
11077
|
+
var _a19, _b2, _c2, _d2, _e2;
|
|
11073
11078
|
if (orderLoader) return;
|
|
11074
11079
|
setOrderLoader(true);
|
|
11075
11080
|
try {
|
|
@@ -11084,7 +11089,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11084
11089
|
require3ds,
|
|
11085
11090
|
isPartial
|
|
11086
11091
|
});
|
|
11087
|
-
if ((
|
|
11092
|
+
if ((_a19 = res == null ? void 0 : res.data) == null ? void 0 : _a19.result) {
|
|
11088
11093
|
setOrderLoader(false);
|
|
11089
11094
|
setOrderGuid((_c2 = (_b2 = res == null ? void 0 : res.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.orderGuid);
|
|
11090
11095
|
setRemainingAmount((_e2 = (_d2 = res == null ? void 0 : res.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.remainingAmount);
|
|
@@ -11177,8 +11182,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11177
11182
|
}
|
|
11178
11183
|
}, []);
|
|
11179
11184
|
const handlePartialChange = (values) => {
|
|
11180
|
-
var
|
|
11181
|
-
if (((
|
|
11185
|
+
var _a19, _b2;
|
|
11186
|
+
if (((_a19 = Number(remainingAmount || remAmount)) == null ? void 0 : _a19.toFixed(2)) < (values == null ? void 0 : values.floatValue) || (values == null ? void 0 : values.floatValue) < 0) {
|
|
11182
11187
|
setPartialAmount(values == null ? void 0 : values.value);
|
|
11183
11188
|
setPartialError(`Partial amount cannot exceed ${formatUSD((_b2 = Number(remainingAmount || remAmount)) == null ? void 0 : _b2.toFixed(2))}`);
|
|
11184
11189
|
} else if ((values == null ? void 0 : values.floatValue) == 0) {
|
|
@@ -11208,11 +11213,11 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11208
11213
|
};
|
|
11209
11214
|
}, [activeinBank, activeinCard, activetab]);
|
|
11210
11215
|
const submit = useCallback(() => {
|
|
11211
|
-
var
|
|
11216
|
+
var _a19, _b2;
|
|
11212
11217
|
const { activeinBank: activeinBank2, activeinCard: activeinCard2, activetab: activetab2 } = stateRef.current;
|
|
11213
11218
|
if (activetab2 === "card") {
|
|
11214
11219
|
if (activeinCard2 === "form") {
|
|
11215
|
-
(
|
|
11220
|
+
(_a19 = cardFormRef.current) == null ? void 0 : _a19.requestSubmit();
|
|
11216
11221
|
} else if (activeinCard2 === "list") {
|
|
11217
11222
|
handlechargeCustomer();
|
|
11218
11223
|
}
|
|
@@ -11250,13 +11255,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11250
11255
|
const cardType = detectCardType(cardInput);
|
|
11251
11256
|
switch (cardType) {
|
|
11252
11257
|
case "visa":
|
|
11253
|
-
return /* @__PURE__ */ jsx36("img", { src:
|
|
11258
|
+
return /* @__PURE__ */ jsx36("img", { src: visa, alt: "visa", width: 33 });
|
|
11254
11259
|
case "mastercard":
|
|
11255
|
-
return /* @__PURE__ */ jsx36("img", { src:
|
|
11260
|
+
return /* @__PURE__ */ jsx36("img", { src: mastercard, width: 33, alt: "mastercard" });
|
|
11256
11261
|
case "amex":
|
|
11257
|
-
return /* @__PURE__ */ jsx36("img", { src:
|
|
11262
|
+
return /* @__PURE__ */ jsx36("img", { src: americanexp, alt: "amex", width: 33 });
|
|
11258
11263
|
case "discover":
|
|
11259
|
-
return /* @__PURE__ */ jsx36("img", { src:
|
|
11264
|
+
return /* @__PURE__ */ jsx36("img", { src: discover, width: 33, alt: "discover" });
|
|
11260
11265
|
case "diners":
|
|
11261
11266
|
return /* @__PURE__ */ jsx36("img", { src: dinersicon, alt: "Diners Club" });
|
|
11262
11267
|
case "jcb":
|
|
@@ -11308,7 +11313,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11308
11313
|
/* @__PURE__ */ jsx36("div", { className: "amt-pay-con", children: /* @__PURE__ */ jsxs21("div", { className: "pay-amount-conatiner", children: [
|
|
11309
11314
|
/* @__PURE__ */ jsx36("small", { className: "pay-payment-amount", children: "Select payment type" }),
|
|
11310
11315
|
/* @__PURE__ */ jsxs21("div", { className: "frac-card-bank-radio-main", children: [
|
|
11311
|
-
/* @__PURE__ */ jsx36(CardBankRadio, { label: "Card", amount: (
|
|
11316
|
+
/* @__PURE__ */ jsx36(CardBankRadio, { label: "Card", amount: (_a18 = Number(amount)) == null ? void 0 : _a18.toFixed(2), value: "card", onChange: handletabchange, activetab }),
|
|
11312
11317
|
!isPreAuth && isBankActive && !isPartial && /* @__PURE__ */ jsx36(CardBankRadio, { label: "Bank", amount: (_b = Number(bankAmount)) == null ? void 0 : _b.toFixed(2), value: "ach", onChange: handletabchange, activetab, savingsText: bankSavingsText })
|
|
11313
11318
|
] }),
|
|
11314
11319
|
isPartial && /* @__PURE__ */ jsxs21("div", { className: "frac-partial-payment-input", children: [
|
|
@@ -11342,8 +11347,8 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11342
11347
|
] }) })
|
|
11343
11348
|
] }),
|
|
11344
11349
|
/* @__PURE__ */ jsxs21("div", { className: "pay-conatiner-one-last", children: [
|
|
11345
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11346
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11350
|
+
/* @__PURE__ */ jsx36("img", { src: secure, alt: "" }),
|
|
11351
|
+
/* @__PURE__ */ jsx36("img", { src: pov, alt: "" }),
|
|
11347
11352
|
"Secure payments powered by Fractal"
|
|
11348
11353
|
] })
|
|
11349
11354
|
] }),
|
|
@@ -11386,10 +11391,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
|
|
|
11386
11391
|
/* @__PURE__ */ jsx36("h6", { className: "frac-card-payment-heading", children: "Card Payment" })
|
|
11387
11392
|
] }),
|
|
11388
11393
|
/* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "8px", margin: "8px 0px 19px 0px" }, children: [
|
|
11389
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11390
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11391
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11392
|
-
/* @__PURE__ */ jsx36("img", { src:
|
|
11394
|
+
/* @__PURE__ */ jsx36("img", { src: visa, alt: "", width: 33 }),
|
|
11395
|
+
/* @__PURE__ */ jsx36("img", { src: mastercard, width: 33, alt: "" }),
|
|
11396
|
+
/* @__PURE__ */ jsx36("img", { src: americanexp, alt: "", width: 33 }),
|
|
11397
|
+
/* @__PURE__ */ jsx36("img", { src: discover, width: 33, alt: "" })
|
|
11393
11398
|
] })
|
|
11394
11399
|
] }),
|
|
11395
11400
|
activeinCard === "list" && (cardList == null ? void 0 : cardList.length) > 0 ? /* @__PURE__ */ jsxs21(Fragment20, { children: [
|
|
@@ -11830,14 +11835,14 @@ var PaymentWidget = ({
|
|
|
11830
11835
|
}
|
|
11831
11836
|
}, [show, initialCommonProps]);
|
|
11832
11837
|
const getskyosOrderDetails = async () => {
|
|
11833
|
-
var
|
|
11838
|
+
var _a18;
|
|
11834
11839
|
setLoading(true);
|
|
11835
11840
|
try {
|
|
11836
11841
|
const res = await axios10.get(
|
|
11837
11842
|
`${masterBaseUrl}api/v1/gateway/get-order-details/${session_token}`,
|
|
11838
11843
|
{ params: { isPartial, partialRef } }
|
|
11839
11844
|
);
|
|
11840
|
-
if ((
|
|
11845
|
+
if ((_a18 = res == null ? void 0 : res.data) == null ? void 0 : _a18.result) {
|
|
11841
11846
|
const data = res.data.data;
|
|
11842
11847
|
if (data == null ? void 0 : data.orderGuid) {
|
|
11843
11848
|
setOrderGuid(data == null ? void 0 : data.orderGuid);
|
|
@@ -12342,14 +12347,14 @@ var EmbeddedCheckout = ({
|
|
|
12342
12347
|
}
|
|
12343
12348
|
}, [show, initialCommonProps]);
|
|
12344
12349
|
const getskyosOrderDetails = async () => {
|
|
12345
|
-
var
|
|
12350
|
+
var _a18;
|
|
12346
12351
|
setLoading(true);
|
|
12347
12352
|
try {
|
|
12348
12353
|
const res = await axios11.get(
|
|
12349
12354
|
`${masterBaseUrl}api/v1/gateway/get-order-details/${session_token}`,
|
|
12350
12355
|
{ params: { isPartial, partialRef } }
|
|
12351
12356
|
);
|
|
12352
|
-
if ((
|
|
12357
|
+
if ((_a18 = res == null ? void 0 : res.data) == null ? void 0 : _a18.result) {
|
|
12353
12358
|
const data = res.data.data;
|
|
12354
12359
|
if (data == null ? void 0 : data.orderGuid) {
|
|
12355
12360
|
setOrderGuid(data == null ? void 0 : data.orderGuid);
|