@fractalpay/fractalpay-next-dev 0.0.297 → 0.0.299

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.297",
+      version: "0.0.299",
       private: false,
       type: "module",
       scripts: {
@@ -3414,13 +3414,15 @@ var customCSS = `
       outline: none !important;
     }
       label {
-    font-family: 'IBM Plex Mono', monospace !important;
-    color: #727272 !important;
-    margin-bottom: 2px !important;
-    font-weight: 600 !important;
+    font-family: 'IBM Plex Mono', monospace;
     font-size: 12px !important;
+    letter-spacing: 1.1px !important;
+    color: #867c94 !important;
+    font-weight: 500 !important;
+    line-height: normal;
+    margin: 0 0 2px 0 !important;
+    text-align: start !important;
     display: block !important;
-    text-align: left !important;
     text-transform: uppercase !important;
 }
     input.card-data.card-data-cvv{
@@ -3594,8 +3596,8 @@ function FractalWidgetStyles() {
         .fps-logo { height: 43px; display: flex; align-items: center; }
         .fps-logo img { max-height: 43px; max-width: 160px; object-fit: contain; }
         .fps-divider { width: 100%; height: 1px; background: var(--fps-border); flex-shrink: 0; }
-        .fps-invoice { font-size: 14px; font-weight: 500; color: var(--fps-text-tertiary); }
-        .fps-lines { display: flex; flex-direction: column; gap: 8px; width: 100%; font-size: 14px; font-weight: 500; }
+        .fps-invoice { font-size: 14px; font-weight: 500; color: var(--fps-text-tertiary); text-align: start !important; }
+        .fps-lines { display: flex; flex-direction: column; gap: 8px; width: 100%; font-size: 14px; font-weight: 500; text-align: start !important; }
         .fps-line { display: flex; align-items: center; justify-content: space-between; }
         .fps-line .fps-lbl { color: var(--fps-text-tertiary); }
         .fps-line .fps-val { color: var(--fps-text-primary); }
@@ -3611,6 +3613,7 @@ function FractalWidgetStyles() {
             font-size: 11px;
             line-height: 16px;
             color: var(--fps-green-text);
+            text-align: start !important;
         }
         .fps-note b { font-weight: 700; }
         .fps-note-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
@@ -3627,6 +3630,7 @@ function FractalWidgetStyles() {
             color: var(--fps-text-tertiary);
         }
         .fps-secure img { height: 16px; width: auto; object-fit: contain; }
+        .fps-total-div { text-align: start !important; }
 
         /* ---------- Right: content ---------- */
         .fps-content {
@@ -3669,6 +3673,7 @@ function FractalWidgetStyles() {
             font-weight: 500;
             line-height: normal;
             margin: 0;
+            text-align: start !important;
         }
 
         /* scrollable middle region between header and footer */
@@ -3912,7 +3917,7 @@ function FractalWidgetStyles() {
             width: 100%;
             margin-top: auto;
         }
-        .fps-auth { font-size: 11px; font-weight: 500; color: var(--fps-text-tertiary); line-height: 1.45; margin: 0; }
+        .fps-auth { font-size: 11px; font-weight: 500; color: var(--fps-text-tertiary); line-height: 1.45; margin: 0; text-align: start !important; }
         .fps-auth u, .fps-auth a { text-decoration: underline; cursor: pointer; color: inherit; }
         .fps-pay-btn {
             height: 44px;
@@ -3936,7 +3941,7 @@ function FractalWidgetStyles() {
             width: 16px; height: 16px; margin: 0; margin-top: 1px;
             flex-shrink: 0; accent-color: var(--fps-brand); cursor: pointer;
         }
-        .fps-check label { font-size: 12px; font-weight: 500; color: var(--fps-text-primary); line-height: 1.4; cursor: pointer; margin: 0; font-family: 'Inter', sans-serif; text-transform: none; }
+        .fps-check label { font-size: 12px; font-weight: 500; color: var(--fps-text-primary); line-height: 1.4; cursor: pointer; margin: 0; font-family: 'Inter', sans-serif; text-transform: none; text-align: start !important; }
         .fps-check u, .fps-check a { text-decoration: underline; cursor: pointer; }
         .fps-error { color: #dc2626; font-size: 12px; display: block; }
 
@@ -3972,7 +3977,7 @@ function FractalOrderSummary({
       /* @__PURE__ */ jsx17("span", { className: "fps-val", children: l.value })
     ] }, i)) }),
     /* @__PURE__ */ jsx17("div", { className: "fps-divider" }),
-    /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsxs8("div", { className: "fps-total-div", children: [
       /* @__PURE__ */ jsx17("div", { className: "fps-total-label", children: totalLabel }),
       /* @__PURE__ */ jsx17("div", { className: "fps-total", children: total })
     ] }),
@@ -4694,8 +4699,9 @@ function GetPaymentPage(props) {
                     setLoading2(false);
                   }
                   const card_issue_type = ((_i2 = tokenizeData == null ? void 0 : tokenizeData.bin_lookup_result) == null ? void 0 : _i2.card_issue_type) || null;
-                  if (card_issue_type === "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-                    setLoderText("Processing Debit card without fee");
+                  const feeExempt = ["debit", "prepaid"].includes(String(card_issue_type || "").toLowerCase());
+                  if (feeExempt && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
+                    setLoderText(`Processing ${card_issue_type} card without fee`);
                   }
                   console.log(tokenizeData, "tokenizeData");
                   const reqData = JSON.stringify(__spreadProps(__spreadValues({}, tokenizeData), {
@@ -4874,8 +4880,9 @@ function GetPaymentPage(props) {
       if (customer_id) {
         if (card_id) {
           setLoading2(true);
-          if (card_issue_type == "Debit" && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
-            setLoderText("Processing Debit card without fee");
+          const feeExempt = ["debit", "prepaid"].includes(String(card_issue_type || "").toLowerCase());
+          if (feeExempt && (props == null ? void 0 : props.pass_fee) && (paymentData == null ? void 0 : paymentData.surchargeProgram) == 1) {
+            setLoderText(`Processing ${card_issue_type} card without fee`);
           }
           let resultofOrderCreate;
           if (!(card_type === "Bank")) {