@fractalpay/fractalpay-next 0.0.28 → 0.0.30

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.28",
+      version: "0.0.30",
       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 {
@@ -6303,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,
@@ -6343,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 : "",
@@ -8571,7 +8577,7 @@ function SkyChargewidgetstyles() {
                .frac-form .save-ach-div{
                display:flex !important;
                gap:5px !important;
-               align-items:center
+               align-items:start;
                }
                
                .frac-form .card-cvv-in{
@@ -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
                       }
@@ -10843,7 +10850,7 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
                     ] }),
                     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" })
+                      /* @__PURE__ */ jsx32("label", { className: "saveachlabel", htmlFor: "saveACH", children: `By selecting this box, I authorize SkyFi, on behalf of ${merchantName || "merchant"}, to initiate a one-time electronic ACH debit from my bank account for the total amount displayed on this screen, including any applicable processing fee. I confirm that I am authorized to use this account and that the bank account information I provided is correct.` })
                     ] }),
                     saveACHinfo && /* @__PURE__ */ jsx32("div", { className: "form-group-frac saveachtext", children: /* @__PURE__ */ jsxs19("p", { children: [
                       "If checked, I agree to give the ",