@opexa/portal-components 0.0.10 → 0.0.12

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositLoading.mjs

@@ -1,12 +1,12 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
-import { SpinnerIcon as t } from "../../../../icons/SpinnerIcon.mjs";
-function n() {
-  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ e.jsx(t, { className: "mx-auto size-8 lg:size-10" }),
-    /* @__PURE__ */ e.jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Generating QR Code" }),
-    /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Please hold tight as we verify the account details and amount. Once verified, a QRPH code will be displayed for you to scan and complete the transaction." })
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { SpinnerIcon as a } from "../../../../icons/SpinnerIcon.mjs";
+function s() {
+  return /* @__PURE__ */ t("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
+    /* @__PURE__ */ e(a, { className: "mx-auto size-8 lg:size-10" }),
+    /* @__PURE__ */ e("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Generating QR Code" }),
+    /* @__PURE__ */ e("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Please hold tight as we verify the account details and amount. Once verified, a QRPH code will be displayed for you to scan and complete the transaction." })
   ] });
 }
 export {
-  n as QRPHDepositLoading
+  s as QRPHDepositLoading
 };

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.d.ts

@@ -1 +1 @@
-export declare function QRPHDepositQrCode(): import("react/jsx-runtime").JSX.Element;
+export declare function QRPHDepositQrCode(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),r=require("@ark-ui/react"),o=require("../../../../_virtual/image.js"),n=require("../../../../icons/QrCode02Icon.js"),x=require("../../../../icons/SpinnerIcon.js"),l=require("../../../../icons/XIcon.js"),a=require("../../../../images/qrph-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const i=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");const t=require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const c=require("./QRPHDepositContext.js");function u(){const s=c.useQRPHDepositContext();return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"QR Code"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Scan the QR code below with your banking app, or upload it to complete your deposit."}),e.jsxRuntimeExports.jsxs(r.QrCode.Root,{value:s.qrCode??"",className:"border-gray-200 mx-auto mt-6 w-[12.5rem] rounded-lg border bg-white p-5 lg:w-[13rem] lg:p-6",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx(r.QrCode.Frame,{className:"border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border",children:e.jsxRuntimeExports.jsx(r.QrCode.Pattern,{})}),e.jsxRuntimeExports.jsx(r.QrCode.Overlay,{className:"bg-white p-0.5",children:e.jsxRuntimeExports.jsx(o,{src:a,alt:"",className:"size-8",width:40,height:40})})]}),e.jsxRuntimeExports.jsx(r.QrCode.DownloadTrigger,{fileName:`qrcode-${new Date().getTime()}`,mimeType:"image/png",className:"text-gray-900 mt-5 block w-full text-center text-sm font-semibold",children:"Download QR Code"})]}),s.view==="QR_CODE"&&e.jsxRuntimeExports.jsxs("div",{className:"mt-6 flex flex-col gap-4 lg:flex-row",children:[e.jsxRuntimeExports.jsx(i.Button,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{s.reset()},children:"Generate New QR Code"}),e.jsxRuntimeExports.jsx(i.Button,{size:"sm",onClick:()=>{s.verify()},children:"Confirm Deposit"})]}),s.view==="VERIFYING"&&e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6",children:[e.jsxRuntimeExports.jsx(x.SpinnerIcon,{className:"mx-auto size-6 lg:size-8"}),e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center font-semibold lg:text-lg",children:"Processing your deposit"}),e.jsxRuntimeExports.jsxs("p",{className:"text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm",children:["Your deposit is being processed. ",e.jsxRuntimeExports.jsx("br",{}),"Please hold tight as we verify the account details and amount."]})]}),e.jsxRuntimeExports.jsx(m,{})]})}function m(){return e.jsxRuntimeExports.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the QR Code?"," ",e.jsxRuntimeExports.jsxs(t.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsxRuntimeExports.jsx(t.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxRuntimeExports.jsxs(r.Portal,{children:[e.jsxRuntimeExports.jsx(t.Backdrop,{className:"!z-[calc(var(--z-dialog)+2)]"}),e.jsxRuntimeExports.jsx(t.Positioner,{className:"!z-[calc(var(--z-dialog)+3)] flex items-center justify-center",children:e.jsxRuntimeExports.jsxs(t.Content,{className:"mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]",children:[e.jsxRuntimeExports.jsx(t.CloseTrigger,{children:e.jsxRuntimeExports.jsx(l.XIcon,{})}),e.jsxRuntimeExports.jsxs(t.Body,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 flex size-11 items-center justify-center rounded-lg border",children:e.jsxRuntimeExports.jsx(n.QrCode02Icon,{className:"text-gray-600 size-6"})}),e.jsxRuntimeExports.jsx(t.Title,{className:"text-lg font-semibold",children:"How to Use the QR Code for Payment"})]}),e.jsxRuntimeExports.jsx(t.Description,{className:"mt-5",children:"Follow these simple steps to complete your transaction:"}),e.jsxRuntimeExports.jsxs("ol",{className:"mt-3 list-inside list-decimal space-y-3",children:[e.jsxRuntimeExports.jsx("li",{children:"Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'"}),e.jsxRuntimeExports.jsx("li",{children:"Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent."}),e.jsxRuntimeExports.jsx("li",{children:"Proceed with the transfer or payment."})]})]})]})})]})]})]})}exports.QRPHDepositQrCode=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),o=require("next/image"),l=require("../../../../icons/QrCode02Icon.js"),n=require("../../../../icons/SpinnerIcon.js"),a=require("../../../../icons/XIcon.js"),c=require("../../../../images/qrph-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const i=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");const r=require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const d=require("./QRPHDepositContext.js");function u(){const s=d.useQRPHDepositContext();return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"QR Code"}),e.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Scan the QR code below with your banking app, or upload it to complete your deposit."}),e.jsxs(t.QrCode.Root,{value:s.qrCode??"",className:"border-gray-200 mx-auto mt-6 w-[12.5rem] rounded-lg border bg-white p-5 lg:w-[13rem] lg:p-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx(t.QrCode.Frame,{className:"border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border",children:e.jsx(t.QrCode.Pattern,{})}),e.jsx(t.QrCode.Overlay,{className:"bg-white p-0.5",children:e.jsx(o,{src:c,alt:"",className:"size-8",width:40,height:40})})]}),e.jsx(t.QrCode.DownloadTrigger,{fileName:`qrcode-${new Date().getTime()}`,mimeType:"image/png",className:"text-gray-900 mt-5 block w-full text-center text-sm font-semibold",children:"Download QR Code"})]}),s.view==="QR_CODE"&&e.jsxs("div",{className:"mt-6 flex flex-col gap-4 lg:flex-row",children:[e.jsx(i.Button,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{s.reset()},children:"Generate New QR Code"}),e.jsx(i.Button,{size:"sm",onClick:()=>{s.verify()},children:"Confirm Deposit"})]}),s.view==="VERIFYING"&&e.jsxs("div",{className:"border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6",children:[e.jsx(n.SpinnerIcon,{className:"mx-auto size-6 lg:size-8"}),e.jsx("p",{className:"mt-5 text-center font-semibold lg:text-lg",children:"Processing your deposit"}),e.jsxs("p",{className:"text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm",children:["Your deposit is being processed. ",e.jsx("br",{}),"Please hold tight as we verify the account details and amount."]})]}),e.jsx(x,{})]})}function x(){return e.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the QR Code?"," ",e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsx(r.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+2)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+3)] flex items-center justify-center",children:e.jsxs(r.Content,{className:"mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]",children:[e.jsx(r.CloseTrigger,{children:e.jsx(a.XIcon,{})}),e.jsxs(r.Body,{children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-gray-200 flex size-11 items-center justify-center rounded-lg border",children:e.jsx(l.QrCode02Icon,{className:"text-gray-600 size-6"})}),e.jsx(r.Title,{className:"text-lg font-semibold",children:"How to Use the QR Code for Payment"})]}),e.jsx(r.Description,{className:"mt-5",children:"Follow these simple steps to complete your transaction:"}),e.jsxs("ol",{className:"mt-3 list-inside list-decimal space-y-3",children:[e.jsx("li",{children:"Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'"}),e.jsx("li",{children:"Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent."}),e.jsx("li",{children:"Proceed with the transfer or payment."})]})]})]})})]})]})]})}exports.QRPHDepositQrCode=u;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.mjs

@@ -1,18 +1,18 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
-import { QrCode as r, Portal as s } from "@ark-ui/react";
-import i from "../../../../_virtual/image.mjs";
-import { QrCode02Icon as l } from "../../../../icons/QrCode02Icon.mjs";
-import { SpinnerIcon as m } from "../../../../icons/SpinnerIcon.mjs";
-import { XIcon as a } from "../../../../icons/XIcon.mjs";
-import n from "../../../../images/qrph-icon.png.mjs";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { QrCode as o, Portal as l } from "@ark-ui/react";
+import m from "next/image";
+import { QrCode02Icon as a } from "../../../../icons/QrCode02Icon.mjs";
+import { SpinnerIcon as s } from "../../../../icons/SpinnerIcon.mjs";
+import { XIcon as n } from "../../../../icons/XIcon.mjs";
+import c from "../../../../images/qrph-icon.png.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as o } from "../../../../ui/Button/Button.mjs";
+import { Button as i } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
-import { Root as c, Trigger as d, Backdrop as p, Positioner as x, Content as g, CloseTrigger as h, Body as u, Title as j, Description as f } from "../../../../ui/Dialog/Dialog.mjs";
+import { Root as d, Trigger as p, Backdrop as g, Positioner as h, Content as x, CloseTrigger as u, Body as f, Title as y, Description as N } from "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "../../../../utils/capitalize.mjs";
@@ -32,24 +32,24 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { useQRPHDepositContext as y } from "./QRPHDepositContext.mjs";
-function re() {
-  const t = y();
-  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ e.jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "QR Code" }),
-    /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Scan the QR code below with your banking app, or upload it to complete your deposit." }),
-    /* @__PURE__ */ e.jsxs(
-      r.Root,
+import { useQRPHDepositContext as b } from "./QRPHDepositContext.mjs";
+function oe() {
+  const r = b();
+  return /* @__PURE__ */ t("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
+    /* @__PURE__ */ e("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "QR Code" }),
+    /* @__PURE__ */ e("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Scan the QR code below with your banking app, or upload it to complete your deposit." }),
+    /* @__PURE__ */ t(
+      o.Root,
       {
-        value: t.qrCode ?? "",
+        value: r.qrCode ?? "",
         className: "border-gray-200 mx-auto mt-6 w-[12.5rem] rounded-lg border bg-white p-5 lg:w-[13rem] lg:p-6",
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-            /* @__PURE__ */ e.jsx(r.Frame, { className: "border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border", children: /* @__PURE__ */ e.jsx(r.Pattern, {}) }),
-            /* @__PURE__ */ e.jsx(r.Overlay, { className: "bg-white p-0.5", children: /* @__PURE__ */ e.jsx(
-              i,
+          /* @__PURE__ */ t("div", { className: "relative", children: [
+            /* @__PURE__ */ e(o.Frame, { className: "border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border", children: /* @__PURE__ */ e(o.Pattern, {}) }),
+            /* @__PURE__ */ e(o.Overlay, { className: "bg-white p-0.5", children: /* @__PURE__ */ e(
+              m,
               {
-                src: n,
+                src: c,
                 alt: "",
                 className: "size-8",
                 width: 40,
@@ -57,8 +57,8 @@ function re() {
               }
             ) })
           ] }),
-          /* @__PURE__ */ e.jsx(
-            r.DownloadTrigger,
+          /* @__PURE__ */ e(
+            o.DownloadTrigger,
             {
               fileName: `qrcode-${(/* @__PURE__ */ new Date()).getTime()}`,
               mimeType: "image/png",
@@ -69,62 +69,62 @@ function re() {
         ]
       }
     ),
-    t.view === "QR_CODE" && /* @__PURE__ */ e.jsxs("div", { className: "mt-6 flex flex-col gap-4 lg:flex-row", children: [
-      /* @__PURE__ */ e.jsx(
-        o,
+    r.view === "QR_CODE" && /* @__PURE__ */ t("div", { className: "mt-6 flex flex-col gap-4 lg:flex-row", children: [
+      /* @__PURE__ */ e(
+        i,
         {
           size: "sm",
           variant: "outline",
           colorScheme: "gray",
           onClick: () => {
-            t.reset();
+            r.reset();
           },
           children: "Generate New QR Code"
         }
       ),
-      /* @__PURE__ */ e.jsx(
-        o,
+      /* @__PURE__ */ e(
+        i,
         {
           size: "sm",
           onClick: () => {
-            t.verify();
+            r.verify();
           },
           children: "Confirm Deposit"
         }
       )
     ] }),
-    t.view === "VERIFYING" && /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6", children: [
-      /* @__PURE__ */ e.jsx(m, { className: "mx-auto size-6 lg:size-8" }),
-      /* @__PURE__ */ e.jsx("p", { className: "mt-5 text-center font-semibold lg:text-lg", children: "Processing your deposit" }),
-      /* @__PURE__ */ e.jsxs("p", { className: "text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm", children: [
+    r.view === "VERIFYING" && /* @__PURE__ */ t("div", { className: "border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6", children: [
+      /* @__PURE__ */ e(s, { className: "mx-auto size-6 lg:size-8" }),
+      /* @__PURE__ */ e("p", { className: "mt-5 text-center font-semibold lg:text-lg", children: "Processing your deposit" }),
+      /* @__PURE__ */ t("p", { className: "text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm", children: [
         "Your deposit is being processed. ",
-        /* @__PURE__ */ e.jsx("br", {}),
+        /* @__PURE__ */ e("br", {}),
         "Please hold tight as we verify the account details and amount."
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(N, {})
+    /* @__PURE__ */ e(w, {})
   ] });
 }
-function N() {
-  return /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mt-6 text-center text-xs", children: [
+function w() {
+  return /* @__PURE__ */ t("p", { className: "text-gray-500 mt-6 text-center text-xs", children: [
     "Need help using the QR Code?",
     " ",
-    /* @__PURE__ */ e.jsxs(c, { lazyMount: !0, unmountOnExit: !0, children: [
-      /* @__PURE__ */ e.jsx(d, { className: "text-blue-500", children: "See instructions" }),
-      /* @__PURE__ */ e.jsxs(s, { children: [
-        /* @__PURE__ */ e.jsx(p, { className: "!z-[calc(var(--z-dialog)+2)]" }),
-        /* @__PURE__ */ e.jsx(x, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: /* @__PURE__ */ e.jsxs(g, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [
-          /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(a, {}) }),
-          /* @__PURE__ */ e.jsxs(u, { children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-xl", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e.jsx(l, { className: "text-gray-600 size-6" }) }),
-              /* @__PURE__ */ e.jsx(j, { className: "text-lg font-semibold", children: "How to Use the QR Code for Payment" })
+    /* @__PURE__ */ t(d, { lazyMount: !0, unmountOnExit: !0, children: [
+      /* @__PURE__ */ e(p, { className: "text-blue-500", children: "See instructions" }),
+      /* @__PURE__ */ t(l, { children: [
+        /* @__PURE__ */ e(g, { className: "!z-[calc(var(--z-dialog)+2)]" }),
+        /* @__PURE__ */ e(h, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: /* @__PURE__ */ t(x, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [
+          /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(n, {}) }),
+          /* @__PURE__ */ t(f, { children: [
+            /* @__PURE__ */ t("div", { className: "flex items-center gap-xl", children: [
+              /* @__PURE__ */ e("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(a, { className: "text-gray-600 size-6" }) }),
+              /* @__PURE__ */ e(y, { className: "text-lg font-semibold", children: "How to Use the QR Code for Payment" })
             ] }),
-            /* @__PURE__ */ e.jsx(f, { className: "mt-5", children: "Follow these simple steps to complete your transaction:" }),
-            /* @__PURE__ */ e.jsxs("ol", { className: "mt-3 list-inside list-decimal space-y-3", children: [
-              /* @__PURE__ */ e.jsx("li", { children: "Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'" }),
-              /* @__PURE__ */ e.jsx("li", { children: "Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent." }),
-              /* @__PURE__ */ e.jsx("li", { children: "Proceed with the transfer or payment." })
+            /* @__PURE__ */ e(N, { className: "mt-5", children: "Follow these simple steps to complete your transaction:" }),
+            /* @__PURE__ */ t("ol", { className: "mt-3 list-inside list-decimal space-y-3", children: [
+              /* @__PURE__ */ e("li", { children: "Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'" }),
+              /* @__PURE__ */ e("li", { children: "Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent." }),
+              /* @__PURE__ */ e("li", { children: "Proceed with the transfer or payment." })
             ] })
           ] })
         ] }) })
@@ -133,5 +133,5 @@ function N() {
   ] });
 }
 export {
-  re as QRPHDepositQrCode
+  oe as QRPHDepositQrCode
 };

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.d.ts

@@ -1 +1 @@
-export declare function QRPHDepositSuccess(): import("react/jsx-runtime").JSX.Element;
+export declare function QRPHDepositSuccess(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../../icons/CheckCircleBrokenIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const i=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const u=require("./QRPHDepositContext.js");function s(){const r=u.useQRPHDepositContext();return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsxRuntimeExports.jsx(t.CheckCircleBrokenIcon,{className:"text-green-600 mx-auto size-8 lg:size-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Deposit Successful!"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Your funds have been successfully added and are now ready to use in your account."}),e.jsxRuntimeExports.jsx(i.Button,{size:"sm",variant:"outline",colorScheme:"gray",className:"mx-auto mt-6 w-fit",onClick:()=>r.reset(),children:"Generate New QR Code"})]})}exports.QRPHDepositSuccess=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../icons/CheckCircleBrokenIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const i=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../utils/capitalize.js");require("react");require("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");require("../../../../ui/IconButton/iconButton.recipe.js");require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const u=require("./QRPHDepositContext.js");function s(){const r=u.useQRPHDepositContext();return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx(t.CheckCircleBrokenIcon,{className:"text-green-600 mx-auto size-8 lg:size-10"}),e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Deposit Successful!"}),e.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Your funds have been successfully added and are now ready to use in your account."}),e.jsx(i.Button,{size:"sm",variant:"outline",colorScheme:"gray",className:"mx-auto mt-6 w-fit",onClick:()=>r.reset(),children:"Generate New QR Code"})]})}exports.QRPHDepositSuccess=s;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositSuccess.mjs

@@ -1,9 +1,9 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.mjs";
-import { CheckCircleBrokenIcon as e } from "../../../../icons/CheckCircleBrokenIcon.mjs";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { CheckCircleBrokenIcon as r } from "../../../../icons/CheckCircleBrokenIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as r } from "../../../../ui/Button/Button.mjs";
+import { Button as i } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
@@ -28,15 +28,15 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { useQRPHDepositContext as i } from "./QRPHDepositContext.mjs";
-function I() {
-  const o = i();
-  return /* @__PURE__ */ t.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ t.jsx(e, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
-    /* @__PURE__ */ t.jsx("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }),
-    /* @__PURE__ */ t.jsx("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." }),
-    /* @__PURE__ */ t.jsx(
-      r,
+import { useQRPHDepositContext as m } from "./QRPHDepositContext.mjs";
+function q() {
+  const o = m();
+  return /* @__PURE__ */ e("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
+    /* @__PURE__ */ t(r, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
+    /* @__PURE__ */ t("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }),
+    /* @__PURE__ */ t("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." }),
+    /* @__PURE__ */ t(
+      i,
       {
         size: "sm",
         variant: "outline",
@@ -49,5 +49,5 @@ function I() {
   ] });
 }
 export {
-  I as QRPHDepositSuccess
+  q as QRPHDepositSuccess
 };

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("../../../../_virtual/jsx-runtime.js");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const E=require("../../../../utils/toaster.js");require("lodash-es");require("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const M=require("../../../../hooks/useCreateQRPHDepositMutation.js"),O=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function I(){var d;const[l,t]=r.useState("FORM"),[a,u]=r.useState(null),[C,s]=r.useState(null),[c,n]=r.useState(null),[S,o]=r.useState(null),q=M.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),E.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=O.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:l==="VERIFYING"?2500:5e3});r.useEffect(()=>{var e,R;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((R=i.data)==null?void 0:R.status)==="APPROVED")&&t("SUCCESS")},[(d=i.data)==null?void 0:d.status]);const p=q.mutate,D=()=>{m(c),q.mutate({amount:c.toString(),promo:C??void 0})},Q=()=>{t("VERIFYING")},f=()=>{u(null),s(null),n(null),o(null),t("FORM")};return r.useEffect(()=>()=>{u(null),s(null),n(null),o(null),t("FORM")},[]),{view:l,qrCode:S,verify:Q,generateQrCode:p,regenerateQrCode:D,reset:f}}exports.useQRPHDeposit=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("react/jsx-runtime");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const E=require("../../../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const M=require("../../../../hooks/useCreateQRPHDepositMutation.js"),O=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function I(){var d;const[l,t]=r.useState("FORM"),[a,u]=r.useState(null),[C,s]=r.useState(null),[c,n]=r.useState(null),[S,o]=r.useState(null),q=M.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),E.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=O.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:l==="VERIFYING"?2500:5e3});r.useEffect(()=>{var e,R;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((R=i.data)==null?void 0:R.status)==="APPROVED")&&t("SUCCESS")},[(d=i.data)==null?void 0:d.status]);const p=q.mutate,D=()=>{m(c),q.mutate({amount:c.toString(),promo:C??void 0})},Q=()=>{t("VERIFYING")},f=()=>{u(null),s(null),n(null),o(null),t("FORM")};return r.useEffect(()=>()=>{u(null),s(null),n(null),o(null),t("FORM")},[]),{view:l,qrCode:S,verify:Q,generateQrCode:p,regenerateQrCode:D,reset:f}}exports.useQRPHDeposit=I;

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.mjs

@@ -4,14 +4,14 @@ import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import "../../../../_virtual/jsx-runtime.mjs";
+import "react/jsx-runtime";
 import "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
 import { toaster as M } from "../../../../utils/toaster.mjs";
 import "lodash-es";
-import "../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import { useCreateQRPHDepositMutation as Q } from "../../../../hooks/useCreateQRPHDepositMutation.mjs";
 import { useDepositQuery as v } from "../../../../hooks/useDepositQuery.mjs";
 import "../../../../hooks/useGlobalStore.mjs";

package/dist/components/DepositWithdrawal/DepositWithdrawal.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface DepositWithdrawalProps {
     children?: ReactNode;
 }
-export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositWithdrawal(props: DepositWithdrawalProps): import("react").JSX.Element;
 export {};

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),d=require("@ark-ui/react"),j=require("tailwind-merge"),p=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const u=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const h=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const c=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const x=require("../../hooks/useWalletQuery.js"),m=require("../../icons/Wallet02Icon.js"),q=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const t=require("../../ui/Tabs/Tabs.js"),g=require("./Deposit/Deposit.js"),E=require("./Withdrawal/Withdrawal.js"),R=require("../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.js");function f(l){var o;const s=h.useGlobalStore(R.useShallow(i=>({depositWithdrawal:i.depositWithdrawal}))),n=c.useLocaleInfo(),a=x.useWalletQuery({refetchInterval:5e3});return e.jsxRuntimeExports.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,open:s.depositWithdrawal.open,onOpenChange:i=>{s.depositWithdrawal.setOpen(i.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsxRuntimeExports.jsx(r.Trigger,{asChild:!0,children:l.children??e.jsxRuntimeExports.jsx(w,{})}),e.jsxRuntimeExports.jsxs(d.Portal,{children:[e.jsxRuntimeExports.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsxRuntimeExports.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)]",children:e.jsxRuntimeExports.jsxs(r.Content,{className:"lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsxRuntimeExports.jsx(r.CloseTrigger,{children:e.jsxRuntimeExports.jsx(q.XIcon,{})}),e.jsxRuntimeExports.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsxRuntimeExports.jsx(m.Wallet02Icon,{})}),e.jsxRuntimeExports.jsx(r.Title,{className:"grow text-lg font-semibold",children:"Wallet"})]}),e.jsxRuntimeExports.jsxs(r.Body,{className:"mt-5",children:[e.jsxRuntimeExports.jsx("p",{className:"text-gray-500 text-center text-sm font-medium leading-tight",children:"Available Balance"}),e.jsxRuntimeExports.jsx("p",{className:"mt-lg text-center text-4xl font-semibold leading-tight tracking-tight",children:u.formatNumber((o=a.data)==null?void 0:o.balance,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsxs(t.Root,{value:s.depositWithdrawal.tab,onValueChange:i=>{s.depositWithdrawal.setTab(p.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(i.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxRuntimeExports.jsxs(t.List,{className:"w-full",children:[e.jsxRuntimeExports.jsx(t.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsxRuntimeExports.jsx(t.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsxRuntimeExports.jsx(t.Indicator,{})]}),e.jsxRuntimeExports.jsx(t.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsxRuntimeExports.jsx(g.Deposit,{})}),e.jsxRuntimeExports.jsx(t.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsxRuntimeExports.jsx(E.Withdrawal,{})})]})]})]})})]})]})}function w(l){var a;const s=c.useLocaleInfo(),n=x.useWalletQuery({refetchInterval:5e3});return e.jsxRuntimeExports.jsxs("button",{type:"button",...l,className:j.twMerge("flex",l.className),children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium",children:u.formatNumber((a=n.data)==null?void 0:a.balance,{currency:s.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white",children:[e.jsxRuntimeExports.jsx(m.Wallet02Icon,{className:"size-5"}),"Wallet"]})]})}exports.DepositWithdrawal=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),h=require("tailwind-merge"),q=require("zod"),g=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const j=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const u=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const d=require("../../hooks/useWalletQuery.js"),x=require("../../icons/Wallet02Icon.js"),p=require("../../icons/XIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../ui/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const l=require("../../ui/Tabs/Tabs.js"),f=require("./Deposit/Deposit.js"),w=require("./Withdrawal/Withdrawal.js");function b(s){var o;const t=j.useGlobalStore(g.useShallow(a=>({depositWithdrawal:a.depositWithdrawal}))),n=u.useLocaleInfo(),i=d.useWalletQuery({refetchInterval:5e3});return e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,open:t.depositWithdrawal.open,onOpenChange:a=>{t.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:s.children??e.jsx(W,{})}),e.jsxs(m.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)]",children:e.jsxs(r.Content,{className:"lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(p.XIcon,{})}),e.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsx(x.Wallet02Icon,{})}),e.jsx(r.Title,{className:"grow text-lg font-semibold",children:"Wallet"})]}),e.jsxs(r.Body,{className:"mt-5",children:[e.jsx("p",{className:"text-gray-500 text-center text-sm font-medium leading-tight",children:"Available Balance"}),e.jsx("p",{className:"mt-lg text-center text-4xl font-semibold leading-tight tracking-tight",children:c.formatNumber((o=i.data)==null?void 0:o.balance,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxs(l.Root,{value:t.depositWithdrawal.tab,onValueChange:a=>{t.depositWithdrawal.setTab(q.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxs(l.List,{className:"w-full",children:[e.jsx(l.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsx(l.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsx(l.Indicator,{})]}),e.jsx(l.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsx(f.Deposit,{})}),e.jsx(l.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsx(w.Withdrawal,{})})]})]})]})})]})]})}function W(s){var i;const t=u.useLocaleInfo(),n=d.useWalletQuery({refetchInterval:5e3});return e.jsxs("button",{type:"button",...s,className:h.twMerge("flex",s.className),children:[e.jsx("div",{className:"border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium",children:c.formatNumber((i=n.data)==null?void 0:i.balance,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsxs("div",{className:"bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white",children:[e.jsx(x.Wallet02Icon,{className:"size-5"}),"Wallet"]})]})}exports.DepositWithdrawal=b;

package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs

@@ -1,29 +1,30 @@
 "use client";
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { Portal as x } from "@ark-ui/react";
-import { twMerge as u } from "tailwind-merge";
-import { z as h } from "zod";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Portal as h } from "@ark-ui/react";
+import { twMerge as g } from "tailwind-merge";
+import { z as f } from "zod";
+import { useShallow as x } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
-import { formatNumber as n } from "../../utils/formatNumber.mjs";
+import { formatNumber as c } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import { useGlobalStore as g } from "../../hooks/useGlobalStore.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as w } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as c } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as d } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useWalletQuery as d } from "../../hooks/useWalletQuery.mjs";
-import { Wallet02Icon as p } from "../../icons/Wallet02Icon.mjs";
-import { XIcon as f } from "../../icons/XIcon.mjs";
+import { useWalletQuery as p } from "../../hooks/useWalletQuery.mjs";
+import { Wallet02Icon as u } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as N } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -31,7 +32,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as j, Trigger as w, Backdrop as N, Positioner as b, Content as y, CloseTrigger as W, Header as I, Title as v, Body as T } from "../../ui/Dialog/Dialog.mjs";
+import { Root as b, Trigger as y, Backdrop as W, Positioner as I, Content as v, CloseTrigger as T, Header as D, Title as O, Body as z } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
@@ -41,66 +42,65 @@ import "../../ui/Popover/Popover.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
-import { Root as D, List as O, Trigger as s, Indicator as z, Content as m } from "../../ui/Tabs/Tabs.mjs";
-import { Deposit as A } from "./Deposit/Deposit.mjs";
-import { Withdrawal as C } from "./Withdrawal/Withdrawal.mjs";
-import { useShallow as E } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-function Te(o) {
-  var i;
-  const t = g(
-    E((r) => ({
-      depositWithdrawal: r.depositWithdrawal
+import { Root as A, List as C, Trigger as n, Indicator as P, Content as s } from "../../ui/Tabs/Tabs.mjs";
+import { Deposit as E } from "./Deposit/Deposit.mjs";
+import { Withdrawal as R } from "./Withdrawal/Withdrawal.mjs";
+function Oe(l) {
+  var m;
+  const r = w(
+    x((o) => ({
+      depositWithdrawal: o.depositWithdrawal
     }))
-  ), a = c(), l = d({
+  ), i = d(), a = p({
     refetchInterval: 5e3
   });
-  return /* @__PURE__ */ e.jsxs(
-    j,
+  return /* @__PURE__ */ t(
+    b,
     {
       lazyMount: !0,
       unmountOnExit: !0,
-      open: t.depositWithdrawal.open,
-      onOpenChange: (r) => {
-        t.depositWithdrawal.setOpen(r.open);
+      open: r.depositWithdrawal.open,
+      onOpenChange: (o) => {
+        r.depositWithdrawal.setOpen(o.open);
       },
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ e.jsx(w, { asChild: !0, children: o.children ?? /* @__PURE__ */ e.jsx(P, {}) }),
-        /* @__PURE__ */ e.jsxs(x, { children: [
-          /* @__PURE__ */ e.jsx(N, { className: "!z-[calc(var(--z-dialog)+1)]" }),
-          /* @__PURE__ */ e.jsx(b, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ e.jsxs(y, { className: "lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
-            /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsx(f, {}) }),
-            /* @__PURE__ */ e.jsxs(I, { className: "flex items-center gap-xl", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e.jsx(p, {}) }),
-              /* @__PURE__ */ e.jsx(v, { className: "grow text-lg font-semibold", children: "Wallet" })
+        /* @__PURE__ */ e(y, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ t(h, { children: [
+          /* @__PURE__ */ e(W, { className: "!z-[calc(var(--z-dialog)+1)]" }),
+          /* @__PURE__ */ e(I, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ t(v, { className: "lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
+            /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(N, {}) }),
+            /* @__PURE__ */ t(D, { className: "flex items-center gap-xl", children: [
+              /* @__PURE__ */ e("div", { className: "border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(u, {}) }),
+              /* @__PURE__ */ e(O, { className: "grow text-lg font-semibold", children: "Wallet" })
             ] }),
-            /* @__PURE__ */ e.jsxs(T, { className: "mt-5", children: [
-              /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight", children: "Available Balance" }),
-              /* @__PURE__ */ e.jsx("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: n((i = l.data) == null ? void 0 : i.balance, {
-                currency: a.currency.code,
+            /* @__PURE__ */ t(z, { className: "mt-5", children: [
+              /* @__PURE__ */ e("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight", children: "Available Balance" }),
+              /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: c((m = a.data) == null ? void 0 : m.balance, {
+                currency: i.currency.code,
                 minDecimalPlaces: 2
               }) }),
-              /* @__PURE__ */ e.jsxs(
-                D,
+              /* @__PURE__ */ t(
+                A,
                 {
-                  value: t.depositWithdrawal.tab,
-                  onValueChange: (r) => {
-                    t.depositWithdrawal.setTab(
-                      h.enum(["DEPOSIT", "WITHDRAWAL"]).parse(r.value)
+                  value: r.depositWithdrawal.tab,
+                  onValueChange: (o) => {
+                    r.depositWithdrawal.setTab(
+                      f.enum(["DEPOSIT", "WITHDRAWAL"]).parse(o.value)
                     );
                   },
                   lazyMount: !0,
                   unmountOnExit: !0,
                   className: "mt-4xl space-y-4xl",
                   children: [
-                    /* @__PURE__ */ e.jsxs(O, { className: "w-full", children: [
-                      /* @__PURE__ */ e.jsx(s, { value: "DEPOSIT", className: "grow", children: "Deposit" }),
-                      /* @__PURE__ */ e.jsx(s, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }),
-                      /* @__PURE__ */ e.jsx(z, {})
+                    /* @__PURE__ */ t(C, { className: "w-full", children: [
+                      /* @__PURE__ */ e(n, { value: "DEPOSIT", className: "grow", children: "Deposit" }),
+                      /* @__PURE__ */ e(n, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }),
+                      /* @__PURE__ */ e(P, {})
                     ] }),
-                    /* @__PURE__ */ e.jsx(m, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e.jsx(A, {}) }),
-                    /* @__PURE__ */ e.jsx(m, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e.jsx(C, {}) })
+                    /* @__PURE__ */ e(s, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e(E, {}) }),
+                    /* @__PURE__ */ e(s, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e(R, {}) })
                   ]
                 }
               )
@@ -111,24 +111,24 @@ function Te(o) {
     }
   );
 }
-function P(o) {
-  var l;
-  const t = c(), a = d({
+function S(l) {
+  var a;
+  const r = d(), i = p({
     refetchInterval: 5e3
   });
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      ...o,
-      className: u("flex", o.className),
+      ...l,
+      className: g("flex", l.className),
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium", children: n((l = a.data) == null ? void 0 : l.balance, {
-          currency: t.currency.code,
+        /* @__PURE__ */ e("div", { className: "border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium", children: c((a = i.data) == null ? void 0 : a.balance, {
+          currency: r.currency.code,
           minDecimalPlaces: 2
         }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white", children: [
-          /* @__PURE__ */ e.jsx(p, { className: "size-5" }),
+        /* @__PURE__ */ t("div", { className: "bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white", children: [
+          /* @__PURE__ */ e(u, { className: "size-5" }),
           "Wallet"
         ] })
       ]
@@ -136,5 +136,5 @@ function P(o) {
   );
 }
 export {
-  Te as DepositWithdrawal
+  Oe as DepositWithdrawal
 };

package/dist/components/DepositWithdrawal/DepositWithdrawalTrigger.d.ts

@@ -1,4 +1,4 @@
 import { HTMLArkProps } from '@ark-ui/react';
 export interface DepositWithdrawalTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare function DepositWithdrawalTrigger(props: DepositWithdrawalTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DepositWithdrawalTrigger(props: DepositWithdrawalTriggerProps): import("react").JSX.Element;