@opexa/portal-components 0.0.10 → 0.0.11

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

@@ -1,17 +1,17 @@
-import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
-import { Portal as i } from "@ark-ui/react";
-import r from "../../../../_virtual/image.mjs";
-import { BankIcon as s } from "../../../../icons/BankIcon.mjs";
-import { XIcon as l } from "../../../../icons/XIcon.mjs";
-import n from "../../../../images/bank-icon.png.mjs";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+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 "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as a } from "../../../../ui/Button/Button.mjs";
+import { Button as s } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
-import { Root as m, Control as c, Input as p, Context as x, Trigger as d } from "../../../../ui/Clipboard/Clipboard.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";
-import { Root as u, Trigger as h, Backdrop as j, Positioner as g, Content as f, CloseTrigger as y, Body as N, Title as C, Description as b } from "../../../../ui/Dialog/Dialog.mjs";
+import { Root as g, Trigger as f, Backdrop as x, Positioner as y, Content as N, CloseTrigger as C, Body as b, Title as w, Description as k } from "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "../../../../utils/capitalize.mjs";
@@ -31,59 +31,59 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { useOnlineBankDepositContext as w } from "./OnlineBankDepositContext.mjs";
-function se() {
-  const t = w();
-  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ e.jsx(
-      r,
+import { useOnlineBankDepositContext as v } from "./OnlineBankDepositContext.mjs";
+function ne() {
+  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: n,
+        src: m,
         alt: "",
         width: 52,
         height: 44.2,
         className: "mx-auto h-auto w-[3.25rem]"
       }
     ),
-    /* @__PURE__ */ e.jsx("p", { className: "mt-8 text-center font-semibold", children: "Your unique Virtual Collection Account (VCA) is:" }),
-    /* @__PURE__ */ e.jsx(
-      m,
+    /* @__PURE__ */ e("p", { className: "mt-8 text-center font-semibold", children: "Your unique Virtual Collection Account (VCA) is:" }),
+    /* @__PURE__ */ e(
+      c,
       {
-        value: t.vca ?? "",
+        value: o.vca ?? "",
         className: "mx-auto mt-6 max-w-[22.5rem]",
-        children: /* @__PURE__ */ e.jsxs(c, { className: "flex flex-col gap-4 lg:flex-row", children: [
-          /* @__PURE__ */ e.jsx(p, { className: "lg:grow" }),
-          /* @__PURE__ */ e.jsx(x, { children: (o) => /* @__PURE__ */ e.jsx(d, { asChild: !0, children: /* @__PURE__ */ e.jsx(a, { fullWidth: !1, className: "w-full shrink-0 lg:w-28", children: o.copied ? "Copied" : "Copy VCA" }) }) })
+        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.jsx(k, {})
+    /* @__PURE__ */ e(z, {})
   ] });
 }
-function k() {
-  return /* @__PURE__ */ e.jsxs("p", { className: "text-gray-500 mt-6 text-center text-xs", children: [
+function z() {
+  return /* @__PURE__ */ t("p", { className: "text-gray-500 mt-6 text-center text-xs", children: [
     "Need help using the online bank for payment?",
     " ",
-    /* @__PURE__ */ e.jsxs(u, { lazyMount: !0, unmountOnExit: !0, children: [
-      /* @__PURE__ */ e.jsx(h, { className: "text-blue-500", children: "See instructions" }),
-      /* @__PURE__ */ e.jsxs(i, { children: [
-        /* @__PURE__ */ e.jsx(j, { className: "!z-[calc(var(--z-dialog)+2)]" }),
-        /* @__PURE__ */ e.jsx(g, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: /* @__PURE__ */ e.jsxs(f, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [
-          /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(l, {}) }),
-          /* @__PURE__ */ e.jsxs(N, { 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(s, { className: "text-gray-600 size-6" }) }),
-              /* @__PURE__ */ e.jsx(C, { className: "text-lg font-semibold", children: "How to Use Online Bank for Payment" })
+    /* @__PURE__ */ t(g, { lazyMount: !0, unmountOnExit: !0, children: [
+      /* @__PURE__ */ e(f, { className: "text-blue-500", children: "See instructions" }),
+      /* @__PURE__ */ t(r, { children: [
+        /* @__PURE__ */ e(x, { className: "!z-[calc(var(--z-dialog)+2)]" }),
+        /* @__PURE__ */ e(y, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center", children: /* @__PURE__ */ t(N, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]", children: [
+          /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(a, {}) }),
+          /* @__PURE__ */ t(b, { 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(n, { className: "text-gray-600 size-6" }) }),
+              /* @__PURE__ */ e(w, { className: "text-lg font-semibold", children: "How to Use Online Bank for Payment" })
             ] }),
-            /* @__PURE__ */ e.jsx(b, { 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: "Click the 'Copy VCA' button to save your unique account number." }),
-              /* @__PURE__ */ e.jsx("li", { children: "Log in to your Online Banking: Open your bank's app or website." }),
-              /* @__PURE__ */ e.jsx("li", { children: "Initiate a Deposit: Choose the option to make a deposit." }),
-              /* @__PURE__ */ e.jsx("li", { children: "Enter VCA: Paste your VCA in the designated field." }),
-              /* @__PURE__ */ e.jsx("li", { children: "Complete Transaction: Follow your bank's prompts to finalize the deposit." })
+            /* @__PURE__ */ e(k, { 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: "Click the 'Copy VCA' button to save your unique account number." }),
+              /* @__PURE__ */ e("li", { children: "Log in to your Online Banking: Open your bank's app or website." }),
+              /* @__PURE__ */ e("li", { children: "Initiate a Deposit: Choose the option to make a deposit." }),
+              /* @__PURE__ */ e("li", { children: "Enter VCA: Paste your VCA in the designated field." }),
+              /* @__PURE__ */ e("li", { children: "Complete Transaction: Follow your bank's prompts to finalize the deposit." })
             ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "mt-3", children: "Note: Please ensure that the deposit amount you enter matches exactly." })
+            /* @__PURE__ */ e("p", { className: "mt-3", children: "Note: Please ensure that the deposit amount you enter matches exactly." })
           ] })
         ] }) })
       ] })
@@ -91,5 +91,5 @@ function k() {
   ] });
 }
 export {
-  se as OnlineBankDepositVCA
+  ne 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("../../../../_virtual/jsx-runtime.js");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("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");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("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("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");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;

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

@@ -4,7 +4,7 @@ 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";

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.js"),t=require("./QRPHDepositContext.js"),o=require("./QRPHDepositForm.js"),i=require("./QRPHDepositLoading.js"),r=require("./QRPHDepositQrCode.js"),n=require("./QRPHDepositSuccess.js"),u=require("./useQRPHDeposit.js");function R(){const e=u.useQRPHDeposit();return s.jsxRuntimeExports.jsxs(t.QRPHDepositContext,{value:e,children:[e.view==="FORM"&&s.jsxRuntimeExports.jsx(o.QRPHDepositForm,{}),e.view==="LOADING"&&s.jsxRuntimeExports.jsx(i.QRPHDepositLoading,{}),e.view==="SUCCESS"&&s.jsxRuntimeExports.jsx(n.QRPHDepositSuccess,{}),(e.view==="QR_CODE"||e.view==="VERIFYING")&&s.jsxRuntimeExports.jsx(r.QRPHDepositQrCode,{})]})}exports.QRPHDeposit=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("./QRPHDepositContext.js"),o=require("./QRPHDepositForm.js"),i=require("./QRPHDepositLoading.js"),r=require("./QRPHDepositQrCode.js"),n=require("./QRPHDepositSuccess.js"),u=require("./useQRPHDeposit.js");function R(){const e=u.useQRPHDeposit();return s.jsxs(t.QRPHDepositContext,{value:e,children:[e.view==="FORM"&&s.jsx(o.QRPHDepositForm,{}),e.view==="LOADING"&&s.jsx(i.QRPHDepositLoading,{}),e.view==="SUCCESS"&&s.jsx(n.QRPHDepositSuccess,{}),(e.view==="QR_CODE"||e.view==="VERIFYING")&&s.jsx(r.QRPHDepositQrCode,{})]})}exports.QRPHDeposit=R;

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

@@ -1,19 +1,19 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.mjs";
-import { QRPHDepositContext as i } from "./QRPHDepositContext.mjs";
-import { QRPHDepositForm as e } from "./QRPHDepositForm.mjs";
-import { QRPHDepositLoading as r } from "./QRPHDepositLoading.mjs";
-import { QRPHDepositQrCode as s } from "./QRPHDepositQrCode.mjs";
-import { QRPHDepositSuccess as m } from "./QRPHDepositSuccess.mjs";
-import { useQRPHDeposit as p } from "./useQRPHDeposit.mjs";
-function H() {
-  const o = p();
-  return /* @__PURE__ */ t.jsxs(i, { value: o, children: [
-    o.view === "FORM" && /* @__PURE__ */ t.jsx(e, {}),
-    o.view === "LOADING" && /* @__PURE__ */ t.jsx(r, {}),
-    o.view === "SUCCESS" && /* @__PURE__ */ t.jsx(m, {}),
-    (o.view === "QR_CODE" || o.view === "VERIFYING") && /* @__PURE__ */ t.jsx(s, {})
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { QRPHDepositContext as e } from "./QRPHDepositContext.mjs";
+import { QRPHDepositForm as r } from "./QRPHDepositForm.mjs";
+import { QRPHDepositLoading as m } from "./QRPHDepositLoading.mjs";
+import { QRPHDepositQrCode as p } from "./QRPHDepositQrCode.mjs";
+import { QRPHDepositSuccess as s } from "./QRPHDepositSuccess.mjs";
+import { useQRPHDeposit as R } from "./useQRPHDeposit.mjs";
+function v() {
+  const o = R();
+  return /* @__PURE__ */ t(e, { value: o, children: [
+    o.view === "FORM" && /* @__PURE__ */ i(r, {}),
+    o.view === "LOADING" && /* @__PURE__ */ i(m, {}),
+    o.view === "SUCCESS" && /* @__PURE__ */ i(s, {}),
+    (o.view === "QR_CODE" || o.view === "VERIFYING") && /* @__PURE__ */ i(p, {})
   ] });
 }
 export {
-  H as QRPHDeposit
+  v as QRPHDeposit
 };

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

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

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

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

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

@@ -1,44 +1,44 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.mjs";
-import { Portal as A } from "@ark-ui/react";
-import { zodResolver as S } from "../../../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { useEffect as Q } from "react";
-import { useForm as R, Controller as y } from "react-hook-form";
-import { z as m } from "zod";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Portal as Q } from "@ark-ui/react";
+import { zodResolver as O } from "@hookform/resolvers/zod";
+import { useEffect as P } from "react";
+import { useForm as R, Controller as D } from "react-hook-form";
+import { z as u } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import { parseDecimal as n } from "../../../../utils/parseDecimal.mjs";
+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 O } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { useAvailablePromosQuery as z } from "../../../../hooks/useAvailablePromosQuery.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 { useDepositsCountQuery as P } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as E } from "../../../../hooks/useDisclosure.mjs";
+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 "usehooks-ts";
-import { usePaymentSettingsQuery as z } from "../../../../hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as M } from "../../../../icons/AlertCircleIcon.mjs";
-import { ChevronDownIcon as N } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as k } from "../../../../icons/ChevronUpIcon.mjs";
-import { XIcon as F } from "../../../../icons/XIcon.mjs";
-import { Root as T, Backdrop as w, Positioner as V, Content as $, Header as L, CloseTrigger as Z, Body as B, Title as H, Description as U, Footer as q } from "../../../../ui/AlertDialog/AlertDialog.mjs";
+import { usePaymentSettingsQuery as N } from "../../../../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";
+import { XIcon as w } from "../../../../icons/XIcon.mjs";
+import { Root as V, Backdrop as $, Positioner as j, Content as L, Header as Z, CloseTrigger as B, Body as H, Title as U, Description as q, Footer as _ } from "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as p } from "../../../../ui/Button/Button.mjs";
+import { Button as d } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as _, ErrorText as G } from "../../../../ui/Field/Field.mjs";
+import { Root as G, ErrorText as W } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as W, Label as X, Control as Y, Input as J, IncrementTrigger as K, DecrementTrigger as oo } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as X, Label as Y, Control as J, Input as K, IncrementTrigger as oo, DecrementTrigger as eo } from "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
@@ -46,56 +46,56 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as eo } from "../../AmountChoices.mjs";
-import { AvailablePromos as to } from "../../AvailablePromos.mjs";
-import { useQRPHDepositContext as ro } from "./QRPHDepositContext.mjs";
-function ie() {
-  var h;
-  const v = ro(), a = E(), D = P().data ?? 0, d = z(), c = d.data, u = c == null ? void 0 : c.qrphDepositGatewaySettings, l = n(u == null ? void 0 : u.maximumAmount, 0), s = D <= 0 ? n((h = d.data) == null ? void 0 : h.minimumFirstDepositAmount, 0) : n(u == null ? void 0 : u.minimumAmount, 0), f = O().data ?? [], b = m.object({
-    amount: m.string().superRefine((e, i) => {
-      const t = n(e, 0);
-      t < s && i.addIssue({
+import { AmountChoices as to } from "../../AmountChoices.mjs";
+import { AvailablePromos as ro } from "../../AvailablePromos.mjs";
+import { useQRPHDepositContext as io } from "./QRPHDepositContext.mjs";
+function ne() {
+  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) => {
+      const t = m(e, 0);
+      t < s && n.addIssue({
         type: "number",
-        code: m.ZodIssueCode.too_small,
+        code: u.ZodIssueCode.too_small,
         inclusive: !0,
         minimum: s,
         message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > l && i.addIssue({
+      }), t > c && n.addIssue({
         type: "number",
-        code: m.ZodIssueCode.too_big,
+        code: u.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: l,
-        message: `Maximum amount is ${l.toLocaleString()}`
+        maximum: c,
+        message: `Maximum amount is ${c.toLocaleString()}`
       });
     }),
-    promo: m.string().optional().nullable()
-  }).superRefine((e, i) => {
-    const t = f.find((I) => I.id === e.promo), j = n(t == null ? void 0 : t.minimumDepositAmount, 0), g = n(t == null ? void 0 : t.maximumDepositAmount, 0), C = n(e.amount, 0);
-    t && C < j && i.addIssue({
+    promo: u.string().optional().nullable()
+  }).superRefine((e, n) => {
+    const t = h.find((S) => S.id === e.promo), y = m(t == null ? void 0 : t.minimumDepositAmount, 0), v = m(t == null ? void 0 : t.maximumDepositAmount, 0), x = m(e.amount, 0);
+    t && x < y && n.addIssue({
       path: ["amount"],
-      code: m.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${j.toLocaleString()}`
-    }), t && C > g && i.addIssue({
+      code: u.ZodIssueCode.custom,
+      message: `Minimum amount for this promo is ${y.toLocaleString()}`
+    }), t && x > v && n.addIssue({
       path: ["amount"],
-      code: m.ZodIssueCode.custom,
-      message: `Maximum amount for this promo is ${g}`
+      code: u.ZodIssueCode.custom,
+      message: `Maximum amount for this promo is ${v}`
     });
   }), r = R({
     mode: "all",
-    resolver: S(b),
+    resolver: O(A),
     defaultValues: {
       amount: "0",
       promo: null
     }
   });
-  Q(() => {
+  P(() => {
     s && r.reset({
       amount: s.toString(),
       promo: null
     });
   }, [r, s]);
-  const x = r.handleSubmit(async (e) => {
-    v.generateQrCode(
+  const g = r.handleSubmit(async (e) => {
+    b.generateQrCode(
       {
         amount: e.amount.toString(),
         promo: e.promo ?? void 0
@@ -107,17 +107,17 @@ function ie() {
       }
     );
   });
-  return /* @__PURE__ */ o.jsxs("form", { onSubmit: x, noValidate: !0, children: [
-    /* @__PURE__ */ o.jsx(
-      y,
+  return /* @__PURE__ */ i("form", { onSubmit: g, noValidate: !0, children: [
+    /* @__PURE__ */ o(
+      D,
       {
         control: r.control,
         name: "amount",
         render: (e) => {
-          var i;
-          return /* @__PURE__ */ o.jsxs(_, { invalid: !!r.formState.errors.amount, children: [
-            /* @__PURE__ */ o.jsxs(
-              W,
+          var n;
+          return /* @__PURE__ */ i(G, { invalid: !!r.formState.errors.amount, children: [
+            /* @__PURE__ */ i(
+              X,
               {
                 min: 0,
                 step: 1,
@@ -131,24 +131,24 @@ function ie() {
                 },
                 allowMouseWheel: !0,
                 children: [
-                  /* @__PURE__ */ o.jsx(X, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ o.jsxs(Y, { children: [
-                    /* @__PURE__ */ o.jsx(J, {}),
-                    /* @__PURE__ */ o.jsx(K, { children: /* @__PURE__ */ o.jsx(k, {}) }),
-                    /* @__PURE__ */ o.jsx(oo, { children: /* @__PURE__ */ o.jsx(N, {}) })
+                  /* @__PURE__ */ o(Y, { children: "Enter amount you want to deposit" }),
+                  /* @__PURE__ */ i(J, { children: [
+                    /* @__PURE__ */ o(K, {}),
+                    /* @__PURE__ */ o(oo, { children: /* @__PURE__ */ o(T, {}) }),
+                    /* @__PURE__ */ o(eo, { children: /* @__PURE__ */ o(F, {}) })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ o.jsx(G, { children: (i = r.formState.errors.amount) == null ? void 0 : i.message })
+            /* @__PURE__ */ o(W, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
           ] });
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      eo,
+    /* @__PURE__ */ o(
+      to,
       {
-        value: n(r.watch("amount"), 0),
+        value: m(r.watch("amount"), 0),
         onChange: (e) => {
           r.setValue("amount", e.toString(), {
             shouldTouch: !0,
@@ -157,17 +157,17 @@ function ie() {
           });
         },
         min: s,
-        max: l,
+        max: c,
         className: "mt-xl"
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      y,
+    /* @__PURE__ */ o(
+      D,
       {
         control: r.control,
         name: "promo",
-        render: (e) => /* @__PURE__ */ o.jsx(
-          to,
+        render: (e) => /* @__PURE__ */ o(
+          ro,
           {
             className: "mt-4xl",
             value: e.field.value,
@@ -176,63 +176,63 @@ function ie() {
         )
       }
     ),
-    /* @__PURE__ */ o.jsxs("p", { className: "mt-4xl text-xs", children: [
+    /* @__PURE__ */ i("p", { className: "mt-4xl text-xs", children: [
       "Upon clicking the deposit button, you agree to the",
       " ",
-      /* @__PURE__ */ o.jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
+      /* @__PURE__ */ o("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
       "."
     ] }),
-    /* @__PURE__ */ o.jsx(
-      p,
+    /* @__PURE__ */ o(
+      d,
       {
         type: "submit",
         className: "mt-4.5",
         onClick: async (e) => {
-          await r.trigger("amount") && (f.length <= 0 || r.getValues("promo") || (e.preventDefault(), a.setOpen(!0)));
+          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
         },
         children: "Deposit"
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      T,
+    /* @__PURE__ */ o(
+      V,
       {
         role: "alertdialog",
-        open: a.open,
+        open: l.open,
         onOpenChange: (e) => {
-          a.setOpen(e.open);
+          l.setOpen(e.open);
         },
         lazyMount: !0,
         unmountOnExit: !0,
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ o.jsxs(A, { children: [
-          /* @__PURE__ */ o.jsx(w, { className: "!z-[calc(var(--z-dialog)+10)]" }),
-          /* @__PURE__ */ o.jsx(V, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ o.jsxs($, { children: [
-            /* @__PURE__ */ o.jsxs(L, { children: [
-              /* @__PURE__ */ o.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o.jsx(M, {}) }),
-              /* @__PURE__ */ o.jsx(Z, { children: /* @__PURE__ */ o.jsx(F, {}) })
+        children: /* @__PURE__ */ i(Q, { children: [
+          /* @__PURE__ */ o($, { className: "!z-[calc(var(--z-dialog)+10)]" }),
+          /* @__PURE__ */ o(j, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ i(L, { children: [
+            /* @__PURE__ */ i(Z, { children: [
+              /* @__PURE__ */ o("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o(k, {}) }),
+              /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(w, {}) })
             ] }),
-            /* @__PURE__ */ o.jsxs(B, { children: [
-              /* @__PURE__ */ o.jsx(H, { children: "Submit deposit request without promo?" }),
-              /* @__PURE__ */ o.jsx(U, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
+            /* @__PURE__ */ i(H, { children: [
+              /* @__PURE__ */ o(U, { children: "Submit deposit request without promo?" }),
+              /* @__PURE__ */ o(q, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
             ] }),
-            /* @__PURE__ */ o.jsxs(q, { children: [
-              /* @__PURE__ */ o.jsx(
-                p,
+            /* @__PURE__ */ i(_, { children: [
+              /* @__PURE__ */ o(
+                d,
                 {
                   variant: "outline",
                   colorScheme: "gray",
                   onClick: () => {
-                    a.setOpen(!1);
+                    l.setOpen(!1);
                   },
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ o.jsx(
-                p,
+              /* @__PURE__ */ o(
+                d,
                 {
                   onClick: () => {
-                    x(), a.setOpen(!1);
+                    g(), l.setOpen(!1);
                   },
                   children: "Proceed"
                 }
@@ -245,5 +245,5 @@ function ie() {
   ] });
 }
 export {
-  ie as QRPHDepositForm
+  ne as QRPHDepositForm
 };

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../../icons/SpinnerIcon.js");function s(){return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsxRuntimeExports.jsx(t.SpinnerIcon,{className:"mx-auto size-8 lg:size-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Generating QR Code"}),e.jsxRuntimeExports.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."})]})}exports.QRPHDepositLoading=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../icons/SpinnerIcon.js");function n(){return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx(t.SpinnerIcon,{className:"mx-auto size-8 lg:size-10"}),e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"Generating QR Code"}),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."})]})}exports.QRPHDepositLoading=n;