@fractalpay/fractalpay-next 0.0.27 → 0.0.28

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next",
-      version: "0.0.27",
+      version: "0.0.28",
       private: false,
       type: "module",
       scripts: {
@@ -3247,10 +3247,7 @@ import { useEffect as useEffect6 } from "react";
 var scriptLoaded = false;
 var DataCapScriptLoader = () => {
   useEffect6(() => {
-    console.log("\u{1F535} DataCapScriptLoader mounted");
-    console.log("\u{1F535} scriptLoaded flag:", scriptLoaded);
     if (scriptLoaded) {
-      console.log("\u{1F7E1} Script already marked as loaded. Skipping injection.");
       return;
     }
     const existingScript = document.querySelector(
@@ -3258,25 +3255,19 @@ var DataCapScriptLoader = () => {
     );
     console.log("\u{1F535} existingScript found:", !!existingScript);
     if (!existingScript) {
-      console.log("\u{1F7E2} Injecting DataCap hosted script...");
       const script2 = document.createElement("script");
       script2.src = `${datacapUrl}/hosted`;
       script2.async = true;
       script2.onload = () => {
         console.log("\u2705 DataCap script loaded successfully");
         scriptLoaded = true;
-        console.log("\u{1F535} scriptLoaded flag updated to:", scriptLoaded);
-        console.log("\u{1F535} window.dcap:", window.DatacapHostedWebToken);
       };
       script2.onerror = (err) => {
         console.error("\u274C DataCap script failed to load", err);
       };
       document.head.appendChild(script2);
     } else {
-      console.log("\u{1F7E1} Script already exists in DOM.");
       scriptLoaded = true;
-      console.log("\u{1F535} scriptLoaded flag updated to:", scriptLoaded);
-      console.log("\u{1F535} window.dcap:", window.dcap);
     }
   }, []);
   return null;
@@ -3386,7 +3377,6 @@ var DataCapFields = ({
 }
       `;
     }
-    console.log(customCSS, "customcss");
     const initialize = async () => {
       setLoader == null ? void 0 : setLoader(true);
       setIframeReady(false);
@@ -8573,7 +8563,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 +8886,6 @@ function SkyChargewidgetstyles() {
         .form-control-frac{box-sizing: border-box ;}
         #PaymentForm .form-group-frac{
             padding:5px 0 ;
-            matgin: 0 !important
         }
             
         .toggle-label {
@@ -9767,11 +9755,12 @@ 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
       };
+      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 +9780,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();
@@ -10120,6 +10112,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         setActive("card");
         setActiveinCard("list");
         setCardList(cardlists);
+        setLoadingIframe(false);
       } else {
         setActive("card");
         setCardList([]);
@@ -10319,7 +10312,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 +10462,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 +10668,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 +10744,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 +10766,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 +10783,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 +10800,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 +10817,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 +10834,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."