@opexa/portal-components 0.0.12 → 0.0.13

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.mjs

@@ -14,16 +14,15 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as z } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as z } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "@opexa/portal-sdk-core/object-id";
-import { useDepositsCountQuery as M } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as N } from "../../../../hooks/useDisclosure.mjs";
-import "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
-import { useInstapayBankListQuery as E } from "../../../../hooks/useInstapayBankListQuery.mjs";
+import { useDepositsCountQuery as M } from "../../../../client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as N } from "../../../../client/hooks/useDisclosure.mjs";
+import "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useInstapayBankListQuery as E } from "../../../../client/hooks/useInstapayBankListQuery.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as F } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as F } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
 import { AlertCircleIcon as w } from "../../../../icons/AlertCircleIcon.mjs";
 import { CheckIcon as j } from "../../../../icons/CheckIcon.mjs";
 import { ChevronDownIcon as S } from "../../../../icons/ChevronDownIcon.mjs";
@@ -51,7 +50,7 @@ import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as xo } from "../../AmountChoices.mjs";
 import { AvailablePromos as Io } from "../../AvailablePromos.mjs";
 import { useOnlineBankDepositContext as bo } from "./OnlineBankDepositContext.mjs";
-function Se() {
+function ke() {
   var v, x;
   const A = bo(), l = N(), O = M().data ?? 0, h = F(), p = h.data, u = p == null ? void 0 : p.onlineBankDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = O <= 0 ? m((v = h.data) == null ? void 0 : v.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), f = E().data ?? [], g = z().data ?? [], T = a.object({
     amount: a.string().superRefine((e, i) => {
@@ -272,5 +271,5 @@ function Se() {
   ] });
 }
 export {
-  Se as OnlineBankDepositForm
+  ke as OnlineBankDepositForm
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),l=require("next/image"),o=require("../../../../icons/BankIcon.js"),a=require("../../../../icons/XIcon.js"),c=require("../../../../images/bank-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const u=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");const t=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("./OnlineBankDepositContext.js");function x(){const i=d.useOnlineBankDepositContext();return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx(l,{src:c,alt:"",width:52,height:44.2,className:"mx-auto h-auto w-[3.25rem]"}),e.jsx("p",{className:"mt-8 text-center font-semibold",children:"Your unique Virtual Collection Account (VCA) is:"}),e.jsx(t.Root,{value:i.vca??"",className:"mx-auto mt-6 max-w-[22.5rem]",children:e.jsxs(t.Control,{className:"flex flex-col gap-4 lg:flex-row",children:[e.jsx(t.Input,{className:"lg:grow"}),e.jsx(t.Context,{children:s=>e.jsx(t.Trigger,{asChild:!0,children:e.jsx(u.Button,{fullWidth:!1,className:"w-full shrink-0 lg:w-28",children:s.copied?"Copied":"Copy VCA"})})})]})}),e.jsx(m,{})]})}function m(){return e.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the online bank for payment?"," ",e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsx(r.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxs(n.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(o.BankIcon,{className:"text-gray-600 size-6"})}),e.jsx(r.Title,{className:"text-lg font-semibold",children:"How to Use Online Bank 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:"Click the 'Copy VCA' button to save your unique account number."}),e.jsx("li",{children:"Log in to your Online Banking: Open your bank's app or website."}),e.jsx("li",{children:"Initiate a Deposit: Choose the option to make a deposit."}),e.jsx("li",{children:"Enter VCA: Paste your VCA in the designated field."}),e.jsx("li",{children:"Complete Transaction: Follow your bank's prompts to finalize the deposit."})]}),e.jsx("p",{className:"mt-3",children:"Note: Please ensure that the deposit amount you enter matches exactly."})]})]})})]})]})]})}exports.OnlineBankDepositVCA=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),l=require("next/image"),o=require("../../../../icons/BankIcon.js"),a=require("../../../../icons/XIcon.js"),c=require("../../../../images/bank-icon.png.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const u=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");const t=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("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.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("./OnlineBankDepositContext.js");function x(){const i=d.useOnlineBankDepositContext();return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx(l,{src:c,alt:"",width:52,height:44.2,className:"mx-auto h-auto w-[3.25rem]"}),e.jsx("p",{className:"mt-8 text-center font-semibold",children:"Your unique Virtual Collection Account (VCA) is:"}),e.jsx(t.Root,{value:i.vca??"",className:"mx-auto mt-6 max-w-[22.5rem]",children:e.jsxs(t.Control,{className:"flex flex-col gap-4 lg:flex-row",children:[e.jsx(t.Input,{className:"lg:grow"}),e.jsx(t.Context,{children:s=>e.jsx(t.Trigger,{asChild:!0,children:e.jsx(u.Button,{fullWidth:!1,className:"w-full shrink-0 lg:w-28",children:s.copied?"Copied":"Copy VCA"})})})]})}),e.jsx(m,{})]})}function m(){return e.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the online bank for payment?"," ",e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsx(r.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxs(n.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(o.BankIcon,{className:"text-gray-600 size-6"})}),e.jsx(r.Title,{className:"text-lg font-semibold",children:"How to Use Online Bank 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:"Click the 'Copy VCA' button to save your unique account number."}),e.jsx("li",{children:"Log in to your Online Banking: Open your bank's app or website."}),e.jsx("li",{children:"Initiate a Deposit: Choose the option to make a deposit."}),e.jsx("li",{children:"Enter VCA: Paste your VCA in the designated field."}),e.jsx("li",{children:"Complete Transaction: Follow your bank's prompts to finalize the deposit."})]}),e.jsx("p",{className:"mt-3",children:"Note: Please ensure that the deposit amount you enter matches exactly."})]})]})})]})]})]})}exports.OnlineBankDepositVCA=x;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.mjs

@@ -3,11 +3,11 @@ import { Portal as r } from "@ark-ui/react";
 import l from "next/image";
 import { BankIcon as n } from "../../../../icons/BankIcon.mjs";
 import { XIcon as a } from "../../../../icons/XIcon.mjs";
-import m from "../../../../images/bank-icon.png.mjs";
+import s from "../../../../images/bank-icon.png.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as s } from "../../../../ui/Button/Button.mjs";
+import { Button as m } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import { Root as c, Control as p, Input as d, Context as u, Trigger as h } from "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
@@ -15,13 +15,11 @@ import { Root as g, Trigger as f, Backdrop as x, Positioner as y, Content as N,
 import "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "../../../../utils/capitalize.mjs";
-import "react";
 import "../../../../utils/parseDecimal.mjs";
 import "../../../../constants/index.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import "../../../../utils/toaster.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
@@ -32,13 +30,13 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { useOnlineBankDepositContext as v } from "./OnlineBankDepositContext.mjs";
-function ne() {
+function re() {
   const o = v();
   return /* @__PURE__ */ t("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
     /* @__PURE__ */ e(
       l,
       {
-        src: m,
+        src: s,
         alt: "",
         width: 52,
         height: 44.2,
@@ -53,7 +51,7 @@ function ne() {
         className: "mx-auto mt-6 max-w-[22.5rem]",
         children: /* @__PURE__ */ t(p, { className: "flex flex-col gap-4 lg:flex-row", children: [
           /* @__PURE__ */ e(d, { className: "lg:grow" }),
-          /* @__PURE__ */ e(u, { children: (i) => /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(s, { fullWidth: !1, className: "w-full shrink-0 lg:w-28", children: i.copied ? "Copied" : "Copy VCA" }) }) })
+          /* @__PURE__ */ e(u, { children: (i) => /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { fullWidth: !1, className: "w-full shrink-0 lg:w-28", children: i.copied ? "Copied" : "Copy VCA" }) }) })
         ] })
       }
     ),
@@ -91,5 +89,5 @@ function z() {
   ] });
 }
 export {
-  ne as OnlineBankDepositVCA
+  re as OnlineBankDepositVCA
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),O=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 f=require("../../../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const R=require("../../../../hooks/useCreateOnlineBankDepositMutation.js"),g=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function C(){var q;const[S,r]=t.useState("FORM"),[a,u]=t.useState(null),[p,n]=t.useState(null),[d,s]=t.useState(null),[l,o]=t.useState(null),c=R.useCreateOnlineBankDepositMutation({onSuccess(e){O(e.vca),u(e.id),n(e.vca),r("VCA")},onError(e){r("FORM"),f.toaster.error({description:e.message})},onMutate(e){u(null),n(null),s(e.promo??null),o(e.amount),r("LOADING")}}),i=g.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:5e3});t.useEffect(()=>{var e,m;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((m=i.data)==null?void 0:m.status)==="APPROVED")&&r("SUCCESS")},[(q=i.data)==null?void 0:q.status]);const v=c.mutate,D=()=>{O(l),c.mutate({amount:l.toString(),promo:d??void 0})},M=()=>{u(null),n(null),s(null),o(null),r("FORM")};return t.useEffect(()=>()=>{u(null),n(null),s(null),o(null),r("FORM")},[]),{vca:p,view:S,generateVca:v,regenerateVca:D,reset:M}}exports.useOnlineBankDeposit=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),O=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const f=require("../../../../client/hooks/useCreateOnlineBankDepositMutation.js"),R=require("../../../../client/hooks/useDepositQuery.js");require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");require("react/jsx-runtime");const g=require("../../../../client/utils/toaster.js");function C(){var q;const[S,r]=t.useState("FORM"),[a,u]=t.useState(null),[p,n]=t.useState(null),[d,s]=t.useState(null),[l,o]=t.useState(null),c=f.useCreateOnlineBankDepositMutation({onSuccess(e){O(e.vca),u(e.id),n(e.vca),r("VCA")},onError(e){r("FORM"),g.toaster.error({description:e.message})},onMutate(e){u(null),n(null),s(e.promo??null),o(e.amount),r("LOADING")}}),i=R.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:5e3});t.useEffect(()=>{var e,m;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((m=i.data)==null?void 0:m.status)==="APPROVED")&&r("SUCCESS")},[(q=i.data)==null?void 0:q.status]);const v=c.mutate,D=()=>{O(l),c.mutate({amount:l.toString(),promo:d??void 0})},M=()=>{u(null),n(null),s(null),o(null),r("FORM")};return t.useEffect(()=>()=>{u(null),n(null),s(null),o(null),r("FORM")},[]),{vca:p,view:S,generateVca:v,regenerateVca:D,reset:M}}exports.useOnlineBankDeposit=C;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.mjs

