@fractalpay/fractalpay-next-dev 0.0.1 → 0.0.2

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.js CHANGED
@@ -59,8 +59,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
59
59
  // src/app/index.ts
60
60
  var index_exports = {};
61
61
  __export(index_exports, {
62
- AddCard: () => AddCard,
63
- AddCardEasyPay: () => AddCardEasyPay,
62
+ AddCard: () => AddCardEasyPay,
64
63
  GetPaymentPage: () => GetPaymentPage,
65
64
  PreAuthPayment: () => PreAuthPayment,
66
65
  RequestPayment: () => RequestPayment,
@@ -3577,8 +3576,8 @@ function PreAuthPayment(props) {
3577
3576
  )));
3578
3577
  }
3579
3578
 
3580
- // src/app/components/AddCard/AddCard.tsx
3581
- var import_react20 = __toESM(require("react"));
3579
+ // src/app/components/AddCard/AddCardEasyPay.tsx
3580
+ var import_react19 = __toESM(require("react"));
3582
3581
  var import_sweetalert23 = __toESM(require("sweetalert2"));
3583
3582
  var import_axios5 = __toESM(require("axios"));
3584
3583
 
@@ -3851,36 +3850,13 @@ function AddCardStyle() {
3851
3850
  `);
3852
3851
  }
3853
3852
 
3854
- // src/app/components/CustomModal/CustomModal.tsx
3855
- var import_react17 = __toESM(require("react"));
3856
- var CustomModal = ({
3857
- open,
3858
- onClose,
3859
- children
3860
- }) => {
3861
- if (!open) return null;
3862
- return /* @__PURE__ */ import_react17.default.createElement("div", { style: {
3863
- position: "fixed",
3864
- top: 0,
3865
- left: 0,
3866
- width: "100%",
3867
- height: "100%",
3868
- zIndex: 5,
3869
- backgroundColor: "rgba(0,0,0,0.5)",
3870
- display: "flex",
3871
- justifyContent: "center",
3872
- alignItems: "center"
3873
- } }, /* @__PURE__ */ import_react17.default.createElement("div", { style: { background: "white", padding: "20px", borderRadius: "8px", minWidth: "300px" } }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "", style: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ import_react17.default.createElement("button", { onClick: onClose, style: { border: "none", background: "transparent", color: "black" } }, "X")), /* @__PURE__ */ import_react17.default.createElement("div", null, children)));
3874
- };
3875
- var CustomModal_default = CustomModal;
3876
-
3877
3853
  // src/app/components/SuccessCardMessage/SuccessCardMsz.tsx
3878
- var import_react19 = __toESM(require("react"));
3854
+ var import_react18 = __toESM(require("react"));
3879
3855
 
3880
3856
  // src/app/components/SuccessCardMessage/SuccessCardMszStyle.tsx
3881
- var import_react18 = __toESM(require("react"));
3857
+ var import_react17 = __toESM(require("react"));
3882
3858
  function SuccessCardMszStyle() {
3883
- return /* @__PURE__ */ import_react18.default.createElement("style", null, `
3859
+ return /* @__PURE__ */ import_react17.default.createElement("style", null, `
3884
3860
  .card-success .logo-container {
3885
3861
  display: flex;
3886
3862
  justify-content: center;
@@ -3973,410 +3949,24 @@ function SuccessCardMszStyle() {
3973
3949
 
3974
3950
  // src/app/components/SuccessCardMessage/SuccessCardMsz.tsx
3975
3951
  var SuccessCardMsz = ({ onClose }) => {
3976
- return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(SuccessCardMszStyle, null), /* @__PURE__ */ import_react19.default.createElement("div", { className: "card-success" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "payment-success-container" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "success-icon" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "circle" }, /* @__PURE__ */ import_react19.default.createElement("i", { className: "fa fa-check-circle", "aria-hidden": "true" })), /* @__PURE__ */ import_react19.default.createElement("div", { className: "success-text" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "payment-success-text" }, "Your card was added successfully."), /* @__PURE__ */ import_react19.default.createElement("div", { className: "thank-you-text" }, "Thank you "))))));
3952
+ return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(SuccessCardMszStyle, null), /* @__PURE__ */ import_react18.default.createElement("div", { className: "card-success" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "payment-success-container" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "success-icon" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "circle" }, /* @__PURE__ */ import_react18.default.createElement("i", { className: "fa fa-check-circle", "aria-hidden": "true" })), /* @__PURE__ */ import_react18.default.createElement("div", { className: "success-text" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "payment-success-text" }, "Your card was added successfully."), /* @__PURE__ */ import_react18.default.createElement("div", { className: "thank-you-text" }, "Thank you "))))));
3977
3953
  };
3978
3954
  var SuccessCardMsz_default = SuccessCardMsz;
3979
3955
 
3980
- // src/app/components/AddCard/AddCard.tsx
3981
- function AddCard(props) {
3982
- var _a;
3983
- const [loading, setLoading] = (0, import_react20.useState)(false);
3984
- const [success, setSuccess] = (0, import_react20.useState)(false);
3985
- const [show, setShow] = (0, import_react20.useState)(false);
3986
- const [cardData, setCardData] = (0, import_react20.useState)();
3987
- const [cardError, setCardError] = (0, import_react20.useState)({});
3988
- const [paymentData, setPaymentData] = (0, import_react20.useState)();
3989
- const showLoader = () => setLoading(true);
3990
- const hideLoader = () => setLoading(false);
3991
- const showError = (msz) => {
3992
- import_sweetalert23.default.fire({
3993
- icon: "error",
3994
- text: msz
3995
- });
3996
- };
3997
- const handleClose = () => {
3998
- setShow(false);
3999
- setSuccess(false);
4000
- setCardData({
4001
- cardName: "",
4002
- cardNumber: "",
4003
- expiryMonth: "",
4004
- expiryYear: "",
4005
- cvv: "",
4006
- orderId: "",
4007
- zipCode: ""
4008
- });
4009
- setCardError({
4010
- cardName: "",
4011
- cardNumber: "",
4012
- expiryMonth: "",
4013
- expiryYear: "",
4014
- cvv: "",
4015
- orderId: "",
4016
- zipCode: ""
4017
- });
4018
- };
4019
- const handleShow = () => setShow(true);
4020
- const handleCardChange = (field, value) => {
4021
- const name = field;
4022
- const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
4023
- if (numericFields.includes(name)) {
4024
- if (value === "" || /^[0-9]+$/.test(value)) {
4025
- setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
4026
- [name]: ""
4027
- }));
4028
- setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
4029
- [name]: value
4030
- }));
4031
- }
4032
- return;
4033
- }
4034
- setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
4035
- [name]: ""
4036
- }));
4037
- setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
4038
- [name]: value
4039
- }));
4040
- };
4041
- const handleCardNumberChange = (e) => {
4042
- const input = e.target;
4043
- const rawValue = input.value.replace(/\D/g, "");
4044
- let formatted = "";
4045
- if (/^3[47]/.test(rawValue)) {
4046
- const trimmed = rawValue.slice(0, 15);
4047
- formatted = trimmed.replace(
4048
- /^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,
4049
- (_, g1, g2, g3) => [g1, g2, g3].filter(Boolean).join(" ")
4050
- );
4051
- } else {
4052
- const trimmed = rawValue.slice(0, 16);
4053
- formatted = trimmed.replace(
4054
- /^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,
4055
- (_, g1, g2, g3, g4) => [g1, g2, g3, g4].filter(Boolean).join(" ")
4056
- );
4057
- }
4058
- setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
4059
- cardNumber: ""
4060
- }));
4061
- setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
4062
- cardNumber: formatted
4063
- }));
4064
- };
4065
- const validateCardData = () => {
4066
- var _a2, _b, _c, _d, _e, _f;
4067
- const errors = {};
4068
- const data = cardData;
4069
- const month = parseInt((data == null ? void 0 : data.expiryMonth) || "", 10);
4070
- const year = (data == null ? void 0 : data.expiryYear) || "";
4071
- if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
4072
- if (!((_b = data == null ? void 0 : data.cardNumber) == null ? void 0 : _b.trim())) errors.cardNumber = "Card number is required";
4073
- if (!((_c = data == null ? void 0 : data.expiryMonth) == null ? void 0 : _c.trim())) {
4074
- errors.expiryMonth = "Expiration month is required";
4075
- } else if (Number(data == null ? void 0 : data.expiryMonth) > 12 || Number(data == null ? void 0 : data.expiryMonth) < 1) {
4076
- errors.expiryMonth = "Invalid Expiration Month.";
4077
- }
4078
- if (!((_d = data == null ? void 0 : data.expiryYear) == null ? void 0 : _d.trim())) {
4079
- errors.expiryYear = "Expiration year is required";
4080
- } else if (((_e = data == null ? void 0 : data.expiryYear) == null ? void 0 : _e.trim().length) !== 4 || Number(data == null ? void 0 : data.expiryYear) < 2025) {
4081
- errors.expiryYear = "Invalid Expiration Year.";
4082
- } else if (isNaN(month) || month < 1 || month > 12 || year.length !== 4) {
4083
- errors.expiryMonth = "Invalid Expiration Date.";
4084
- }
4085
- if (!((_f = data == null ? void 0 : data.cvv) == null ? void 0 : _f.trim())) errors.cvv = "CVC is required";
4086
- if ((data == null ? void 0 : data.expiryMonth) && (data == null ? void 0 : data.expiryYear) && data.expiryMonth.length <= 2 && data.expiryYear.length === 4) {
4087
- const month2 = parseInt(data.expiryMonth, 10);
4088
- const year2 = parseInt(data.expiryYear, 10);
4089
- const now = /* @__PURE__ */ new Date();
4090
- const currentMonth = now.getMonth() + 1;
4091
- const currentYear = now.getFullYear();
4092
- if (year2 < currentYear || year2 === currentYear && month2 < currentMonth) {
4093
- errors.expiryMonth = "Card is expired";
4094
- }
4095
- }
4096
- setCardError(errors);
4097
- return Object.keys(errors).length > 0;
4098
- };
4099
- const getPaymentDetails = async () => {
4100
- var _a2;
4101
- showLoader();
4102
- try {
4103
- const data = {
4104
- fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
4105
- "customer_id": props == null ? void 0 : props.customerId,
4106
- addcard: true
4107
- };
4108
- let paymentData2 = await import_axios5.default.post(`${baseUrl}get-payment-details`, data);
4109
- setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
4110
- hideLoader();
4111
- } catch (err) {
4112
- hideLoader();
4113
- handleClose();
4114
- showError("Something went wrong , Try again later");
4115
- }
4116
- };
4117
- (0, import_react20.useEffect)(() => {
4118
- if (show && props.fractalpayClientKey) {
4119
- getPaymentDetails();
4120
- }
4121
- }, [props == null ? void 0 : props.fractalpayClientKey, show]);
4122
- const addCardFunc = async (e) => {
4123
- var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
4124
- console.log("called");
4125
- e.preventDefault();
4126
- const hasError = validateCardData();
4127
- if (hasError) return;
4128
- else {
4129
- let validCard = DatacapWebToken.validateCardNumber(cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""));
4130
- let validExpirationDate = DatacapWebToken.validateExpirationDate(cardData == null ? void 0 : cardData.expiryMonth, cardData == null ? void 0 : cardData.expiryYear);
4131
- let validCVV = DatacapWebToken.validateCVV(cardData == null ? void 0 : cardData.cvv);
4132
- let errors = {};
4133
- if (!validCard) errors.cardNumber = "Invalid card Number";
4134
- if (!validExpirationDate) errors.expiryMonth = "Invalid Expiration Date.";
4135
- if (!validCVV) errors.cvv = "Invalid CVV";
4136
- setCardError(errors);
4137
- if (validCard && validCVV && validExpirationDate) {
4138
- showLoader();
4139
- try {
4140
- let getTokenCallback = async function(token) {
4141
- var _a3, _b2, _c2, _d2, _e2;
4142
- if (token.Error) {
4143
- showError(token.Error);
4144
- hideLoader();
4145
- } else {
4146
- const reqData = {
4147
- userId: props == null ? void 0 : props.customerId,
4148
- cardName: cardData == null ? void 0 : cardData.cardName,
4149
- zip: cardData == null ? void 0 : cardData.zipCode,
4150
- fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
4151
- token
4152
- };
4153
- try {
4154
- let apiResponse = await import_axios5.default.post(`${baseUrl}add-card`, reqData);
4155
- let formData = {
4156
- fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
4157
- wallet_id: "",
4158
- card_number: cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""),
4159
- exp_month: cardData == null ? void 0 : cardData.expiryMonth,
4160
- exp_year: (_a3 = cardData == null ? void 0 : cardData.expiryYear) == null ? void 0 : _a3.slice(-2),
4161
- cvv: cardData == null ? void 0 : cardData.cvv
4162
- };
4163
- try {
4164
- const result = await import_axios5.default.post(`${baseUrl}link-wallet`, formData);
4165
- setSuccess(true);
4166
- hideLoader();
4167
- setCardData({
4168
- cardName: "",
4169
- cardNumber: "",
4170
- expiryMonth: "",
4171
- expiryYear: "",
4172
- cvv: "",
4173
- orderId: "",
4174
- zipCode: ""
4175
- });
4176
- } catch (err) {
4177
- hideLoader();
4178
- showError(((_c2 = (_b2 = err == null ? void 0 : err.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
4179
- }
4180
- } catch (err) {
4181
- hideLoader();
4182
- showError(((_e2 = (_d2 = err == null ? void 0 : err.response) == null ? void 0 : _d2.data) == null ? void 0 : _e2.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
4183
- }
4184
- }
4185
- };
4186
- if ((paymentData == null ? void 0 : paymentData.paymentGateway) === 32) {
4187
- const requestOptions = {
4188
- method: "POST",
4189
- redirect: "follow"
4190
- };
4191
- try {
4192
- let sesionResult = await import_axios5.default.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
4193
- let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
4194
- let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
4195
- cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
4196
- let track2_data = `${cardNumber}=${expYear}${cardData == null ? void 0 : cardData.expiryMonth} ${cardData == null ? void 0 : cardData.cvv}`;
4197
- const publicKey = forge.pki.publicKeyFromPem((_b = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.publicKeyPem);
4198
- const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
4199
- md: forge.md.sha1.create(),
4200
- mgf1: {
4201
- md: forge.md.sha1.create()
4202
- }
4203
- });
4204
- const encryptedBase64 = forge.util.encode64(encrypted);
4205
- const myHeaders = {
4206
- "Content-Type": "application/json",
4207
- "x-app-session-key": (_d = (_c = sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.session_key
4208
- };
4209
- const raw = JSON.stringify({
4210
- "enc_track2_data": `${encryptedBase64}`,
4211
- "algorithm": "RSAES_OAEP_SHA_1",
4212
- session_key: `${(_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key}`
4213
- });
4214
- try {
4215
- const tokenizeData = await import_axios5.default.post(`${fractalGatewayUrl}tokenizer/tokenize`, raw, { headers: myHeaders });
4216
- const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g.data), {
4217
- cvv: cardData == null ? void 0 : cardData.cvv,
4218
- cardName: cardData == null ? void 0 : cardData.cardName,
4219
- zip: cardData == null ? void 0 : cardData.zipCode,
4220
- userId: props == null ? void 0 : props.customerId,
4221
- fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
4222
- }));
4223
- let myHeaders2 = {
4224
- "Content-Type": "application/json"
4225
- };
4226
- try {
4227
- let addCardRes = await import_axios5.default.post(
4228
- `${baseUrl}add-card`,
4229
- reqData,
4230
- {
4231
- headers: myHeaders2
4232
- }
4233
- );
4234
- if ((_h = addCardRes == null ? void 0 : addCardRes.data) == null ? void 0 : _h.result) {
4235
- setSuccess(true);
4236
- hideLoader();
4237
- }
4238
- } catch (err) {
4239
- hideLoader();
4240
- showError(((_j = (_i = err == null ? void 0 : err.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
4241
- }
4242
- } catch (err) {
4243
- hideLoader();
4244
- showError(((_l = (_k = err == null ? void 0 : err.response) == null ? void 0 : _k.data) == null ? void 0 : _l.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
4245
- }
4246
- } catch (err) {
4247
- hideLoader();
4248
- showError(((_n = (_m = err == null ? void 0 : err.response) == null ? void 0 : _m.data) == null ? void 0 : _n.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
4249
- }
4250
- } else {
4251
- if (typeof DatacapWebToken !== "undefined") {
4252
- DatacapWebToken.requestToken(paymentData == null ? void 0 : paymentData.dctoken, "creditCardForm", getTokenCallback);
4253
- }
4254
- }
4255
- } catch (err) {
4256
- hideLoader();
4257
- showError(((_p = (_o = err == null ? void 0 : err.response) == null ? void 0 : _o.data) == null ? void 0 : _p.message) || (err == null ? void 0 : err.message) || "Something went wrong , Try again later");
4258
- }
4259
- }
4260
- }
4261
- };
4262
- return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(DataScript, null), /* @__PURE__ */ import_react20.default.createElement(AddCardStyle, null), /* @__PURE__ */ import_react20.default.createElement(
4263
- "button",
4264
- {
4265
- className: "paymentBtn",
4266
- onClick: handleShow
4267
- },
4268
- "Add Card"
4269
- ), /* @__PURE__ */ import_react20.default.createElement(
4270
- CustomModal_default,
4271
- {
4272
- open: show,
4273
- onClose: handleClose
4274
- },
4275
- /* @__PURE__ */ import_react20.default.createElement(Loader_default, { loading }),
4276
- success ? /* @__PURE__ */ import_react20.default.createElement(SuccessCardMsz_default, { onClose: handleClose }) : /* @__PURE__ */ import_react20.default.createElement(
4277
- "div",
4278
- {
4279
- className: "container-creditcard add-card modal-content frac-form",
4280
- id: "add-credit-card-panel"
4281
- },
4282
- /* @__PURE__ */ import_react20.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react20.default.createElement(
4283
- "input",
4284
- {
4285
- type: "text",
4286
- "data-token": "card_number",
4287
- placeholder: "Enter card number",
4288
- maxLength: 19,
4289
- inputMode: "numeric",
4290
- value: (cardData == null ? void 0 : cardData.cardNumber) || "",
4291
- onChange: (e) => handleCardNumberChange(e)
4292
- }
4293
- ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react20.default.createElement(
4294
- "input",
4295
- {
4296
- "data-token": "exp_month",
4297
- className: "form-control required",
4298
- type: "text",
4299
- placeholder: "MM",
4300
- maxLength: 2,
4301
- value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
4302
- onChange: (e) => handleCardChange("expiryMonth", e.target.value)
4303
- }
4304
- ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react20.default.createElement(
4305
- "input",
4306
- {
4307
- "data-token": "exp_year",
4308
- className: "form-control required",
4309
- type: "text",
4310
- placeholder: "YYYY",
4311
- maxLength: 4,
4312
- value: (cardData == null ? void 0 : cardData.expiryYear) || "",
4313
- onChange: (e) => handleCardChange("expiryYear", e.target.value)
4314
- }
4315
- ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react20.default.createElement(
4316
- "input",
4317
- {
4318
- "data-token": "cvv",
4319
- className: "form-control required",
4320
- type: "text",
4321
- placeholder: "CVC",
4322
- maxLength: 4,
4323
- value: (cardData == null ? void 0 : cardData.cvv) || "",
4324
- onChange: (e) => handleCardChange("cvv", e.target.value)
4325
- }
4326
- ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react20.default.createElement(
4327
- "input",
4328
- {
4329
- type: "text",
4330
- id: "cardholderName",
4331
- name: "cardholderName",
4332
- placeholder: "Name on card required",
4333
- value: (cardData == null ? void 0 : cardData.cardName) || "",
4334
- onChange: (e) => {
4335
- const value = e.target.value;
4336
- if (/^[a-zA-Z\s]*$/.test(value)) {
4337
- handleCardChange("cardName", value);
4338
- }
4339
- }
4340
- }
4341
- ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "form-group", style: { marginBottom: "20px" } }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ import_react20.default.createElement(
4342
- "input",
4343
- {
4344
- type: "text",
4345
- id: "zipcode",
4346
- name: "zipcode",
4347
- placeholder: "Zip",
4348
- value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
4349
- onChange: (e) => handleCardChange("zipCode", e.target.value)
4350
- }
4351
- ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react20.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ import_react20.default.createElement(
4352
- "input",
4353
- {
4354
- type: "submit",
4355
- className: "idle-green-btn w-100",
4356
- defaultValue: "Submit"
4357
- }
4358
- ))
4359
- )
4360
- ));
4361
- }
4362
-
4363
3956
  // src/app/components/AddCard/AddCardEasyPay.tsx
4364
- var import_react21 = __toESM(require("react"));
4365
- var import_sweetalert24 = __toESM(require("sweetalert2"));
4366
- var import_axios6 = __toESM(require("axios"));
4367
3957
  function AddCardEasyPay(props) {
4368
3958
  var _a;
4369
- const [loading, setLoading] = (0, import_react21.useState)(false);
4370
- const [success, setSuccess] = (0, import_react21.useState)(false);
4371
- const [error, setError] = (0, import_react21.useState)("");
4372
- const [show, setShow] = (0, import_react21.useState)(false);
4373
- const [cardData, setCardData] = (0, import_react21.useState)();
4374
- const [cardError, setCardError] = (0, import_react21.useState)({});
4375
- const [paymentData, setPaymentData] = (0, import_react21.useState)();
3959
+ const [loading, setLoading] = (0, import_react19.useState)(false);
3960
+ const [success, setSuccess] = (0, import_react19.useState)(false);
3961
+ const [error, setError] = (0, import_react19.useState)("");
3962
+ const [show, setShow] = (0, import_react19.useState)(false);
3963
+ const [cardData, setCardData] = (0, import_react19.useState)();
3964
+ const [cardError, setCardError] = (0, import_react19.useState)({});
3965
+ const [paymentData, setPaymentData] = (0, import_react19.useState)();
4376
3966
  const showLoader = () => setLoading(true);
4377
3967
  const hideLoader = () => setLoading(false);
4378
3968
  const showError = (msz) => {
4379
- import_sweetalert24.default.fire({
3969
+ import_sweetalert23.default.fire({
4380
3970
  icon: "error",
4381
3971
  text: msz,
4382
3972
  customClass: {
@@ -4491,7 +4081,7 @@ function AddCardEasyPay(props) {
4491
4081
  "customer_id": props == null ? void 0 : props.customerId,
4492
4082
  addcard: true
4493
4083
  };
4494
- let paymentData2 = await import_axios6.default.post(`${baseUrl}get-payment-details`, data);
4084
+ let paymentData2 = await import_axios5.default.post(`${baseUrl}get-payment-details`, data);
4495
4085
  console.log(paymentData2);
4496
4086
  setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
4497
4087
  if (!((_c = (_b = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b.data) == null ? void 0 : _c.paymentGateway)) {
@@ -4506,7 +4096,7 @@ function AddCardEasyPay(props) {
4506
4096
  setError("Something went wrong.");
4507
4097
  }
4508
4098
  };
4509
- (0, import_react21.useEffect)(() => {
4099
+ (0, import_react19.useEffect)(() => {
4510
4100
  if (props.fractalpayClientKey) {
4511
4101
  getPaymentDetails();
4512
4102
  }
@@ -4545,7 +4135,7 @@ function AddCardEasyPay(props) {
4545
4135
  token
4546
4136
  };
4547
4137
  try {
4548
- let apiResponse = await import_axios6.default.post(`${baseUrl}add-card`, reqData);
4138
+ let apiResponse = await import_axios5.default.post(`${baseUrl}add-card`, reqData);
4549
4139
  console.log(apiResponse);
4550
4140
  let formData = {
4551
4141
  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
@@ -4556,7 +4146,7 @@ function AddCardEasyPay(props) {
4556
4146
  cvv: cardData == null ? void 0 : cardData.cvv
4557
4147
  };
4558
4148
  try {
4559
- const result = await import_axios6.default.post(`${baseUrl}link-wallet`, formData);
4149
+ const result = await import_axios5.default.post(`${baseUrl}link-wallet`, formData);
4560
4150
  console.log(result);
4561
4151
  setSuccess(true);
4562
4152
  hideLoader();
@@ -4588,7 +4178,7 @@ function AddCardEasyPay(props) {
4588
4178
  redirect: "follow"
4589
4179
  };
4590
4180
  try {
4591
- let sesionResult = await import_axios6.default.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
4181
+ let sesionResult = await import_axios5.default.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
4592
4182
  let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
4593
4183
  let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
4594
4184
  cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
@@ -4611,7 +4201,7 @@ function AddCardEasyPay(props) {
4611
4201
  session_key: `${(_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key}`
4612
4202
  });
4613
4203
  try {
4614
- const tokenizeData = await import_axios6.default.post(`${fractalGatewayUrl}tokenizer/tokenize`, raw, { headers: myHeaders });
4204
+ const tokenizeData = await import_axios5.default.post(`${fractalGatewayUrl}tokenizer/tokenize`, raw, { headers: myHeaders });
4615
4205
  const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g.data), {
4616
4206
  cvv: cardData == null ? void 0 : cardData.cvv,
4617
4207
  cardName: cardData == null ? void 0 : cardData.cardName,
@@ -4623,7 +4213,7 @@ function AddCardEasyPay(props) {
4623
4213
  "Content-Type": "application/json"
4624
4214
  };
4625
4215
  try {
4626
- let addCardRes = await import_axios6.default.post(
4216
+ let addCardRes = await import_axios5.default.post(
4627
4217
  `${baseUrl}add-card`,
4628
4218
  reqData,
4629
4219
  {
@@ -4660,14 +4250,14 @@ function AddCardEasyPay(props) {
4660
4250
  }
4661
4251
  }
4662
4252
  };
4663
- return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(DataScript, null), /* @__PURE__ */ import_react21.default.createElement(AddCardStyle, null), /* @__PURE__ */ import_react21.default.createElement(Loader_default, { loading }), error && /* @__PURE__ */ import_react21.default.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ import_react21.default.createElement(ErrorCardMessage_default, { error, onClose: handleClose })), success && /* @__PURE__ */ import_react21.default.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }), !error && !success && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
4253
+ return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(DataScript, null), /* @__PURE__ */ import_react19.default.createElement(AddCardStyle, null), /* @__PURE__ */ import_react19.default.createElement(Loader_default, { loading }), error && /* @__PURE__ */ import_react19.default.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ import_react19.default.createElement(ErrorCardMessage_default, { error, onClose: handleClose })), success && /* @__PURE__ */ import_react19.default.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }), !error && !success && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
4664
4254
  "div",
4665
4255
  {
4666
4256
  className: "container-creditcard add-card modal-content",
4667
4257
  id: "add-credit-card-panel",
4668
4258
  style: { margin: "auto" }
4669
4259
  },
4670
- /* @__PURE__ */ import_react21.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc, style: { padding: "0 10px" } }, /* @__PURE__ */ import_react21.default.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react21.default.createElement(
4260
+ /* @__PURE__ */ import_react19.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc, style: { padding: "0 10px" } }, /* @__PURE__ */ import_react19.default.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react19.default.createElement(
4671
4261
  "input",
4672
4262
  {
4673
4263
  type: "text",
@@ -4678,7 +4268,7 @@ function AddCardEasyPay(props) {
4678
4268
  value: (cardData == null ? void 0 : cardData.cardNumber) || "",
4679
4269
  onChange: (e) => handleCardNumberChange(e)
4680
4270
  }
4681
- ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react21.default.createElement("br", null)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "exp-cvc-container", style: { margin: "0" } }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react21.default.createElement(
4271
+ ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react19.default.createElement("br", null)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "exp-cvc-container", style: { margin: "0" } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react19.default.createElement(
4682
4272
  "input",
4683
4273
  {
4684
4274
  "data-token": "exp_month",
@@ -4689,7 +4279,7 @@ function AddCardEasyPay(props) {
4689
4279
  value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
4690
4280
  onChange: (e) => handleCardChange("expiryMonth", e.target.value)
4691
4281
  }
4692
- ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react21.default.createElement(
4282
+ ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react19.default.createElement(
4693
4283
  "input",
4694
4284
  {
4695
4285
  "data-token": "exp_year",
@@ -4700,7 +4290,7 @@ function AddCardEasyPay(props) {
4700
4290
  value: (cardData == null ? void 0 : cardData.expiryYear) || "",
4701
4291
  onChange: (e) => handleCardChange("expiryYear", e.target.value)
4702
4292
  }
4703
- ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react21.default.createElement(
4293
+ ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react19.default.createElement(
4704
4294
  "input",
4705
4295
  {
4706
4296
  "data-token": "cvv",
@@ -4711,7 +4301,7 @@ function AddCardEasyPay(props) {
4711
4301
  value: (cardData == null ? void 0 : cardData.cvv) || "",
4712
4302
  onChange: (e) => handleCardChange("cvv", e.target.value)
4713
4303
  }
4714
- ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react21.default.createElement(
4304
+ ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react19.default.createElement(
4715
4305
  "input",
4716
4306
  {
4717
4307
  type: "text",
@@ -4726,7 +4316,7 @@ function AddCardEasyPay(props) {
4726
4316
  }
4727
4317
  }
4728
4318
  }
4729
- ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react21.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react21.default.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ import_react21.default.createElement(
4319
+ ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ import_react19.default.createElement(
4730
4320
  "input",
4731
4321
  {
4732
4322
  type: "text",
@@ -4736,7 +4326,7 @@ function AddCardEasyPay(props) {
4736
4326
  value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
4737
4327
  onChange: (e) => handleCardChange("zipCode", e.target.value)
4738
4328
  }
4739
- ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react21.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ import_react21.default.createElement(
4329
+ ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ import_react19.default.createElement(
4740
4330
  "input",
4741
4331
  {
4742
4332
  type: "submit",
@@ -4749,7 +4339,6 @@ function AddCardEasyPay(props) {
4749
4339
  // Annotate the CommonJS export names for ESM import in node:
4750
4340
  0 && (module.exports = {
4751
4341
  AddCard,
4752
- AddCardEasyPay,
4753
4342
  GetPaymentPage,
4754
4343
  PreAuthPayment,
4755
4344
  RequestPayment,