@fractalpay/fractalpay-next-dev 0.0.224 → 0.0.226

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.224",
+      version: "0.0.226",
       private: false,
       type: "module",
       scripts: {
@@ -3286,7 +3286,7 @@ var customCSS = `
 
     input {
      display: block;
-        width: stretch;
+        width: 100%;
     padding: .375rem .75rem;
     font-size: 1rem;
     font-weight: 400;
@@ -3301,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 {
@@ -3346,7 +3347,11 @@ var customCSS = `
     input.card-data.card-data-cvv{
         margin-bottom: 0px;
     }
-      
+
+    right-col{
+      width : 10px !important;
+    }
+
   `;
 var DataCapFields = ({
   isOpen,
@@ -3375,6 +3380,7 @@ var DataCapFields = ({
     font-weight: 400 !important;  
     font-size: 14px !important;
 }
+    
       `;
     }
     const initialize = async () => {
@@ -5536,7 +5542,7 @@ function AddCardStyle() {
                     padding: 0 20px
                 }
                 .add-card .form-group {
-                    margin-bottom: 5px;
+                    // margin-bottom: 5px;
                 }
 
                 .add-card .idle-green-btn {
@@ -6304,7 +6310,7 @@ function AddCardEasyPay(props) {
           }
         }, children: [
           /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "450px", minHeight: "0" }, className: "card-scrl", children: [
-            /* @__PURE__ */ jsx24("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx24("div", { className: "form-group", style: { marginTop: "0", marginBottom: "0" }, children: /* @__PURE__ */ jsx24(
               DataCapFields,
               {
                 isOpen: true,
@@ -9519,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";
@@ -10589,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,
@@ -10666,7 +10673,7 @@ 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: activeinCard === "form" ? setLoadingIframe : null
                       }