@pinerohit11/testwidget 0.1.98 → 0.1.99

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-interface Props$4 {
+interface Props$5 {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -14,9 +14,9 @@ interface Props$4 {
     tax?: string;
     surcharge?: string;
 }
-declare function RequestPayment(props: Props$4): React.JSX.Element;
+declare function RequestPayment(props: Props$5): React.JSX.Element;
 
-interface Props$3 {
+interface Props$4 {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -30,9 +30,9 @@ interface Props$3 {
     tax?: string;
     surcharge?: string;
 }
-declare function RequestPreAuthPayment(props: Props$3): React.JSX.Element;
+declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
 
-type Props$2 = {
+type Props$3 = {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -46,9 +46,9 @@ type Props$2 = {
     tax?: string;
     surcharge?: string;
 };
-declare function GetPaymentPage(props: Props$2): React.JSX.Element;
+declare function GetPaymentPage(props: Props$3): React.JSX.Element;
 
-type Props$1 = {
+type Props$2 = {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -62,12 +62,21 @@ type Props$1 = {
     tax?: string;
     surcharge?: string;
 };
-declare function PreAuthPayment(props: Props$1): React.JSX.Element;
+declare function PreAuthPayment(props: Props$2): React.JSX.Element;
+
+type Props$1 = {
+    fractalpayClientKey: string;
+    customerId?: string;
+};
+declare function AddCard(props: Props$1): React.JSX.Element;
 
 type Props = {
     fractalpayClientKey: string;
     customerId?: string;
+    name?: string;
+    email?: string;
+    phone?: string;
 };
-declare function AddCard(props: Props): React.JSX.Element;
+declare function AddCardEasyPay(props: Props): React.JSX.Element;
 
-export { AddCard, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };
+export { AddCard, AddCardEasyPay, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-interface Props$4 {
+interface Props$5 {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -14,9 +14,9 @@ interface Props$4 {
     tax?: string;
     surcharge?: string;
 }
-declare function RequestPayment(props: Props$4): React.JSX.Element;
+declare function RequestPayment(props: Props$5): React.JSX.Element;
 
-interface Props$3 {
+interface Props$4 {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -30,9 +30,9 @@ interface Props$3 {
     tax?: string;
     surcharge?: string;
 }
-declare function RequestPreAuthPayment(props: Props$3): React.JSX.Element;
+declare function RequestPreAuthPayment(props: Props$4): React.JSX.Element;
 
-type Props$2 = {
+type Props$3 = {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -46,9 +46,9 @@ type Props$2 = {
     tax?: string;
     surcharge?: string;
 };
-declare function GetPaymentPage(props: Props$2): React.JSX.Element;
+declare function GetPaymentPage(props: Props$3): React.JSX.Element;
 
-type Props$1 = {
+type Props$2 = {
     fractalpayClientKey: string;
     customerId?: string;
     orderID?: string;
@@ -62,12 +62,21 @@ type Props$1 = {
     tax?: string;
     surcharge?: string;
 };
-declare function PreAuthPayment(props: Props$1): React.JSX.Element;
+declare function PreAuthPayment(props: Props$2): React.JSX.Element;
+
+type Props$1 = {
+    fractalpayClientKey: string;
+    customerId?: string;
+};
+declare function AddCard(props: Props$1): React.JSX.Element;
 
 type Props = {
     fractalpayClientKey: string;
     customerId?: string;
+    name?: string;
+    email?: string;
+    phone?: string;
 };
-declare function AddCard(props: Props): React.JSX.Element;
+declare function AddCardEasyPay(props: Props): React.JSX.Element;
 
-export { AddCard, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };
+export { AddCard, AddCardEasyPay, GetPaymentPage, PreAuthPayment, RequestPayment, RequestPreAuthPayment };

package/dist/index.js

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AddCard: () => AddCard,
+  AddCardEasyPay: () => AddCardEasyPay,
   GetPaymentPage: () => GetPaymentPage,
   PreAuthPayment: () => PreAuthPayment,
   RequestPayment: () => RequestPayment,
@@ -4058,9 +4059,388 @@ function AddCard(props) {
     )
   ));
 }
+
+// src/app/components/AddCard/AddCardEasyPay.tsx
+var import_react19 = __toESM(require("react"));
+var import_sweetalert24 = __toESM(require("sweetalert2"));
+var import_axios6 = __toESM(require("axios"));
+function AddCardEasyPay(props) {
+  var _a;
+  const [loading, setLoading] = (0, import_react19.useState)(false);
+  const [success, setSuccess] = (0, import_react19.useState)(false);
+  const [show, setShow] = (0, import_react19.useState)(false);
+  const [cardData, setCardData] = (0, import_react19.useState)();
+  const [cardError, setCardError] = (0, import_react19.useState)({});
+  const [paymentData, setPaymentData] = (0, import_react19.useState)();
+  const showLoader = () => setLoading(true);
+  const hideLoader = () => setLoading(false);
+  const showError = (msz) => {
+    import_sweetalert24.default.fire({
+      icon: "error",
+      text: msz
+    });
+  };
+  const handleClose = () => {
+    setShow(false);
+    setSuccess(false);
+    setCardData({
+      cardName: "",
+      cardNumber: "",
+      expiryMonth: "",
+      expiryYear: "",
+      cvv: "",
+      orderId: "",
+      zipCode: ""
+    });
+  };
+  const handleShow = () => setShow(true);
+  const handleCloseSeccess = () => {
+    handleClose();
+  };
+  const handleCardChange = (field, value) => {
+    const name = field;
+    const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
+    if (numericFields.includes(name)) {
+      if (value === "" || /^[0-9]+$/.test(value)) {
+        setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+          [name]: ""
+        }));
+        setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+          [name]: value
+        }));
+      }
+      return;
+    }
+    setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+      [name]: ""
+    }));
+    console.log(value, name);
+    setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+      [name]: value
+    }));
+  };
+  const handleCardNumberChange = (e) => {
+    const input = e.target;
+    const rawValue = input.value.replace(/\D/g, "");
+    let formatted = "";
+    if (/^3[47]/.test(rawValue)) {
+      const trimmed = rawValue.slice(0, 15);
+      formatted = trimmed.replace(
+        /^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,
+        (_, g1, g2, g3) => [g1, g2, g3].filter(Boolean).join(" ")
+      );
+    } else {
+      const trimmed = rawValue.slice(0, 16);
+      formatted = trimmed.replace(
+        /^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,
+        (_, g1, g2, g3, g4) => [g1, g2, g3, g4].filter(Boolean).join(" ")
+      );
+    }
+    setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+      cardNumber: ""
+    }));
+    setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+      cardNumber: formatted
+    }));
+  };
+  const validateCardData = () => {
+    var _a2, _b, _c, _d, _e, _f, _g;
+    const errors = {};
+    const data = cardData;
+    const month = parseInt((data == null ? void 0 : data.expiryMonth) || "", 10);
+    const year = (data == null ? void 0 : data.expiryYear) || "";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
+    if (!((_b = data == null ? void 0 : data.cardNumber) == null ? void 0 : _b.trim())) errors.cardNumber = "Card number is required";
+    if (!((_c = data == null ? void 0 : data.expiryMonth) == null ? void 0 : _c.trim())) {
+      errors.expiryMonth = "Expiration month is required";
+    } else if (Number(data == null ? void 0 : data.expiryMonth) > 12 || Number(data == null ? void 0 : data.expiryMonth) < 1) {
+      errors.expiryMonth = "Invalid Expiration Month.";
+    }
+    if (!((_d = data == null ? void 0 : data.expiryYear) == null ? void 0 : _d.trim())) {
+      errors.expiryYear = "Expiration year is required";
+    } else if (((_e = data == null ? void 0 : data.expiryYear) == null ? void 0 : _e.trim().length) !== 4 || Number(data == null ? void 0 : data.expiryYear) < 2025) {
+      errors.expiryYear = "Invalid Expiration Year.";
+    } else if (isNaN(month) || month < 1 || month > 12 || year.length !== 4) {
+      errors.expiryMonth = "Invalid Expiration Date.";
+    }
+    if (!((_f = data == null ? void 0 : data.cvv) == null ? void 0 : _f.trim())) errors.cvv = "CVC is required";
+    if (!((_g = data == null ? void 0 : data.zipCode) == null ? void 0 : _g.trim())) errors.zipCode = "ZIP code is required";
+    if ((data == null ? void 0 : data.expiryMonth) && (data == null ? void 0 : data.expiryYear) && data.expiryMonth.length <= 2 && data.expiryYear.length === 4) {
+      const month2 = parseInt(data.expiryMonth, 10);
+      const year2 = parseInt(data.expiryYear, 10);
+      const now = /* @__PURE__ */ new Date();
+      const currentMonth = now.getMonth() + 1;
+      const currentYear = now.getFullYear();
+      if (year2 < currentYear || year2 === currentYear && month2 < currentMonth) {
+        errors.expiryMonth = "Card is expired";
+      }
+    }
+    setCardError(errors);
+    return Object.keys(errors).length > 0;
+  };
+  const getPaymentDetails = async () => {
+    var _a2, _b, _c, _d, _e, _f;
+    showLoader();
+    try {
+      const data = {
+        fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+        "customer_id": props == null ? void 0 : props.customerId,
+        addcard: true
+      };
+      let paymentData2 = await import_axios6.default.post(`${baseUrl}get-payment-details`, data);
+      console.log(paymentData2);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
+      if (((_c = (_b = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b.data) == null ? void 0 : _c.card_list) && ((_f = (_e = (_d = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d.data) == null ? void 0 : _e.card_list) == null ? void 0 : _f.length) > 0) {
+      } else {
+      }
+      hideLoader();
+    } catch (err) {
+      console.log(err);
+      hideLoader();
+    }
+  };
+  (0, import_react19.useEffect)(() => {
+    if (props.fractalpayClientKey) {
+      getPaymentDetails();
+    }
+  }, [props == null ? void 0 : props.fractalpayClientKey]);
+  const addCardFunc = async (e) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    e.preventDefault();
+    const hasError = validateCardData();
+    console.log(cardData);
+    debugger;
+    if (hasError) return;
+    else {
+      let validCard = DatacapWebToken.validateCardNumber(cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""));
+      let validExpirationDate = DatacapWebToken.validateExpirationDate(cardData == null ? void 0 : cardData.expiryMonth, cardData == null ? void 0 : cardData.expiryYear);
+      let validCVV = DatacapWebToken.validateCVV(cardData == null ? void 0 : cardData.cvv);
+      let errors = {};
+      if (!validCard) errors.cardNumber = "Invalid card Number";
+      if (!validExpirationDate) errors.expiryMonth = "Invalid Expiration Date.";
+      if (!validCVV) errors.cvv = "Invalid CVV";
+      setCardError(errors);
+      if (validCard && validCVV && validExpirationDate) {
+        showLoader();
+        try {
+          let getTokenCallback = async function(token) {
+            var _a3, _b2, _c2, _d2, _e2;
+            console.log(token);
+            if (token.Error) {
+              console.log(token == null ? void 0 : token.Error);
+              showError(token.Error);
+              hideLoader();
+            } else {
+              const reqData = {
+                userId: props == null ? void 0 : props.customerId,
+                cardName: cardData == null ? void 0 : cardData.cardName,
+                zip: cardData == null ? void 0 : cardData.zipCode,
+                fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+                token
+              };
+              try {
+                let apiResponse = await import_axios6.default.post(`${baseUrl}add-card`, reqData);
+                console.log(apiResponse);
+                let formData = {
+                  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+                  wallet_id: "",
+                  card_number: cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""),
+                  exp_month: cardData == null ? void 0 : cardData.expiryMonth,
+                  exp_year: (_a3 = cardData == null ? void 0 : cardData.expiryYear) == null ? void 0 : _a3.slice(-2),
+                  cvv: cardData == null ? void 0 : cardData.cvv
+                };
+                try {
+                  const result = await import_axios6.default.post(`${baseUrl}link-wallet`, formData);
+                  console.log(result);
+                  setSuccess(true);
+                  hideLoader();
+                  setCardData({
+                    cardName: "",
+                    cardNumber: "",
+                    expiryMonth: "",
+                    expiryYear: "",
+                    cvv: "",
+                    orderId: "",
+                    zipCode: ""
+                  });
+                } catch (err) {
+                  console.log(err);
+                  hideLoader();
+                  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..");
+                }
+              } catch (err) {
+                console.log(err);
+                hideLoader();
+                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..");
+              }
+            }
+          };
+          if ((paymentData == null ? void 0 : paymentData.paymentGateway) === 32) {
+            const requestOptions = {
+              method: "POST",
+              redirect: "follow"
+            };
+            try {
+              let sesionResult = await import_axios6.default.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
+              let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
+              let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
+              cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
+              let track2_data = `${cardNumber}=${expYear}${cardData == null ? void 0 : cardData.expiryMonth} ${cardData == null ? void 0 : cardData.cvv}`;
+              const publicKey = forge.pki.publicKeyFromPem((_b = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.publicKeyPem);
+              const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
+                md: forge.md.sha1.create(),
+                mgf1: {
+                  md: forge.md.sha1.create()
+                }
+              });
+              const encryptedBase64 = forge.util.encode64(encrypted);
+              const myHeaders = {
+                "Content-Type": "application/json",
+                "x-app-session-key": (_d = (_c = sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.session_key
+              };
+              const raw = JSON.stringify({
+                "enc_track2_data": `${encryptedBase64}`,
+                "algorithm": "RSAES_OAEP_SHA_1",
+                session_key: `${(_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key}`
+              });
+              try {
+                const tokenizeData = await import_axios6.default.post("https://api-dev.merchant-trends.com/tokenizer/tokenize", raw, { headers: myHeaders });
+                const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g.data), {
+                  cvv: cardData == null ? void 0 : cardData.cvv,
+                  cardName: cardData == null ? void 0 : cardData.cardName,
+                  zip: cardData == null ? void 0 : cardData.zipCode,
+                  userId: props == null ? void 0 : props.customerId,
+                  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
+                }));
+                let myHeaders2 = {
+                  "Content-Type": "application/json"
+                };
+                try {
+                  let addCardRes = await import_axios6.default.post(
+                    `${baseUrl}add-card`,
+                    reqData,
+                    {
+                      headers: myHeaders2
+                    }
+                  );
+                  console.log(addCardRes);
+                  if ((_h = addCardRes == null ? void 0 : addCardRes.data) == null ? void 0 : _h.result) {
+                    setSuccess(true);
+                    hideLoader();
+                  }
+                } catch (err) {
+                  hideLoader();
+                  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 wrong..s");
+                }
+              } catch (err) {
+                hideLoader();
+                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 wrong..s");
+              }
+            } catch (err) {
+              hideLoader();
+              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 wrong..s");
+            }
+          } else {
+            if (typeof DatacapWebToken !== "undefined") {
+              DatacapWebToken.requestToken(paymentData == null ? void 0 : paymentData.dctoken, "creditCardForm", getTokenCallback);
+            }
+          }
+        } catch (err) {
+          hideLoader();
+          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 wrong..s");
+        }
+      }
+    }
+  };
+  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 }), success ? /* @__PURE__ */ import_react19.default.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }) : /* @__PURE__ */ import_react19.default.createElement(
+    "div",
+    {
+      className: "container-creditcard add-card modal-content ",
+      id: "add-credit-card-panel"
+    },
+    /* @__PURE__ */ import_react19.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        type: "text",
+        "data-token": "card_number",
+        placeholder: "Enter card number",
+        maxLength: 19,
+        inputMode: "numeric",
+        value: (cardData == null ? void 0 : cardData.cardNumber) || "",
+        onChange: (e) => handleCardNumberChange(e)
+      }
+    ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, 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" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        "data-token": "exp_month",
+        className: "form-control required",
+        type: "text",
+        placeholder: "MM",
+        maxLength: 2,
+        value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
+        onChange: (e) => handleCardChange("expiryMonth", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        "data-token": "exp_year",
+        className: "form-control required",
+        type: "text",
+        placeholder: "YYYY",
+        maxLength: 4,
+        value: (cardData == null ? void 0 : cardData.expiryYear) || "",
+        onChange: (e) => handleCardChange("expiryYear", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        "data-token": "cvv",
+        className: "form-control required",
+        type: "text",
+        placeholder: "CVC",
+        maxLength: 4,
+        value: (cardData == null ? void 0 : cardData.cvv) || "",
+        onChange: (e) => handleCardChange("cvv", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        type: "text",
+        id: "cardholderName",
+        name: "cardholderName",
+        placeholder: "Name on card required",
+        value: (cardData == null ? void 0 : cardData.cardName) || "",
+        onChange: (e) => {
+          const value = e.target.value;
+          if (/^[a-zA-Z\s]*$/.test(value)) {
+            handleCardChange("cardName", value);
+          }
+        }
+      }
+    ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginBottom: "20px" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        type: "text",
+        id: "zipcode",
+        name: "zipcode",
+        placeholder: "Zip",
+        value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
+        onChange: (e) => handleCardChange("zipCode", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ import_react19.default.createElement(
+      "input",
+      {
+        type: "submit",
+        className: "idle-green-btn w-100",
+        defaultValue: "Submit"
+      }
+    ))
+  ));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddCard,
+  AddCardEasyPay,
   GetPaymentPage,
   PreAuthPayment,
   RequestPayment,

