@fractalpay/fractalpay-next-dev 0.0.220 → 0.0.222

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-dev",
-      version: "0.0.220",
+      version: "0.0.222",
       private: false,
       type: "module",
       scripts: {
@@ -8573,7 +8573,6 @@ function SkyChargewidgetstyles() {
         font-family: 'Inter', sans-serif !important;
         }  
                .frac-form  .form-group-frac{
-               margin:0 !important;
                padding: 5px 0;
                 }
                .frac-form .mb-4{
@@ -8897,7 +8896,6 @@ function SkyChargewidgetstyles() {
         .form-control-frac{box-sizing: border-box ;}
         #PaymentForm .form-group-frac{
             padding:5px 0 ;
-            matgin: 0 !important
         }
             
         .toggle-label {
@@ -9767,11 +9765,13 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         public_key_pem: ((_b2 = (_a2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.publicKeyPem) || ((_d2 = (_c2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.public_key_pem),
         session_key: (_f2 = (_e2 = sesionResult == null ? void 0 : sesionResult.data) == null ? void 0 : _e2.data) == null ? void 0 : _f2.session_key
       };
+      debugger;
+      let three_ds_data = null;
       if (require3ds) {
         if (typeof window !== "undefined" && typeof navigator !== "undefined") {
           const languages = (_g2 = navigator.languages) != null ? _g2 : [navigator.language];
           const language = Array.isArray(languages) ? languages[0] : languages;
-          objtokenize.three_ds_data = {
+          three_ds_data = {
             amount: partialAmount ? Math.round(parseFloat(partialAmount) * 100) : Math.round(parseFloat(amount) * 100),
             // convert dollars → cents
             currency: "usd",
@@ -9791,7 +9791,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       }
       let tokenizeData;
       try {
-        tokenizeData = await tokenizerRef.current.createToken(objtokenize);
+        tokenizeData = await tokenizerRef.current.createToken(
+          objtokenize,
+          three_ds_data
+        );
       } catch (error2) {
         setErrorIframe(error2);
         hideLoader();
@@ -9884,6 +9887,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
           pass_fee
         }
       });
+      debugger;
       if ((result == null ? void 0 : result.status) == 200) {
         let gatewayToken = (_b2 = (_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.gateway_token;
         let paymentGateway2 = (_d2 = (_c2 = result == null ? void 0 : result.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.paymentGateway;
@@ -10120,6 +10124,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         setActive("card");
         setActiveinCard("list");
         setCardList(cardlists);
+        setLoadingIframe(false);
       } else {
         setActive("card");
         setCardList([]);
@@ -10319,7 +10324,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2;
     try {
       showLoader();
-      const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`);
+      const res = await axios9.get(`${masterBaseUrl}api/v1/gateway/get-payment-details/${session_token}`, {
+        params: {
+          require3ds,
+          pass_fee
+        }
+      });
       if ((res == null ? void 0 : res.status) == 200) {
         setIsBankActive((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.isBankActive);
         setProcessingFee(Number((_d2 = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.data) == null ? void 0 : _d2.fee) || 0);
@@ -10464,6 +10474,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
       styles: {}
     });
   }, []);
+  console.log(activeinCard === "list", "activeinCard", activeList);
   return /* @__PURE__ */ jsxs19(Fragment18, { children: [
     initialLoader && /* @__PURE__ */ jsx32(Loader_default, { loading: initialLoader }),
     error && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error, onClose: handleClose }) }),
@@ -10669,7 +10680,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       {
                         isOpen: show,
                         tokenKey: dcToken,
-                        setLoader: setLoadingIframe
+                        setLoader: activeinCard === "form" ? setLoadingIframe : null
                       }
                     ) }),
                     /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
@@ -10745,12 +10756,12 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     minHeight: "444px",
                     maxHeight: "444px"
                   }, children: [
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "nameonaccount", children: "Name on account" }),
                       /* @__PURE__ */ jsx32("input", { type: "text", id: "nameonaccount", className: "form-control-frac", maxLength: 100, placeholder: "John Doe", name: "name", value: (_l = achData == null ? void 0 : achData.name) != null ? _l : "", onChange: handleChangeAch }),
                       (achError == null ? void 0 : achError.name) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.name })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "routingnumber", children: "Routing number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10767,7 +10778,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.routingNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "accountnumber", children: "Account number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10784,7 +10795,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.accountNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "confirmaccountnumber", children: "Confirm account number" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10801,7 +10812,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.confirmAccountNumber })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "bankname", children: "Bank name" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10818,7 +10829,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.bankName })
                     ] }),
-                    ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    ((achData == null ? void 0 : achData.accountType) === "business saving" || (achData == null ? void 0 : achData.accountType) === "business checking") && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "companyName", children: "Company name" }),
                       /* @__PURE__ */ jsx32(
                         "input",
@@ -10835,18 +10846,18 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                       ),
                       (achError == null ? void 0 : achError.companyName) && /* @__PURE__ */ jsx32("span", { className: "error-span", children: achError == null ? void 0 : achError.companyName })
                     ] }),
-                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4", children: [
+                    /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "accounttype", children: "Select account type" }),
                       /* @__PURE__ */ jsxs19("select", { name: "accountType", id: "accounttype", className: "form-control-frac", value: (_r = achData == null ? void 0 : achData.accountType) != null ? _r : "", onChange: handleChangeAch, children: [
                         /* @__PURE__ */ jsx32("option", { value: "", children: "Select account" }),
                         accountTypes.map((type) => /* @__PURE__ */ jsx32("option", { value: type.value, children: type.label }, type.value))
                       ] })
                     ] }),
-                    customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac mb-4 save-ach-div", style: { paddingTop: "5px" }, children: [
+                    customerId && /* @__PURE__ */ jsxs19("div", { className: "form-group-frac save-ach-div", style: { paddingTop: "5px" }, children: [
                       /* @__PURE__ */ jsx32("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }),
                       /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "saveACH", children: "Save ACH" })
                     ] }),
-                    saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac mb-4 saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
+                    saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
                       "If checked, I agree to give the ",
                       /* @__PURE__ */ jsx32("b", { children: merchantName || "merchant" }),
                       " permission to charge this bank account for agreed-upon purchases in the future."