@fractalpay/fractalpay-next-dev 0.0.1 → 0.0.2

package/dist/index.mjs

@@ -3539,8 +3539,8 @@ function PreAuthPayment(props) {
   )));
 }
 
-// src/app/components/AddCard/AddCard.tsx
-import React19, { useEffect as useEffect6, useState as useState5 } from "react";
+// src/app/components/AddCard/AddCardEasyPay.tsx
+import React18, { useEffect as useEffect6, useState as useState5 } from "react";
 import Swal3 from "sweetalert2";
 import axios5 from "axios";
 
@@ -3813,36 +3813,13 @@ function AddCardStyle() {
             `);
 }
 
-// src/app/components/CustomModal/CustomModal.tsx
-import React16 from "react";
-var CustomModal = ({
-  open,
-  onClose,
-  children
-}) => {
-  if (!open) return null;
-  return /* @__PURE__ */ React16.createElement("div", { style: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    zIndex: 5,
-    backgroundColor: "rgba(0,0,0,0.5)",
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center"
-  } }, /* @__PURE__ */ React16.createElement("div", { style: { background: "white", padding: "20px", borderRadius: "8px", minWidth: "300px" } }, /* @__PURE__ */ React16.createElement("div", { className: "", style: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React16.createElement("button", { onClick: onClose, style: { border: "none", background: "transparent", color: "black" } }, "X")), /* @__PURE__ */ React16.createElement("div", null, children)));
-};
-var CustomModal_default = CustomModal;
-
 // src/app/components/SuccessCardMessage/SuccessCardMsz.tsx
-import React18 from "react";
+import React17 from "react";
 
 // src/app/components/SuccessCardMessage/SuccessCardMszStyle.tsx
-import React17 from "react";
+import React16 from "react";
 function SuccessCardMszStyle() {
-  return /* @__PURE__ */ React17.createElement("style", null, `
+  return /* @__PURE__ */ React16.createElement("style", null, `
                .card-success .logo-container {
             display: flex;
             justify-content: center;
@@ -3935,15 +3912,16 @@ function SuccessCardMszStyle() {
 
 // src/app/components/SuccessCardMessage/SuccessCardMsz.tsx
 var SuccessCardMsz = ({ onClose }) => {
-  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(SuccessCardMszStyle, null), /* @__PURE__ */ React18.createElement("div", { className: "card-success" }, /* @__PURE__ */ React18.createElement("div", { className: "payment-success-container" }, /* @__PURE__ */ React18.createElement("div", { className: "success-icon" }, /* @__PURE__ */ React18.createElement("div", { className: "circle" }, /* @__PURE__ */ React18.createElement("i", { className: "fa fa-check-circle", "aria-hidden": "true" })), /* @__PURE__ */ React18.createElement("div", { className: "success-text" }, /* @__PURE__ */ React18.createElement("div", { className: "payment-success-text" }, "Your card was added successfully."), /* @__PURE__ */ React18.createElement("div", { className: "thank-you-text" }, "Thank you "))))));
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(SuccessCardMszStyle, null), /* @__PURE__ */ React17.createElement("div", { className: "card-success" }, /* @__PURE__ */ React17.createElement("div", { className: "payment-success-container" }, /* @__PURE__ */ React17.createElement("div", { className: "success-icon" }, /* @__PURE__ */ React17.createElement("div", { className: "circle" }, /* @__PURE__ */ React17.createElement("i", { className: "fa fa-check-circle", "aria-hidden": "true" })), /* @__PURE__ */ React17.createElement("div", { className: "success-text" }, /* @__PURE__ */ React17.createElement("div", { className: "payment-success-text" }, "Your card was added successfully."), /* @__PURE__ */ React17.createElement("div", { className: "thank-you-text" }, "Thank you "))))));
 };
 var SuccessCardMsz_default = SuccessCardMsz;
 
-// src/app/components/AddCard/AddCard.tsx
-function AddCard(props) {
+// src/app/components/AddCard/AddCardEasyPay.tsx
+function AddCardEasyPay(props) {
   var _a;
   const [loading, setLoading] = useState5(false);
   const [success, setSuccess] = useState5(false);
+  const [error, setError] = useState5("");
   const [show, setShow] = useState5(false);
   const [cardData, setCardData] = useState5();
   const [cardError, setCardError] = useState5({});
@@ -3952,393 +3930,6 @@ function AddCard(props) {
   const hideLoader = () => setLoading(false);
   const showError = (msz) => {
     Swal3.fire({
-      icon: "error",
-      text: msz
-    });
-  };
-  const handleClose = () => {
-    setShow(false);
-    setSuccess(false);
-    setCardData({
-      cardName: "",
-      cardNumber: "",
-      expiryMonth: "",
-      expiryYear: "",
-      cvv: "",
-      orderId: "",
-      zipCode: ""
-    });
-    setCardError({
-      cardName: "",
-      cardNumber: "",
-      expiryMonth: "",
-      expiryYear: "",
-      cvv: "",
-      orderId: "",
-      zipCode: ""
-    });
-  };
-  const handleShow = () => setShow(true);
-  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]: ""
-    }));
-    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;
-    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 ((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;
-    showLoader();
-    try {
-      const data = {
-        fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
-        "customer_id": props == null ? void 0 : props.customerId,
-        addcard: true
-      };
-      let paymentData2 = await axios5.post(`${baseUrl}get-payment-details`, data);
-      setPaymentData((_a2 = paymentData2 == null ? void 0 : paymentData2.data) == null ? void 0 : _a2.data);
-      hideLoader();
-    } catch (err) {
-      hideLoader();
-      handleClose();
-      showError("Something went wrong ,  Try again later");
-    }
-  };
-  useEffect6(() => {
-    if (show && props.fractalpayClientKey) {
-      getPaymentDetails();
-    }
-  }, [props == null ? void 0 : props.fractalpayClientKey, show]);
-  const addCardFunc = async (e) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-    console.log("called");
-    e.preventDefault();
-    const hasError = validateCardData();
-    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;
-            if (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 axios5.post(`${baseUrl}add-card`, reqData);
-                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 axios5.post(`${baseUrl}link-wallet`, formData);
-                  setSuccess(true);
-                  hideLoader();
-                  setCardData({
-                    cardName: "",
-                    cardNumber: "",
-                    expiryMonth: "",
-                    expiryYear: "",
-                    cvv: "",
-                    orderId: "",
-                    zipCode: ""
-                  });
-                } catch (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) {
-                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 axios5.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 axios5.post(`${fractalGatewayUrl}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 axios5.post(
-                    `${baseUrl}add-card`,
-                    reqData,
-                    {
-                      headers: myHeaders2
-                    }
-                  );
-                  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 went wrong ,  Try again later");
-                }
-              } 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 went wrong ,  Try again later");
-              }
-            } 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 went wrong ,  Try again later");
-            }
-          } 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 went wrong ,  Try again later");
-        }
-      }
-    }
-  };
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(DataScript, null), /* @__PURE__ */ React19.createElement(AddCardStyle, null), /* @__PURE__ */ React19.createElement(
-    "button",
-    {
-      className: "paymentBtn",
-      onClick: handleShow
-    },
-    "Add Card"
-  ), /* @__PURE__ */ React19.createElement(
-    CustomModal_default,
-    {
-      open: show,
-      onClose: handleClose
-    },
-    /* @__PURE__ */ React19.createElement(Loader_default, { loading }),
-    success ? /* @__PURE__ */ React19.createElement(SuccessCardMsz_default, { onClose: handleClose }) : /* @__PURE__ */ React19.createElement(
-      "div",
-      {
-        className: "container-creditcard add-card modal-content  frac-form",
-        id: "add-credit-card-panel"
-      },
-      /* @__PURE__ */ React19.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber)), /* @__PURE__ */ React19.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React19.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React19.createElement("div", { className: "form-group", style: { marginBottom: "20px" } }, /* @__PURE__ */ React19.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ React19.createElement(
-        "input",
-        {
-          type: "submit",
-          className: "idle-green-btn w-100",
-          defaultValue: "Submit"
-        }
-      ))
-    )
-  ));
-}
-
-// src/app/components/AddCard/AddCardEasyPay.tsx
-import React20, { 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 [error, setError] = useState6("");
-  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,
       customClass: {
@@ -4453,7 +4044,7 @@ function AddCardEasyPay(props) {
         "customer_id": props == null ? void 0 : props.customerId,
         addcard: true
       };
-      let paymentData2 = await axios6.post(`${baseUrl}get-payment-details`, data);
+      let paymentData2 = await axios5.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.paymentGateway)) {
@@ -4468,7 +4059,7 @@ function AddCardEasyPay(props) {
       setError("Something went wrong.");
     }
   };
