@pinerohit11/testwidget 0.1.47 → 0.1.49
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{index.mjs → index.cjs} +305 -252
- package/dist/index.js +269 -288
- package/package.json +3 -2
- /package/dist/{index.d.mts → index.d.cts} +0 -0
@@ -1,7 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __create = Object.create;
|
1
3
|
var __defProp = Object.defineProperty;
|
2
4
|
var __defProps = Object.defineProperties;
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
3
6
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
4
8
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
5
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
6
11
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
7
12
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
@@ -17,18 +22,54 @@ var __spreadValues = (a, b) => {
|
|
17
22
|
return a;
|
18
23
|
};
|
19
24
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
25
|
+
var __export = (target, all) => {
|
26
|
+
for (var name in all)
|
27
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
28
|
+
};
|
29
|
+
var __copyProps = (to, from, except, desc) => {
|
30
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
31
|
+
for (let key of __getOwnPropNames(from))
|
32
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
33
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
34
|
+
}
|
35
|
+
return to;
|
36
|
+
};
|
37
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
38
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
39
|
+
// file that has been converted to a CommonJS file using a Babel-
|
40
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
41
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
42
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
43
|
+
mod
|
44
|
+
));
|
45
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
46
|
+
|
47
|
+
// src/app/index.ts
|
48
|
+
var app_exports = {};
|
49
|
+
__export(app_exports, {
|
50
|
+
CompletedTransactions: () => CompletedTransactions,
|
51
|
+
GetPaymentDynamic: () => GetPaymentDynamic,
|
52
|
+
Payment: () => Payment,
|
53
|
+
RequestPayment: () => RequestPayment,
|
54
|
+
RequestPaymentAllInput: () => RequestPaymentAllInput,
|
55
|
+
RequestPaymentDynamic: () => RequestPaymentDynamic,
|
56
|
+
RequestPaymentonClick: () => RequestPaymentonClick,
|
57
|
+
RqstPaymntInputField: () => RqstPaymntInputField,
|
58
|
+
TockenizPay: () => TockenizPay
|
59
|
+
});
|
60
|
+
module.exports = __toCommonJS(app_exports);
|
20
61
|
|
21
62
|
// src/app/components/RequestPayment/RequestPayment.tsx
|
22
|
-
|
23
|
-
|
63
|
+
var import_react4 = __toESM(require("react"), 1);
|
64
|
+
var import_axios = __toESM(require("axios"), 1);
|
24
65
|
|
25
66
|
// src/app/components/Loader/Loader.tsx
|
26
|
-
|
67
|
+
var import_react2 = __toESM(require("react"), 1);
|
27
68
|
|
28
69
|
// src/app/components/Loader/LoaderStyle.tsx
|
29
|
-
|
70
|
+
var import_react = __toESM(require("react"), 1);
|
30
71
|
var LoaderStyle = (props) => {
|
31
|
-
return /* @__PURE__ */
|
72
|
+
return /* @__PURE__ */ import_react.default.createElement("style", null, `
|
32
73
|
.loader {
|
33
74
|
position: fixed;
|
34
75
|
/* Fixed position to cover the viewport */
|
@@ -147,17 +188,17 @@ var LoaderStyle_default = LoaderStyle;
|
|
147
188
|
|
148
189
|
// src/app/components/Loader/Loader.tsx
|
149
190
|
var Loader = (props) => {
|
150
|
-
return /* @__PURE__ */
|
191
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(LoaderStyle_default, null), (props == null ? void 0 : props.loading) && /* @__PURE__ */ import_react2.default.createElement("div", { className: "loader" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "lds-ellipsis" }, /* @__PURE__ */ import_react2.default.createElement("div", null), /* @__PURE__ */ import_react2.default.createElement("div", null), /* @__PURE__ */ import_react2.default.createElement("div", null), /* @__PURE__ */ import_react2.default.createElement("div", null))));
|
151
192
|
};
|
152
193
|
var Loader_default = Loader;
|
153
194
|
|
154
195
|
// src/app/components/RequestPayment/RequestPayment.tsx
|
155
|
-
|
196
|
+
var import_react_bootstrap = require("react-bootstrap");
|
156
197
|
|
157
198
|
// src/app/components/RequestPayment/RequestPaymentstyles.tsx
|
158
|
-
|
199
|
+
var import_react3 = __toESM(require("react"), 1);
|
159
200
|
var RequestPaymentstyles = (props) => {
|
160
|
-
return /* @__PURE__ */
|
201
|
+
return /* @__PURE__ */ import_react3.default.createElement("style", null, `
|
161
202
|
.paymentBtn {
|
162
203
|
background-color: black;
|
163
204
|
border: none;
|
@@ -1011,10 +1052,10 @@ var ErrorText = {
|
|
1011
1052
|
// src/app/components/RequestPayment/RequestPayment.tsx
|
1012
1053
|
function RequestPayment(props) {
|
1013
1054
|
const fractalpayClientKey = props.fractalpayClientKey;
|
1014
|
-
const [show, setShow] = useState(false);
|
1015
|
-
const [loading, setLoading] = useState(false);
|
1016
|
-
const [errors, setErrors] = useState({});
|
1017
|
-
const [requestDetails, setRequestDetails] = useState({
|
1055
|
+
const [show, setShow] = (0, import_react4.useState)(false);
|
1056
|
+
const [loading, setLoading] = (0, import_react4.useState)(false);
|
1057
|
+
const [errors, setErrors] = (0, import_react4.useState)({});
|
1058
|
+
const [requestDetails, setRequestDetails] = (0, import_react4.useState)({
|
1018
1059
|
email: "",
|
1019
1060
|
amount: "",
|
1020
1061
|
phone_number: "",
|
@@ -1022,7 +1063,7 @@ function RequestPayment(props) {
|
|
1022
1063
|
name: "",
|
1023
1064
|
fractalpayPublicKey: fractalpayClientKey
|
1024
1065
|
});
|
1025
|
-
const [showConfirmationModal, setShowConfirmationModal] = useState(false);
|
1066
|
+
const [showConfirmationModal, setShowConfirmationModal] = (0, import_react4.useState)(false);
|
1026
1067
|
const phoneNumberRegex = (value) => /^\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}$/.test(value);
|
1027
1068
|
const amoutRegex = /[+-]?([0-9]*[.])?[0-9]+/;
|
1028
1069
|
const positiveAmountRegex = /^[+]?\d+(\.\d+)?$/;
|
@@ -1075,7 +1116,7 @@ function RequestPayment(props) {
|
|
1075
1116
|
name: requestDetails.name,
|
1076
1117
|
email: requestDetails.email
|
1077
1118
|
};
|
1078
|
-
let response = await
|
1119
|
+
let response = await import_axios.default.post(`${baseUrl}create-widget-order`, formData);
|
1079
1120
|
if ((response == null ? void 0 : response.status) === 200) {
|
1080
1121
|
setShowConfirmationModal(true);
|
1081
1122
|
setShow(false);
|
@@ -1153,7 +1194,7 @@ function RequestPayment(props) {
|
|
1153
1194
|
setErrors(newErrors);
|
1154
1195
|
return Object.keys(newErrors).length === 0;
|
1155
1196
|
};
|
1156
|
-
useEffect(() => {
|
1197
|
+
(0, import_react4.useEffect)(() => {
|
1157
1198
|
if (props.amount) {
|
1158
1199
|
setRequestDetails((prev) => __spreadProps(__spreadValues({}, prev), { amount: props.amount }));
|
1159
1200
|
}
|
@@ -1163,8 +1204,8 @@ function RequestPayment(props) {
|
|
1163
1204
|
e.preventDefault();
|
1164
1205
|
}
|
1165
1206
|
};
|
1166
|
-
return /* @__PURE__ */
|
1167
|
-
Modal,
|
1207
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react4.default.createElement(Loader_default, { loading }), /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Request Payment"), /* @__PURE__ */ import_react4.default.createElement(
|
1208
|
+
import_react_bootstrap.Modal,
|
1168
1209
|
{
|
1169
1210
|
show,
|
1170
1211
|
onHide: handleClose,
|
@@ -1172,8 +1213,8 @@ function RequestPayment(props) {
|
|
1172
1213
|
backdrop: "static",
|
1173
1214
|
keyboard: false
|
1174
1215
|
},
|
1175
|
-
/* @__PURE__ */
|
1176
|
-
/* @__PURE__ */
|
1216
|
+
/* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }, /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Title, null, "Request Payment")),
|
1217
|
+
/* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Body, { id: "Checkout" }, /* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Form, null, /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "FULL NAME *"), /* @__PURE__ */ import_react4.default.createElement(
|
1177
1218
|
"input",
|
1178
1219
|
{
|
1179
1220
|
className: "form-control",
|
@@ -1182,7 +1223,7 @@ function RequestPayment(props) {
|
|
1182
1223
|
"data-token": "name",
|
1183
1224
|
onChange: handleChange
|
1184
1225
|
}
|
1185
|
-
), errors.name && /* @__PURE__ */
|
1226
|
+
), errors.name && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.name)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "requestPhoneNumber", className: "form-label" }, "Phone Number"), /* @__PURE__ */ import_react4.default.createElement(
|
1186
1227
|
"input",
|
1187
1228
|
{
|
1188
1229
|
maxLength: 10,
|
@@ -1194,7 +1235,7 @@ function RequestPayment(props) {
|
|
1194
1235
|
type: "text",
|
1195
1236
|
"data-token": "phone_number"
|
1196
1237
|
}
|
1197
|
-
), errors.phone_number && /* @__PURE__ */
|
1238
|
+
), errors.phone_number && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.phone_number)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "EMAIL"), /* @__PURE__ */ import_react4.default.createElement(
|
1198
1239
|
"input",
|
1199
1240
|
{
|
1200
1241
|
className: "form-control",
|
@@ -1203,7 +1244,7 @@ function RequestPayment(props) {
|
|
1203
1244
|
onChange: handleChange,
|
1204
1245
|
"data-token": "email"
|
1205
1246
|
}
|
1206
|
-
), errors.email && /* @__PURE__ */
|
1247
|
+
), errors.email && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.email)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "AMOUNT *"), /* @__PURE__ */ import_react4.default.createElement("div", { className: "input-group" }, /* @__PURE__ */ import_react4.default.createElement("span", { className: "input-group-text" }, "$"), /* @__PURE__ */ import_react4.default.createElement(
|
1207
1248
|
"input",
|
1208
1249
|
{
|
1209
1250
|
"data-token": "amount",
|
@@ -1219,7 +1260,7 @@ function RequestPayment(props) {
|
|
1219
1260
|
e2.preventDefault();
|
1220
1261
|
}, { passive: false })
|
1221
1262
|
}
|
1222
|
-
)), errors.amount && /* @__PURE__ */
|
1263
|
+
)), errors.amount && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.amount)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "mb-3" }, /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: "exampleFormControlInput2", className: "form-label" }, "ORDER ID"), /* @__PURE__ */ import_react4.default.createElement(
|
1223
1264
|
"input",
|
1224
1265
|
{
|
1225
1266
|
className: "form-control",
|
@@ -1228,8 +1269,8 @@ function RequestPayment(props) {
|
|
1228
1269
|
onChange: handleChange,
|
1229
1270
|
"data-token": "order_id"
|
1230
1271
|
}
|
1231
|
-
), errors.order_id && /* @__PURE__ */
|
1232
|
-
Button,
|
1272
|
+
), errors.order_id && /* @__PURE__ */ import_react4.default.createElement("small", { className: "text-danger" }, errors.order_id)), /* @__PURE__ */ import_react4.default.createElement(
|
1273
|
+
import_react_bootstrap.Button,
|
1233
1274
|
{
|
1234
1275
|
type: "button",
|
1235
1276
|
className: "PayButton",
|
@@ -1237,7 +1278,7 @@ function RequestPayment(props) {
|
|
1237
1278
|
disabled: loading
|
1238
1279
|
},
|
1239
1280
|
loading ? "Loading..." : "Send Request"
|
1240
|
-
)), /* @__PURE__ */
|
1281
|
+
)), /* @__PURE__ */ import_react4.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react4.default.createElement(
|
1241
1282
|
"svg",
|
1242
1283
|
{
|
1243
1284
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1245,14 +1286,14 @@ function RequestPayment(props) {
|
|
1245
1286
|
height: "20",
|
1246
1287
|
viewBox: "0 0 26 26"
|
1247
1288
|
},
|
1248
|
-
/* @__PURE__ */
|
1289
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
1249
1290
|
"path",
|
1250
1291
|
{
|
1251
1292
|
fill: "currentColor",
|
1252
1293
|
d: "M23.633 5.028a1.074 1.074 0 0 0-.777-.366c-2.295-.06-5.199-2.514-7.119-3.477C14.551.592 13.768.201 13.18.098a1.225 1.225 0 0 0-.36.001c-.588.103-1.371.494-2.556 1.087c-1.92.962-4.824 3.416-7.119 3.476a1.08 1.08 0 0 0-.778.366a1.167 1.167 0 0 0-.291.834c.493 10.023 4.088 16.226 10.396 19.831c.164.093.346.141.527.141s.363-.048.528-.141c6.308-3.605 9.902-9.808 10.396-19.831a1.161 1.161 0 0 0-.29-.834zM18.617 8.97l-5.323 7.855c-.191.282-.491.469-.788.469c-.298 0-.629-.163-.838-.372l-3.752-3.753a.656.656 0 0 1 0-.926l.927-.929a.658.658 0 0 1 .926 0l2.44 2.44l4.239-6.257a.657.657 0 0 1 .91-.173l1.085.736a.657.657 0 0 1 .174.91z"
|
1253
1294
|
}
|
1254
1295
|
)
|
1255
|
-
), "Secure payments powered by Fractal", /* @__PURE__ */
|
1296
|
+
), "Secure payments powered by Fractal", /* @__PURE__ */ import_react4.default.createElement(
|
1256
1297
|
"img",
|
1257
1298
|
{
|
1258
1299
|
src: "https://ui.fractalpay.com/favicon.ico",
|
@@ -1260,15 +1301,15 @@ function RequestPayment(props) {
|
|
1260
1301
|
className: "powered-logo"
|
1261
1302
|
}
|
1262
1303
|
)))
|
1263
|
-
), /* @__PURE__ */
|
1264
|
-
Modal,
|
1304
|
+
), /* @__PURE__ */ import_react4.default.createElement(
|
1305
|
+
import_react_bootstrap.Modal,
|
1265
1306
|
{
|
1266
1307
|
className: "payment-suc",
|
1267
1308
|
show: showConfirmationModal,
|
1268
1309
|
onHide: handleCloseConfirmationModal
|
1269
1310
|
},
|
1270
|
-
/* @__PURE__ */
|
1271
|
-
/* @__PURE__ */
|
1311
|
+
/* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Header, { closeButton: true }),
|
1312
|
+
/* @__PURE__ */ import_react4.default.createElement(import_react_bootstrap.Modal.Body, null, /* @__PURE__ */ import_react4.default.createElement(
|
1272
1313
|
"svg",
|
1273
1314
|
{
|
1274
1315
|
width: "60",
|
@@ -1277,7 +1318,7 @@ function RequestPayment(props) {
|
|
1277
1318
|
fill: "none",
|
1278
1319
|
xmlns: "http://www.w3.org/2000/svg"
|
1279
1320
|
},
|
1280
|
-
/* @__PURE__ */
|
1321
|
+
/* @__PURE__ */ import_react4.default.createElement(
|
1281
1322
|
"rect",
|
1282
1323
|
{
|
1283
1324
|
x: "0.5",
|
@@ -1288,14 +1329,14 @@ function RequestPayment(props) {
|
|
1288
1329
|
stroke: "#31B379"
|
1289
1330
|
}
|
1290
1331
|
),
|
1291
|
-
/* @__PURE__ */
|
1332
|
+
/* @__PURE__ */ import_react4.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react4.default.createElement(
|
1292
1333
|
"path",
|
1293
1334
|
{
|
1294
1335
|
d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
|
1295
1336
|
fill: "#31B379"
|
1296
1337
|
}
|
1297
1338
|
)),
|
1298
|
-
/* @__PURE__ */
|
1339
|
+
/* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react4.default.createElement(
|
1299
1340
|
"rect",
|
1300
1341
|
{
|
1301
1342
|
width: "22",
|
@@ -1304,28 +1345,28 @@ function RequestPayment(props) {
|
|
1304
1345
|
transform: "translate(19.5 19.0039)"
|
1305
1346
|
}
|
1306
1347
|
)))
|
1307
|
-
), /* @__PURE__ */
|
1348
|
+
), /* @__PURE__ */ import_react4.default.createElement("h2", null, "Payment link has been ", /* @__PURE__ */ import_react4.default.createElement("br", null), " sent successfully"))
|
1308
1349
|
)));
|
1309
1350
|
}
|
1310
1351
|
|
1311
1352
|
// src/app/components/RequestPayment/RequestPaymentAllInput.tsx
|
1312
|
-
|
1313
|
-
|
1314
|
-
|
1315
|
-
|
1353
|
+
var import_react5 = __toESM(require("react"), 1);
|
1354
|
+
var import_react_bootstrap2 = require("react-bootstrap");
|
1355
|
+
var import_react_toastify = require("react-toastify");
|
1356
|
+
var import_ReactToastify = require("react-toastify/dist/ReactToastify.css");
|
1316
1357
|
function RequestPaymentAllInput({ fractalpayClientKey }) {
|
1317
|
-
const [isLoading, setIsLoading] =
|
1318
|
-
const [show, setShow] =
|
1319
|
-
const [phoneNumber, setPhoneNumber] =
|
1320
|
-
const [amount, setAmount] =
|
1321
|
-
const [orderId, setOrderId] =
|
1322
|
-
const [isValidNumber, setIsValidNumber] =
|
1323
|
-
const [isValidAmount, setIsValidAmount] =
|
1324
|
-
const [isValidOrderId, setIsValidOrderId] =
|
1325
|
-
const [errorMessagephone, setErrorMessagephone] =
|
1326
|
-
const [errorMessageamount, setErrorMessageamount] =
|
1327
|
-
const [errorMessageorderid, setErrorMessageorderid] =
|
1328
|
-
const [submitClicked, setSubmitClicked] =
|
1358
|
+
const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
|
1359
|
+
const [show, setShow] = (0, import_react5.useState)(false);
|
1360
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react5.useState)("");
|
1361
|
+
const [amount, setAmount] = (0, import_react5.useState)("");
|
1362
|
+
const [orderId, setOrderId] = (0, import_react5.useState)("");
|
1363
|
+
const [isValidNumber, setIsValidNumber] = (0, import_react5.useState)(true);
|
1364
|
+
const [isValidAmount, setIsValidAmount] = (0, import_react5.useState)(true);
|
1365
|
+
const [isValidOrderId, setIsValidOrderId] = (0, import_react5.useState)(true);
|
1366
|
+
const [errorMessagephone, setErrorMessagephone] = (0, import_react5.useState)("");
|
1367
|
+
const [errorMessageamount, setErrorMessageamount] = (0, import_react5.useState)("");
|
1368
|
+
const [errorMessageorderid, setErrorMessageorderid] = (0, import_react5.useState)("");
|
1369
|
+
const [submitClicked, setSubmitClicked] = (0, import_react5.useState)(false);
|
1329
1370
|
const handleClose = () => setShow(false);
|
1330
1371
|
const handleShow = () => setShow(true);
|
1331
1372
|
const sendRequestPayment = () => {
|
@@ -1387,7 +1428,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1387
1428
|
}).catch((error) => {
|
1388
1429
|
setIsLoading(false);
|
1389
1430
|
console.error("Error:", error);
|
1390
|
-
toast.error(ErrorText.anerroroccured);
|
1431
|
+
import_react_toastify.toast.error(ErrorText.anerroroccured);
|
1391
1432
|
});
|
1392
1433
|
};
|
1393
1434
|
const handlePhoneNumberChange = (e) => {
|
@@ -1427,7 +1468,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1427
1468
|
setIsValidOrderId(false);
|
1428
1469
|
}
|
1429
1470
|
};
|
1430
|
-
return /* @__PURE__ */
|
1471
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react5.default.createElement("div", { className: " border-container" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "payment-column" }, /* @__PURE__ */ import_react5.default.createElement("label", null, "Enter Phone Number:"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react5.default.createElement(
|
1431
1472
|
"input",
|
1432
1473
|
{
|
1433
1474
|
type: "text",
|
@@ -1437,7 +1478,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1437
1478
|
maxLength: 10,
|
1438
1479
|
className: submitClicked && (!phoneNumber || !isValidNumber) ? "error" : ""
|
1439
1480
|
}
|
1440
|
-
), errorMessagephone && /* @__PURE__ */
|
1481
|
+
), errorMessagephone && /* @__PURE__ */ import_react5.default.createElement("div", { className: "error-message text-danger" }, errorMessagephone))), /* @__PURE__ */ import_react5.default.createElement("div", { className: "payment-column" }, /* @__PURE__ */ import_react5.default.createElement("label", null, "Enter Amount:"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react5.default.createElement(
|
1441
1482
|
"input",
|
1442
1483
|
{
|
1443
1484
|
type: "text",
|
@@ -1446,7 +1487,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1446
1487
|
placeholder: "Enter amount",
|
1447
1488
|
className: submitClicked && (!amount || !isValidAmount) ? "error" : ""
|
1448
1489
|
}
|
1449
|
-
), errorMessageamount && /* @__PURE__ */
|
1490
|
+
), errorMessageamount && /* @__PURE__ */ import_react5.default.createElement("div", { className: "error-message text-danger" }, errorMessageamount))), /* @__PURE__ */ import_react5.default.createElement("div", { className: "payment-column" }, /* @__PURE__ */ import_react5.default.createElement("label", null, "Enter Order ID:"), /* @__PURE__ */ import_react5.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react5.default.createElement(
|
1450
1491
|
"input",
|
1451
1492
|
{
|
1452
1493
|
type: "text",
|
@@ -1455,7 +1496,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1455
1496
|
placeholder: "Enter order ID",
|
1456
1497
|
className: submitClicked && (!orderId || !isValidOrderId) ? "error" : ""
|
1457
1498
|
}
|
1458
|
-
), errorMessageorderid && /* @__PURE__ */
|
1499
|
+
), errorMessageorderid && /* @__PURE__ */ import_react5.default.createElement("div", { className: "error-message text-danger" }, errorMessageorderid))), /* @__PURE__ */ import_react5.default.createElement(
|
1459
1500
|
"button",
|
1460
1501
|
{
|
1461
1502
|
onClick: sendRequestPayment,
|
@@ -1463,7 +1504,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1463
1504
|
className: "paymentBtn"
|
1464
1505
|
},
|
1465
1506
|
isLoading ? "Loading..." : "Request Payment"
|
1466
|
-
)), /* @__PURE__ */
|
1507
|
+
)), /* @__PURE__ */ import_react5.default.createElement(import_react_bootstrap2.Modal, { className: "payment-suc", show, onHide: handleClose }, /* @__PURE__ */ import_react5.default.createElement(import_react_bootstrap2.Modal.Header, { closeButton: true }), /* @__PURE__ */ import_react5.default.createElement(import_react_bootstrap2.Modal.Body, null, /* @__PURE__ */ import_react5.default.createElement(
|
1467
1508
|
"svg",
|
1468
1509
|
{
|
1469
1510
|
width: "60",
|
@@ -1472,7 +1513,7 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1472
1513
|
fill: "none",
|
1473
1514
|
xmlns: "http://www.w3.org/2000/svg"
|
1474
1515
|
},
|
1475
|
-
/* @__PURE__ */
|
1516
|
+
/* @__PURE__ */ import_react5.default.createElement(
|
1476
1517
|
"rect",
|
1477
1518
|
{
|
1478
1519
|
x: "0.5",
|
@@ -1483,14 +1524,14 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1483
1524
|
stroke: "#31B379"
|
1484
1525
|
}
|
1485
1526
|
),
|
1486
|
-
/* @__PURE__ */
|
1527
|
+
/* @__PURE__ */ import_react5.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react5.default.createElement(
|
1487
1528
|
"path",
|
1488
1529
|
{
|
1489
1530
|
d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
|
1490
1531
|
fill: "#31B379"
|
1491
1532
|
}
|
1492
1533
|
)),
|
1493
|
-
/* @__PURE__ */
|
1534
|
+
/* @__PURE__ */ import_react5.default.createElement("defs", null, /* @__PURE__ */ import_react5.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react5.default.createElement(
|
1494
1535
|
"rect",
|
1495
1536
|
{
|
1496
1537
|
width: "22",
|
@@ -1499,12 +1540,12 @@ function RequestPaymentAllInput({ fractalpayClientKey }) {
|
|
1499
1540
|
transform: "translate(19.5 19.0039)"
|
1500
1541
|
}
|
1501
1542
|
)))
|
1502
|
-
), /* @__PURE__ */
|
1543
|
+
), /* @__PURE__ */ import_react5.default.createElement("h1", null, "Success!"), /* @__PURE__ */ import_react5.default.createElement("h4", null, "Payment link created successfully.")), /* @__PURE__ */ import_react5.default.createElement(import_react_bootstrap2.Modal.Footer, null, /* @__PURE__ */ import_react5.default.createElement("button", { className: "paymentBtn", onClick: handleClose }, "Ok"))), /* @__PURE__ */ import_react5.default.createElement(import_react_toastify.ToastContainer, null));
|
1503
1544
|
}
|
1504
1545
|
|
1505
1546
|
// src/app/components/RequestPayment/RequestPaymentDynamic.tsx
|
1506
|
-
|
1507
|
-
|
1547
|
+
var import_react6 = __toESM(require("react"), 1);
|
1548
|
+
var import_react_bootstrap3 = require("react-bootstrap");
|
1508
1549
|
|
1509
1550
|
// src/app/components/Api/createWidgetOrder.ts
|
1510
1551
|
var createWidgetOrder = (formData) => {
|
@@ -1528,8 +1569,8 @@ var createWidgetOrder = (formData) => {
|
|
1528
1569
|
// src/app/components/RequestPayment/RequestPaymentDynamic.tsx
|
1529
1570
|
function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orderID }) {
|
1530
1571
|
console.log("props", { fractalpayClientKey, amount, phone_number, orderID });
|
1531
|
-
const [isLoading, setIsLoading] =
|
1532
|
-
const [show, setShow] =
|
1572
|
+
const [isLoading, setIsLoading] = (0, import_react6.useState)(false);
|
1573
|
+
const [show, setShow] = (0, import_react6.useState)(false);
|
1533
1574
|
const handleClose = () => setShow(false);
|
1534
1575
|
const handleShow = () => setShow(true);
|
1535
1576
|
const sendRequestPayment = () => {
|
@@ -1552,7 +1593,7 @@ function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orde
|
|
1552
1593
|
console.error("Error:", error);
|
1553
1594
|
});
|
1554
1595
|
};
|
1555
|
-
return /* @__PURE__ */
|
1596
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
|
1556
1597
|
"button",
|
1557
1598
|
{
|
1558
1599
|
onClick: sendRequestPayment,
|
@@ -1560,7 +1601,7 @@ function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orde
|
|
1560
1601
|
className: "paymentBtn"
|
1561
1602
|
},
|
1562
1603
|
isLoading ? "Loading..." : "Request Payment"
|
1563
|
-
), /* @__PURE__ */
|
1604
|
+
), /* @__PURE__ */ import_react6.default.createElement(import_react_bootstrap3.Modal, { className: "payment-suc", show, onHide: handleClose }, /* @__PURE__ */ import_react6.default.createElement(import_react_bootstrap3.Modal.Header, { closeButton: true }), /* @__PURE__ */ import_react6.default.createElement(import_react_bootstrap3.Modal.Body, null, /* @__PURE__ */ import_react6.default.createElement(
|
1564
1605
|
"svg",
|
1565
1606
|
{
|
1566
1607
|
width: "60",
|
@@ -1569,7 +1610,7 @@ function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orde
|
|
1569
1610
|
fill: "none",
|
1570
1611
|
xmlns: "http://www.w3.org/2000/svg"
|
1571
1612
|
},
|
1572
|
-
/* @__PURE__ */
|
1613
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1573
1614
|
"rect",
|
1574
1615
|
{
|
1575
1616
|
x: "0.5",
|
@@ -1580,14 +1621,14 @@ function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orde
|
|
1580
1621
|
stroke: "#31B379"
|
1581
1622
|
}
|
1582
1623
|
),
|
1583
|
-
/* @__PURE__ */
|
1624
|
+
/* @__PURE__ */ import_react6.default.createElement("g", { "clip-path": "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react6.default.createElement(
|
1584
1625
|
"path",
|
1585
1626
|
{
|
1586
1627
|
d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
|
1587
1628
|
fill: "#31B379"
|
1588
1629
|
}
|
1589
1630
|
)),
|
1590
|
-
/* @__PURE__ */
|
1631
|
+
/* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react6.default.createElement(
|
1591
1632
|
"rect",
|
1592
1633
|
{
|
1593
1634
|
width: "22",
|
@@ -1596,15 +1637,15 @@ function RequestPaymentDynamic({ fractalpayClientKey, amount, phone_number, orde
|
|
1596
1637
|
transform: "translate(19.5 19.0039)"
|
1597
1638
|
}
|
1598
1639
|
)))
|
1599
|
-
), /* @__PURE__ */
|
1640
|
+
), /* @__PURE__ */ import_react6.default.createElement("h1", null, "Success!"), /* @__PURE__ */ import_react6.default.createElement("h4", null, "Payment link created successfully.")), /* @__PURE__ */ import_react6.default.createElement(import_react_bootstrap3.Modal.Footer, null, /* @__PURE__ */ import_react6.default.createElement("button", { className: "paymentBtn", onClick: handleClose }, "Ok"))));
|
1600
1641
|
}
|
1601
1642
|
|
1602
1643
|
// src/app/components/RequestPayment/RequestPaymentonClick.tsx
|
1603
|
-
|
1604
|
-
|
1644
|
+
var import_react7 = __toESM(require("react"), 1);
|
1645
|
+
var import_react_bootstrap4 = require("react-bootstrap");
|
1605
1646
|
function RequestPaymentonClick(props) {
|
1606
|
-
const [isLoading, setIsLoading] =
|
1607
|
-
const [show, setShow] =
|
1647
|
+
const [isLoading, setIsLoading] = (0, import_react7.useState)(false);
|
1648
|
+
const [show, setShow] = (0, import_react7.useState)(false);
|
1608
1649
|
const handleClose = () => setShow(false);
|
1609
1650
|
const handleShow = () => setShow(true);
|
1610
1651
|
const { fractalpayClientKey, amount, phone_number, orderID, onSuccess, onError } = props;
|
@@ -1638,7 +1679,7 @@ function RequestPaymentonClick(props) {
|
|
1638
1679
|
console.error("Error:", error);
|
1639
1680
|
});
|
1640
1681
|
};
|
1641
|
-
return /* @__PURE__ */
|
1682
|
+
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(RequestPaymentstyles_default, null), /* @__PURE__ */ import_react7.default.createElement(
|
1642
1683
|
"button",
|
1643
1684
|
{
|
1644
1685
|
onClick: sendRequestPayment,
|
@@ -1646,7 +1687,7 @@ function RequestPaymentonClick(props) {
|
|
1646
1687
|
className: "paymentBtn"
|
1647
1688
|
},
|
1648
1689
|
isLoading ? "Loading..." : "Request Payment"
|
1649
|
-
), /* @__PURE__ */
|
1690
|
+
), /* @__PURE__ */ import_react7.default.createElement(import_react_bootstrap4.Modal, { className: "payment-suc", show, onHide: handleClose }, /* @__PURE__ */ import_react7.default.createElement(import_react_bootstrap4.Modal.Header, { closeButton: true }), /* @__PURE__ */ import_react7.default.createElement(import_react_bootstrap4.Modal.Body, null, onSuccess && /* @__PURE__ */ import_react7.default.createElement(
|
1650
1691
|
"svg",
|
1651
1692
|
{
|
1652
1693
|
width: "60",
|
@@ -1655,7 +1696,7 @@ function RequestPaymentonClick(props) {
|
|
1655
1696
|
fill: "none",
|
1656
1697
|
xmlns: "http://www.w3.org/2000/svg"
|
1657
1698
|
},
|
1658
|
-
/* @__PURE__ */
|
1699
|
+
/* @__PURE__ */ import_react7.default.createElement(
|
1659
1700
|
"rect",
|
1660
1701
|
{
|
1661
1702
|
x: "0.5",
|
@@ -1666,14 +1707,14 @@ function RequestPaymentonClick(props) {
|
|
1666
1707
|
stroke: "#31B379"
|
1667
1708
|
}
|
1668
1709
|
),
|
1669
|
-
/* @__PURE__ */
|
1710
|
+
/* @__PURE__ */ import_react7.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react7.default.createElement(
|
1670
1711
|
"path",
|
1671
1712
|
{
|
1672
1713
|
d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
|
1673
1714
|
fill: "#31B379"
|
1674
1715
|
}
|
1675
1716
|
)),
|
1676
|
-
/* @__PURE__ */
|
1717
|
+
/* @__PURE__ */ import_react7.default.createElement("defs", null, /* @__PURE__ */ import_react7.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react7.default.createElement(
|
1677
1718
|
"rect",
|
1678
1719
|
{
|
1679
1720
|
width: "22",
|
@@ -1682,21 +1723,21 @@ function RequestPaymentonClick(props) {
|
|
1682
1723
|
transform: "translate(19.5 19.0039)"
|
1683
1724
|
}
|
1684
1725
|
)))
|
1685
|
-
), onSuccess ? /* @__PURE__ */
|
1726
|
+
), onSuccess ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("h1", null, "Success!"), /* @__PURE__ */ import_react7.default.createElement("h4", null, onSuccess)) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("h1", null, "Error!"), /* @__PURE__ */ import_react7.default.createElement("h4", null, onError))), /* @__PURE__ */ import_react7.default.createElement(import_react_bootstrap4.Modal.Footer, null, /* @__PURE__ */ import_react7.default.createElement("button", { className: "paymentBtn", onClick: handleClose }, "Ok"))));
|
1686
1727
|
}
|
1687
1728
|
|
1688
1729
|
// src/app/components/RequestPayment/RqstPaymntInputField.tsx
|
1689
|
-
|
1690
|
-
|
1691
|
-
|
1692
|
-
|
1730
|
+
var import_react8 = __toESM(require("react"), 1);
|
1731
|
+
var import_react_bootstrap5 = require("react-bootstrap");
|
1732
|
+
var import_react_toastify2 = require("react-toastify");
|
1733
|
+
var import_ReactToastify2 = require("react-toastify/dist/ReactToastify.css");
|
1693
1734
|
function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
1694
|
-
const [isLoading, setIsLoading] =
|
1695
|
-
const [show, setShow] =
|
1696
|
-
const [phoneNumber, setPhoneNumber] =
|
1697
|
-
const [isValidNumber, setIsValidNumber] =
|
1698
|
-
const [errorMessage, setErrorMessage] =
|
1699
|
-
const [submitClicked, setSubmitClicked] =
|
1735
|
+
const [isLoading, setIsLoading] = (0, import_react8.useState)(false);
|
1736
|
+
const [show, setShow] = (0, import_react8.useState)(false);
|
1737
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react8.useState)("");
|
1738
|
+
const [isValidNumber, setIsValidNumber] = (0, import_react8.useState)(true);
|
1739
|
+
const [errorMessage, setErrorMessage] = (0, import_react8.useState)("");
|
1740
|
+
const [submitClicked, setSubmitClicked] = (0, import_react8.useState)(false);
|
1700
1741
|
const handleClose = () => setShow(false);
|
1701
1742
|
const handleShow = () => setShow(true);
|
1702
1743
|
const sendRequestPayment = () => {
|
@@ -1741,7 +1782,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1741
1782
|
}).catch((error) => {
|
1742
1783
|
setIsLoading(false);
|
1743
1784
|
console.error("Error:", error);
|
1744
|
-
|
1785
|
+
import_react_toastify2.toast.error(ErrorText.anerroroccured);
|
1745
1786
|
});
|
1746
1787
|
};
|
1747
1788
|
const handlePhoneNumberChange = (e) => {
|
@@ -1759,7 +1800,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1759
1800
|
setErrorMessage(ErrorText.phonenumbervalid);
|
1760
1801
|
}
|
1761
1802
|
};
|
1762
|
-
return /* @__PURE__ */
|
1803
|
+
return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "payment-container" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "input-wrapper" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react8.default.createElement(
|
1763
1804
|
"input",
|
1764
1805
|
{
|
1765
1806
|
type: "text",
|
@@ -1769,7 +1810,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1769
1810
|
maxLength: 10,
|
1770
1811
|
className: submitClicked && (!phoneNumber || !isValidNumber) ? "error" : ""
|
1771
1812
|
}
|
1772
|
-
), errorMessage && /* @__PURE__ */
|
1813
|
+
), errorMessage && /* @__PURE__ */ import_react8.default.createElement("div", { className: "error-message text-danger" }, errorMessage))), /* @__PURE__ */ import_react8.default.createElement("div", { className: "button-wrapper" }, /* @__PURE__ */ import_react8.default.createElement(
|
1773
1814
|
"button",
|
1774
1815
|
{
|
1775
1816
|
onClick: sendRequestPayment,
|
@@ -1777,7 +1818,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1777
1818
|
className: "paymentBtn"
|
1778
1819
|
},
|
1779
1820
|
isLoading ? "Loading..." : "Request Payment"
|
1780
|
-
))), /* @__PURE__ */
|
1821
|
+
))), /* @__PURE__ */ import_react8.default.createElement(import_react_bootstrap5.Modal, { className: "payment-suc", show, onHide: handleClose }, /* @__PURE__ */ import_react8.default.createElement(import_react_bootstrap5.Modal.Header, { closeButton: true }), /* @__PURE__ */ import_react8.default.createElement(import_react_bootstrap5.Modal.Body, null, /* @__PURE__ */ import_react8.default.createElement(
|
1781
1822
|
"svg",
|
1782
1823
|
{
|
1783
1824
|
width: "60",
|
@@ -1786,7 +1827,7 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1786
1827
|
fill: "none",
|
1787
1828
|
xmlns: "http://www.w3.org/2000/svg"
|
1788
1829
|
},
|
1789
|
-
/* @__PURE__ */
|
1830
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
1790
1831
|
"rect",
|
1791
1832
|
{
|
1792
1833
|
x: "0.5",
|
@@ -1797,14 +1838,14 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1797
1838
|
stroke: "#31B379"
|
1798
1839
|
}
|
1799
1840
|
),
|
1800
|
-
/* @__PURE__ */
|
1841
|
+
/* @__PURE__ */ import_react8.default.createElement("g", { clipPath: "url(#clip0_2659_5018)" }, /* @__PURE__ */ import_react8.default.createElement(
|
1801
1842
|
"path",
|
1802
1843
|
{
|
1803
1844
|
d: "M41.1778 22.248C40.7483 21.8184 40.0518 21.8184 39.6222 22.248L26.4435 35.4268L21.3778 30.3611C20.9483 29.9315 20.2518 29.9316 19.8222 30.3611C19.3926 30.7907 19.3926 31.4871 19.8222 31.9167L25.6657 37.7601C26.0951 38.1897 26.7921 38.1894 27.2213 37.7601L41.1778 23.8036C41.6074 23.3741 41.6074 22.6776 41.1778 22.248Z",
|
1804
1845
|
fill: "#31B379"
|
1805
1846
|
}
|
1806
1847
|
)),
|
1807
|
-
/* @__PURE__ */
|
1848
|
+
/* @__PURE__ */ import_react8.default.createElement("defs", null, /* @__PURE__ */ import_react8.default.createElement("clipPath", { id: "clip0_2659_5018" }, /* @__PURE__ */ import_react8.default.createElement(
|
1808
1849
|
"rect",
|
1809
1850
|
{
|
1810
1851
|
width: "22",
|
@@ -1813,20 +1854,20 @@ function RqstPaymntInputField({ fractalpayClientKey, amount, orderID }) {
|
|
1813
1854
|
transform: "translate(19.5 19.0039)"
|
1814
1855
|
}
|
1815
1856
|
)))
|
1816
|
-
), /* @__PURE__ */
|
1857
|
+
), /* @__PURE__ */ import_react8.default.createElement("h1", null, "Success!"), /* @__PURE__ */ import_react8.default.createElement("h4", null, "Payment link created successfully.")), /* @__PURE__ */ import_react8.default.createElement(import_react_bootstrap5.Modal.Footer, null, /* @__PURE__ */ import_react8.default.createElement("button", { className: "paymentBtn", onClick: handleClose }, "Ok"))), /* @__PURE__ */ import_react8.default.createElement(import_react_toastify2.ToastContainer, null));
|
1817
1858
|
}
|
1818
1859
|
|
1819
1860
|
// src/app/components/Payment/Payment.tsx
|
1820
|
-
|
1821
|
-
|
1822
|
-
|
1823
|
-
|
1824
|
-
|
1861
|
+
var import_react10 = __toESM(require("react"), 1);
|
1862
|
+
var import_axios2 = __toESM(require("axios"), 1);
|
1863
|
+
var import_node_forge = __toESM(require("node-forge"), 1);
|
1864
|
+
var import_react_toastify3 = require("react-toastify");
|
1865
|
+
var import_react_bootstrap6 = require("react-bootstrap");
|
1825
1866
|
|
1826
1867
|
// src/app/components/Payment/Paymentstyles.tsx
|
1827
|
-
|
1868
|
+
var import_react9 = __toESM(require("react"), 1);
|
1828
1869
|
function Paymentstyles() {
|
1829
|
-
return /* @__PURE__ */
|
1870
|
+
return /* @__PURE__ */ import_react9.default.createElement("style", null, `
|
1830
1871
|
.paymentBtn {
|
1831
1872
|
background-color: black;
|
1832
1873
|
border: none;
|
@@ -2752,7 +2793,7 @@ input {
|
|
2752
2793
|
// src/app/components/Payment/Payment.tsx
|
2753
2794
|
function Payment() {
|
2754
2795
|
var _a;
|
2755
|
-
const [state, setState] =
|
2796
|
+
const [state, setState] = (0, import_react10.useState)({
|
2756
2797
|
show: false,
|
2757
2798
|
publicKey: "",
|
2758
2799
|
sessionKey: "",
|
@@ -2763,12 +2804,12 @@ function Payment() {
|
|
2763
2804
|
zip: "",
|
2764
2805
|
amount: ""
|
2765
2806
|
});
|
2766
|
-
const [isValid, setIsValid] =
|
2767
|
-
const [isValidMonth, setIsValidMonth] =
|
2768
|
-
const [data, setData] =
|
2807
|
+
const [isValid, setIsValid] = (0, import_react10.useState)(false);
|
2808
|
+
const [isValidMonth, setIsValidMonth] = (0, import_react10.useState)(false);
|
2809
|
+
const [data, setData] = (0, import_react10.useState)(null);
|
2769
2810
|
const handlePaymentClick = async () => {
|
2770
2811
|
try {
|
2771
|
-
const response = await
|
2812
|
+
const response = await import_axios2.default.post(`${baseUrl}generate-session`, {});
|
2772
2813
|
const data2 = response.data;
|
2773
2814
|
if (data2 && (data2 == null ? void 0 : data2.result) === true) {
|
2774
2815
|
setState((prev) => {
|
@@ -2786,12 +2827,12 @@ function Payment() {
|
|
2786
2827
|
};
|
2787
2828
|
const handleSubmitPay = async () => {
|
2788
2829
|
const track2_data = `${state.cardNumber.replace(/\s+/g, "")}=${state.year}${state.month.length > 1 ? state.month : "0" + state.month} ${state.cvv}`;
|
2789
|
-
const publicKey =
|
2830
|
+
const publicKey = import_node_forge.default.pki.publicKeyFromPem(state.publicKey);
|
2790
2831
|
const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
|
2791
|
-
md:
|
2792
|
-
mgf1: { md:
|
2832
|
+
md: import_node_forge.default.md.sha1.create(),
|
2833
|
+
mgf1: { md: import_node_forge.default.md.sha1.create() }
|
2793
2834
|
});
|
2794
|
-
const encryptedBase64 =
|
2835
|
+
const encryptedBase64 = import_node_forge.default.util.encode64(encrypted);
|
2795
2836
|
console.log(encryptedBase64);
|
2796
2837
|
const requestBody = {
|
2797
2838
|
enc_track2_data: encryptedBase64,
|
@@ -2800,14 +2841,14 @@ function Payment() {
|
|
2800
2841
|
};
|
2801
2842
|
const apiUrl = "https://m1ao5pku8b.execute-api.us-east-2.amazonaws.com/prod/tokenizer/tokenize";
|
2802
2843
|
try {
|
2803
|
-
const response = await
|
2844
|
+
const response = await import_axios2.default.post(apiUrl, requestBody, {
|
2804
2845
|
headers: {
|
2805
2846
|
"x-app-session-key": state == null ? void 0 : state.sessionKey,
|
2806
2847
|
"Content-Type": "application/json"
|
2807
2848
|
}
|
2808
2849
|
});
|
2809
2850
|
if ((response == null ? void 0 : response.status) === 200) {
|
2810
|
-
|
2851
|
+
import_react_toastify3.toast.success("Payment Successful");
|
2811
2852
|
setState((prev) => __spreadProps(__spreadValues({}, prev), {
|
2812
2853
|
show: false,
|
2813
2854
|
publicKey: "",
|
@@ -2917,7 +2958,7 @@ function Payment() {
|
|
2917
2958
|
}
|
2918
2959
|
return "";
|
2919
2960
|
}
|
2920
|
-
return /* @__PURE__ */
|
2961
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(Paymentstyles, null), /* @__PURE__ */ import_react10.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react10.default.createElement(
|
2921
2962
|
"button",
|
2922
2963
|
{
|
2923
2964
|
className: "export-btn",
|
@@ -2925,8 +2966,8 @@ function Payment() {
|
|
2925
2966
|
onClick: () => handlePaymentClick()
|
2926
2967
|
},
|
2927
2968
|
"Payment"
|
2928
|
-
), /* @__PURE__ */
|
2929
|
-
|
2969
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
2970
|
+
import_react_bootstrap6.Modal,
|
2930
2971
|
{
|
2931
2972
|
show: state.show,
|
2932
2973
|
onHide: () => setState((prev) => __spreadProps(__spreadValues({}, prev), {
|
@@ -2934,8 +2975,8 @@ function Payment() {
|
|
2934
2975
|
})),
|
2935
2976
|
centered: true
|
2936
2977
|
},
|
2937
|
-
/* @__PURE__ */
|
2938
|
-
/* @__PURE__ */
|
2978
|
+
/* @__PURE__ */ import_react10.default.createElement(import_react_bootstrap6.Modal.Header, { closeButton: true }),
|
2979
|
+
/* @__PURE__ */ import_react10.default.createElement(import_react_bootstrap6.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "row" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react10.default.createElement("div", { id: "Checkout", className: "inline" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "header" }, /* @__PURE__ */ import_react10.default.createElement("h1", null, "Pay")), /* @__PURE__ */ import_react10.default.createElement("form", { id: "PaymentForm", className: "payment-form" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "form-group", style: { display: "none" } }, /* @__PURE__ */ import_react10.default.createElement("label", null, "Payment amount"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "input-group" }, /* @__PURE__ */ import_react10.default.createElement("span", { className: "input-group-addon" }, "$"), /* @__PURE__ */ import_react10.default.createElement(
|
2939
2980
|
"input",
|
2940
2981
|
{
|
2941
2982
|
type: "text",
|
@@ -2944,13 +2985,13 @@ function Payment() {
|
|
2944
2985
|
className: "form-control",
|
2945
2986
|
id: ""
|
2946
2987
|
}
|
2947
|
-
)), /* @__PURE__ */
|
2988
|
+
)), /* @__PURE__ */ import_react10.default.createElement(
|
2948
2989
|
"span",
|
2949
2990
|
{
|
2950
2991
|
id: "amount-error",
|
2951
2992
|
style: { color: "red", display: "none" }
|
2952
2993
|
}
|
2953
|
-
)), /* @__PURE__ */
|
2994
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react10.default.createElement("label", null, "Name on card"), /* @__PURE__ */ import_react10.default.createElement(
|
2954
2995
|
"input",
|
2955
2996
|
{
|
2956
2997
|
id: "NameOnCard",
|
@@ -2959,13 +3000,13 @@ function Payment() {
|
|
2959
3000
|
maxLength: 100,
|
2960
3001
|
placeholder: "Name"
|
2961
3002
|
}
|
2962
|
-
), /* @__PURE__ */
|
3003
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
2963
3004
|
"span",
|
2964
3005
|
{
|
2965
3006
|
id: "NameOnCard-error",
|
2966
3007
|
style: { color: "red", display: "none" }
|
2967
3008
|
}
|
2968
|
-
)), /* @__PURE__ */
|
3009
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react10.default.createElement(
|
2969
3010
|
"input",
|
2970
3011
|
{
|
2971
3012
|
"data-token": "card_number",
|
@@ -2976,7 +3017,7 @@ function Payment() {
|
|
2976
3017
|
placeholder: "0000 0000 0000 0000",
|
2977
3018
|
onChange: handleCardNumberChange
|
2978
3019
|
}
|
2979
|
-
), state.error && /* @__PURE__ */
|
3020
|
+
), state.error && /* @__PURE__ */ import_react10.default.createElement("div", { style: { color: "red" } }, state.error)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react10.default.createElement(
|
2980
3021
|
"input",
|
2981
3022
|
{
|
2982
3023
|
"data-token": "exp_month",
|
@@ -2987,14 +3028,14 @@ function Payment() {
|
|
2987
3028
|
maxLength: 2,
|
2988
3029
|
onChange: (e) => handleMonthChange(e)
|
2989
3030
|
}
|
2990
|
-
), isValidMonth && /* @__PURE__ */
|
3031
|
+
), isValidMonth && /* @__PURE__ */ import_react10.default.createElement(
|
2991
3032
|
"span",
|
2992
3033
|
{
|
2993
3034
|
id: "card_number-error",
|
2994
3035
|
style: { color: "red", fontSize: "15px" }
|
2995
3036
|
},
|
2996
3037
|
(_a = ErrorText) == null ? void 0 : _a.montherror
|
2997
|
-
)), /* @__PURE__ */
|
3038
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react10.default.createElement(
|
2998
3039
|
"input",
|
2999
3040
|
{
|
3000
3041
|
"data-token": "exp_year",
|
@@ -3005,7 +3046,7 @@ function Payment() {
|
|
3005
3046
|
value: state.year,
|
3006
3047
|
onChange: (e) => handleYearChange(e)
|
3007
3048
|
}
|
3008
|
-
), state.yearError && /* @__PURE__ */
|
3049
|
+
), state.yearError && /* @__PURE__ */ import_react10.default.createElement("span", { id: "exp_year-error", style: { color: "red" } }, state.yearError)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "security-code-group form-group" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react10.default.createElement(
|
3009
3050
|
"input",
|
3010
3051
|
{
|
3011
3052
|
"data-token": "cvv",
|
@@ -3016,7 +3057,7 @@ function Payment() {
|
|
3016
3057
|
placeholder: "CVV",
|
3017
3058
|
onChange: (e) => handleCVVChange(e)
|
3018
3059
|
}
|
3019
|
-
), /* @__PURE__ */
|
3060
|
+
), /* @__PURE__ */ import_react10.default.createElement("i", { id: "cvc", className: "fa fa-question-circle" }), state.cvvError && /* @__PURE__ */ import_react10.default.createElement("span", { id: "cvv-error", style: { color: "red" } }, state.cvvError)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "cvc-preview-container two-card hide" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "amex-cvc-preview" }), /* @__PURE__ */ import_react10.default.createElement("div", { className: "visa-mc-dis-cvc-preview" }))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "zip-code-group form-group" }, /* @__PURE__ */ import_react10.default.createElement("label", null, "Postal code"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react10.default.createElement(
|
3020
3061
|
"input",
|
3021
3062
|
{
|
3022
3063
|
id: "ZIPCode",
|
@@ -3028,7 +3069,7 @@ function Payment() {
|
|
3028
3069
|
value: state.zip,
|
3029
3070
|
onChange: (e) => handleZIP(e)
|
3030
3071
|
}
|
3031
|
-
), /* @__PURE__ */
|
3072
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
3032
3073
|
"a",
|
3033
3074
|
{
|
3034
3075
|
tabIndex: 0,
|
@@ -3038,15 +3079,15 @@ function Payment() {
|
|
3038
3079
|
"data-placement": "left",
|
3039
3080
|
"data-content": "Enter the ZIP/Postal code for your credit card billing address."
|
3040
3081
|
},
|
3041
|
-
/* @__PURE__ */
|
3042
|
-
), /* @__PURE__ */
|
3082
|
+
/* @__PURE__ */ import_react10.default.createElement("i", { className: "fa fa-question-circle" })
|
3083
|
+
), /* @__PURE__ */ import_react10.default.createElement(
|
3043
3084
|
"span",
|
3044
3085
|
{
|
3045
3086
|
id: "ZIPCode-error",
|
3046
3087
|
style: { color: "red", display: "none" }
|
3047
3088
|
},
|
3048
3089
|
ErrorText.fieldrequired
|
3049
|
-
))), /* @__PURE__ */
|
3090
|
+
))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "form-group top-amnt" }, /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("label", null, "Payment amount"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "amount-placeholder" }, /* @__PURE__ */ import_react10.default.createElement(
|
3050
3091
|
"input",
|
3051
3092
|
{
|
3052
3093
|
id: "Amount",
|
@@ -3058,7 +3099,7 @@ function Payment() {
|
|
3058
3099
|
onChange: (e) => handleAmount(e),
|
3059
3100
|
onBlur: handleAmountBlur
|
3060
3101
|
}
|
3061
|
-
))), /* @__PURE__ */
|
3102
|
+
))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "card-row" }, /* @__PURE__ */ import_react10.default.createElement("span", { className: "visa" }), /* @__PURE__ */ import_react10.default.createElement("span", { className: "mastercard" }), /* @__PURE__ */ import_react10.default.createElement("span", { className: "amex" }), /* @__PURE__ */ import_react10.default.createElement("span", { className: "discover" }))), /* @__PURE__ */ import_react10.default.createElement(
|
3062
3103
|
"button",
|
3063
3104
|
{
|
3064
3105
|
type: "button",
|
@@ -3067,7 +3108,7 @@ function Payment() {
|
|
3067
3108
|
className: "btn btn-block btn-success submit-button"
|
3068
3109
|
},
|
3069
3110
|
"Pay"
|
3070
|
-
)), /* @__PURE__ */
|
3111
|
+
)), /* @__PURE__ */ import_react10.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react10.default.createElement(
|
3071
3112
|
"svg",
|
3072
3113
|
{
|
3073
3114
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -3075,14 +3116,14 @@ function Payment() {
|
|
3075
3116
|
height: "20",
|
3076
3117
|
viewBox: "0 0 26 26"
|
3077
3118
|
},
|
3078
|
-
/* @__PURE__ */
|
3119
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
3079
3120
|
"path",
|
3080
3121
|
{
|
3081
3122
|
fill: "currentColor",
|
3082
3123
|
d: "M23.633 5.028a1.074 1.074 0 0 0-.777-.366c-2.295-.06-5.199-2.514-7.119-3.477C14.551.592 13.768.201 13.18.098a1.225 1.225 0 0 0-.36.001c-.588.103-1.371.494-2.556 1.087c-1.92.962-4.824 3.416-7.119 3.476a1.08 1.08 0 0 0-.778.366a1.167 1.167 0 0 0-.291.834c.493 10.023 4.088 16.226 10.396 19.831c.164.093.346.141.527.141s.363-.048.528-.141c6.308-3.605 9.902-9.808 10.396-19.831a1.161 1.161 0 0 0-.29-.834zM18.617 8.97l-5.323 7.855c-.191.282-.491.469-.788.469c-.298 0-.629-.163-.838-.372l-3.752-3.753a.656.656 0 0 1 0-.926l.927-.929a.658.658 0 0 1 .926 0l2.44 2.44l4.239-6.257a.657.657 0 0 1 .91-.173l1.085.736a.657.657 0 0 1 .174.91z"
|
3083
3124
|
}
|
3084
3125
|
)
|
3085
|
-
), "Secure payments powered by Fractal", /* @__PURE__ */
|
3126
|
+
), "Secure payments powered by Fractal", /* @__PURE__ */ import_react10.default.createElement(
|
3086
3127
|
"img",
|
3087
3128
|
{
|
3088
3129
|
src: "https://ui.fractalpay.com/favicon.ico",
|
@@ -3094,29 +3135,22 @@ function Payment() {
|
|
3094
3135
|
}
|
3095
3136
|
|
3096
3137
|
// src/app/components/Transaction/CompletedTransactions.tsx
|
3097
|
-
|
3098
|
-
|
3099
|
-
|
3100
|
-
|
3101
|
-
|
3102
|
-
|
3103
|
-
PaginationOptions,
|
3104
|
-
TableBody,
|
3105
|
-
TableHeader
|
3106
|
-
} from "react-bs-datatable";
|
3107
|
-
import DatePicker from "react-datepicker";
|
3108
|
-
import "react-datepicker/dist/react-datepicker.css";
|
3109
|
-
import { toast as toast4 } from "react-toastify";
|
3138
|
+
var import_react12 = __toESM(require("react"), 1);
|
3139
|
+
var import_react_bootstrap7 = require("react-bootstrap");
|
3140
|
+
var import_react_bs_datatable = require("react-bs-datatable");
|
3141
|
+
var import_react_datepicker = __toESM(require("react-datepicker"), 1);
|
3142
|
+
var import_react_datepicker2 = require("react-datepicker/dist/react-datepicker.css");
|
3143
|
+
var import_react_toastify4 = require("react-toastify");
|
3110
3144
|
|
3111
3145
|
// src/app/components/Pagination/Pagination.tsx
|
3112
|
-
|
3146
|
+
var import_react11 = __toESM(require("react"), 1);
|
3113
3147
|
var PaginationPgComp = ({ totalPages, onPageChange, current }) => {
|
3114
|
-
const [currentPage, setCurrentPage] =
|
3115
|
-
const [showPages, setShowPages] =
|
3116
|
-
|
3148
|
+
const [currentPage, setCurrentPage] = (0, import_react11.useState)(current);
|
3149
|
+
const [showPages, setShowPages] = (0, import_react11.useState)(false);
|
3150
|
+
(0, import_react11.useEffect)(() => {
|
3117
3151
|
setCurrentPage(current);
|
3118
3152
|
}, [current]);
|
3119
|
-
|
3153
|
+
(0, import_react11.useEffect)(() => {
|
3120
3154
|
setTimeout(() => {
|
3121
3155
|
setShowPages(true);
|
3122
3156
|
}, 1e3);
|
@@ -3152,7 +3186,7 @@ var PaginationPgComp = ({ totalPages, onPageChange, current }) => {
|
|
3152
3186
|
if (currentPage > 3) {
|
3153
3187
|
pageNumbers.push(renderPageNumber(1));
|
3154
3188
|
if (currentPage > 4) {
|
3155
|
-
pageNumbers.push(/* @__PURE__ */
|
3189
|
+
pageNumbers.push(/* @__PURE__ */ import_react11.default.createElement("li", { key: "start-break", className: "page-item disabled" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "page-link" }, "...")));
|
3156
3190
|
}
|
3157
3191
|
}
|
3158
3192
|
const startPage = Math.max(currentPage - 1, 1);
|
@@ -3162,17 +3196,17 @@ var PaginationPgComp = ({ totalPages, onPageChange, current }) => {
|
|
3162
3196
|
}
|
3163
3197
|
if (currentPage < totalPages - 2) {
|
3164
3198
|
if (currentPage < totalPages - 3) {
|
3165
|
-
pageNumbers.push(/* @__PURE__ */
|
3199
|
+
pageNumbers.push(/* @__PURE__ */ import_react11.default.createElement("li", { key: "end-break", className: "page-item disabled" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "page-link" }, "...")));
|
3166
3200
|
}
|
3167
3201
|
pageNumbers.push(renderPageNumber(totalPages));
|
3168
3202
|
}
|
3169
3203
|
}
|
3170
3204
|
return pageNumbers;
|
3171
3205
|
};
|
3172
|
-
const renderPageNumber = (pageNumber) => /* @__PURE__ */
|
3173
|
-
return /* @__PURE__ */
|
3206
|
+
const renderPageNumber = (pageNumber) => /* @__PURE__ */ import_react11.default.createElement("li", { key: pageNumber, className: `page-item ${currentPage === pageNumber ? "active" : ""}` }, /* @__PURE__ */ import_react11.default.createElement("a", { className: "page-link cursor-pointer", onClick: (e) => handlePageClick(e, pageNumber) }, pageNumber));
|
3207
|
+
return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("nav", { className: "app-pagination py-2" }, /* @__PURE__ */ import_react11.default.createElement("ul", { className: "pagination justify-content-center" }, /* @__PURE__ */ import_react11.default.createElement("li", { className: `page-item ${currentPage === 1 ? "disabled" : ""}` }, /* @__PURE__ */ import_react11.default.createElement("a", { className: "page-link cursor-pointer", onClick: handlePrevious }, /* @__PURE__ */ import_react11.default.createElement("span", null, "\u2B9C"))), showPages && getPageNumbers(), /* @__PURE__ */ import_react11.default.createElement("li", { className: `page-item ${currentPage === totalPages ? "disabled" : ""}` }, /* @__PURE__ */ import_react11.default.createElement("a", { className: "page-link cursor-pointer", onClick: handleNext }, /* @__PURE__ */ import_react11.default.createElement("span", null, "\u2B9E"))))));
|
3174
3208
|
};
|
3175
|
-
var PaginationPg =
|
3209
|
+
var PaginationPg = import_react11.default.memo(PaginationPgComp);
|
3176
3210
|
|
3177
3211
|
// src/app/components/Transaction/CompletedTransactions.tsx
|
3178
3212
|
var STORY_HEADERS = [
|
@@ -3209,10 +3243,10 @@ var STORY_HEADERS = [
|
|
3209
3243
|
}
|
3210
3244
|
];
|
3211
3245
|
function CompletedTransactions(props) {
|
3212
|
-
const [dataList, setDataList] =
|
3213
|
-
const [startDate, setStartDate] =
|
3214
|
-
const [endDate, setEndDate] =
|
3215
|
-
const [state, setState] =
|
3246
|
+
const [dataList, setDataList] = (0, import_react12.useState)([]);
|
3247
|
+
const [startDate, setStartDate] = (0, import_react12.useState)(null);
|
3248
|
+
const [endDate, setEndDate] = (0, import_react12.useState)(null);
|
3249
|
+
const [state, setState] = (0, import_react12.useState)({
|
3216
3250
|
page: 1,
|
3217
3251
|
totalPage: 0,
|
3218
3252
|
data: [],
|
@@ -3248,13 +3282,22 @@ function CompletedTransactions(props) {
|
|
3248
3282
|
const fetchData = async (newPage, startDate2, endDate2) => {
|
3249
3283
|
var _a, _b;
|
3250
3284
|
try {
|
3251
|
-
const response = await
|
3252
|
-
|
3253
|
-
|
3254
|
-
|
3255
|
-
|
3285
|
+
const response = await fetch(`${baseUrl}get-complete-request-payments`, {
|
3286
|
+
method: "POST",
|
3287
|
+
headers: {
|
3288
|
+
"Content-Type": "application/json"
|
3289
|
+
},
|
3290
|
+
body: JSON.stringify({
|
3291
|
+
fractalpayPublicKey: props.fractalpayClientKey,
|
3292
|
+
page: newPage,
|
3293
|
+
dateStart: startDate2 ? formatDate(startDate2) : "",
|
3294
|
+
dateEnd: endDate2 ? formatDate(endDate2) : ""
|
3295
|
+
})
|
3256
3296
|
});
|
3257
|
-
|
3297
|
+
if (!response.ok) {
|
3298
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
3299
|
+
}
|
3300
|
+
const data = await response.json();
|
3258
3301
|
setState((prev) => {
|
3259
3302
|
var _a2;
|
3260
3303
|
return __spreadProps(__spreadValues({}, prev), { totalPage: (_a2 = data == null ? void 0 : data.data) == null ? void 0 : _a2.totalPage });
|
@@ -3290,23 +3333,32 @@ function CompletedTransactions(props) {
|
|
3290
3333
|
setEndDate(date);
|
3291
3334
|
};
|
3292
3335
|
const handleExport = async () => {
|
3293
|
-
var _a;
|
3294
3336
|
if (!startDate) {
|
3295
|
-
|
3337
|
+
import_react_toastify4.toast.error("Start date required");
|
3296
3338
|
} else if (!endDate) {
|
3297
|
-
|
3339
|
+
import_react_toastify4.toast.error("End date required");
|
3298
3340
|
} else {
|
3299
3341
|
setState((prev) => __spreadProps(__spreadValues({}, prev), { csvData: true }));
|
3300
3342
|
try {
|
3301
|
-
const response = await
|
3302
|
-
|
3303
|
-
|
3304
|
-
|
3305
|
-
|
3343
|
+
const response = await fetch(`${baseUrl}get-complete-request-payments`, {
|
3344
|
+
method: "POST",
|
3345
|
+
headers: {
|
3346
|
+
"Content-Type": "application/json"
|
3347
|
+
},
|
3348
|
+
body: JSON.stringify({
|
3349
|
+
fractalpayPublicKey: props.fractalpayClientKey,
|
3350
|
+
dateStart: startDate ? formatDate(startDate) : "",
|
3351
|
+
dateEnd: endDate ? formatDate(endDate) : "",
|
3352
|
+
isExport: true
|
3353
|
+
})
|
3306
3354
|
});
|
3307
|
-
if (response.
|
3355
|
+
if (!response.ok) {
|
3356
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
3357
|
+
}
|
3358
|
+
const data = await response.json();
|
3359
|
+
if (data.status) {
|
3308
3360
|
const link = document.createElement("a");
|
3309
|
-
link.href = `${
|
3361
|
+
link.href = `${data == null ? void 0 : data.data}`;
|
3310
3362
|
link.target = "_blank";
|
3311
3363
|
document.body.appendChild(link);
|
3312
3364
|
link.click();
|
@@ -3317,19 +3369,19 @@ function CompletedTransactions(props) {
|
|
3317
3369
|
}
|
3318
3370
|
}
|
3319
3371
|
};
|
3320
|
-
|
3372
|
+
(0, import_react12.useEffect)(() => {
|
3321
3373
|
fetchData(state.page, startDate, endDate);
|
3322
3374
|
}, [state.page]);
|
3323
3375
|
const handlePageChange = (pageNumber) => {
|
3324
3376
|
setState((prev) => __spreadProps(__spreadValues({}, prev), { page: pageNumber }));
|
3325
3377
|
fetchData(pageNumber, startDate, endDate);
|
3326
3378
|
};
|
3327
|
-
return /* @__PURE__ */
|
3379
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("style", null, `
|
3328
3380
|
.react-datepicker-wrapper:first-child {
|
3329
3381
|
margin-right: 10px;
|
3330
3382
|
}
|
3331
|
-
`), /* @__PURE__ */
|
3332
|
-
|
3383
|
+
`), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ import_react12.default.createElement("div", null, /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ import_react12.default.createElement("div", { style: { display: "flex", marginRight: "10px", marginTop: "25px" } }, /* @__PURE__ */ import_react12.default.createElement(
|
3384
|
+
import_react_datepicker.default,
|
3333
3385
|
{
|
3334
3386
|
selected: startDate,
|
3335
3387
|
onChange: handleStartDateChange,
|
@@ -3339,8 +3391,8 @@ function CompletedTransactions(props) {
|
|
3339
3391
|
placeholderText: "Start Date",
|
3340
3392
|
required: true
|
3341
3393
|
}
|
3342
|
-
), /* @__PURE__ */
|
3343
|
-
|
3394
|
+
), /* @__PURE__ */ import_react12.default.createElement(
|
3395
|
+
import_react_datepicker.default,
|
3344
3396
|
{
|
3345
3397
|
selected: endDate,
|
3346
3398
|
onChange: handleEndDateChange,
|
@@ -3350,8 +3402,8 @@ function CompletedTransactions(props) {
|
|
3350
3402
|
minDate: startDate,
|
3351
3403
|
placeholderText: "End Date"
|
3352
3404
|
}
|
3353
|
-
)), /* @__PURE__ */
|
3354
|
-
DatatableWrapper,
|
3405
|
+
)), /* @__PURE__ */ import_react12.default.createElement("button", { className: "export-btn1", onClick: handleExport }, "Export")), /* @__PURE__ */ import_react12.default.createElement(
|
3406
|
+
import_react_bs_datatable.DatatableWrapper,
|
3355
3407
|
{
|
3356
3408
|
body: dataList,
|
3357
3409
|
headers: STORY_HEADERS,
|
@@ -3362,21 +3414,21 @@ function CompletedTransactions(props) {
|
|
3362
3414
|
}
|
3363
3415
|
}
|
3364
3416
|
},
|
3365
|
-
/* @__PURE__ */
|
3366
|
-
/* @__PURE__ */
|
3367
|
-
/* @__PURE__ */
|
3417
|
+
/* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Row, { className: "mb-4 p-2" }, /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Col, { xs: 12, sm: 6, lg: 4, className: "d-flex flex-col justify-content-lg-start align-items-center justify-content-sm-start mb-2 mb-sm-0" }, /* @__PURE__ */ import_react12.default.createElement(import_react_bs_datatable.PaginationOptions, null)), /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Col, { xs: 12, lg: 4, className: "d-flex flex-col justify-content-end align-items-end" }), /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Col, { xs: 12, sm: 6, lg: 4, className: "d-flex flex-col justify-content-end align-items-end" }, /* @__PURE__ */ import_react12.default.createElement(import_react_bs_datatable.Filter, null))),
|
3418
|
+
/* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Row, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "responsive-tbl" }, /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap7.Table, null, /* @__PURE__ */ import_react12.default.createElement(import_react_bs_datatable.TableHeader, null), /* @__PURE__ */ import_react12.default.createElement(import_react_bs_datatable.TableBody, null)))),
|
3419
|
+
/* @__PURE__ */ import_react12.default.createElement(PaginationPg, { totalPages: state.totalPage, onPageChange: handlePageChange, current: state.page })
|
3368
3420
|
))));
|
3369
3421
|
}
|
3370
3422
|
|
3371
3423
|
// src/app/components/Payment/TockenizPay.tsx
|
3372
|
-
|
3373
|
-
|
3374
|
-
|
3375
|
-
|
3376
|
-
|
3377
|
-
|
3424
|
+
var import_react13 = __toESM(require("react"), 1);
|
3425
|
+
var import_react_bootstrap8 = require("react-bootstrap");
|
3426
|
+
var import_react_toastify5 = require("react-toastify");
|
3427
|
+
var import_axios3 = __toESM(require("axios"), 1);
|
3428
|
+
var import_node_forge2 = __toESM(require("node-forge"), 1);
|
3429
|
+
var import_credit_card_type = __toESM(require("credit-card-type"), 1);
|
3378
3430
|
function TockenizPay() {
|
3379
|
-
const [state, setState] =
|
3431
|
+
const [state, setState] = (0, import_react13.useState)({
|
3380
3432
|
show: false,
|
3381
3433
|
publicKey: "",
|
3382
3434
|
sessionKey: "",
|
@@ -3387,13 +3439,13 @@ function TockenizPay() {
|
|
3387
3439
|
zip: "",
|
3388
3440
|
amount: ""
|
3389
3441
|
});
|
3390
|
-
const [cardTypeDetail, setCardTypeDetail] =
|
3391
|
-
const [isValid, setIsValid] =
|
3392
|
-
const [isValidMonth, setIsValidMonth] =
|
3393
|
-
const [data, setData] =
|
3442
|
+
const [cardTypeDetail, setCardTypeDetail] = (0, import_react13.useState)(null);
|
3443
|
+
const [isValid, setIsValid] = (0, import_react13.useState)(false);
|
3444
|
+
const [isValidMonth, setIsValidMonth] = (0, import_react13.useState)(false);
|
3445
|
+
const [data, setData] = (0, import_react13.useState)(null);
|
3394
3446
|
const handlePaymentClick = async () => {
|
3395
3447
|
try {
|
3396
|
-
const response = await
|
3448
|
+
const response = await import_axios3.default.post(`${baseUrl}/generate-session`, {});
|
3397
3449
|
const data2 = response.data;
|
3398
3450
|
if (data2 && (data2 == null ? void 0 : data2.result) === true) {
|
3399
3451
|
setState((prev) => {
|
@@ -3412,14 +3464,14 @@ function TockenizPay() {
|
|
3412
3464
|
const handleSubmitPay = async () => {
|
3413
3465
|
var _a, _b, _c, _d, _e;
|
3414
3466
|
let track2_data = `${(_a = state == null ? void 0 : state.cardNumber) == null ? void 0 : _a.replaceAll(" ", "")}=${state.year}${((_b = state == null ? void 0 : state.month) == null ? void 0 : _b.length) > 1 ? state == null ? void 0 : state.month : "0" + (state == null ? void 0 : state.month)} ${state.cvv}`;
|
3415
|
-
const publicKey =
|
3467
|
+
const publicKey = import_node_forge2.default.pki.publicKeyFromPem(state.publicKey);
|
3416
3468
|
const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
|
3417
|
-
md:
|
3469
|
+
md: import_node_forge2.default.md.sha1.create(),
|
3418
3470
|
mgf1: {
|
3419
|
-
md:
|
3471
|
+
md: import_node_forge2.default.md.sha1.create()
|
3420
3472
|
}
|
3421
3473
|
});
|
3422
|
-
const encryptedBase64 =
|
3474
|
+
const encryptedBase64 = import_node_forge2.default.util.encode64(encrypted);
|
3423
3475
|
console.log(encryptedBase64);
|
3424
3476
|
const requestBody = {
|
3425
3477
|
enc_track2_data: encryptedBase64,
|
@@ -3427,7 +3479,7 @@ function TockenizPay() {
|
|
3427
3479
|
algorithm: "RSAES_OAEP_SHA_1"
|
3428
3480
|
};
|
3429
3481
|
try {
|
3430
|
-
const response = await
|
3482
|
+
const response = await import_axios3.default.post(
|
3431
3483
|
"https://m1ao5pku8b.execute-api.us-east-2.amazonaws.com/prod/tokenizer/tokenize",
|
3432
3484
|
requestBody,
|
3433
3485
|
{
|
@@ -3438,7 +3490,7 @@ function TockenizPay() {
|
|
3438
3490
|
}
|
3439
3491
|
);
|
3440
3492
|
if ((response == null ? void 0 : response.status) === 200) {
|
3441
|
-
|
3493
|
+
import_react_toastify5.toast.success("Payment Successful");
|
3442
3494
|
setState((prev) => __spreadProps(__spreadValues({}, prev), {
|
3443
3495
|
show: false,
|
3444
3496
|
publicKey: "",
|
@@ -3453,7 +3505,7 @@ function TockenizPay() {
|
|
3453
3505
|
}
|
3454
3506
|
console.log("response", response);
|
3455
3507
|
} catch (error) {
|
3456
|
-
|
3508
|
+
import_react_toastify5.toast.error((_e = (_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.data) == null ? void 0 : _e.message);
|
3457
3509
|
console.error("Error:", error);
|
3458
3510
|
}
|
3459
3511
|
};
|
@@ -3485,9 +3537,9 @@ function TockenizPay() {
|
|
3485
3537
|
e.preventDefault();
|
3486
3538
|
e.stopPropagation();
|
3487
3539
|
const { value } = e.target;
|
3488
|
-
let cardtyp =
|
3540
|
+
let cardtyp = (0, import_credit_card_type.default)(value)[0];
|
3489
3541
|
const formattedValue = formatCreditCardNumber(value, cardtyp == null ? void 0 : cardtyp.type);
|
3490
|
-
setCardTypeDetail(
|
3542
|
+
setCardTypeDetail((0, import_credit_card_type.default)(value)[0]);
|
3491
3543
|
console.log(formattedValue);
|
3492
3544
|
if (value.match(/[a-zA-Z]/)) {
|
3493
3545
|
setState((prev) => __spreadProps(__spreadValues({}, prev), {
|
@@ -3590,7 +3642,7 @@ function TockenizPay() {
|
|
3590
3642
|
return "";
|
3591
3643
|
}
|
3592
3644
|
console.log("===================cardtype===============", cardTypeDetail);
|
3593
|
-
return /* @__PURE__ */
|
3645
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(import_react_toastify5.ToastContainer, null), /* @__PURE__ */ import_react13.default.createElement(
|
3594
3646
|
"button",
|
3595
3647
|
{
|
3596
3648
|
className: "export-btn mt-4",
|
@@ -3598,8 +3650,8 @@ function TockenizPay() {
|
|
3598
3650
|
onClick: () => handlePaymentClick()
|
3599
3651
|
},
|
3600
3652
|
"TokenizePay"
|
3601
|
-
), /* @__PURE__ */
|
3602
|
-
|
3653
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3654
|
+
import_react_bootstrap8.Modal,
|
3603
3655
|
{
|
3604
3656
|
show: state.show,
|
3605
3657
|
onHide: () => setState((prev) => __spreadProps(__spreadValues({}, prev), {
|
@@ -3607,8 +3659,8 @@ function TockenizPay() {
|
|
3607
3659
|
})),
|
3608
3660
|
centered: true
|
3609
3661
|
},
|
3610
|
-
/* @__PURE__ */
|
3611
|
-
/* @__PURE__ */
|
3662
|
+
/* @__PURE__ */ import_react13.default.createElement(import_react_bootstrap8.Modal.Header, { closeButton: true }),
|
3663
|
+
/* @__PURE__ */ import_react13.default.createElement(import_react_bootstrap8.Modal.Body, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "payment-popup" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "row" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react13.default.createElement("div", { id: "Checkout", className: "inline" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "header" }, /* @__PURE__ */ import_react13.default.createElement("h1", null, "Pay")), /* @__PURE__ */ import_react13.default.createElement("form", { id: "PaymentForm", className: "payment-form" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement("label", null, "Name on card"), /* @__PURE__ */ import_react13.default.createElement(
|
3612
3664
|
"input",
|
3613
3665
|
{
|
3614
3666
|
id: "NameOnCard",
|
@@ -3617,13 +3669,13 @@ function TockenizPay() {
|
|
3617
3669
|
maxLength: 100,
|
3618
3670
|
placeholder: "Name"
|
3619
3671
|
}
|
3620
|
-
), /* @__PURE__ */
|
3672
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3621
3673
|
"span",
|
3622
3674
|
{
|
3623
3675
|
id: "NameOnCard-error",
|
3624
3676
|
style: { color: "red", display: "none" }
|
3625
3677
|
}
|
3626
|
-
)), /* @__PURE__ */
|
3678
|
+
)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement(
|
3627
3679
|
"input",
|
3628
3680
|
{
|
3629
3681
|
"data-token": "card_number",
|
@@ -3634,7 +3686,7 @@ function TockenizPay() {
|
|
3634
3686
|
placeholder: "0000 0000 0000 0000",
|
3635
3687
|
onChange: handleCardNumberChange
|
3636
3688
|
}
|
3637
|
-
), state.error && /* @__PURE__ */
|
3689
|
+
), state.error && /* @__PURE__ */ import_react13.default.createElement("div", { style: { color: "red" } }, state.error)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react13.default.createElement(
|
3638
3690
|
"input",
|
3639
3691
|
{
|
3640
3692
|
"data-token": "exp_month",
|
@@ -3645,14 +3697,14 @@ function TockenizPay() {
|
|
3645
3697
|
maxLength: 2,
|
3646
3698
|
onChange: (e) => handleMonthChange(e)
|
3647
3699
|
}
|
3648
|
-
), isValidMonth && /* @__PURE__ */
|
3700
|
+
), isValidMonth && /* @__PURE__ */ import_react13.default.createElement(
|
3649
3701
|
"span",
|
3650
3702
|
{
|
3651
3703
|
id: "card_number-error",
|
3652
3704
|
style: { color: "red", fontSize: "15px" }
|
3653
3705
|
},
|
3654
3706
|
"Please write month only 1 to 12"
|
3655
|
-
)), /* @__PURE__ */
|
3707
|
+
)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "expiry-date-group form-group" }, /* @__PURE__ */ import_react13.default.createElement(
|
3656
3708
|
"input",
|
3657
3709
|
{
|
3658
3710
|
"data-token": "exp_year",
|
@@ -3663,7 +3715,7 @@ function TockenizPay() {
|
|
3663
3715
|
value: state.year,
|
3664
3716
|
onChange: (e) => handleYearChange(e)
|
3665
3717
|
}
|
3666
|
-
), state.yearError && /* @__PURE__ */
|
3718
|
+
), state.yearError && /* @__PURE__ */ import_react13.default.createElement("span", { id: "exp_year-error", style: { color: "red" } }, state.yearError)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "security-code-group form-group" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react13.default.createElement(
|
3667
3719
|
"input",
|
3668
3720
|
{
|
3669
3721
|
"data-token": "cvv",
|
@@ -3674,7 +3726,7 @@ function TockenizPay() {
|
|
3674
3726
|
placeholder: "CVV",
|
3675
3727
|
onChange: (e) => handleCVVChange(e)
|
3676
3728
|
}
|
3677
|
-
), /* @__PURE__ */
|
3729
|
+
), /* @__PURE__ */ import_react13.default.createElement("i", { id: "cvc", className: "fa fa-question-circle" }), state.cvvError && /* @__PURE__ */ import_react13.default.createElement("span", { id: "cvv-error", style: { color: "red" } }, state.cvvError)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "cvc-preview-container two-card hide" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "amex-cvc-preview" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "visa-mc-dis-cvc-preview" }))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "zip-code-group form-group" }, /* @__PURE__ */ import_react13.default.createElement("label", null, "Postal code"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "input-container" }, /* @__PURE__ */ import_react13.default.createElement(
|
3678
3730
|
"input",
|
3679
3731
|
{
|
3680
3732
|
id: "ZIPCode",
|
@@ -3686,7 +3738,7 @@ function TockenizPay() {
|
|
3686
3738
|
value: state.zip,
|
3687
3739
|
onChange: (e) => handleZIP(e)
|
3688
3740
|
}
|
3689
|
-
), /* @__PURE__ */
|
3741
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3690
3742
|
"a",
|
3691
3743
|
{
|
3692
3744
|
tabIndex: 0,
|
@@ -3696,15 +3748,15 @@ function TockenizPay() {
|
|
3696
3748
|
"data-placement": "left",
|
3697
3749
|
"data-content": "Enter the ZIP/Postal code for your credit card billing address."
|
3698
3750
|
},
|
3699
|
-
/* @__PURE__ */
|
3700
|
-
), /* @__PURE__ */
|
3751
|
+
/* @__PURE__ */ import_react13.default.createElement("i", { className: "fa fa-question-circle" })
|
3752
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3701
3753
|
"span",
|
3702
3754
|
{
|
3703
3755
|
id: "ZIPCode-error",
|
3704
3756
|
style: { color: "red", display: "none" }
|
3705
3757
|
},
|
3706
3758
|
"This field is required"
|
3707
|
-
))), /* @__PURE__ */
|
3759
|
+
))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group top-amnt" }, /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("label", null, "Payment amount"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "amount-placeholder" }, /* @__PURE__ */ import_react13.default.createElement(
|
3708
3760
|
"input",
|
3709
3761
|
{
|
3710
3762
|
id: "Amount",
|
@@ -3716,7 +3768,7 @@ function TockenizPay() {
|
|
3716
3768
|
onChange: (e) => handleAmount(e),
|
3717
3769
|
onBlur: handleAmountBlur
|
3718
3770
|
}
|
3719
|
-
))), /* @__PURE__ */
|
3771
|
+
))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-row" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "visa" }), /* @__PURE__ */ import_react13.default.createElement("span", { className: "mastercard" }), /* @__PURE__ */ import_react13.default.createElement("span", { className: "amex" }), /* @__PURE__ */ import_react13.default.createElement("span", { className: "discover" }))), /* @__PURE__ */ import_react13.default.createElement(
|
3720
3772
|
"button",
|
3721
3773
|
{
|
3722
3774
|
type: "button",
|
@@ -3725,7 +3777,7 @@ function TockenizPay() {
|
|
3725
3777
|
className: "btn btn-block btn-success submit-button"
|
3726
3778
|
},
|
3727
3779
|
"Submit"
|
3728
|
-
)), /* @__PURE__ */
|
3780
|
+
)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "powerd-by-part" }, /* @__PURE__ */ import_react13.default.createElement(
|
3729
3781
|
"svg",
|
3730
3782
|
{
|
3731
3783
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -3733,14 +3785,14 @@ function TockenizPay() {
|
|
3733
3785
|
height: "20",
|
3734
3786
|
viewBox: "0 0 26 26"
|
3735
3787
|
},
|
3736
|
-
/* @__PURE__ */
|
3788
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3737
3789
|
"path",
|
3738
3790
|
{
|
3739
3791
|
fill: "currentColor",
|
3740
3792
|
d: "M23.633 5.028a1.074 1.074 0 0 0-.777-.366c-2.295-.06-5.199-2.514-7.119-3.477C14.551.592 13.768.201 13.18.098a1.225 1.225 0 0 0-.36.001c-.588.103-1.371.494-2.556 1.087c-1.92.962-4.824 3.416-7.119 3.476a1.08 1.08 0 0 0-.778.366a1.167 1.167 0 0 0-.291.834c.493 10.023 4.088 16.226 10.396 19.831c.164.093.346.141.527.141s.363-.048.528-.141c6.308-3.605 9.902-9.808 10.396-19.831a1.161 1.161 0 0 0-.29-.834zM18.617 8.97l-5.323 7.855c-.191.282-.491.469-.788.469c-.298 0-.629-.163-.838-.372l-3.752-3.753a.656.656 0 0 1 0-.926l.927-.929a.658.658 0 0 1 .926 0l2.44 2.44l4.239-6.257a.657.657 0 0 1 .91-.173l1.085.736a.657.657 0 0 1 .174.91z"
|
3741
3793
|
}
|
3742
3794
|
)
|
3743
|
-
), "Secure payments powered by Fractal", /* @__PURE__ */
|
3795
|
+
), "Secure payments powered by Fractal", /* @__PURE__ */ import_react13.default.createElement(
|
3744
3796
|
"img",
|
3745
3797
|
{
|
3746
3798
|
src: "https://ui.fractalpay.com/favicon.ico",
|
@@ -3752,25 +3804,25 @@ function TockenizPay() {
|
|
3752
3804
|
}
|
3753
3805
|
|
3754
3806
|
// src/app/components/Payment/GetPaymentDynamic.tsx
|
3755
|
-
|
3756
|
-
|
3807
|
+
var import_react15 = __toESM(require("react"), 1);
|
3808
|
+
var import_react_bootstrap9 = require("react-bootstrap");
|
3757
3809
|
|
3758
3810
|
// src/app/components/Loader/MyLoadingAnimation.tsx
|
3759
|
-
|
3811
|
+
var import_react14 = __toESM(require("react"), 1);
|
3760
3812
|
function MyLoadingAnimation() {
|
3761
|
-
return /* @__PURE__ */
|
3813
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(LoaderStyle_default, null), /* @__PURE__ */ import_react14.default.createElement("div", { className: "loading-animation" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "spinner" })));
|
3762
3814
|
}
|
3763
3815
|
|
3764
3816
|
// src/app/components/Payment/GetPaymentDynamic.tsx
|
3765
3817
|
function GetPaymentDynamic(props) {
|
3766
3818
|
const { amount, fractalpayClientKey, orderID } = props;
|
3767
|
-
const [loading, setLoading] =
|
3768
|
-
const [show, setShow] =
|
3769
|
-
const [iframeLoaded, setIframeLoaded] =
|
3770
|
-
const [phoneNumber, setPhoneNumber] =
|
3771
|
-
const [errorMessage, setErrorMessage] =
|
3772
|
-
const [submitClicked, setSubmitClicked] =
|
3773
|
-
const [isValidNumber, setIsValidNumber] =
|
3819
|
+
const [loading, setLoading] = (0, import_react15.useState)(false);
|
3820
|
+
const [show, setShow] = (0, import_react15.useState)(false);
|
3821
|
+
const [iframeLoaded, setIframeLoaded] = (0, import_react15.useState)(false);
|
3822
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react15.useState)("");
|
3823
|
+
const [errorMessage, setErrorMessage] = (0, import_react15.useState)("");
|
3824
|
+
const [submitClicked, setSubmitClicked] = (0, import_react15.useState)(false);
|
3825
|
+
const [isValidNumber, setIsValidNumber] = (0, import_react15.useState)(true);
|
3774
3826
|
const handleClose = () => {
|
3775
3827
|
setIframeLoaded(false);
|
3776
3828
|
setTimeout(() => {
|
@@ -3785,7 +3837,7 @@ function GetPaymentDynamic(props) {
|
|
3785
3837
|
console.error("Fractalpay client key is missing or empty.");
|
3786
3838
|
}
|
3787
3839
|
};
|
3788
|
-
|
3840
|
+
(0, import_react15.useEffect)(() => {
|
3789
3841
|
if (!fractalpayClientKey) {
|
3790
3842
|
console.error("Fractalpay client key is missing or empty.");
|
3791
3843
|
}
|
@@ -3808,7 +3860,7 @@ function GetPaymentDynamic(props) {
|
|
3808
3860
|
const handleLoad = () => {
|
3809
3861
|
setLoading(false);
|
3810
3862
|
};
|
3811
|
-
|
3863
|
+
(0, import_react15.useEffect)(() => {
|
3812
3864
|
const messageListener = (event) => {
|
3813
3865
|
var _a, _b;
|
3814
3866
|
const response = (_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.other) == null ? void 0 : _b.data;
|
@@ -3823,7 +3875,7 @@ function GetPaymentDynamic(props) {
|
|
3823
3875
|
window.removeEventListener("message", messageListener);
|
3824
3876
|
};
|
3825
3877
|
}, []);
|
3826
|
-
return /* @__PURE__ */
|
3878
|
+
return /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("button", { className: "paymentBtn", onClick: handleShow }, "Pay"), /* @__PURE__ */ import_react15.default.createElement(import_react_bootstrap9.Modal, { show: show && iframeLoaded, id: "modal-pay", className: "modal-lg", onHide: handleClose }, /* @__PURE__ */ import_react15.default.createElement(import_react_bootstrap9.Modal.Header, { closeButton: true }), /* @__PURE__ */ import_react15.default.createElement(import_react_bootstrap9.Modal.Body, null, loading && /* @__PURE__ */ import_react15.default.createElement(MyLoadingAnimation, null), /* @__PURE__ */ import_react15.default.createElement(
|
3827
3879
|
"iframe",
|
3828
3880
|
{
|
3829
3881
|
src: `${baseUrl}widget-form/${amount}?fractalpay_public_key=${fractalpayClientKey}&order_id=${orderID}`,
|
@@ -3834,7 +3886,8 @@ function GetPaymentDynamic(props) {
|
|
3834
3886
|
}
|
3835
3887
|
))));
|
3836
3888
|
}
|
3837
|
-
export
|
3889
|
+
// Annotate the CommonJS export names for ESM import in node:
|
3890
|
+
0 && (module.exports = {
|
3838
3891
|
CompletedTransactions,
|
3839
3892
|
GetPaymentDynamic,
|
3840
3893
|
Payment,
|
@@ -3844,4 +3897,4 @@ export {
|
|
3844
3897
|
RequestPaymentonClick,
|
3845
3898
|
RqstPaymntInputField,
|
3846
3899
|
TockenizPay
|
3847
|
-
};
|
3900
|
+
});
|