@@ -4,34 +4,34 @@ import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import "react/jsx-runtime";
 import "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as V } from "../../../../utils/toaster.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateOnlineBankDepositMutation as C } from "../../../../hooks/useCreateOnlineBankDepositMutation.mjs";
-import { useDepositQuery as E } from "../../../../hooks/useDepositQuery.mjs";
-import "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import { useCreateOnlineBankDepositMutation as V } from "../../../../client/hooks/useCreateOnlineBankDepositMutation.mjs";
+import { useDepositQuery as C } from "../../../../client/hooks/useDepositQuery.mjs";
+import "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
+import "react/jsx-runtime";
+import { toaster as E } from "../../../../client/utils/toaster.mjs";
 function z() {
   var p;
-  const [v, o] = n("FORM"), [s, r] = n(null), [d, e] = n(null), [M, i] = n(null), [l, u] = n(null), a = C({
+  const [v, o] = n("FORM"), [s, r] = n(null), [d, e] = n(null), [M, i] = n(null), [l, u] = n(null), a = V({
     onSuccess(t) {
       O(t.vca), r(t.id), e(t.vca), o("VCA");
     },
     onError(t) {
-      o("FORM"), V.error({
+      o("FORM"), E.error({
         description: t.message
       });
     },
     onMutate(t) {
       r(null), e(null), i(t.promo ?? null), u(t.amount), o("LOADING");
     }
-  }), m = E(s ?? void 0, {
+  }), m = C(s ?? void 0, {
     enabled: !!s,
     refetchInterval: 5e3
   });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),Q=require("@hookform/resolvers/zod"),S=require("react"),h=require("react-hook-form"),a=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const i=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");const R=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const O=require("../../../../hooks/useDepositsCountQuery.js"),F=require("../../../../hooks/useDisclosure.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const M=require("../../../../hooks/usePaymentSettingsQuery.js"),N=require("../../../../icons/AlertCircleIcon.js"),k=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),T=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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");const v=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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 w=require("../../AmountChoices.js"),B=require("../../AvailablePromos.js"),H=require("./QRPHDepositContext.js");function V(){var j;const b=H.useQRPHDepositContext(),m=F.useDisclosure(),I=O.useDepositsCountQuery().data??0,q=M.usePaymentSettingsQuery(),p=q.data,c=p==null?void 0:p.qrphDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=I<=0?i.parseDecimal((j=q.data)==null?void 0:j.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),g=R.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,s)=>{const r=i.parseDecimal(o,0);r<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=g.find(z=>z.id===o.promo),C=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),D=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),y=i.parseDecimal(o.amount,0);r&&y<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&y>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=h.useForm({mode:"all",resolver:Q.zodResolver(A),defaultValues:{amount:"0",promo:null}});S.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const f=t.handleSubmit(async o=>{b.generateQrCode({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){t.reset()}})});return e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsx(h.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(v.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(l.Root,{min:0,step:1,value:o.field.value,onValueChange:r=>{o.field.onChange(r.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(k.ChevronDownIcon,{})})]})]}),e.jsx(v.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(w.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(h.Controller,{control:t.control,name:"promo",render:o=>e.jsx(B.AvailablePromos,{className:"mt-4xl",value:o.field.value,onChange:o.field.onChange})}),e.jsxs("p",{className:"mt-4xl text-xs",children:["Upon clicking the deposit button, you agree to the"," ",e.jsx("button",{type:"button",className:"underline underline-offset-2",children:"Terms of Use and Privacy Policy"}),"."]}),e.jsx(x.Button,{type:"submit",className:"mt-4.5",onClick:async o=>{await t.trigger("amount")&&(g.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(P.Portal,{children:[e.jsx(n.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(n.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(n.Content,{children:[e.jsxs(n.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(N.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(T.XIcon,{})})]}),e.jsxs(n.Body,{children:[e.jsx(n.Title,{children:"Submit deposit request without promo?"}),e.jsx(n.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(n.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.QRPHDepositForm=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("@ark-ui/react"),Q=require("@hookform/resolvers/zod"),S=require("react"),h=require("react-hook-form"),a=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const i=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const R=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const O=require("../../../../client/hooks/useDepositsCountQuery.js"),F=require("../../../../client/hooks/useDisclosure.js");require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const M=require("../../../../client/hooks/usePaymentSettingsQuery.js"),N=require("../../../../icons/AlertCircleIcon.js"),k=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),T=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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");const v=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=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 w=require("../../AmountChoices.js"),B=require("../../AvailablePromos.js"),H=require("./QRPHDepositContext.js");function V(){var j;const b=H.useQRPHDepositContext(),m=F.useDisclosure(),I=O.useDepositsCountQuery().data??0,q=M.usePaymentSettingsQuery(),p=q.data,c=p==null?void 0:p.qrphDepositGatewaySettings,d=i.parseDecimal(c==null?void 0:c.maximumAmount,0),u=I<=0?i.parseDecimal((j=q.data)==null?void 0:j.minimumFirstDepositAmount,0):i.parseDecimal(c==null?void 0:c.minimumAmount,0),g=R.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,s)=>{const r=i.parseDecimal(o,0);r<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=g.find(z=>z.id===o.promo),C=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),D=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),y=i.parseDecimal(o.amount,0);r&&y<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&y>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=h.useForm({mode:"all",resolver:Q.zodResolver(A),defaultValues:{amount:"0",promo:null}});S.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const f=t.handleSubmit(async o=>{b.generateQrCode({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){t.reset()}})});return e.jsxs("form",{onSubmit:f,noValidate:!0,children:[e.jsx(h.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(v.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(l.Root,{min:0,step:1,value:o.field.value,onValueChange:r=>{o.field.onChange(r.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(l.Label,{children:"Enter amount you want to deposit"}),e.jsxs(l.Control,{children:[e.jsx(l.Input,{}),e.jsx(l.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(l.DecrementTrigger,{children:e.jsx(k.ChevronDownIcon,{})})]})]}),e.jsx(v.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(w.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(h.Controller,{control:t.control,name:"promo",render:o=>e.jsx(B.AvailablePromos,{className:"mt-4xl",value:o.field.value,onChange:o.field.onChange})}),e.jsxs("p",{className:"mt-4xl text-xs",children:["Upon clicking the deposit button, you agree to the"," ",e.jsx("button",{type:"button",className:"underline underline-offset-2",children:"Terms of Use and Privacy Policy"}),"."]}),e.jsx(x.Button,{type:"submit",className:"mt-4.5",onClick:async o=>{await t.trigger("amount")&&(g.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(P.Portal,{children:[e.jsx(n.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(n.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(n.Content,{children:[e.jsxs(n.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(N.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(T.XIcon,{})})]}),e.jsxs(n.Body,{children:[e.jsx(n.Title,{children:"Submit deposit request without promo?"}),e.jsx(n.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(n.Footer,{children:[e.jsx(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{f(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.QRPHDepositForm=V;

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

@@ -13,16 +13,15 @@ import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as z } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as z } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useDepositsCountQuery as E } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as M } from "../../../../hooks/useDisclosure.mjs";
-import "../../../../hooks/useGlobalStore.mjs";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import { useDepositsCountQuery as E } from "../../../../client/hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as M } from "../../../../client/hooks/useDisclosure.mjs";
+import "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as N } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as N } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
 import { AlertCircleIcon as k } from "../../../../icons/AlertCircleIcon.mjs";
 import { ChevronDownIcon as F } from "../../../../icons/ChevronDownIcon.mjs";
 import { ChevronUpIcon as T } from "../../../../icons/ChevronUpIcon.mjs";
@@ -49,7 +48,7 @@ import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as to } from "../../AmountChoices.mjs";
 import { AvailablePromos as ro } from "../../AvailablePromos.mjs";
 import { useQRPHDepositContext as io } from "./QRPHDepositContext.mjs";
-function ne() {
+function ie() {
   var C;
   const b = io(), l = M(), I = E().data ?? 0, f = N(), p = f.data, a = p == null ? void 0 : p.qrphDepositGatewaySettings, c = m(a == null ? void 0 : a.maximumAmount, 0), s = I <= 0 ? m((C = f.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(a == null ? void 0 : a.minimumAmount, 0), h = z().data ?? [], A = u.object({
     amount: u.string().superRefine((e, n) => {
@@ -245,5 +244,5 @@ function ne() {
   ] });
 }
 export {
-  ne as QRPHDepositForm
+  ie as QRPHDepositForm
 };

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

@@ -1 +1 @@
-"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;
+"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("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.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 x(){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(m,{})]})}function m(){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=x;

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

@@ -1,7 +1,7 @@
 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 a from "next/image";
+import { QrCode02Icon as m } 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";
@@ -16,13 +16,11 @@ import { Root as d, Trigger as p, Backdrop as g, Positioner as h, Content as x,
 import "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "../../../../utils/capitalize.mjs";
-import "react";
 import "../../../../utils/parseDecimal.mjs";
 import "../../../../constants/index.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import "../../../../utils/toaster.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
@@ -33,7 +31,7 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { useQRPHDepositContext as b } from "./QRPHDepositContext.mjs";
-function oe() {
+function te() {
   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" }),
@@ -47,7 +45,7 @@ function oe() {
           /* @__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,
+              a,
               {
                 src: c,
                 alt: "",
@@ -117,7 +115,7 @@ function w() {
           /* @__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("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(m, { 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(N, { className: "mt-5", children: "Follow these simple steps to complete your transaction:" }),
@@ -133,5 +131,5 @@ function w() {
   ] });
 }
 export {
-  oe as QRPHDepositQrCode
+  te as QRPHDepositQrCode
 };

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

@@ -1 +1 @@
-"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;
+"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("../../../../utils/parseDecimal.js");require("../../../../constants/index.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.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,4 +1,4 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, 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";
@@ -12,13 +12,11 @@ import "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../../../utils/capitalize.mjs";
-import "react";
 import "../../../../utils/parseDecimal.mjs";
 import "../../../../constants/index.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import "../../../../utils/toaster.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
@@ -29,9 +27,9 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 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: [
+function I() {
+  const e = m();
+  return /* @__PURE__ */ o("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." }),
@@ -42,12 +40,12 @@ function q() {
         variant: "outline",
         colorScheme: "gray",
         className: "mx-auto mt-6 w-fit",
-        onClick: () => o.reset(),
+        onClick: () => e.reset(),
         children: "Generate New QR Code"
       }
     )
   ] });
 }
 export {
-  q as QRPHDepositSuccess
+  I 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("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;
+"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("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateQRPHDepositMutation.js"),M=require("../../../../client/hooks/useDepositQuery.js");require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");require("react/jsx-runtime");const O=require("../../../../client/utils/toaster.js");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=E.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),O.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=M.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,34 +4,34 @@ import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.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 "@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";
-import "../../../../hooks/useInfiniteQueryHelper.mjs";
+import { useCreateQRPHDepositMutation as M } from "../../../../client/hooks/useCreateQRPHDepositMutation.mjs";
+import { useDepositQuery as Q } from "../../../../client/hooks/useDepositQuery.mjs";
+import "../../../../client/hooks/useGlobalStore.mjs";
+import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
+import "react/jsx-runtime";
+import { toaster as v } from "../../../../client/utils/toaster.mjs";
 function k() {
   var c;
-  const [m, o] = r("FORM"), [l, e] = r(null), [R, i] = r(null), [p, u] = r(null), [E, n] = r(null), a = Q({
+  const [m, o] = r("FORM"), [l, e] = r(null), [R, i] = r(null), [p, u] = r(null), [E, n] = r(null), a = M({
     onSuccess(t) {
       C(t.qrCode), e(t.id), n(t.qrCode), o("QR_CODE");
     },
     onError(t) {
-      o("FORM"), M.error({
+      o("FORM"), v.error({
         description: t.message
       });
     },
     onMutate(t) {
       e(null), i(t.promo ?? null), u(t.amount), n(null), o("LOADING");
     }
-  }), s = v(l ?? void 0, {
+  }), s = Q(l ?? void 0, {
     enabled: !!l,
     refetchInterval: m === "VERIFYING" ? 2500 : 5e3
   });

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -1 +1 @@
-"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;
+"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"),g=require("zod"),q=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const c=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const j=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const u=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");const d=require("../../client/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(q.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(g.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

@@ -9,20 +9,19 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 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 "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as w } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as d } from "../../hooks/useLocaleInfo.mjs";
+import { useGlobalStore as w } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useLocaleInfo as d } from "../../client/hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useWalletQuery as p } from "../../hooks/useWalletQuery.mjs";
+import { useWalletQuery as p } from "../../client/hooks/useWalletQuery.mjs";
 import { Wallet02Icon as u } from "../../icons/Wallet02Icon.mjs";
 import { XIcon as N } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
@@ -45,7 +44,7 @@ import "../../ui/Table/Table.mjs";
 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) {
+function De(l) {
   var m;
   const r = w(
     x((o) => ({
@@ -136,5 +135,5 @@ function S(l) {
   );
 }
 export {
-  Oe as DepositWithdrawal
+  De as DepositWithdrawal
 };

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");const d=require("../../hooks/useControllableState.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),t=require("../../images/maya.png.js"),v=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../ui/Button/button.recipe.js");const a=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");const x=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("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const b=require("./utils.js"),s=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:t},{value:"MAYA",label:"Maya",image:t},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:v}];function y(i){var n;const l=(n=i.options)!=null&&n.length?s.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):s,[c,o]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(x.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(a.Group,{value:[c],onValueChange:r=>{const u=r.at(-1);u&&o(b.PaymentMethodDefinition.parse(u))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(a.Root,{value:r.value,className:"border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(a.Control,{className:"shrink-0",children:e.jsx(a.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(a.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const d=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),t=require("../../images/maya.png.js"),v=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");require("../../ui/Button/button.recipe.js");const a=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");const x=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("tailwind-merge");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const b=require("./utils.js"),s=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:t},{value:"MAYA",label:"Maya",image:t},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:v}];function y(i){var n;const l=(n=i.options)!=null&&n.length?s.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):s,[c,o]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(x.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(a.Group,{value:[c],onValueChange:r=>{const u=r.at(-1);u&&o(b.PaymentMethodDefinition.parse(u))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(a.Root,{value:r.value,className:"border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(a.Control,{className:"shrink-0",children:e.jsx(a.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(a.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=y;