-  useEffect7(() => {
+  useEffect6(() => {
     if (props.fractalpayClientKey) {
       getPaymentDetails();
     }
@@ -4507,7 +4098,7 @@ function AddCardEasyPay(props) {
                 token
               };
               try {
-                let apiResponse = await axios6.post(`${baseUrl}add-card`, reqData);
+                let apiResponse = await axios5.post(`${baseUrl}add-card`, reqData);
                 console.log(apiResponse);
                 let formData = {
                   fractalpayPublicKey: props == null ? void 0 : props.fractalpayClientKey,
@@ -4518,7 +4109,7 @@ function AddCardEasyPay(props) {
                   cvv: cardData == null ? void 0 : cardData.cvv
                 };
                 try {
-                  const result = await axios6.post(`${baseUrl}link-wallet`, formData);
+                  const result = await axios5.post(`${baseUrl}link-wallet`, formData);
                   console.log(result);
                   setSuccess(true);
                   hideLoader();
@@ -4550,7 +4141,7 @@ function AddCardEasyPay(props) {
               redirect: "follow"
             };
             try {
-              let sesionResult = await axios6.post(`${masterBaseUrl}api/v1/widget/generate-session`, requestOptions);
+              let sesionResult = await axios5.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, "");
@@ -4573,7 +4164,7 @@ function AddCardEasyPay(props) {
                 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(`${fractalGatewayUrl}tokenizer/tokenize`, raw, { headers: myHeaders });
+                const tokenizeData = await axios5.post(`${fractalGatewayUrl}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,
@@ -4585,7 +4176,7 @@ function AddCardEasyPay(props) {
                   "Content-Type": "application/json"
                 };
                 try {
-                  let addCardRes = await axios6.post(
+                  let addCardRes = await axios5.post(
                     `${baseUrl}add-card`,
                     reqData,
                     {
@@ -4622,14 +4213,14 @@ function AddCardEasyPay(props) {
       }
     }
   };
-  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(DataScript, null), /* @__PURE__ */ React20.createElement(AddCardStyle, null), /* @__PURE__ */ React20.createElement(Loader_default, { loading }), error && /* @__PURE__ */ React20.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ React20.createElement(ErrorCardMessage_default, { error, onClose: handleClose })), success && /* @__PURE__ */ React20.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }), !error && !success && /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(DataScript, null), /* @__PURE__ */ React18.createElement(AddCardStyle, null), /* @__PURE__ */ React18.createElement(Loader_default, { loading }), error && /* @__PURE__ */ React18.createElement("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" } }, /* @__PURE__ */ React18.createElement(ErrorCardMessage_default, { error, onClose: handleClose })), success && /* @__PURE__ */ React18.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }), !error && !success && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
     "div",
     {
       className: "container-creditcard add-card modal-content",
       id: "add-credit-card-panel",
       style: { margin: "auto" }
     },
-    /* @__PURE__ */ React20.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc, style: { padding: "0 10px" } }, /* @__PURE__ */ React20.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl" }, /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React18.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc, style: { padding: "0 10px" } }, /* @__PURE__ */ React18.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl" }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         type: "text",
@@ -4640,7 +4231,7 @@ function AddCardEasyPay(props) {
         value: (cardData == null ? void 0 : cardData.cardNumber) || "",
         onChange: (e) => handleCardNumberChange(e)
       }
-    ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ React20.createElement("br", null)), /* @__PURE__ */ React20.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React20.createElement("div", { className: "exp-cvc-container", style: { margin: "0" } }, /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, 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", style: { margin: "0" } }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         "data-token": "exp_month",
@@ -4651,7 +4242,7 @@ function AddCardEasyPay(props) {
         value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
         onChange: (e) => handleCardChange("expiryMonth", e.target.value)
       }
-    ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         "data-token": "exp_year",
@@ -4662,7 +4253,7 @@ function AddCardEasyPay(props) {
         value: (cardData == null ? void 0 : cardData.expiryYear) || "",
         onChange: (e) => handleCardChange("expiryYear", e.target.value)
       }
-    ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         "data-token": "cvv",
@@ -4673,7 +4264,7 @@ function AddCardEasyPay(props) {
         value: (cardData == null ? void 0 : cardData.cvv) || "",
         onChange: (e) => handleCardChange("cvv", e.target.value)
       }
-    ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         type: "text",
@@ -4688,7 +4279,7 @@ function AddCardEasyPay(props) {
           }
         }
       }
-    ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React20.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React20.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         type: "text",
@@ -4698,7 +4289,7 @@ function AddCardEasyPay(props) {
         value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
         onChange: (e) => handleCardChange("zipCode", e.target.value)
       }
-    ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React20.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ React20.createElement(
+    ), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React18.createElement("span", { className: "error-span", style: { color: "red", fontSize: "12px" } }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ React18.createElement(
       "input",
       {
         type: "submit",
@@ -4709,8 +4300,7 @@ function AddCardEasyPay(props) {
   )));
 }
 export {
-  AddCard,
-  AddCardEasyPay,
+  AddCardEasyPay as AddCard,
   GetPaymentPage,
   PreAuthPayment,
   RequestPayment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fractalpay/fractalpay-next-dev",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
   "scripts": {
     "dev": "next dev -p 4001",