@fractalpay/fractalpay-next-test 0.0.27 → 0.0.29

package/dist/index.js

@@ -39,7 +39,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@fractalpay/fractalpay-next-test",
-      version: "0.0.27",
+      version: "0.0.29",
       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;
@@ -3295,7 +3286,7 @@ var customCSS = `
 
     input {
      display: block;
-        width: stretch;
+        width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
@@ -3310,6 +3301,7 @@ var customCSS = `
     border-radius: 0.375rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     margin-bottom: 10px;
+    box-sizing: border-box;
     }
 
     input:focus {
@@ -3355,7 +3347,11 @@ var customCSS = `
     input.card-data.card-data-cvv{
         margin-bottom: 0px;
     }
-      
+
+    right-col{
+      width : 10px !important;
+    }
+
   `;
 var DataCapFields = ({
   isOpen,
@@ -3384,9 +3380,9 @@ var DataCapFields = ({
     font-weight: 400 !important;  
     font-size: 14px !important;
 }
+    
       `;
     }
-    console.log(customCSS, "customcss");
     const initialize = async () => {
       setLoader == null ? void 0 : setLoader(true);
       setIframeReady(false);
@@ -5546,7 +5542,7 @@ function AddCardStyle() {
                     padding: 0 20px
                 }
                 .add-card .form-group {
-                    margin-bottom: 5px;
+                    // margin-bottom: 5px;
                 }
 
                 .add-card .idle-green-btn {
@@ -6313,8 +6309,8 @@ function AddCardEasyPay(props) {
             e.stopPropagation();
           }
         }, children: [
-          /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "410px", minHeight: "0" }, className: "card-scrl", children: [
-            /* @__PURE__ */ jsx24("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "450px", minHeight: "0" }, className: "card-scrl", children: [
+            /* @__PURE__ */ jsx24("div", { className: "form-group", style: { marginTop: "0", marginBottom: "0" }, children: /* @__PURE__ */ jsx24(
               DataCapFields,
               {
                 isOpen: true,
@@ -6353,7 +6349,7 @@ function AddCardEasyPay(props) {
                 "input",
                 {
                   type: "text",
-                  id: "zipcode",
+                  id: "",
                   name: "zipcode",
                   placeholder: "Zip",
                   value: (_b = cardData == null ? void 0 : cardData.zipCode) != null ? _b : "",
@@ -8573,7 +8569,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 +8892,6 @@ function SkyChargewidgetstyles() {
         .form-control-frac{box-sizing: border-box ;}
         #PaymentForm .form-group-frac{
             padding:5px 0 ;
-            matgin: 0 !important
         }
             
         .toggle-label {
@@ -9531,6 +9525,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   const [remainingAmount, setRemainingAmount] = useState10("");
   const [paymentGateway, setPaymentGateway] = useState10();
   const [dcToken, setDCToken] = useState10();
+  console.log(show, "show");
   let mastercard2 = S3Url + "widget/mc-img.svg";
   let visa2 = S3Url + "widget/visa-img.svg";
   let americanexp2 = S3Url + "widget/ae-img.svg";
@@ -9767,11 +9762,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 +9787,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 +10119,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
         setActive("card");
         setActiveinCard("list");
         setCardList(cardlists);
+        setLoadingIframe(false);
       } else {
         setActive("card");
         setCardList([]);
@@ -10319,7 +10319,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 +10469,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 }) }),
@@ -10590,7 +10596,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     ] }),
                     /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
                       /* @__PURE__ */ jsx32("label", { htmlFor: "cardNumber", children: "CARD NUMBER" }),
-                      /* @__PURE__ */ jsx32("div", { className: "toggle-num-wrapper", children: show && paymentGateway === 32 && /* @__PURE__ */ jsx32(
+                      /* @__PURE__ */ jsx32("div", { className: "toggle-num-wrapper", children: (show || autoTrigger) && paymentGateway === 32 && /* @__PURE__ */ jsx32(
                         FractalFields_default,
                         {
                           fractalStyles,
@@ -10667,9 +10673,9 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     /* @__PURE__ */ jsx32("div", { className: "form-group-frac", children: /* @__PURE__ */ jsx32(
                       DataCapFields,
                       {
-                        isOpen: show,
+                        isOpen: show || autoTrigger,
                         tokenKey: dcToken,
-                        setLoader: setLoadingIframe
+                        setLoader: activeinCard === "form" ? setLoadingIframe : null
                       }
                     ) }),
                     /* @__PURE__ */ jsxs19("div", { className: "form-group-frac", children: [
@@ -10745,12 +10751,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 +10773,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 +10790,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 +10807,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 +10824,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 +10841,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."