@fractalpay/fractalpay-next-dev 0.0.214 → 0.0.216

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.214",
+      version: "0.0.216",
       private: false,
       type: "module",
       scripts: {
@@ -3360,13 +3360,33 @@ var customCSS = `
 var DataCapFields = ({
   isOpen,
   tokenKey,
-  setLoader
+  setLoader,
+  isAddCard
 }) => {
   const iframeId = "datacap-iframe";
   const resolverRef = useRef2(null);
   const [iframeReady, setIframeReady] = useState3(false);
   useEffect7(() => {
     if (!isOpen || !tokenKey) return;
+    if (isAddCard) {
+      customCSS += `
+      label {
+    display: block !important;
+    text-align: left !important;
+    font-weight: 400 !important;
+    text-transform: uppercase;
+    color: #35254D  !important;
+    margin-bottom: 6px;
+}
+      input::placeholder {
+   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+        color: #9ca3af !important;
+    font-weight: 400 !important;  
+    font-size: 14px !important;
+}
+      `;
+    }
+    console.log(customCSS, "customcss");
     const initialize = async () => {
       setLoader == null ? void 0 : setLoader(true);
       setIframeReady(false);
@@ -5201,7 +5221,7 @@ function PreAuthPayment(_a) {
               setErrorIframe("");
             } }) }),
             success && /* @__PURE__ */ jsx20(SuccessMsz, { onClose: handleClose, tranId }),
-            !error && !success && /* @__PURE__ */ jsxs12(Fragment12, { children: [
+            !error && !success && !errorIframe && /* @__PURE__ */ jsxs12(Fragment12, { children: [
               (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx20(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx20("div", { children: /* @__PURE__ */ jsx20("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs12("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx20("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
@@ -5790,10 +5810,13 @@ div#card_number{
     border-radius: 0.375rem !important;
     padding: 0px 12px;
 }
-    input#cardholderName::placeholder {
+    input#cardholderName::placeholder , input#zipcode::placeholder  {
     font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-    color: #35254D;
-}    
+     color: #9ca3af !important;
+    font-weight: 400 !important;  
+    font-size: 14px !important;  
+}
+ 
             ` });
 }
 
@@ -6203,7 +6226,7 @@ function AddCardEasyPay(props) {
       setErrorIframe("");
     } }) }),
     success && /* @__PURE__ */ jsx24(SuccessCardMsz_default, { onClose: handleCloseSeccess }),
-    !error && !success && /* @__PURE__ */ jsx24(Fragment14, { children: /* @__PURE__ */ jsx24(
+    !error && !success && !errorIframe && /* @__PURE__ */ jsx24(Fragment14, { children: /* @__PURE__ */ jsx24(
       "div",
       {
         className: "container-creditcard add-card modal-content",
@@ -6290,13 +6313,14 @@ function AddCardEasyPay(props) {
             e.stopPropagation();
           }
         }, children: [
-          /* @__PURE__ */ jsxs14("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl", 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(
               DataCapFields,
               {
                 isOpen: true,
                 tokenKey: paymentData == null ? void 0 : paymentData.dctoken,
-                setLoader: setLoadingIframe
+                setLoader: setLoadingIframe,
+                isAddCard: true
               }
             ) }),
             /* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0" }, children: [
@@ -6329,7 +6353,7 @@ function AddCardEasyPay(props) {
                 "input",
                 {
                   type: "text",
-                  id: "",
+                  id: "zipcode",
                   name: "zipcode",
                   placeholder: "Zip",
                   value: (_b = cardData == null ? void 0 : cardData.zipCode) != null ? _b : "",
@@ -6944,7 +6968,7 @@ function CardOnFile({ session_token, callback, isloading, onCancel, showChecks,
     errorIframe && /* @__PURE__ */ jsx27("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx27(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
       setErrorIframe("");
     } }) }),
-    !error && /* @__PURE__ */ jsx27("div", { className: "creditformbox", children: paymentGateway == 32 ? /* @__PURE__ */ jsxs16("form", { id: "paymentForm", onSubmit: handleCardAdd, onKeyDown: (e) => {
+    !error && !errorIframe && /* @__PURE__ */ jsx27("div", { className: "creditformbox", children: paymentGateway == 32 ? /* @__PURE__ */ jsxs16("form", { id: "paymentForm", onSubmit: handleCardAdd, onKeyDown: (e) => {
       if (e.key === "Enter" && loading) {
         e.preventDefault();
         e.stopPropagation();
@@ -8049,9 +8073,12 @@ function PartialPayment(props) {
           onClose: handleClose,
           children: [
             error && /* @__PURE__ */ jsx28("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx28(ErrorCardMessage_default, { error, onClose: handleClose }) }),
+            errorIframe && /* @__PURE__ */ jsx28("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx28(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
+              setErrorIframe("");
+            } }) }),
             success && /* @__PURE__ */ jsx28(SuccessMsz, { onClose: handleClose, tranId }),
-            !error && !success && /* @__PURE__ */ jsxs17(Fragment17, { children: [
-              (loading || loading2) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 }),
+            !error && !success && !errorIframe && /* @__PURE__ */ jsxs17(Fragment17, { children: [
+              (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx28(Loader_default, { loading: loading || loading2 || loadingIframe }),
               /* @__PURE__ */ jsx28("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs17("div", { className: "parent-pay-container", children: [
                 /* @__PURE__ */ jsx28("span", { className: "request-payment-close-popup", onClick: handleClose, children: /* @__PURE__ */ jsxs17("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
                   /* @__PURE__ */ jsx28("g", { clipPath: "url(#clip0_12425_52336)", children: /* @__PURE__ */ jsx28("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" }) }),
@@ -10486,7 +10513,10 @@ var ModelContentSky = ({ amount, bankAmount, submitBtnText = "Pay", session_toke
   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 }) }),
-    !error && /* @__PURE__ */ jsxs19(Fragment18, { children: [
+    errorIframe && /* @__PURE__ */ jsx32("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx32(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
+      setErrorIframe("");
+    } }) }),
+    !error && !errorIframe && /* @__PURE__ */ jsxs19(Fragment18, { children: [
       (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx32(Loader_default, { loading: loading || loading2 || loadingPrev || orderLoader || loadingIframe }),
       /* @__PURE__ */ jsxs19("div", { className: "frac-card-payment-page frac-form frac-new-form", children: [
         /* @__PURE__ */ jsx32("div", { ref: threeDSContainerRef, style: { width: "100%", height: "100%" } }),