@pinerohit11/testwidget 0.1.96 → 0.1.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/index.js +157 -89
- package/dist/index.mjs +157 -89
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1927,8 +1927,27 @@ function SuccessMszStyle() {
|
|
|
1927
1927
|
}`);
|
|
1928
1928
|
}
|
|
1929
1929
|
|
|
1930
|
+
// src/app/components/SuccessMessage/HandleSubmit.tsx
|
|
1931
|
+
function HandleSubmit(event, key, tranId) {
|
|
1932
|
+
event.preventDefault();
|
|
1933
|
+
const status = key === "close";
|
|
1934
|
+
const message = {
|
|
1935
|
+
type: "preview.compiledcheck",
|
|
1936
|
+
other: {
|
|
1937
|
+
msg: "Payment success!",
|
|
1938
|
+
status,
|
|
1939
|
+
data: {
|
|
1940
|
+
tran_id: tranId,
|
|
1941
|
+
key
|
|
1942
|
+
}
|
|
1943
|
+
}
|
|
1944
|
+
};
|
|
1945
|
+
console.log("message:", message);
|
|
1946
|
+
window.parent.postMessage(message, "*");
|
|
1947
|
+
}
|
|
1948
|
+
|
|
1930
1949
|
// src/app/components/SuccessMessage/SuccessMsz.tsx
|
|
1931
|
-
function SuccessMsz({ onClose }) {
|
|
1950
|
+
function SuccessMsz({ onClose, tranId }) {
|
|
1932
1951
|
return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(SuccessMszStyle, null), /* @__PURE__ */ import_react10.default.createElement("div", { className: "payment-msg-container" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-container" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-tick-div" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-tick" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1933
1952
|
"svg",
|
|
1934
1953
|
{
|
|
@@ -1945,7 +1964,7 @@ function SuccessMsz({ onClose }) {
|
|
|
1945
1964
|
fill: "#61C699"
|
|
1946
1965
|
}
|
|
1947
1966
|
)
|
|
1948
|
-
))), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-text" }, "Your charge", /* @__PURE__ */ import_react10.default.createElement("br", null), "was successful"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-subtext" }, "We\u2019ve processed your charge"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-success-payment-button-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1967
|
+
))), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-text" }, "Your charge", /* @__PURE__ */ import_react10.default.createElement("br", null), "was successful"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-subtext" }, "We\u2019ve processed your charge"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-success-payment-button-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1", onClick: (e) => HandleSubmit(e, "print", tranId) }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1949
1968
|
"svg",
|
|
1950
1969
|
{
|
|
1951
1970
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1968,7 +1987,7 @@ function SuccessMsz({ onClose }) {
|
|
|
1968
1987
|
fill: "#161616"
|
|
1969
1988
|
}
|
|
1970
1989
|
)
|
|
1971
|
-
), "Print receipt"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1990
|
+
), "Print receipt"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1", onClick: (e) => HandleSubmit(e, "share", tranId) }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1972
1991
|
"svg",
|
|
1973
1992
|
{
|
|
1974
1993
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1993,7 +2012,10 @@ function SuccessMsz({ onClose }) {
|
|
|
1993
2012
|
transform: "translate(0.5)"
|
|
1994
2013
|
}
|
|
1995
2014
|
)))
|
|
1996
|
-
), "Send receipt"))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-btn-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn1" }, "Go to Transactions"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn2", onClick:
|
|
2015
|
+
), "Send receipt"))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-btn-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn1", onClick: (e) => HandleSubmit(e, "tran", tranId) }, "Go to Transactions"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn2", onClick: (e) => {
|
|
2016
|
+
onClose();
|
|
2017
|
+
HandleSubmit(e, "close", tranId);
|
|
2018
|
+
} }, "Close"))));
|
|
1997
2019
|
}
|
|
1998
2020
|
|
|
1999
2021
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
@@ -2066,24 +2088,68 @@ function GetPaymentPage(props) {
|
|
|
2066
2088
|
const [cardList, setCardList] = (0, import_react12.useState)([]);
|
|
2067
2089
|
const [selectedCard, setSelectedCard] = (0, import_react12.useState)();
|
|
2068
2090
|
const [paymentData, setPaymentData] = (0, import_react12.useState)();
|
|
2091
|
+
let [tranId, setTranId] = (0, import_react12.useState)("");
|
|
2069
2092
|
const showLoader = () => setLoading(true);
|
|
2070
2093
|
const hideLoader = () => setLoading(false);
|
|
2071
2094
|
const showError = (msz) => {
|
|
2072
2095
|
import_sweetalert2.default.fire({
|
|
2073
2096
|
icon: "error",
|
|
2074
|
-
title: "Oops...",
|
|
2075
2097
|
text: msz
|
|
2076
2098
|
});
|
|
2077
2099
|
};
|
|
2078
2100
|
const handleClose = () => {
|
|
2079
2101
|
setShow(false);
|
|
2080
2102
|
setActive("card");
|
|
2081
|
-
};
|
|
2082
|
-
const handleShow = () => setShow(true);
|
|
2083
|
-
const handleCloseSeccess = () => {
|
|
2084
2103
|
setSuccess(false);
|
|
2085
|
-
|
|
2104
|
+
setTranId("");
|
|
2105
|
+
setAchData({
|
|
2106
|
+
name: "",
|
|
2107
|
+
routingNumber: "",
|
|
2108
|
+
accountNumber: "",
|
|
2109
|
+
confirmAccountNumber: "",
|
|
2110
|
+
bankName: "",
|
|
2111
|
+
accountType: ""
|
|
2112
|
+
});
|
|
2113
|
+
setAchError({
|
|
2114
|
+
name: "",
|
|
2115
|
+
routingNumber: "",
|
|
2116
|
+
accountNumber: "",
|
|
2117
|
+
confirmAccountNumber: "",
|
|
2118
|
+
bankName: "",
|
|
2119
|
+
accountType: ""
|
|
2120
|
+
});
|
|
2121
|
+
setCardData({
|
|
2122
|
+
cardName: "",
|
|
2123
|
+
cardNumber: "",
|
|
2124
|
+
expiryMonth: "",
|
|
2125
|
+
expiryYear: "",
|
|
2126
|
+
cvv: "",
|
|
2127
|
+
orderId: "",
|
|
2128
|
+
zipCode: ""
|
|
2129
|
+
});
|
|
2130
|
+
setCardError({
|
|
2131
|
+
cardName: "",
|
|
2132
|
+
cardNumber: "",
|
|
2133
|
+
expiryMonth: "",
|
|
2134
|
+
expiryYear: "",
|
|
2135
|
+
cvv: "",
|
|
2136
|
+
orderId: "",
|
|
2137
|
+
zipCode: ""
|
|
2138
|
+
});
|
|
2139
|
+
setSaveACHinfo(false);
|
|
2140
|
+
setSaveCardInfo(false);
|
|
2141
|
+
setSelectedCard({
|
|
2142
|
+
card_type: "",
|
|
2143
|
+
cardlastfourdigit: "",
|
|
2144
|
+
expmonth: 1,
|
|
2145
|
+
expyear: 2025,
|
|
2146
|
+
primary_card: 0,
|
|
2147
|
+
firstname: "",
|
|
2148
|
+
id: "",
|
|
2149
|
+
lastname: ""
|
|
2150
|
+
});
|
|
2086
2151
|
};
|
|
2152
|
+
const handleShow = () => setShow(true);
|
|
2087
2153
|
const handletabchange = (id) => {
|
|
2088
2154
|
setActive(id);
|
|
2089
2155
|
};
|
|
@@ -2104,7 +2170,6 @@ function GetPaymentPage(props) {
|
|
|
2104
2170
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2105
2171
|
[name]: ""
|
|
2106
2172
|
}));
|
|
2107
|
-
console.log(value, name);
|
|
2108
2173
|
setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2109
2174
|
[name]: value
|
|
2110
2175
|
}));
|
|
@@ -2161,7 +2226,6 @@ function GetPaymentPage(props) {
|
|
|
2161
2226
|
setAchError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2162
2227
|
[name]: ""
|
|
2163
2228
|
}));
|
|
2164
|
-
console.log(value, name);
|
|
2165
2229
|
setAchData((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2166
2230
|
[name]: value
|
|
2167
2231
|
}));
|
|
@@ -2216,11 +2280,10 @@ function GetPaymentPage(props) {
|
|
|
2216
2280
|
}
|
|
2217
2281
|
}
|
|
2218
2282
|
setAchError(errors);
|
|
2219
|
-
console.log(errors);
|
|
2220
2283
|
return Object.keys(errors).length > 0;
|
|
2221
2284
|
};
|
|
2222
2285
|
const submitFunc = async (e) => {
|
|
2223
|
-
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
2286
|
+
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
2224
2287
|
e.preventDefault();
|
|
2225
2288
|
if (activetab !== "ach") {
|
|
2226
2289
|
const hasError = validateCardData();
|
|
@@ -2247,11 +2310,9 @@ function GetPaymentPage(props) {
|
|
|
2247
2310
|
tax: props == null ? void 0 : props.tax
|
|
2248
2311
|
});
|
|
2249
2312
|
const result = await import_axios3.default.post(`${baseUrl}create-widget-order`, formData);
|
|
2250
|
-
console.log(result);
|
|
2251
2313
|
let tokenCallback = async function(response) {
|
|
2252
|
-
var _a3, _b3;
|
|
2314
|
+
var _a3, _b3, _c3;
|
|
2253
2315
|
if (response.Error) {
|
|
2254
|
-
console.log(response == null ? void 0 : response.Error);
|
|
2255
2316
|
showError(response.Error);
|
|
2256
2317
|
hideLoader();
|
|
2257
2318
|
} else {
|
|
@@ -2262,7 +2323,6 @@ function GetPaymentPage(props) {
|
|
|
2262
2323
|
response.isCardSave = `${saveCardInfo}`;
|
|
2263
2324
|
try {
|
|
2264
2325
|
let apiResponse = await import_axios3.default.post(`${masterBaseUrl}quick-pay/${result == null ? void 0 : result.data.data.posSalesIdEncode}`, response);
|
|
2265
|
-
console.log(apiResponse);
|
|
2266
2326
|
setCardData({
|
|
2267
2327
|
cardName: "",
|
|
2268
2328
|
cardNumber: "",
|
|
@@ -2273,12 +2333,12 @@ function GetPaymentPage(props) {
|
|
|
2273
2333
|
zipCode: ""
|
|
2274
2334
|
});
|
|
2275
2335
|
setSaveCardInfo(false);
|
|
2336
|
+
setTranId((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.transactionId);
|
|
2276
2337
|
setSuccess(true);
|
|
2277
2338
|
hideLoader();
|
|
2278
2339
|
} catch (err) {
|
|
2279
|
-
console.log(err);
|
|
2280
2340
|
hideLoader();
|
|
2281
|
-
showError(((
|
|
2341
|
+
showError(((_c3 = (_b3 = err == null ? void 0 : err.response) == null ? void 0 : _b3.data) == null ? void 0 : _c3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
|
|
2282
2342
|
}
|
|
2283
2343
|
}
|
|
2284
2344
|
};
|
|
@@ -2337,22 +2397,22 @@ function GetPaymentPage(props) {
|
|
|
2337
2397
|
headers: myHeaders2
|
|
2338
2398
|
}
|
|
2339
2399
|
);
|
|
2340
|
-
console.log(paymentRes);
|
|
2341
2400
|
if ((_k = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _k.result) {
|
|
2401
|
+
setTranId((_m = (_l = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _l.data) == null ? void 0 : _m.transactionId);
|
|
2342
2402
|
setSuccess(true);
|
|
2343
2403
|
hideLoader();
|
|
2344
2404
|
}
|
|
2345
2405
|
} catch (err) {
|
|
2346
2406
|
hideLoader();
|
|
2347
|
-
showError(((
|
|
2407
|
+
showError(((_o = (_n = err == null ? void 0 : err.response) == null ? void 0 : _n.data) == null ? void 0 : _o.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2348
2408
|
}
|
|
2349
2409
|
} catch (err) {
|
|
2350
2410
|
hideLoader();
|
|
2351
|
-
showError(((
|
|
2411
|
+
showError(((_q = (_p = err == null ? void 0 : err.response) == null ? void 0 : _p.data) == null ? void 0 : _q.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2352
2412
|
}
|
|
2353
2413
|
} catch (err) {
|
|
2354
2414
|
hideLoader();
|
|
2355
|
-
showError(((
|
|
2415
|
+
showError(((_s = (_r = err == null ? void 0 : err.response) == null ? void 0 : _r.data) == null ? void 0 : _s.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2356
2416
|
}
|
|
2357
2417
|
} else {
|
|
2358
2418
|
if (typeof DatacapWebToken !== "undefined") {
|
|
@@ -2361,7 +2421,7 @@ function GetPaymentPage(props) {
|
|
|
2361
2421
|
}
|
|
2362
2422
|
} catch (err) {
|
|
2363
2423
|
hideLoader();
|
|
2364
|
-
showError(((
|
|
2424
|
+
showError(((_u = (_t = err == null ? void 0 : err.response) == null ? void 0 : _t.data) == null ? void 0 : _u.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2365
2425
|
}
|
|
2366
2426
|
}
|
|
2367
2427
|
}
|
|
@@ -2369,7 +2429,6 @@ function GetPaymentPage(props) {
|
|
|
2369
2429
|
const hasError = validateAchData();
|
|
2370
2430
|
if (hasError) return;
|
|
2371
2431
|
else {
|
|
2372
|
-
console.log(achData);
|
|
2373
2432
|
let dataForm = {
|
|
2374
2433
|
fractalpayPublicKey: fractalpayClientKey,
|
|
2375
2434
|
label: (achData == null ? void 0 : achData.name) || "John Doe",
|
|
@@ -2389,17 +2448,19 @@ function GetPaymentPage(props) {
|
|
|
2389
2448
|
try {
|
|
2390
2449
|
let result = await import_axios3.default.post(`${baseUrl}ach-incoming`, dataForm);
|
|
2391
2450
|
hideLoader();
|
|
2392
|
-
console.log(result);
|
|
2393
2451
|
import_sweetalert2.default.fire({
|
|
2394
2452
|
icon: "success",
|
|
2395
2453
|
title: "Congrats...",
|
|
2396
|
-
text: (
|
|
2454
|
+
text: (_v = result == null ? void 0 : result.data) == null ? void 0 : _v.message
|
|
2455
|
+
}).then((res) => {
|
|
2456
|
+
if (res.isConfirmed) {
|
|
2457
|
+
handleClose();
|
|
2458
|
+
}
|
|
2397
2459
|
});
|
|
2398
2460
|
} catch (error) {
|
|
2399
2461
|
if (import_axios3.default.isAxiosError(error)) {
|
|
2400
|
-
console.log(error);
|
|
2401
2462
|
hideLoader();
|
|
2402
|
-
showError((
|
|
2463
|
+
showError((_z = (_y = (_x = (_w = error.response) == null ? void 0 : _w.data) == null ? void 0 : _x.message) == null ? void 0 : _y.error) != null ? _z : "Something went wrong");
|
|
2403
2464
|
} else {
|
|
2404
2465
|
console.error("Unexpected error", error);
|
|
2405
2466
|
}
|
|
@@ -2416,7 +2477,6 @@ function GetPaymentPage(props) {
|
|
|
2416
2477
|
"customer_id": props == null ? void 0 : props.customerId
|
|
2417
2478
|
};
|
|
2418
2479
|
let paymentData2 = await import_axios3.default.post(`${baseUrl}get-payment-details`, data);
|
|
2419
|
-
console.log(paymentData2);
|
|
2420
2480
|
setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
|
|
2421
2481
|
if (((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.card_list) && ((_f2 = (_e2 = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e2.card_list) == null ? void 0 : _f2.length) > 0) {
|
|
2422
2482
|
setCardList((_h2 = (_g2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _g2.data) == null ? void 0 : _h2.card_list);
|
|
@@ -2426,14 +2486,12 @@ function GetPaymentPage(props) {
|
|
|
2426
2486
|
}
|
|
2427
2487
|
hideLoader();
|
|
2428
2488
|
} catch (err) {
|
|
2429
|
-
console.log(err);
|
|
2430
2489
|
setActive("card");
|
|
2431
2490
|
hideLoader();
|
|
2432
2491
|
}
|
|
2433
2492
|
};
|
|
2434
2493
|
const handlechargeCustomer = async () => {
|
|
2435
|
-
var _b2, _c2, _d2, _e2, _f2;
|
|
2436
|
-
console.log("selected", selectedCard);
|
|
2494
|
+
var _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
2437
2495
|
let customer_id = props == null ? void 0 : props.customerId;
|
|
2438
2496
|
let discount = props == null ? void 0 : props.discount;
|
|
2439
2497
|
let surcharge = props == null ? void 0 : props.surcharge;
|
|
@@ -2466,15 +2524,14 @@ function GetPaymentPage(props) {
|
|
|
2466
2524
|
showLoader();
|
|
2467
2525
|
try {
|
|
2468
2526
|
let result = await import_axios3.default.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
|
|
2469
|
-
console.log(result);
|
|
2470
2527
|
if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
|
|
2528
|
+
setTranId((_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.transaction_id);
|
|
2471
2529
|
setSuccess(true);
|
|
2472
2530
|
hideLoader();
|
|
2473
2531
|
}
|
|
2474
2532
|
} catch (err) {
|
|
2475
2533
|
hideLoader();
|
|
2476
|
-
|
|
2477
|
-
showError(((_d2 = (_c2 = err == null ? void 0 : err.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || ((_f2 = (_e2 = err == null ? void 0 : err.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.status) || "Something went erong");
|
|
2534
|
+
showError(((_f2 = (_e2 = err == null ? void 0 : err.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || ((_h2 = (_g2 = err == null ? void 0 : err.response) == null ? void 0 : _g2.data) == null ? void 0 : _h2.status) || "Something went erong");
|
|
2478
2535
|
}
|
|
2479
2536
|
} else {
|
|
2480
2537
|
showError("Please Select A Card/ACH");
|
|
@@ -2518,7 +2575,6 @@ function GetPaymentPage(props) {
|
|
|
2518
2575
|
const res = await import_axios3.default.post(`${baseUrl}delete-customer-card`, obj);
|
|
2519
2576
|
hideLoader();
|
|
2520
2577
|
getPaymentDetails();
|
|
2521
|
-
console.log("Deleted:", res);
|
|
2522
2578
|
import_sweetalert2.default.fire({
|
|
2523
2579
|
icon: "success",
|
|
2524
2580
|
title: "Deleted!",
|
|
@@ -2534,7 +2590,6 @@ function GetPaymentPage(props) {
|
|
|
2534
2590
|
});
|
|
2535
2591
|
} catch (err) {
|
|
2536
2592
|
hideLoader();
|
|
2537
|
-
console.log("Error:", err);
|
|
2538
2593
|
import_sweetalert2.default.fire({
|
|
2539
2594
|
icon: "error",
|
|
2540
2595
|
title: "Error!",
|
|
@@ -2573,7 +2628,7 @@ function GetPaymentPage(props) {
|
|
|
2573
2628
|
onClose: handleClose
|
|
2574
2629
|
},
|
|
2575
2630
|
/* @__PURE__ */ import_react12.default.createElement(Loader_default, { loading }),
|
|
2576
|
-
success ? /* @__PURE__ */ import_react12.default.createElement(SuccessMsz, { onClose:
|
|
2631
|
+
success ? /* @__PURE__ */ import_react12.default.createElement(SuccessMsz, { onClose: handleClose, tranId }) : /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react12.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" })), /* @__PURE__ */ import_react12.default.createElement("defs", null, /* @__PURE__ */ import_react12.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react12.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-main-logo-res" }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react12.default.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react12.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react12.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), activetab != "ach" && /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react12.default.createElement("div", null)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react12.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react12.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react12.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react12.default.createElement(import_io5.IoArrowBack, null), " Back"), (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && /* @__PURE__ */ import_react12.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
2577
2632
|
handletabchange("card");
|
|
2578
2633
|
}, style: { border: activetab === "card" ? "1px solid" : "" } }, /* @__PURE__ */ import_react12.default.createElement("i", { className: "fas fa-credit-card me-2", style: { marginRight: "8px", fontSize: "15px" } }), "Card"), /* @__PURE__ */ import_react12.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
2579
2634
|
handletabchange("ach");
|
|
@@ -2587,7 +2642,7 @@ function GetPaymentPage(props) {
|
|
|
2587
2642
|
checked: selectedCard === card,
|
|
2588
2643
|
onChange: (e) => setSelectedCard(card)
|
|
2589
2644
|
}
|
|
2590
|
-
), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react12.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react12.default.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ import_react12.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group", style: { padding: "0" } }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react12.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react12.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ach-scrl", style: { minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "378px" : (cardList == null ? void 0 : cardList.length) > 0 ? "442px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "cardHolderName" }, "NAME ON CARD "), /* @__PURE__ */ import_react12.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
2645
|
+
), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react12.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react12.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react12.default.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ import_react12.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ import_react12.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group", style: { padding: "0" } }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react12.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react12.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ach-scrl", style: { minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "378px" : (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) == 0 ? "436px" : (cardList == null ? void 0 : cardList.length) > 0 ? "442px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "cardHolderName" }, "NAME ON CARD "), /* @__PURE__ */ import_react12.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: (cardData == null ? void 0 : cardData.cardName) || "", onChange: (e) => {
|
|
2591
2646
|
const value = e.target.value;
|
|
2592
2647
|
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
2593
2648
|
handleCardChange("cardName", value);
|
|
@@ -2657,7 +2712,11 @@ function GetPaymentPage(props) {
|
|
|
2657
2712
|
checked: saveCardInfo,
|
|
2658
2713
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
2659
2714
|
}
|
|
2660
|
-
), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react12.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react12.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react12.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react12.default.createElement("defs", null, /* @__PURE__ */ import_react12.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react12.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: "0" } }, /* @__PURE__ */ import_react12.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", props == null ? void 0 : props.amount)))), /* @__PURE__ */ import_react12.default.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react12.default.createElement("form", { id: "ACHPaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ach-scrl", style: {
|
|
2715
|
+
), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments "), /* @__PURE__ */ import_react12.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, /* @__PURE__ */ import_react12.default.createElement("g", { clipPath: "url(#clip0_12420_50192)" }, /* @__PURE__ */ import_react12.default.createElement("rect", { width: "20", height: "20", fill: "white" }), /* @__PURE__ */ import_react12.default.createElement("circle", { cx: "10", cy: "10", r: "10", fill: "#E0DFE2" }), /* @__PURE__ */ import_react12.default.createElement("path", { d: "M9.03406 12.0979V12.0072C9.04055 11.4153 9.10057 10.9443 9.21411 10.5943C9.3309 10.2442 9.49635 9.96102 9.71046 9.74463C9.92457 9.52824 10.1825 9.33095 10.4842 9.15274C10.6788 9.03182 10.854 8.89658 11.0097 8.74702C11.1655 8.59745 11.2887 8.42562 11.3796 8.2315C11.4704 8.03739 11.5158 7.82259 11.5158 7.58711C11.5158 7.3039 11.4477 7.05887 11.3114 6.85203C11.1752 6.64519 10.9935 6.48608 10.7664 6.3747C10.5426 6.26014 10.2928 6.20286 10.017 6.20286C9.76723 6.20286 9.52879 6.25378 9.3017 6.35561C9.07461 6.45744 8.88646 6.61655 8.73723 6.83294C8.588 7.04614 8.50203 7.3214 8.47932 7.65871H7C7.02271 7.08592 7.17032 6.60223 7.44282 6.20764C7.71533 5.80986 8.07543 5.50915 8.52311 5.30549C8.97405 5.10183 9.47202 5 10.017 5C10.6139 5 11.1363 5.10979 11.5839 5.32936C12.0316 5.54574 12.3788 5.84964 12.6253 6.24105C12.8751 6.62928 13 7.08274 13 7.60143C13 7.95784 12.9432 8.27924 12.8297 8.56563C12.7161 8.84885 12.5539 9.10183 12.3431 9.32458C12.1354 9.54733 11.8856 9.74463 11.5937 9.91647C11.3179 10.0851 11.0941 10.2601 10.9221 10.4415C10.7534 10.6229 10.6302 10.8377 10.5523 11.0859C10.4745 11.3341 10.4323 11.6412 10.4258 12.0072V12.0979H9.03406ZM9.76886 15C9.50284 15 9.27413 14.9077 9.08273 14.7232C8.89132 14.5354 8.79562 14.3095 8.79562 14.0453C8.79562 13.7844 8.89132 13.5617 9.08273 13.3771C9.27413 13.1893 9.50284 13.0955 9.76886 13.0955C10.0316 13.0955 10.2587 13.1893 10.4501 13.3771C10.6448 13.5617 10.7421 13.7844 10.7421 14.0453C10.7421 14.2204 10.6967 14.3811 10.6058 14.5274C10.5182 14.6706 10.4015 14.7852 10.2555 14.8711C10.1095 14.957 9.94728 15 9.76886 15Z", fill: "#161616" })), /* @__PURE__ */ import_react12.default.createElement("defs", null, /* @__PURE__ */ import_react12.default.createElement("clipPath", { id: "clip0_12420_50192" }, /* @__PURE__ */ import_react12.default.createElement("rect", { width: "20", height: "20", fill: "white" }))))))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group", style: { marginTop: "20px", padding: "0" } }, /* @__PURE__ */ import_react12.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$", props == null ? void 0 : props.amount)))), /* @__PURE__ */ import_react12.default.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react12.default.createElement("form", { id: "ACHPaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "ach-scrl", style: {
|
|
2716
|
+
// minHeight: paymentData?.isSkyFiAccount && cardList?.length > 0 ? "378px" : cardList?.length > 0 ? '442px': '500px', overflow: 'auto', marginRight: '5px',
|
|
2717
|
+
maxHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "378px" : (cardList == null ? void 0 : cardList.length) > 0 ? "380" : "380",
|
|
2718
|
+
minHeight: (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) > 0 ? "378px" : (paymentData == null ? void 0 : paymentData.isSkyFiAccount) && (cardList == null ? void 0 : cardList.length) == 0 ? "436px" : (cardList == null ? void 0 : cardList.length) > 0 ? "442px" : "500px"
|
|
2719
|
+
} }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ import_react12.default.createElement("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_e = achData == null ? void 0 : achData.name) != null ? _e : "", onChange: handleChangeAch }), (achError == null ? void 0 : achError.name) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ import_react12.default.createElement(
|
|
2661
2720
|
"input",
|
|
2662
2721
|
{
|
|
2663
2722
|
type: "text",
|
|
@@ -2727,6 +2786,7 @@ function PreAuthPayment(props) {
|
|
|
2727
2786
|
const [cardList, setCardList] = (0, import_react13.useState)([]);
|
|
2728
2787
|
const [selectedCard, setSelectedCard] = (0, import_react13.useState)();
|
|
2729
2788
|
const [paymentData, setPaymentData] = (0, import_react13.useState)();
|
|
2789
|
+
let [tranId, setTranId] = (0, import_react13.useState)("");
|
|
2730
2790
|
const showLoader = () => setLoading(true);
|
|
2731
2791
|
const hideLoader = () => setLoading(false);
|
|
2732
2792
|
const showError = (msz) => {
|
|
@@ -2739,15 +2799,39 @@ function PreAuthPayment(props) {
|
|
|
2739
2799
|
const handleClose = () => {
|
|
2740
2800
|
setShow(false);
|
|
2741
2801
|
setActive("card");
|
|
2742
|
-
};
|
|
2743
|
-
const handleShow = () => setShow(true);
|
|
2744
|
-
const handleCloseSeccess = () => {
|
|
2745
2802
|
setSuccess(false);
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2803
|
+
setTranId("");
|
|
2804
|
+
setCardData({
|
|
2805
|
+
cardName: "",
|
|
2806
|
+
cardNumber: "",
|
|
2807
|
+
expiryMonth: "",
|
|
2808
|
+
expiryYear: "",
|
|
2809
|
+
cvv: "",
|
|
2810
|
+
orderId: "",
|
|
2811
|
+
zipCode: ""
|
|
2812
|
+
});
|
|
2813
|
+
setCardError({
|
|
2814
|
+
cardName: "",
|
|
2815
|
+
cardNumber: "",
|
|
2816
|
+
expiryMonth: "",
|
|
2817
|
+
expiryYear: "",
|
|
2818
|
+
cvv: "",
|
|
2819
|
+
orderId: "",
|
|
2820
|
+
zipCode: ""
|
|
2821
|
+
});
|
|
2822
|
+
setSaveCardInfo(false);
|
|
2823
|
+
setSelectedCard({
|
|
2824
|
+
card_type: "",
|
|
2825
|
+
cardlastfourdigit: "",
|
|
2826
|
+
expmonth: 1,
|
|
2827
|
+
expyear: 2025,
|
|
2828
|
+
primary_card: 0,
|
|
2829
|
+
firstname: "",
|
|
2830
|
+
id: "",
|
|
2831
|
+
lastname: ""
|
|
2832
|
+
});
|
|
2750
2833
|
};
|
|
2834
|
+
const handleShow = () => setShow(true);
|
|
2751
2835
|
const handleCardChange = (field, value) => {
|
|
2752
2836
|
const name = field;
|
|
2753
2837
|
const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
|
|
@@ -2765,7 +2849,6 @@ function PreAuthPayment(props) {
|
|
|
2765
2849
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2766
2850
|
[name]: ""
|
|
2767
2851
|
}));
|
|
2768
|
-
console.log(value, name);
|
|
2769
2852
|
setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
2770
2853
|
[name]: value
|
|
2771
2854
|
}));
|
|
@@ -2823,7 +2906,7 @@ function PreAuthPayment(props) {
|
|
|
2823
2906
|
return Object.keys(errors).length > 0;
|
|
2824
2907
|
};
|
|
2825
2908
|
const submitFunc = async (e) => {
|
|
2826
|
-
var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
|
|
2909
|
+
var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
|
|
2827
2910
|
e.preventDefault();
|
|
2828
2911
|
if (activetab == "card") {
|
|
2829
2912
|
const hasError = validateCardData();
|
|
@@ -2838,13 +2921,11 @@ function PreAuthPayment(props) {
|
|
|
2838
2921
|
if (!validCVV) errors.cvv = "Invalid CVV";
|
|
2839
2922
|
setCardError(errors);
|
|
2840
2923
|
if (validCard && validCVV && validExpirationDate) {
|
|
2841
|
-
console.log(props == null ? void 0 : props.customerId);
|
|
2842
2924
|
showLoader();
|
|
2843
2925
|
try {
|
|
2844
2926
|
let tokenCallback = async function(response) {
|
|
2845
|
-
var _a3, _b3;
|
|
2927
|
+
var _a3, _b3, _c3;
|
|
2846
2928
|
if (response.Error) {
|
|
2847
|
-
console.log(response == null ? void 0 : response.Error);
|
|
2848
2929
|
showError(response.Error);
|
|
2849
2930
|
hideLoader();
|
|
2850
2931
|
} else {
|
|
@@ -2860,10 +2941,8 @@ function PreAuthPayment(props) {
|
|
|
2860
2941
|
response.customer_id = props == null ? void 0 : props.customerId;
|
|
2861
2942
|
response.link_token = "";
|
|
2862
2943
|
response.gateway_id = paymentData == null ? void 0 : paymentData.paymentGateway;
|
|
2863
|
-
console.log("Response :", response);
|
|
2864
2944
|
try {
|
|
2865
2945
|
let apiResponse = await import_axios4.default.post(`${baseUrl}preauth`, response);
|
|
2866
|
-
console.log(apiResponse);
|
|
2867
2946
|
setCardData({
|
|
2868
2947
|
cardName: "",
|
|
2869
2948
|
cardNumber: "",
|
|
@@ -2874,11 +2953,12 @@ function PreAuthPayment(props) {
|
|
|
2874
2953
|
zipCode: ""
|
|
2875
2954
|
});
|
|
2876
2955
|
setSuccess(true);
|
|
2956
|
+
setTranId((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.transactionId);
|
|
2877
2957
|
hideLoader();
|
|
2878
2958
|
} catch (err) {
|
|
2879
2959
|
console.log(err);
|
|
2880
2960
|
hideLoader();
|
|
2881
|
-
showError(((
|
|
2961
|
+
showError(((_c3 = (_b3 = err == null ? void 0 : err.response) == null ? void 0 : _b3.data) == null ? void 0 : _c3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
|
|
2882
2962
|
}
|
|
2883
2963
|
}
|
|
2884
2964
|
};
|
|
@@ -2945,30 +3025,30 @@ function PreAuthPayment(props) {
|
|
|
2945
3025
|
headers: myHeaders2
|
|
2946
3026
|
}
|
|
2947
3027
|
);
|
|
2948
|
-
console.log(paymentRes);
|
|
2949
3028
|
if ((_n = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _n.result) {
|
|
3029
|
+
setTranId((_p = (_o = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _o.data) == null ? void 0 : _p.transaction_id);
|
|
2950
3030
|
setSuccess(true);
|
|
2951
3031
|
hideLoader();
|
|
2952
3032
|
}
|
|
2953
3033
|
} catch (err) {
|
|
2954
3034
|
hideLoader();
|
|
2955
|
-
showError(((
|
|
3035
|
+
showError(((_r = (_q = err == null ? void 0 : err.response) == null ? void 0 : _q.data) == null ? void 0 : _r.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2956
3036
|
}
|
|
2957
3037
|
} catch (err) {
|
|
2958
3038
|
console.log(err);
|
|
2959
3039
|
hideLoader();
|
|
2960
|
-
showError(((
|
|
3040
|
+
showError(((_t = (_s = err == null ? void 0 : err.response) == null ? void 0 : _s.data) == null ? void 0 : _t.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2961
3041
|
}
|
|
2962
3042
|
} catch (err) {
|
|
2963
3043
|
hideLoader();
|
|
2964
|
-
showError(((
|
|
3044
|
+
showError(((_v = (_u = err == null ? void 0 : err.response) == null ? void 0 : _u.data) == null ? void 0 : _v.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2965
3045
|
}
|
|
2966
3046
|
} else {
|
|
2967
3047
|
DatacapWebToken.requestToken(paymentData == null ? void 0 : paymentData.dctoken, "PaymentForm", tokenCallback);
|
|
2968
3048
|
}
|
|
2969
3049
|
} catch (err) {
|
|
2970
3050
|
hideLoader();
|
|
2971
|
-
showError(((
|
|
3051
|
+
showError(((_x = (_w = err == null ? void 0 : err.response) == null ? void 0 : _w.data) == null ? void 0 : _x.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2972
3052
|
}
|
|
2973
3053
|
}
|
|
2974
3054
|
}
|
|
@@ -2984,7 +3064,6 @@ function PreAuthPayment(props) {
|
|
|
2984
3064
|
preauth: true
|
|
2985
3065
|
};
|
|
2986
3066
|
let paymentData2 = await import_axios4.default.post(`${baseUrl}get-payment-details`, data);
|
|
2987
|
-
console.log(paymentData2);
|
|
2988
3067
|
setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
|
|
2989
3068
|
if (((_c2 = (_b2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.card_list) && ((_f = (_e = (_d2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d2.data) == null ? void 0 : _e.card_list) == null ? void 0 : _f.length) > 0) {
|
|
2990
3069
|
setCardList((_h = (_g = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _g.data) == null ? void 0 : _h.card_list);
|
|
@@ -3000,8 +3079,7 @@ function PreAuthPayment(props) {
|
|
|
3000
3079
|
}
|
|
3001
3080
|
};
|
|
3002
3081
|
const handlechargeCustomer = async () => {
|
|
3003
|
-
var _b2, _c2, _d2, _e, _f;
|
|
3004
|
-
console.log("selected", selectedCard);
|
|
3082
|
+
var _b2, _c2, _d2, _e, _f, _g, _h;
|
|
3005
3083
|
let customer_id = props == null ? void 0 : props.customerId;
|
|
3006
3084
|
let discount = props == null ? void 0 : props.discount;
|
|
3007
3085
|
let surcharge = props == null ? void 0 : props.surcharge;
|
|
@@ -3034,15 +3112,15 @@ function PreAuthPayment(props) {
|
|
|
3034
3112
|
showLoader();
|
|
3035
3113
|
try {
|
|
3036
3114
|
let result = await import_axios4.default.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
|
|
3037
|
-
console.log(result);
|
|
3038
3115
|
if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
|
|
3116
|
+
setTranId((_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.transaction_id);
|
|
3039
3117
|
setSuccess(true);
|
|
3040
3118
|
hideLoader();
|
|
3041
3119
|
}
|
|
3042
3120
|
} catch (err) {
|
|
3043
3121
|
hideLoader();
|
|
3044
3122
|
console.log(err);
|
|
3045
|
-
showError(((
|
|
3123
|
+
showError(((_f = (_e = err == null ? void 0 : err.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || ((_h = (_g = err == null ? void 0 : err.response) == null ? void 0 : _g.data) == null ? void 0 : _h.status) || "Something went erong");
|
|
3046
3124
|
}
|
|
3047
3125
|
} else {
|
|
3048
3126
|
showError("Please Select A Card/ACH");
|
|
@@ -3086,7 +3164,6 @@ function PreAuthPayment(props) {
|
|
|
3086
3164
|
const res = await import_axios4.default.post(`${baseUrl}delete-customer-card`, obj);
|
|
3087
3165
|
hideLoader();
|
|
3088
3166
|
getPaymentDetails();
|
|
3089
|
-
console.log("Deleted:", res);
|
|
3090
3167
|
import_sweetalert22.default.fire({
|
|
3091
3168
|
icon: "success",
|
|
3092
3169
|
title: "Deleted!",
|
|
@@ -3098,7 +3175,6 @@ function PreAuthPayment(props) {
|
|
|
3098
3175
|
});
|
|
3099
3176
|
} catch (err) {
|
|
3100
3177
|
hideLoader();
|
|
3101
|
-
console.error("Error:", err);
|
|
3102
3178
|
import_sweetalert22.default.fire({
|
|
3103
3179
|
icon: "error",
|
|
3104
3180
|
title: "Error!",
|
|
@@ -3126,7 +3202,7 @@ function PreAuthPayment(props) {
|
|
|
3126
3202
|
onClose: handleClose
|
|
3127
3203
|
},
|
|
3128
3204
|
/* @__PURE__ */ import_react13.default.createElement(Loader_default, { loading }),
|
|
3129
|
-
success ? /* @__PURE__ */ import_react13.default.createElement(SuccessMsz, { onClose:
|
|
3205
|
+
success ? /* @__PURE__ */ import_react13.default.createElement(SuccessMsz, { onClose: handleClose, tranId }) : /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "parent-pay-container" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react13.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react13.default.createElement("g", { clipPath: "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react13.default.createElement("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" })), /* @__PURE__ */ import_react13.default.createElement("defs", null, /* @__PURE__ */ import_react13.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react13.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-conatiner-one-first" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react13.default.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react13.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react13.default.createElement("strong", { className: "pay-amount" }, "$", props == null ? void 0 : props.amount)), activetab != "ach" && /* @__PURE__ */ import_react13.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" }))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-conatiner-one-last" }, /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/secure-img.png", alt: "" }), /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/pov-by.png", alt: "" }), "Secure payments powered by Fractal"), /* @__PURE__ */ import_react13.default.createElement("div", null)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react13.default.createElement("div", { id: "payment-form-div" }, activetab !== "cardList" ? /* @__PURE__ */ import_react13.default.createElement("div", null, (cardList == null ? void 0 : cardList.length) > 0 && /* @__PURE__ */ import_react13.default.createElement("button", { className: "charge-payment-back-btn ", onClick: () => setActive("cardList") }, " ", /* @__PURE__ */ import_react13.default.createElement(import_io52.IoArrowBack, null), " Back")) : /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("p", { className: "charge-customer-name" }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react13.default.createElement("p", { className: "card-ach-heading" }, " Cards")), /* @__PURE__ */ import_react13.default.createElement("div", { style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-list-div" }, (paymentData == null ? void 0 : paymentData.card_list) && ((_a = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _a.length) > 0 && ((_b = paymentData == null ? void 0 : paymentData.card_list) == null ? void 0 : _b.map((card, index) => /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react13.default.createElement(
|
|
3130
3206
|
"input",
|
|
3131
3207
|
{
|
|
3132
3208
|
type: "radio",
|
|
@@ -3496,7 +3572,7 @@ var CustomModal = ({
|
|
|
3496
3572
|
display: "flex",
|
|
3497
3573
|
justifyContent: "center",
|
|
3498
3574
|
alignItems: "center"
|
|
3499
|
-
} }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { background: "white", padding: "20px", borderRadius: "8px", minWidth: "300px" } }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "", style: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ import_react15.default.createElement("button", { onClick: onClose, style: { border: "none", background: "transparent" } }, "X")), /* @__PURE__ */ import_react15.default.createElement("div", null, children)));
|
|
3575
|
+
} }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { background: "white", padding: "20px", borderRadius: "8px", minWidth: "300px" } }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "", style: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ import_react15.default.createElement("button", { onClick: onClose, style: { border: "none", background: "transparent", color: "black" } }, "X")), /* @__PURE__ */ import_react15.default.createElement("div", null, children)));
|
|
3500
3576
|
};
|
|
3501
3577
|
var CustomModal_default = CustomModal;
|
|
3502
3578
|
|
|
@@ -3631,11 +3707,17 @@ function AddCard(props) {
|
|
|
3631
3707
|
orderId: "",
|
|
3632
3708
|
zipCode: ""
|
|
3633
3709
|
});
|
|
3710
|
+
setCardError({
|
|
3711
|
+
cardName: "",
|
|
3712
|
+
cardNumber: "",
|
|
3713
|
+
expiryMonth: "",
|
|
3714
|
+
expiryYear: "",
|
|
3715
|
+
cvv: "",
|
|
3716
|
+
orderId: "",
|
|
3717
|
+
zipCode: ""
|
|
3718
|
+
});
|
|
3634
3719
|
};
|
|
3635
3720
|
const handleShow = () => setShow(true);
|
|
3636
|
-
const handleCloseSeccess = () => {
|
|
3637
|
-
handleClose();
|
|
3638
|
-
};
|
|
3639
3721
|
const handleCardChange = (field, value) => {
|
|
3640
3722
|
const name = field;
|
|
3641
3723
|
const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
|
|
@@ -3653,7 +3735,6 @@ function AddCard(props) {
|
|
|
3653
3735
|
setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
3654
3736
|
[name]: ""
|
|
3655
3737
|
}));
|
|
3656
|
-
console.log(value, name);
|
|
3657
3738
|
setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
3658
3739
|
[name]: value
|
|
3659
3740
|
}));
|
|
@@ -3718,7 +3799,7 @@ function AddCard(props) {
|
|
|
3718
3799
|
return Object.keys(errors).length > 0;
|
|
3719
3800
|
};
|
|
3720
3801
|
const getPaymentDetails = async () => {
|
|
3721
|
-
var _a2
|
|
3802
|
+
var _a2;
|
|
3722
3803
|
showLoader();
|
|
3723
3804
|
try {
|
|
3724
3805
|
const data = {
|
|
@@ -3727,14 +3808,9 @@ function AddCard(props) {
|
|
|
3727
3808
|
addcard: true
|
|
3728
3809
|
};
|
|
3729
3810
|
let paymentData2 = await import_axios5.default.post(`${baseUrl}get-payment-details`, data);
|
|
3730
|
-
console.log(paymentData2);
|
|
3731
3811
|
setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
|
|
3732
|
-
if (((_c = (_b = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b.data) == null ? void 0 : _c.card_list) && ((_f = (_e = (_d = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d.data) == null ? void 0 : _e.card_list) == null ? void 0 : _f.length) > 0) {
|
|
3733
|
-
} else {
|
|
3734
|
-
}
|
|
3735
3812
|
hideLoader();
|
|
3736
3813
|
} catch (err) {
|
|
3737
|
-
console.log(err);
|
|
3738
3814
|
hideLoader();
|
|
3739
3815
|
}
|
|
3740
3816
|
};
|
|
@@ -3747,7 +3823,6 @@ function AddCard(props) {
|
|
|
3747
3823
|
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
|
|
3748
3824
|
e.preventDefault();
|
|
3749
3825
|
const hasError = validateCardData();
|
|
3750
|
-
console.log(cardData);
|
|
3751
3826
|
if (hasError) return;
|
|
3752
3827
|
else {
|
|
3753
3828
|
let validCard = DatacapWebToken.validateCardNumber(cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""));
|
|
@@ -3763,9 +3838,7 @@ function AddCard(props) {
|
|
|
3763
3838
|
try {
|
|
3764
3839
|
let getTokenCallback = async function(token) {
|
|
3765
3840
|
var _a3, _b2, _c2, _d2, _e2;
|
|
3766
|
-
console.log(token);
|
|
3767
3841
|
if (token.Error) {
|
|
3768
|
-
console.log(token == null ? void 0 : token.Error);
|
|
3769
3842
|
showError(token.Error);
|
|
3770
3843
|
hideLoader();
|
|
3771
3844
|
} else {
|
|
@@ -3778,7 +3851,6 @@ function AddCard(props) {
|
|
|
3778
3851
|
};
|
|
3779
3852
|
try {
|
|
3780
3853
|
let apiResponse = await import_axios5.default.post(`${baseUrl}add-card`, reqData);
|
|
3781
|
-
console.log(apiResponse);
|
|
3782
3854
|
let formData = {
|
|
3783
3855
|
fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
|
|
3784
3856
|
wallet_id: "",
|
|
@@ -3789,7 +3861,6 @@ function AddCard(props) {
|
|
|
3789
3861
|
};
|
|
3790
3862
|
try {
|
|
3791
3863
|
const result = await import_axios5.default.post(`${baseUrl}link-wallet`, formData);
|
|
3792
|
-
console.log(result);
|
|
3793
3864
|
setSuccess(true);
|
|
3794
3865
|
hideLoader();
|
|
3795
3866
|
setCardData({
|
|
@@ -3802,12 +3873,10 @@ function AddCard(props) {
|
|
|
3802
3873
|
zipCode: ""
|
|
3803
3874
|
});
|
|
3804
3875
|
} catch (err) {
|
|
3805
|
-
console.log(err);
|
|
3806
3876
|
hideLoader();
|
|
3807
3877
|
showError(((_c2 = (_b2 = err == null ? void 0 : err.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
|
|
3808
3878
|
}
|
|
3809
3879
|
} catch (err) {
|
|
3810
|
-
console.log(err);
|
|
3811
3880
|
hideLoader();
|
|
3812
3881
|
showError(((_e2 = (_d2 = err == null ? void 0 : err.response) == null ? void 0 : _d2.data) == null ? void 0 : _e2.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
|
|
3813
3882
|
}
|
|
@@ -3861,7 +3930,6 @@ function AddCard(props) {
|
|
|
3861
3930
|
headers: myHeaders2
|
|
3862
3931
|
}
|
|
3863
3932
|
);
|
|
3864
|
-
console.log(addCardRes);
|
|
3865
3933
|
if ((_h = addCardRes == null ? void 0 : addCardRes.data) == null ? void 0 : _h.result) {
|
|
3866
3934
|
setSuccess(true);
|
|
3867
3935
|
hideLoader();
|
|
@@ -3904,7 +3972,7 @@ function AddCard(props) {
|
|
|
3904
3972
|
onClose: handleClose
|
|
3905
3973
|
},
|
|
3906
3974
|
/* @__PURE__ */ import_react18.default.createElement(Loader_default, { loading }),
|
|
3907
|
-
success ? /* @__PURE__ */ import_react18.default.createElement(SuccessCardMsz_default, { onClose:
|
|
3975
|
+
success ? /* @__PURE__ */ import_react18.default.createElement(SuccessCardMsz_default, { onClose: handleClose }) : /* @__PURE__ */ import_react18.default.createElement(
|
|
3908
3976
|
"div",
|
|
3909
3977
|
{
|
|
3910
3978
|
className: "container-creditcard add-card modal-content ",
|