@fractalpay/fractalpay-next-dev 0.0.281 → 0.0.282

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.281",
+      version: "0.0.282",
       private: false,
       type: "module",
       scripts: {
@@ -215,6 +215,10 @@ var LoaderStyle = (props) => {
 
 .loader-text {
   margin-top: 8px;
+  color: #1A1226;
+  text-transform: uppercase;
+  font-weight: 600;
+  font-family: 'IBM Plex Mono', monospace;
 }
 
 .loader-content {
@@ -2707,7 +2711,17 @@ function SuccessMszStyle() {
         gap: 6px;
         background-color: #161616;
         color: #fff;
-      }` });
+      } 
+        
+      
+      #receipt-debit-note {
+      font-family: 'Inter', sans-serif;
+      font-size: 11px;
+      color: #49B182;
+      margin-top: 2px;
+      }
+
+      ` });
 }
 
 // src/app/components/SuccessMessage/HandleSubmit.tsx
@@ -2731,7 +2745,7 @@ function HandleSubmit(event, key, tranId) {
 
 // src/app/components/SuccessMessage/SuccessMsz.tsx
 import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-function SuccessMsz({ onClose, tranId }) {
+function SuccessMsz({ onClose, tranId, isDebitAdjusted = false }) {
   return /* @__PURE__ */ jsxs5(Fragment5, { children: [
     /* @__PURE__ */ jsx10(SuccessMszStyle, {}),
     /* @__PURE__ */ jsxs5("div", { className: "payment-msg-container", children: [
@@ -2758,7 +2772,20 @@ function SuccessMsz({ onClose, tranId }) {
           /* @__PURE__ */ jsx10("br", {}),
           "was successful"
         ] }),
-        /* @__PURE__ */ jsx10("h6", { className: "charge-payment-success-subtext", children: "We\u2019ve processed your charge" }),
+        /* @__PURE__ */ jsxs5("h6", { className: "charge-payment-success-subtext", children: [
+          "We\u2019ve processed your charge",
+          isDebitAdjusted && /* @__PURE__ */ jsxs5(Fragment5, { children: [
+            /* @__PURE__ */ jsx10("br", {}),
+            /* @__PURE__ */ jsx10(
+              "span",
+              {
+                id: "receipt-debit-note",
+                className: "charge-payment-success-subtext",
+                children: "No surcharge \u2014 debit card"
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsxs5("div", { className: "charge-success-payment-button-div", children: [
           /* @__PURE__ */ jsxs5("button", { className: "charge-success-btn1", onClick: (e) => HandleSubmit(e, "print", tranId), children: [
             /* @__PURE__ */ jsxs5(
@@ -3645,6 +3672,7 @@ function GetPaymentPage(props) {
   const [bankFeeAmount, setBankFeeAmount] = useState4(0);
   const [paymentData, setPaymentData] = useState4();
   let [tranId, setTranId] = useState4("");
+  let [isDebitAdjusted, setIsDebitAdjusted] = useState4(false);
   const tokenizerRef = useRef3(null);
   const fractalStyles = {
     input: {
@@ -3765,6 +3793,7 @@ function GetPaymentPage(props) {
     setSaveACHConsent1(false);
     setErrorBankConsentOther("");
     setLoderText("");
+    setIsDebitAdjusted(false);
   };
   const handleShow = () => setShow(true);
   const handletabchange = (id) => {
@@ -3991,11 +4020,13 @@ function GetPaymentPage(props) {
                   };
                   socketClient_default.emit("sendMessage", requestOptions2);
                   socketClient_default.on("chargeviafractalgateway", (data) => {
-                    var _a3;
+                    var _a3, _b3;
                     if (isValidJson(data == null ? void 0 : data.data)) {
                       let paymentRes = JSON.parse(data == null ? void 0 : data.data);
+                      console.log(paymentRes, "paymentRes");
                       if (paymentRes == null ? void 0 : paymentRes.result) {
                         setTranId((_a3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _a3.transactionId);
+                        setIsDebitAdjusted((_b3 = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _b3.is_debit_adjusted);
                         setSuccess(true);
                         setLoading2(false);
                       } else {
@@ -4353,7 +4384,7 @@ function GetPaymentPage(props) {
             errorIframe && /* @__PURE__ */ jsx19("div", { style: { maxHeight: "606px", minHeight: "60vh", padding: "40px" }, children: /* @__PURE__ */ jsx19(ErrorCardMessage_default, { error: errorIframe, onClose: () => {
               setErrorIframe("");
             } }) }),
-            success && /* @__PURE__ */ jsx19(SuccessMsz, { onClose: handleClose, tranId }),
+            success && /* @__PURE__ */ jsx19(SuccessMsz, { onClose: handleClose, tranId, isDebitAdjusted }),
             !error && !errorIframe && !success && /* @__PURE__ */ jsxs11(Fragment11, { children: [
               (loading || loading2 || loadingIframe) && /* @__PURE__ */ jsx19(Loader_default, { loading: loading || loading2 || loadingIframe, loaderText }),
               /* @__PURE__ */ jsx19("div", { className: "frac-card-payment-page frac-form", children: /* @__PURE__ */ jsxs11("div", { className: "parent-pay-container", children: [