@pinerohit11/testwidget 0.1.89 → 0.1.91
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 +1 -8
- package/dist/index.d.ts +1 -8
- package/dist/index.js +333 -118
- package/dist/index.mjs +313 -97
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
|
|
|
22
22
|
return a;
|
|
23
23
|
};
|
|
24
24
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
+
var __objRest = (source, exclude) => {
|
|
26
|
+
var target = {};
|
|
27
|
+
for (var prop in source)
|
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
}
|
|
35
|
+
return target;
|
|
36
|
+
};
|
|
25
37
|
var __export = (target, all) => {
|
|
26
38
|
for (var name in all)
|
|
27
39
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -47,7 +59,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
47
59
|
// src/app/index.ts
|
|
48
60
|
var index_exports = {};
|
|
49
61
|
__export(index_exports, {
|
|
50
|
-
DataScript: () => DataScript,
|
|
51
62
|
GetPaymentPage: () => GetPaymentPage,
|
|
52
63
|
RequestPayment: () => RequestPayment,
|
|
53
64
|
RequestPreAuthPayment: () => RequestPreAuthPayment
|
|
@@ -157,8 +168,8 @@ var Loader = (props) => {
|
|
|
157
168
|
var Loader_default = Loader;
|
|
158
169
|
|
|
159
170
|
// src/app/components/baseurl.ts
|
|
171
|
+
var baseUrl = "http://192.168.1.62:8082/";
|
|
160
172
|
var masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
|
|
161
|
-
var baseUrl = "https://dev-widget.fractalpay.com/";
|
|
162
173
|
|
|
163
174
|
// src/app/components/Errortext.ts
|
|
164
175
|
var ErrorText = {
|
|
@@ -1183,7 +1194,7 @@ function RequestPreAuthPayment(props) {
|
|
|
1183
1194
|
}
|
|
1184
1195
|
|
|
1185
1196
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1186
|
-
var
|
|
1197
|
+
var import_react12 = __toESM(require("react"));
|
|
1187
1198
|
|
|
1188
1199
|
// src/app/components/Charge/Chargewidgetstyles.tsx
|
|
1189
1200
|
var import_react8 = __toESM(require("react"));
|
|
@@ -1635,7 +1646,8 @@ function Chargewidgetstyles() {
|
|
|
1635
1646
|
background: #FFF;
|
|
1636
1647
|
box-shadow: 0px 6px 12px 0px rgba(206, 197, 221, 0.31);
|
|
1637
1648
|
font-size:16px;
|
|
1638
|
-
curso:pointer
|
|
1649
|
+
curso:pointer;
|
|
1650
|
+
color:black
|
|
1639
1651
|
}
|
|
1640
1652
|
.btn {
|
|
1641
1653
|
padding: 11px 23px;
|
|
@@ -1941,34 +1953,73 @@ function SuccessMsz({ onClose }) {
|
|
|
1941
1953
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1942
1954
|
var import_sweetalert2 = __toESM(require("sweetalert2"));
|
|
1943
1955
|
var import_io5 = require("react-icons/io5");
|
|
1956
|
+
|
|
1957
|
+
// src/app/components/Datascript.tsx
|
|
1958
|
+
var import_react11 = require("react");
|
|
1959
|
+
function DataScript() {
|
|
1960
|
+
(0, import_react11.useEffect)(() => {
|
|
1961
|
+
const src = "https://token-cert.dcap.com/v1/client";
|
|
1962
|
+
if (typeof window === "undefined") return;
|
|
1963
|
+
if (window.DatacapWebToken) {
|
|
1964
|
+
console.log("\u2705 Datacap already available");
|
|
1965
|
+
return;
|
|
1966
|
+
}
|
|
1967
|
+
if (!document.querySelector(`script[src="${src}"]`)) {
|
|
1968
|
+
const script = document.createElement("script");
|
|
1969
|
+
script.src = src;
|
|
1970
|
+
script.async = true;
|
|
1971
|
+
script.onload = () => {
|
|
1972
|
+
console.log("\u2705 Datacap script loaded");
|
|
1973
|
+
if (window.DatacapWebToken) {
|
|
1974
|
+
console.log("\u2705 DatacapWebToken is ready:", window.DatacapWebToken);
|
|
1975
|
+
} else {
|
|
1976
|
+
console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
|
|
1977
|
+
}
|
|
1978
|
+
};
|
|
1979
|
+
script.onerror = (err) => {
|
|
1980
|
+
console.error("\u274C Failed to load Datacap script", err);
|
|
1981
|
+
};
|
|
1982
|
+
document.head.appendChild(script);
|
|
1983
|
+
} else {
|
|
1984
|
+
console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");
|
|
1985
|
+
}
|
|
1986
|
+
}, []);
|
|
1987
|
+
(0, import_react11.useEffect)(() => {
|
|
1988
|
+
const scriptId = "forge-cdn-script";
|
|
1989
|
+
if (!document.getElementById(scriptId)) {
|
|
1990
|
+
const forgeScript = document.createElement("script");
|
|
1991
|
+
forgeScript.src = "https://cdn.jsdelivr.net/npm/node-forge@1.0.0/dist/forge.min.js";
|
|
1992
|
+
forgeScript.id = scriptId;
|
|
1993
|
+
forgeScript.async = true;
|
|
1994
|
+
document.head.appendChild(forgeScript);
|
|
1995
|
+
}
|
|
1996
|
+
return () => {
|
|
1997
|
+
const existingScript = document.getElementById(scriptId);
|
|
1998
|
+
if (existingScript) {
|
|
1999
|
+
document.head.removeChild(existingScript);
|
|
2000
|
+
}
|
|
2001
|
+
};
|
|
2002
|
+
}, []);
|
|
2003
|
+
return null;
|
|
2004
|
+
}
|
|
2005
|
+
|
|
2006
|
+
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1944
2007
|
function GetPaymentPage(props) {
|
|
1945
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1946
|
-
const [loading, setLoading] = (0,
|
|
1947
|
-
const [success, setSuccess] = (0,
|
|
1948
|
-
const [show, setShow] = (0,
|
|
1949
|
-
const [activetab, setActive] = (0,
|
|
1950
|
-
const [saveCardInfo, setSaveCardInfo] = (0,
|
|
1951
|
-
const [saveACHinfo, setSaveACHinfo] = (0,
|
|
2008
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
2009
|
+
const [loading, setLoading] = (0, import_react12.useState)(false);
|
|
2010
|
+
const [success, setSuccess] = (0, import_react12.useState)(false);
|
|
2011
|
+
const [show, setShow] = (0, import_react12.useState)(false);
|
|
2012
|
+
const [activetab, setActive] = (0, import_react12.useState)("cardList");
|
|
2013
|
+
const [saveCardInfo, setSaveCardInfo] = (0, import_react12.useState)(false);
|
|
2014
|
+
const [saveACHinfo, setSaveACHinfo] = (0, import_react12.useState)(false);
|
|
1952
2015
|
const fractalpayClientKey = props.fractalpayClientKey;
|
|
1953
|
-
const [cardData, setCardData] = (0,
|
|
1954
|
-
const [cardError, setCardError] = (0,
|
|
1955
|
-
const [achData, setAchData] = (0,
|
|
1956
|
-
const [achError, setAchError] = (0,
|
|
1957
|
-
const [cardList, setCardList] = (0,
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
{ cardNumber: "9876789878999874", expMonth: "11", expYear: "2028", cardType: "visa" },
|
|
1961
|
-
{ cardNumber: "9876789878999873", expMonth: "08", expYear: "2029", cardType: "visa" },
|
|
1962
|
-
{ cardNumber: "9876789878999345", expMonth: "10", expYear: "2026", cardType: "visa" },
|
|
1963
|
-
{ cardNumber: "9876789878999434", expMonth: "05", expYear: "2028", cardType: "visa" },
|
|
1964
|
-
{ cardNumber: "9876789878999852", expMonth: "07", expYear: "2027", cardType: "visa" },
|
|
1965
|
-
{ cardNumber: "9876789878994546", expMonth: "04", expYear: "2029", cardType: "visa" },
|
|
1966
|
-
{ cardNumber: "9876789878999743", expMonth: "09", expYear: "2026", cardType: "visa" },
|
|
1967
|
-
{ cardNumber: "9876789878997323", expMonth: "12", expYear: "2028", cardType: "visa" },
|
|
1968
|
-
{ cardNumber: "9876789878998979", expMonth: "07", expYear: "2027", cardType: "visa" },
|
|
1969
|
-
{ cardNumber: "9876789878992348", expMonth: "03", expYear: "2029", cardType: "visa" },
|
|
1970
|
-
{ cardNumber: "9876789878999465", expMonth: "01", expYear: "2026", cardType: "visa" }
|
|
1971
|
-
]);
|
|
2016
|
+
const [cardData, setCardData] = (0, import_react12.useState)();
|
|
2017
|
+
const [cardError, setCardError] = (0, import_react12.useState)({});
|
|
2018
|
+
const [achData, setAchData] = (0, import_react12.useState)();
|
|
2019
|
+
const [achError, setAchError] = (0, import_react12.useState)({});
|
|
2020
|
+
const [cardList, setCardList] = (0, import_react12.useState)([]);
|
|
2021
|
+
const [selectedCard, setSelectedCard] = (0, import_react12.useState)();
|
|
2022
|
+
const [paymentData, setPaymentData] = (0, import_react12.useState)();
|
|
1972
2023
|
const showLoader = () => setLoading(true);
|
|
1973
2024
|
const hideLoader = () => setLoading(false);
|
|
1974
2025
|
const showError = (msz) => {
|
|
@@ -2087,7 +2138,7 @@ function GetPaymentPage(props) {
|
|
|
2087
2138
|
return Object.keys(errors).length > 0;
|
|
2088
2139
|
};
|
|
2089
2140
|
const validateAchData = () => {
|
|
2090
|
-
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2,
|
|
2141
|
+
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
2091
2142
|
const errors = {};
|
|
2092
2143
|
const data = achData;
|
|
2093
2144
|
if (!((_a2 = data == null ? void 0 : data.name) == null ? void 0 : _a2.trim())) errors.name = "Name is required";
|
|
@@ -2096,7 +2147,7 @@ function GetPaymentPage(props) {
|
|
|
2096
2147
|
if (!((_f2 = data == null ? void 0 : data.bankName) == null ? void 0 : _f2.trim())) errors.bankName = "Bank name is required";
|
|
2097
2148
|
if (!((_g2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _g2.trim())) errors.routingNumber = "Routing Number is required";
|
|
2098
2149
|
if ((data == null ? void 0 : data.routingNumber) && ((_h2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _h2.length) !== 9) errors.routingNumber = "Routing number must be 9 digits";
|
|
2099
|
-
if (((
|
|
2150
|
+
if (((_i2 = data == null ? void 0 : data.routingNumber) == null ? void 0 : _i2.length) == 9) {
|
|
2100
2151
|
let routingNumber = data == null ? void 0 : data.routingNumber;
|
|
2101
2152
|
const weights = [3, 7, 1];
|
|
2102
2153
|
let sum = 0;
|
|
@@ -2112,7 +2163,7 @@ function GetPaymentPage(props) {
|
|
|
2112
2163
|
return Object.keys(errors).length > 0;
|
|
2113
2164
|
};
|
|
2114
2165
|
const submitFunc = async (e) => {
|
|
2115
|
-
var _a2, _b2, _c2, _d2, _e2;
|
|
2166
|
+
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;
|
|
2116
2167
|
e.preventDefault();
|
|
2117
2168
|
if (activetab !== "ach") {
|
|
2118
2169
|
const hasError = validateCardData();
|
|
@@ -2131,13 +2182,14 @@ function GetPaymentPage(props) {
|
|
|
2131
2182
|
try {
|
|
2132
2183
|
const formData = __spreadProps(__spreadValues({}, cardData), {
|
|
2133
2184
|
amount: `${props.amount || 0}`,
|
|
2134
|
-
// fractalpayClientKey : fractalpayClientKey,
|
|
2135
2185
|
fractalpayPublicKey: fractalpayClientKey
|
|
2136
2186
|
});
|
|
2137
2187
|
const result = await import_axios3.default.post(`${baseUrl}create-widget-order`, formData);
|
|
2138
2188
|
console.log(result);
|
|
2139
2189
|
let tokenCallback = async function(response) {
|
|
2190
|
+
var _a3, _b3;
|
|
2140
2191
|
if (response.Error) {
|
|
2192
|
+
console.log(response == null ? void 0 : response.Error);
|
|
2141
2193
|
showError(response.Error);
|
|
2142
2194
|
hideLoader();
|
|
2143
2195
|
} else {
|
|
@@ -2165,22 +2217,94 @@ function GetPaymentPage(props) {
|
|
|
2165
2217
|
} catch (err) {
|
|
2166
2218
|
console.log(err);
|
|
2167
2219
|
hideLoader();
|
|
2168
|
-
showError("
|
|
2220
|
+
showError(((_b3 = (_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.data) == null ? void 0 : _b3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
|
|
2169
2221
|
}
|
|
2170
2222
|
}
|
|
2171
2223
|
};
|
|
2172
|
-
if (
|
|
2173
|
-
|
|
2224
|
+
if ((paymentData == null ? void 0 : paymentData.paymentGateway) === 32) {
|
|
2225
|
+
const requestOptions = {
|
|
2226
|
+
method: "POST",
|
|
2227
|
+
redirect: "follow"
|
|
2228
|
+
};
|
|
2229
|
+
try {
|
|
2230
|
+
let sesionResult = await import_axios3.default.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
|
|
2231
|
+
let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
|
|
2232
|
+
let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
|
|
2233
|
+
cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
|
|
2234
|
+
let track2_data = `${cardNumber}=${expYear}${cardData == null ? void 0 : cardData.expiryMonth} ${cardData == null ? void 0 : cardData.cvv}`;
|
|
2235
|
+
const publicKey = forge.pki.publicKeyFromPem((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem);
|
|
2236
|
+
const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
|
|
2237
|
+
md: forge.md.sha1.create(),
|
|
2238
|
+
mgf1: {
|
|
2239
|
+
md: forge.md.sha1.create()
|
|
2240
|
+
}
|
|
2241
|
+
});
|
|
2242
|
+
const encryptedBase64 = forge.util.encode64(encrypted);
|
|
2243
|
+
const myHeaders = {
|
|
2244
|
+
"Content-Type": "application/json",
|
|
2245
|
+
"x-app-session-key": (_d2 = (_c2 = sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.session_key
|
|
2246
|
+
};
|
|
2247
|
+
const raw = JSON.stringify({
|
|
2248
|
+
"enc_track2_data": `${encryptedBase64}`,
|
|
2249
|
+
"algorithm": "RSAES_OAEP_SHA_1",
|
|
2250
|
+
session_key: `${(_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key}`
|
|
2251
|
+
});
|
|
2252
|
+
try {
|
|
2253
|
+
const tokenizeData = await import_axios3.default.post("https://api-dev.merchant-trends.com/tokenizer/tokenize", raw, { headers: myHeaders });
|
|
2254
|
+
const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g2.data), {
|
|
2255
|
+
isSaveCardChecked: saveCardInfo,
|
|
2256
|
+
name: cardData == null ? void 0 : cardData.cardName,
|
|
2257
|
+
postal_code: cardData == null ? void 0 : cardData.zipCode,
|
|
2258
|
+
customer_id: props == null ? void 0 : props.customerId
|
|
2259
|
+
}));
|
|
2260
|
+
const reqData2 = {
|
|
2261
|
+
"pre_sales_id": `${(_i2 = (_h2 = result == null ? void 0 : result.data) == null ? void 0 : _h2.data) == null ? void 0 : _i2.posSalesIdEncode}`,
|
|
2262
|
+
"token": `${(_j2 = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _j2.data.token}`,
|
|
2263
|
+
"json_response": `${reqData}`
|
|
2264
|
+
};
|
|
2265
|
+
let myHeaders2 = {
|
|
2266
|
+
"Content-Type": "application/json"
|
|
2267
|
+
};
|
|
2268
|
+
const requestOptions2 = __spreadProps(__spreadValues({}, reqData2), {
|
|
2269
|
+
isChargeviafractal: true
|
|
2270
|
+
});
|
|
2271
|
+
try {
|
|
2272
|
+
let paymentRes = await import_axios3.default.post(
|
|
2273
|
+
`${masterBaseUrl}api/v1/payment-gateway/charge`,
|
|
2274
|
+
requestOptions2,
|
|
2275
|
+
{
|
|
2276
|
+
headers: myHeaders2
|
|
2277
|
+
}
|
|
2278
|
+
);
|
|
2279
|
+
console.log(paymentRes);
|
|
2280
|
+
if ((_k = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _k.result) {
|
|
2281
|
+
setSuccess(true);
|
|
2282
|
+
hideLoader();
|
|
2283
|
+
}
|
|
2284
|
+
} catch (err) {
|
|
2285
|
+
hideLoader();
|
|
2286
|
+
showError(((_m = (_l = err == null ? void 0 : err.response) == null ? void 0 : _l.data) == null ? void 0 : _m.message) || (err == null ? void 0 : err.message) || "something wrong..s");
|
|
2287
|
+
}
|
|
2288
|
+
} catch (err) {
|
|
2289
|
+
hideLoader();
|
|
2290
|
+
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");
|
|
2291
|
+
}
|
|
2292
|
+
} catch (err) {
|
|
2293
|
+
hideLoader();
|
|
2294
|
+
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");
|
|
2295
|
+
}
|
|
2296
|
+
} else {
|
|
2297
|
+
if (typeof DatacapWebToken !== "undefined") {
|
|
2298
|
+
DatacapWebToken.requestToken(result == null ? void 0 : result.data.data.dctoken, "PaymentForm", tokenCallback);
|
|
2299
|
+
}
|
|
2174
2300
|
}
|
|
2175
2301
|
} catch (err) {
|
|
2176
|
-
console.log(err);
|
|
2177
2302
|
hideLoader();
|
|
2178
|
-
showError("
|
|
2303
|
+
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");
|
|
2179
2304
|
}
|
|
2180
2305
|
}
|
|
2181
2306
|
}
|
|
2182
2307
|
} else {
|
|
2183
|
-
console.log(achData);
|
|
2184
2308
|
const hasError = validateAchData();
|
|
2185
2309
|
if (hasError) return;
|
|
2186
2310
|
else {
|
|
@@ -2208,13 +2332,13 @@ function GetPaymentPage(props) {
|
|
|
2208
2332
|
import_sweetalert2.default.fire({
|
|
2209
2333
|
icon: "success",
|
|
2210
2334
|
title: "Congrats...",
|
|
2211
|
-
text: (
|
|
2335
|
+
text: (_t = result == null ? void 0 : result.data) == null ? void 0 : _t.message
|
|
2212
2336
|
});
|
|
2213
2337
|
} catch (error) {
|
|
2214
2338
|
if (import_axios3.default.isAxiosError(error)) {
|
|
2215
2339
|
console.log(error);
|
|
2216
2340
|
hideLoader();
|
|
2217
|
-
showError((
|
|
2341
|
+
showError((_x = (_w = (_v = (_u = error.response) == null ? void 0 : _u.data) == null ? void 0 : _v.message) == null ? void 0 : _w.error) != null ? _x : "Something went wrong");
|
|
2218
2342
|
} else {
|
|
2219
2343
|
console.error("Unexpected error", error);
|
|
2220
2344
|
}
|
|
@@ -2222,46 +2346,171 @@ function GetPaymentPage(props) {
|
|
|
2222
2346
|
}
|
|
2223
2347
|
}
|
|
2224
2348
|
};
|
|
2225
|
-
|
|
2349
|
+
const getPaymentDetails = async () => {
|
|
2350
|
+
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
|
|
2351
|
+
showLoader();
|
|
2352
|
+
try {
|
|
2353
|
+
const data = {
|
|
2354
|
+
fractalpayPublicKey: fractalpayClientKey,
|
|
2355
|
+
"customer_id": props == null ? void 0 : props.customerId
|
|
2356
|
+
};
|
|
2357
|
+
let paymentData2 = await import_axios3.default.post(`${baseUrl}get-payment-details`, data);
|
|
2358
|
+
console.log(paymentData2);
|
|
2359
|
+
setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
|
|
2360
|
+
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) {
|
|
2361
|
+
setCardList((_h2 = (_g2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _g2.data) == null ? void 0 : _h2.card_list);
|
|
2362
|
+
} else {
|
|
2363
|
+
setActive("card");
|
|
2364
|
+
}
|
|
2365
|
+
hideLoader();
|
|
2366
|
+
} catch (err) {
|
|
2367
|
+
console.log(err);
|
|
2368
|
+
setActive("card");
|
|
2369
|
+
hideLoader();
|
|
2370
|
+
}
|
|
2371
|
+
};
|
|
2372
|
+
const handlechargeCustomer = async () => {
|
|
2373
|
+
var _b2, _c2, _d2, _e2, _f2;
|
|
2374
|
+
console.log("selected", selectedCard);
|
|
2375
|
+
let customer_id = props == null ? void 0 : props.customerId;
|
|
2376
|
+
let discount = props == null ? void 0 : props.discount;
|
|
2377
|
+
let surcharge = props == null ? void 0 : props.surcharge;
|
|
2378
|
+
let tax = props == null ? void 0 : props.tax;
|
|
2379
|
+
let fractalpayPublicKey = props == null ? void 0 : props.fractalpayClientKey;
|
|
2380
|
+
let order_id = props == null ? void 0 : props.orderID;
|
|
2381
|
+
let amount = props == null ? void 0 : props.amount;
|
|
2382
|
+
let card_id = selectedCard == null ? void 0 : selectedCard.id;
|
|
2383
|
+
let card_type = selectedCard == null ? void 0 : selectedCard.card_type;
|
|
2384
|
+
if (fractalpayPublicKey && order_id && amount) {
|
|
2385
|
+
if (customer_id) {
|
|
2386
|
+
if (card_id) {
|
|
2387
|
+
let chargeobj = {
|
|
2388
|
+
amount,
|
|
2389
|
+
order_id,
|
|
2390
|
+
customer_id,
|
|
2391
|
+
card_id,
|
|
2392
|
+
fractalpayPublicKey,
|
|
2393
|
+
isCardSave: saveCardInfo,
|
|
2394
|
+
discount,
|
|
2395
|
+
surcharge,
|
|
2396
|
+
tax
|
|
2397
|
+
};
|
|
2398
|
+
let _a2 = chargeobj, { isCardSave } = _a2, rest = __objRest(_a2, ["isCardSave"]);
|
|
2399
|
+
let endpoint = card_type === "Bank" ? "charge-ach" : "charge-by-card";
|
|
2400
|
+
let chargeurl = baseUrl + endpoint;
|
|
2401
|
+
const headers = {
|
|
2402
|
+
"Content-Type": "application/json"
|
|
2403
|
+
};
|
|
2404
|
+
showLoader();
|
|
2405
|
+
try {
|
|
2406
|
+
let result = await import_axios3.default.post(chargeurl, card_type == "Bank" ? rest : chargeobj, { headers });
|
|
2407
|
+
console.log(result);
|
|
2408
|
+
if ((_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.result) {
|
|
2409
|
+
setSuccess(true);
|
|
2410
|
+
hideLoader();
|
|
2411
|
+
}
|
|
2412
|
+
} catch (err) {
|
|
2413
|
+
hideLoader();
|
|
2414
|
+
console.log(err);
|
|
2415
|
+
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");
|
|
2416
|
+
}
|
|
2417
|
+
} else {
|
|
2418
|
+
showError("Please Select A Card/ACH");
|
|
2419
|
+
}
|
|
2420
|
+
} else {
|
|
2421
|
+
showError("Please Select Customer");
|
|
2422
|
+
}
|
|
2423
|
+
} else {
|
|
2424
|
+
showError("Something went wrong , Please try again later !!!");
|
|
2425
|
+
}
|
|
2426
|
+
};
|
|
2427
|
+
(0, import_react12.useEffect)(() => {
|
|
2428
|
+
if (show && fractalpayClientKey) {
|
|
2429
|
+
getPaymentDetails();
|
|
2430
|
+
}
|
|
2431
|
+
}, [fractalpayClientKey, show]);
|
|
2432
|
+
const handleDeleteCard = async (cardId) => {
|
|
2433
|
+
import_sweetalert2.default.fire({
|
|
2434
|
+
icon: "warning",
|
|
2435
|
+
text: "Do you want to delete the card?",
|
|
2436
|
+
showCancelButton: true,
|
|
2437
|
+
confirmButtonText: "Yes",
|
|
2438
|
+
cancelButtonText: "No",
|
|
2439
|
+
reverseButtons: true,
|
|
2440
|
+
buttonsStyling: false,
|
|
2441
|
+
customClass: {
|
|
2442
|
+
confirmButton: "swal2-confirm btn btn-dark",
|
|
2443
|
+
cancelButton: "swal2-cancel btn btn-dark",
|
|
2444
|
+
popup: "custom-swal-popup",
|
|
2445
|
+
icon: "custom-swal-icon"
|
|
2446
|
+
}
|
|
2447
|
+
}).then(async (result) => {
|
|
2448
|
+
if (result.isConfirmed) {
|
|
2449
|
+
showLoader();
|
|
2450
|
+
try {
|
|
2451
|
+
let obj = {
|
|
2452
|
+
card_id: cardId,
|
|
2453
|
+
customer_id: props == null ? void 0 : props.customerId,
|
|
2454
|
+
fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
|
|
2455
|
+
};
|
|
2456
|
+
const res = await import_axios3.default.post(`${baseUrl}delete-customer-card`, obj);
|
|
2457
|
+
hideLoader();
|
|
2458
|
+
getPaymentDetails();
|
|
2459
|
+
console.log("Deleted:", res);
|
|
2460
|
+
import_sweetalert2.default.fire({
|
|
2461
|
+
icon: "success",
|
|
2462
|
+
title: "Deleted!",
|
|
2463
|
+
text: "The card has been deleted.",
|
|
2464
|
+
confirmButtonText: "OK",
|
|
2465
|
+
customClass: {
|
|
2466
|
+
confirmButton: "btn btn-dark"
|
|
2467
|
+
}
|
|
2468
|
+
});
|
|
2469
|
+
} catch (err) {
|
|
2470
|
+
hideLoader();
|
|
2471
|
+
console.error("Error:", err);
|
|
2472
|
+
import_sweetalert2.default.fire({
|
|
2473
|
+
icon: "error",
|
|
2474
|
+
title: "Error!",
|
|
2475
|
+
text: "Failed to delete the card.",
|
|
2476
|
+
confirmButtonText: "OK",
|
|
2477
|
+
customClass: {
|
|
2478
|
+
confirmButton: "btn btn-dark"
|
|
2479
|
+
}
|
|
2480
|
+
});
|
|
2481
|
+
}
|
|
2482
|
+
}
|
|
2483
|
+
});
|
|
2484
|
+
};
|
|
2485
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(DataScript, null), /* @__PURE__ */ import_react12.default.createElement(Chargewidgetstyles, null), /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
|
|
2226
2486
|
"button",
|
|
2227
2487
|
{
|
|
2228
2488
|
className: "paymentBtn",
|
|
2229
2489
|
onClick: handleShow
|
|
2230
2490
|
},
|
|
2231
2491
|
"Pay"
|
|
2232
|
-
), /* @__PURE__ */
|
|
2492
|
+
), /* @__PURE__ */ import_react12.default.createElement(
|
|
2233
2493
|
CustomModal2_default,
|
|
2234
2494
|
{
|
|
2235
2495
|
open: show,
|
|
2236
2496
|
onClose: handleClose
|
|
2237
2497
|
},
|
|
2238
|
-
/* @__PURE__ */
|
|
2239
|
-
success ? /* @__PURE__ */
|
|
2498
|
+
/* @__PURE__ */ import_react12.default.createElement(Loader_default, { loading }),
|
|
2499
|
+
success ? /* @__PURE__ */ import_react12.default.createElement(SuccessMsz, { onClose: handleCloseSeccess }) : /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__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", { "clip-path": "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-container" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__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" }, "$1.35")), 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-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"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
2240
2500
|
handletabchange("card");
|
|
2241
|
-
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */
|
|
2501
|
+
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */ import_react12.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
2242
2502
|
handletabchange("ach");
|
|
2243
|
-
}, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH"))) : /* @__PURE__ */
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
buttonsStyling: false,
|
|
2255
|
-
// disables default styling
|
|
2256
|
-
customClass: {
|
|
2257
|
-
confirmButton: "swal2-confirm btn btn-dark",
|
|
2258
|
-
cancelButton: "swal2-cancel btn btn-dark",
|
|
2259
|
-
popup: "custom-swal-popup",
|
|
2260
|
-
icon: "custom-swal-icon"
|
|
2261
|
-
}
|
|
2262
|
-
});
|
|
2263
|
-
} }, /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))));
|
|
2264
|
-
})), /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Pay With Other Card", /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit" }, "$1.35"))), /* @__PURE__ */ import_react11.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react11.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react11.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: cardData == null ? void 0 : cardData.cardName, onChange: (e) => handleCardChange("cardName", e.target.value) }), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "toggle-num-wrapper" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
2503
|
+
}, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH"))) : /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("p", { className: "charge-customer-name" }, " Charge ", paymentData == null ? void 0 : paymentData.customer_name), /* @__PURE__ */ import_react12.default.createElement("p", { className: "card-ach-heading" }, " Cards/ACH")), /* @__PURE__ */ import_react12.default.createElement("div", { id: "ach", style: { display: activetab === "cardList" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "card-lint-div-in" }, /* @__PURE__ */ import_react12.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_react12.default.createElement("div", { className: "card-list-single-div", key: index }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2504
|
+
"input",
|
|
2505
|
+
{
|
|
2506
|
+
type: "radio",
|
|
2507
|
+
className: "cardRadio",
|
|
2508
|
+
name: "selected_card",
|
|
2509
|
+
id: "",
|
|
2510
|
+
checked: selectedCard === card,
|
|
2511
|
+
onChange: (e) => setSelectedCard(card)
|
|
2512
|
+
}
|
|
2513
|
+
), /* @__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" }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$1.35"))), /* @__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: { maxHeight: "380px", 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) => handleCardChange("cardName", e.target.value) }), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "toggle-num-wrapper" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2265
2514
|
"input",
|
|
2266
2515
|
{
|
|
2267
2516
|
className: "form-control card-number-new",
|
|
@@ -2273,7 +2522,7 @@ function GetPaymentPage(props) {
|
|
|
2273
2522
|
onChange: (e) => handleCardNumberChange(e),
|
|
2274
2523
|
"data-token": "card_number"
|
|
2275
2524
|
}
|
|
2276
|
-
), /* @__PURE__ */
|
|
2525
|
+
), /* @__PURE__ */ import_react12.default.createElement("div", { className: "card-crdi card-expiry-new" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "exp-date-year-container" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "exp-date form-group" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2277
2526
|
"input",
|
|
2278
2527
|
{
|
|
2279
2528
|
"data-token": "exp_month",
|
|
@@ -2284,7 +2533,7 @@ function GetPaymentPage(props) {
|
|
|
2284
2533
|
value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
|
|
2285
2534
|
onChange: (e) => handleCardChange("expiryMonth", e.target.value)
|
|
2286
2535
|
}
|
|
2287
|
-
)), /* @__PURE__ */
|
|
2536
|
+
)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "exp-year form-group" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2288
2537
|
"input",
|
|
2289
2538
|
{
|
|
2290
2539
|
"data-token": "exp_year",
|
|
@@ -2295,7 +2544,7 @@ function GetPaymentPage(props) {
|
|
|
2295
2544
|
value: (cardData == null ? void 0 : cardData.expiryYear) || "",
|
|
2296
2545
|
onChange: (e) => handleCardChange("expiryYear", e.target.value)
|
|
2297
2546
|
}
|
|
2298
|
-
)), /* @__PURE__ */
|
|
2547
|
+
)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "security-digit form-group" }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2299
2548
|
"input",
|
|
2300
2549
|
{
|
|
2301
2550
|
"data-token": "cvv",
|
|
@@ -2306,7 +2555,7 @@ function GetPaymentPage(props) {
|
|
|
2306
2555
|
value: (cardData == null ? void 0 : cardData.cvv) || "",
|
|
2307
2556
|
onChange: (e) => handleCardChange("cvv", e.target.value)
|
|
2308
2557
|
}
|
|
2309
|
-
)))), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */
|
|
2558
|
+
)))), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react12.default.createElement("p", { style: { margin: "0" } }, (cardError == null ? void 0 : cardError.expiryMonth) || (cardError == null ? void 0 : cardError.expiryYear) ? /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span", style: { paddingRight: "4px" } }, cardError == null ? void 0 : cardError.expiryMonth) : "", (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "OrderId" }, "Order ID / Description"), /* @__PURE__ */ import_react12.default.createElement(
|
|
2310
2559
|
"input",
|
|
2311
2560
|
{
|
|
2312
2561
|
type: "text",
|
|
@@ -2314,11 +2563,11 @@ function GetPaymentPage(props) {
|
|
|
2314
2563
|
maxLength: 100,
|
|
2315
2564
|
placeholder: "OID123456",
|
|
2316
2565
|
disabled: true,
|
|
2317
|
-
value: (
|
|
2566
|
+
value: (_c = cardData == null ? void 0 : cardData.orderId) != null ? _c : "OID123456",
|
|
2318
2567
|
onChange: (e) => handleCardChange("orderId", e.target.value),
|
|
2319
2568
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
2320
2569
|
}
|
|
2321
|
-
)), /* @__PURE__ */
|
|
2570
|
+
)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react12.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_d = cardData == null ? void 0 : cardData.zipCode) != null ? _d : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react12.default.createElement(
|
|
2322
2571
|
"input",
|
|
2323
2572
|
{
|
|
2324
2573
|
type: "checkbox",
|
|
@@ -2327,7 +2576,7 @@ function GetPaymentPage(props) {
|
|
|
2327
2576
|
checked: saveCardInfo,
|
|
2328
2577
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
2329
2578
|
}
|
|
2330
|
-
), /* @__PURE__ */
|
|
2579
|
+
), /* @__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("div", { className: "form-group", style: { marginTop: "20px" } }, /* @__PURE__ */ import_react12.default.createElement("button", { type: "submit", style: { margin: 0 }, className: "pay-button" }, "$1.35")))), /* @__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" }, /* @__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(
|
|
2331
2580
|
"input",
|
|
2332
2581
|
{
|
|
2333
2582
|
type: "text",
|
|
@@ -2336,10 +2585,10 @@ function GetPaymentPage(props) {
|
|
|
2336
2585
|
maxLength: 9,
|
|
2337
2586
|
placeholder: "000000000",
|
|
2338
2587
|
name: "routingNumber",
|
|
2339
|
-
value: (
|
|
2588
|
+
value: (_f = achData == null ? void 0 : achData.routingNumber) != null ? _f : "",
|
|
2340
2589
|
onChange: handleChangeAch
|
|
2341
2590
|
}
|
|
2342
|
-
), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */
|
|
2591
|
+
), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.routingNumber)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "accountnumber" }, "Account number"), /* @__PURE__ */ import_react12.default.createElement(
|
|
2343
2592
|
"input",
|
|
2344
2593
|
{
|
|
2345
2594
|
type: "text",
|
|
@@ -2348,10 +2597,10 @@ function GetPaymentPage(props) {
|
|
|
2348
2597
|
maxLength: 16,
|
|
2349
2598
|
placeholder: "0000000000",
|
|
2350
2599
|
name: "accountNumber",
|
|
2351
|
-
value: (
|
|
2600
|
+
value: (_g = achData == null ? void 0 : achData.accountNumber) != null ? _g : "",
|
|
2352
2601
|
onChange: handleChangeAch
|
|
2353
2602
|
}
|
|
2354
|
-
), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */
|
|
2603
|
+
), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.accountNumber)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "confirmaccountnumber" }, "Confirm account number"), /* @__PURE__ */ import_react12.default.createElement(
|
|
2355
2604
|
"input",
|
|
2356
2605
|
{
|
|
2357
2606
|
type: "text",
|
|
@@ -2360,10 +2609,10 @@ function GetPaymentPage(props) {
|
|
|
2360
2609
|
maxLength: 16,
|
|
2361
2610
|
placeholder: "0000000000",
|
|
2362
2611
|
name: "confirmAccountNumber",
|
|
2363
|
-
value: (
|
|
2612
|
+
value: (_h = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _h : "",
|
|
2364
2613
|
onChange: handleChangeAch
|
|
2365
2614
|
}
|
|
2366
|
-
), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */
|
|
2615
|
+
), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.confirmAccountNumber)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "bankname" }, "Bank name"), /* @__PURE__ */ import_react12.default.createElement(
|
|
2367
2616
|
"input",
|
|
2368
2617
|
{
|
|
2369
2618
|
type: "text",
|
|
@@ -2372,48 +2621,14 @@ function GetPaymentPage(props) {
|
|
|
2372
2621
|
maxLength: 100,
|
|
2373
2622
|
placeholder: "My Bank",
|
|
2374
2623
|
name: "bankName",
|
|
2375
|
-
value: (
|
|
2624
|
+
value: (_i = achData == null ? void 0 : achData.bankName) != null ? _i : "",
|
|
2376
2625
|
onChange: handleChangeAch
|
|
2377
2626
|
}
|
|
2378
|
-
), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */
|
|
2627
|
+
), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ import_react12.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ import_react12.default.createElement("select", { name: "accountType", id: "accounttype", className: "form-control", value: (_j = achData == null ? void 0 : achData.accountType) != null ? _j : "", onChange: handleChangeAch }, /* @__PURE__ */ import_react12.default.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ import_react12.default.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ import_react12.default.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ import_react12.default.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ import_react12.default.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4", style: { paddingTop: "5px" } }, /* @__PURE__ */ import_react12.default.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ import_react12.default.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ import_react12.default.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react12.default.createElement("button", { className: "pay-button", style: { margin: "20px 0 0" }, type: "submit" }, "$1.35"))))))))))
|
|
2379
2628
|
)));
|
|
2380
2629
|
}
|
|
2381
|
-
|
|
2382
|
-
// src/app/components/Datascript.tsx
|
|
2383
|
-
var import_react12 = require("react");
|
|
2384
|
-
function DataScript() {
|
|
2385
|
-
(0, import_react12.useEffect)(() => {
|
|
2386
|
-
const src = "https://token-cert.dcap.com/v1/client";
|
|
2387
|
-
if (typeof window === "undefined") return;
|
|
2388
|
-
if (window.DatacapWebToken) {
|
|
2389
|
-
console.log("\u2705 Datacap already available");
|
|
2390
|
-
return;
|
|
2391
|
-
}
|
|
2392
|
-
if (!document.querySelector(`script[src="${src}"]`)) {
|
|
2393
|
-
const script = document.createElement("script");
|
|
2394
|
-
script.src = src;
|
|
2395
|
-
script.async = true;
|
|
2396
|
-
script.onload = () => {
|
|
2397
|
-
console.log("\u2705 Datacap script loaded");
|
|
2398
|
-
if (window.DatacapWebToken) {
|
|
2399
|
-
console.log("\u2705 DatacapWebToken is ready:", window.DatacapWebToken);
|
|
2400
|
-
} else {
|
|
2401
|
-
console.warn("\u26A0\uFE0F Script loaded, but DatacapWebToken not found");
|
|
2402
|
-
}
|
|
2403
|
-
};
|
|
2404
|
-
script.onerror = (err) => {
|
|
2405
|
-
console.error("\u274C Failed to load Datacap script", err);
|
|
2406
|
-
};
|
|
2407
|
-
document.head.appendChild(script);
|
|
2408
|
-
} else {
|
|
2409
|
-
console.log("\u2139\uFE0F Script already in DOM, waiting for Datacap...");
|
|
2410
|
-
}
|
|
2411
|
-
}, []);
|
|
2412
|
-
return null;
|
|
2413
|
-
}
|
|
2414
2630
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2415
2631
|
0 && (module.exports = {
|
|
2416
|
-
DataScript,
|
|
2417
2632
|
GetPaymentPage,
|
|
2418
2633
|
RequestPayment,
|
|
2419
2634
|
RequestPreAuthPayment
|