package/dist/index.mjs

@@ -4021,8 +4021,387 @@ function AddCard(props) {
     )
   ));
 }
+
+// src/app/components/AddCard/AddCardEasyPay.tsx
+import React18, { useEffect as useEffect7, useState as useState6 } from "react";
+import Swal4 from "sweetalert2";
+import axios6 from "axios";
+function AddCardEasyPay(props) {
+  var _a;
+  const [loading, setLoading] = useState6(false);
+  const [success, setSuccess] = useState6(false);
+  const [show, setShow] = useState6(false);
+  const [cardData, setCardData] = useState6();
+  const [cardError, setCardError] = useState6({});
+  const [paymentData, setPaymentData] = useState6();
+  const showLoader = () => setLoading(true);
+  const hideLoader = () => setLoading(false);
+  const showError = (msz) => {
+    Swal4.fire({
+      icon: "error",
+      text: msz
+    });
+  };
+  const handleClose = () => {
+    setShow(false);
+    setSuccess(false);
+    setCardData({
+      cardName: "",
+      cardNumber: "",
+      expiryMonth: "",
+      expiryYear: "",
+      cvv: "",
+      orderId: "",
+      zipCode: ""
+    });
+  };
+  const handleShow = () => setShow(true);
+  const handleCloseSeccess = () => {
+    handleClose();
+  };
+  const handleCardChange = (field, value) => {
+    const name = field;
+    const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
+    if (numericFields.includes(name)) {
+      if (value === "" || /^[0-9]+$/.test(value)) {
+        setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+          [name]: ""
+        }));
+        setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+          [name]: value
+        }));
+      }
+      return;
+    }
+    setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+      [name]: ""
+    }));
+    console.log(value, name);
+    setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+      [name]: value
+    }));
+  };
+  const handleCardNumberChange = (e) => {
+    const input = e.target;
+    const rawValue = input.value.replace(/\D/g, "");
+    let formatted = "";
+    if (/^3[47]/.test(rawValue)) {
+      const trimmed = rawValue.slice(0, 15);
+      formatted = trimmed.replace(
+        /^(\d{1,4})(\d{1,6})?(\d{1,5})?$/,
+        (_, g1, g2, g3) => [g1, g2, g3].filter(Boolean).join(" ")
+      );
+    } else {
+      const trimmed = rawValue.slice(0, 16);
+      formatted = trimmed.replace(
+        /^(\d{1,4})(\d{1,4})?(\d{1,4})?(\d{1,4})?$/,
+        (_, g1, g2, g3, g4) => [g1, g2, g3, g4].filter(Boolean).join(" ")
+      );
+    }
+    setCardError((prev) => __spreadProps(__spreadValues({}, prev), {
+      cardNumber: ""
+    }));
+    setCardData((prev) => __spreadProps(__spreadValues({}, prev), {
+      cardNumber: formatted
+    }));
+  };
+  const validateCardData = () => {
+    var _a2, _b, _c, _d, _e, _f, _g;
+    const errors = {};
+    const data = cardData;
+    const month = parseInt((data == null ? void 0 : data.expiryMonth) || "", 10);
+    const year = (data == null ? void 0 : data.expiryYear) || "";
+    if (!((_a2 = data == null ? void 0 : data.cardName) == null ? void 0 : _a2.trim())) errors.cardName = "Card name is required";
+    if (!((_b = data == null ? void 0 : data.cardNumber) == null ? void 0 : _b.trim())) errors.cardNumber = "Card number is required";
+    if (!((_c = data == null ? void 0 : data.expiryMonth) == null ? void 0 : _c.trim())) {
+      errors.expiryMonth = "Expiration month is required";
+    } else if (Number(data == null ? void 0 : data.expiryMonth) > 12 || Number(data == null ? void 0 : data.expiryMonth) < 1) {
+      errors.expiryMonth = "Invalid Expiration Month.";
+    }
+    if (!((_d = data == null ? void 0 : data.expiryYear) == null ? void 0 : _d.trim())) {
+      errors.expiryYear = "Expiration year is required";
+    } else if (((_e = data == null ? void 0 : data.expiryYear) == null ? void 0 : _e.trim().length) !== 4 || Number(data == null ? void 0 : data.expiryYear) < 2025) {
+      errors.expiryYear = "Invalid Expiration Year.";
+    } else if (isNaN(month) || month < 1 || month > 12 || year.length !== 4) {
+      errors.expiryMonth = "Invalid Expiration Date.";
+    }
+    if (!((_f = data == null ? void 0 : data.cvv) == null ? void 0 : _f.trim())) errors.cvv = "CVC is required";
+    if (!((_g = data == null ? void 0 : data.zipCode) == null ? void 0 : _g.trim())) errors.zipCode = "ZIP code is required";
+    if ((data == null ? void 0 : data.expiryMonth) && (data == null ? void 0 : data.expiryYear) && data.expiryMonth.length <= 2 && data.expiryYear.length === 4) {
+      const month2 = parseInt(data.expiryMonth, 10);
+      const year2 = parseInt(data.expiryYear, 10);
+      const now = /* @__PURE__ */ new Date();
+      const currentMonth = now.getMonth() + 1;
+      const currentYear = now.getFullYear();
+      if (year2 < currentYear || year2 === currentYear && month2 < currentMonth) {
+        errors.expiryMonth = "Card is expired";
+      }
+    }
+    setCardError(errors);
+    return Object.keys(errors).length > 0;
+  };
+  const getPaymentDetails = async () => {
+    var _a2, _b, _c, _d, _e, _f;
+    showLoader();
+    try {
+      const data = {
+        fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+        "customer_id": props == null ? void 0 : props.customerId,
+        addcard: true
+      };
+      let paymentData2 = await axios6.post(`${baseUrl}get-payment-details`, data);
+      console.log(paymentData2);
+      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
+      if (((_c = (_b = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _b.data) == null ? void 0 : _c.card_list) && ((_f = (_e = (_d = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _d.data) == null ? void 0 : _e.card_list) == null ? void 0 : _f.length) > 0) {
+      } else {
+      }
+      hideLoader();
+    } catch (err) {
+      console.log(err);
+      hideLoader();
+    }
+  };
+  useEffect7(() => {
+    if (props.fractalpayClientKey) {
+      getPaymentDetails();
+    }
+  }, [props == null ? void 0 : props.fractalpayClientKey]);
+  const addCardFunc = async (e) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    e.preventDefault();
+    const hasError = validateCardData();
+    console.log(cardData);
+    debugger;
+    if (hasError) return;
+    else {
+      let validCard = DatacapWebToken.validateCardNumber(cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""));
+      let validExpirationDate = DatacapWebToken.validateExpirationDate(cardData == null ? void 0 : cardData.expiryMonth, cardData == null ? void 0 : cardData.expiryYear);
+      let validCVV = DatacapWebToken.validateCVV(cardData == null ? void 0 : cardData.cvv);
+      let errors = {};
+      if (!validCard) errors.cardNumber = "Invalid card Number";
+      if (!validExpirationDate) errors.expiryMonth = "Invalid Expiration Date.";
+      if (!validCVV) errors.cvv = "Invalid CVV";
+      setCardError(errors);
+      if (validCard && validCVV && validExpirationDate) {
+        showLoader();
+        try {
+          let getTokenCallback = async function(token) {
+            var _a3, _b2, _c2, _d2, _e2;
+            console.log(token);
+            if (token.Error) {
+              console.log(token == null ? void 0 : token.Error);
+              showError(token.Error);
+              hideLoader();
+            } else {
+              const reqData = {
+                userId: props == null ? void 0 : props.customerId,
+                cardName: cardData == null ? void 0 : cardData.cardName,
+                zip: cardData == null ? void 0 : cardData.zipCode,
+                fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+                token
+              };
+              try {
+                let apiResponse = await axios6.post(`${baseUrl}add-card`, reqData);
+                console.log(apiResponse);
+                let formData = {
+                  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
+                  wallet_id: "",
+                  card_number: cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""),
+                  exp_month: cardData == null ? void 0 : cardData.expiryMonth,
+                  exp_year: (_a3 = cardData == null ? void 0 : cardData.expiryYear) == null ? void 0 : _a3.slice(-2),
+                  cvv: cardData == null ? void 0 : cardData.cvv
+                };
+                try {
+                  const result = await axios6.post(`${baseUrl}link-wallet`, formData);
+                  console.log(result);
+                  setSuccess(true);
+                  hideLoader();
+                  setCardData({
+                    cardName: "",
+                    cardNumber: "",
+                    expiryMonth: "",
+                    expiryYear: "",
+                    cvv: "",
+                    orderId: "",
+                    zipCode: ""
+                  });
+                } catch (err) {
+                  console.log(err);
+                  hideLoader();
+                  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..");
+                }
+              } catch (err) {
+                console.log(err);
+                hideLoader();
+                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..");
+              }
+            }
+          };
+          if ((paymentData == null ? void 0 : paymentData.paymentGateway) === 32) {
+            const requestOptions = {
+              method: "POST",
+              redirect: "follow"
+            };
+            try {
+              let sesionResult = await axios6.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
+              let expYear = Number(cardData == null ? void 0 : cardData.expiryYear) % 100;
+              let cardNumber = cardData == null ? void 0 : cardData.cardNumber;
+              cardNumber = cardNumber == null ? void 0 : cardNumber.replace(/\s+/g, "");
+              let track2_data = `${cardNumber}=${expYear}${cardData == null ? void 0 : cardData.expiryMonth} ${cardData == null ? void 0 : cardData.cvv}`;
+              const publicKey = forge.pki.publicKeyFromPem((_b = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b.publicKeyPem);
+              const encrypted = publicKey.encrypt(track2_data, "RSA-OAEP", {
+                md: forge.md.sha1.create(),
+                mgf1: {
+                  md: forge.md.sha1.create()
+                }
+              });
+              const encryptedBase64 = forge.util.encode64(encrypted);
+              const myHeaders = {
+                "Content-Type": "application/json",
+                "x-app-session-key": (_d = (_c = sesionResult.data) == null ? void 0 : _c.data) == null ? void 0 : _d.session_key
+              };
+              const raw = JSON.stringify({
+                "enc_track2_data": `${encryptedBase64}`,
+                "algorithm": "RSAES_OAEP_SHA_1",
+                session_key: `${(_f = (_e = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e.data) == null ? void 0 : _f.session_key}`
+              });
+              try {
+                const tokenizeData = await axios6.post("https://api-dev.merchant-trends.com/tokenizer/tokenize", raw, { headers: myHeaders });
+                const reqData = JSON.stringify(__spreadProps(__spreadValues({}, (_g = tokenizeData == null ? void 0 : tokenizeData.data) == null ? void 0 : _g.data), {
+                  cvv: cardData == null ? void 0 : cardData.cvv,
+                  cardName: cardData == null ? void 0 : cardData.cardName,
+                  zip: cardData == null ? void 0 : cardData.zipCode,
+                  userId: props == null ? void 0 : props.customerId,
+                  fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey
+                }));
+                let myHeaders2 = {
+                  "Content-Type": "application/json"
+                };
+                try {
+                  let addCardRes = await axios6.post(
+                    `${baseUrl}add-card`,
+                    reqData,
+                    {
+                      headers: myHeaders2
+                    }
+                  );
+                  console.log(addCardRes);
+                  if ((_h = addCardRes == null ? void 0 : addCardRes.data) == null ? void 0 : _h.result) {
+                    setSuccess(true);
+                    hideLoader();
+                  }
+                } catch (err) {
+                  hideLoader();
+                  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 wrong..s");
+                }
+              } catch (err) {
+                hideLoader();
+                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 wrong..s");
+              }
+            } catch (err) {
+              hideLoader();
+              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 wrong..s");
+            }
+          } else {
+            if (typeof DatacapWebToken !== "undefined") {
+              DatacapWebToken.requestToken(paymentData == null ? void 0 : paymentData.dctoken, "creditCardForm", getTokenCallback);
+            }
+          }
+        } catch (err) {
+          hideLoader();
+          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 wrong..s");
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(DataScript, null), /* @__PURE__ */ React18.createElement(AddCardStyle, null), /* @__PURE__ */ React18.createElement(Loader_default, { loading }), success ? /* @__PURE__ */ React18.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }) : /* @__PURE__ */ React18.createElement(
+    "div",
+    {
+      className: "container-creditcard add-card modal-content ",
+      id: "add-credit-card-panel"
+    },
+    /* @__PURE__ */ React18.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "text",
+        "data-token": "card_number",
+        placeholder: "Enter card number",
+        maxLength: 19,
+        inputMode: "numeric",
+        value: (cardData == null ? void 0 : cardData.cardNumber) || "",
+        onChange: (e) => handleCardNumberChange(e)
+      }
+    ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ React18.createElement("br", null)), /* @__PURE__ */ React18.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React18.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        "data-token": "exp_month",
+        className: "form-control required",
+        type: "text",
+        placeholder: "MM",
+        maxLength: 2,
+        value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
+        onChange: (e) => handleCardChange("expiryMonth", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        "data-token": "exp_year",
+        className: "form-control required",
+        type: "text",
+        placeholder: "YYYY",
+        maxLength: 4,
+        value: (cardData == null ? void 0 : cardData.expiryYear) || "",
+        onChange: (e) => handleCardChange("expiryYear", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        "data-token": "cvv",
+        className: "form-control required",
+        type: "text",
+        placeholder: "CVC",
+        maxLength: 4,
+        value: (cardData == null ? void 0 : cardData.cvv) || "",
+        onChange: (e) => handleCardChange("cvv", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "text",
+        id: "cardholderName",
+        name: "cardholderName",
+        placeholder: "Name on card required",
+        value: (cardData == null ? void 0 : cardData.cardName) || "",
+        onChange: (e) => {
+          const value = e.target.value;
+          if (/^[a-zA-Z\s]*$/.test(value)) {
+            handleCardChange("cardName", value);
+          }
+        }
+      }
+    ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginBottom: "20px" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "text",
+        id: "zipcode",
+        name: "zipcode",
+        placeholder: "Zip",
+        value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
+        onChange: (e) => handleCardChange("zipCode", e.target.value)
+      }
+    ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ React18.createElement(
+      "input",
+      {
+        type: "submit",
+        className: "idle-green-btn w-100",
+        defaultValue: "Submit"
+      }
+    ))
+  ));
+}
 export {
   AddCard,
+  AddCardEasyPay,
   GetPaymentPage,
   PreAuthPayment,
   RequestPayment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinerohit11/testwidget",
-  "version": "0.1.98",
+  "version": "0.1.99",
   "private": false,
   "scripts": {
     "dev": "next dev -p 4001",