@opexa/portal-components 0.0.8 → 0.0.9

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

@@ -1,16 +1,17 @@
-import { Portal as a } from "@ark-ui/react";
+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 l } from "../../../../icons/BankIcon.mjs";
-import { XIcon as o } from "../../../../icons/XIcon.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 "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as m } from "../../../../ui/Button/Button.mjs";
+import { Button as a } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
-import { Root as c, Control as i, Input as s, Context as p, Trigger as u } from "../../../../ui/Clipboard/Clipboard.mjs";
+import { Root as m, Control as c, Input as p, Context as x, Trigger as d } from "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
-import { Root as R, Trigger as g, Backdrop as E, Positioner as d, Content as f, CloseTrigger as x, Body as y, Title as N, Description as h } from "../../../../ui/Dialog/Dialog.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 "../../../../ui/Drawer/Drawer.mjs";
 import "../../../../ui/Field/Field.mjs";
 import "../../../../utils/capitalize.mjs";
@@ -30,30 +31,65 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { useOnlineBankDepositContext as C } from "./OnlineBankDepositContext.mjs";
-function re() {
-  const e = C();
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16" }, /* @__PURE__ */ React.createElement(
-    r,
-    {
-      src: n,
-      alt: "",
-      width: 52,
-      height: 44.2,
-      className: "mx-auto h-auto w-[3.25rem]"
-    }
-  ), /* @__PURE__ */ React.createElement("p", { className: "mt-8 text-center font-semibold" }, "Your unique Virtual Collection Account (VCA) is:"), /* @__PURE__ */ React.createElement(
-    c,
-    {
-      value: e.vca ?? "",
-      className: "mx-auto mt-6 max-w-[22.5rem]"
-    },
-    /* @__PURE__ */ React.createElement(i, { className: "flex flex-col gap-4 lg:flex-row" }, /* @__PURE__ */ React.createElement(s, { className: "lg:grow" }), /* @__PURE__ */ React.createElement(p, null, (t) => /* @__PURE__ */ React.createElement(u, { asChild: !0 }, /* @__PURE__ */ React.createElement(m, { fullWidth: !1, className: "w-full shrink-0 lg:w-28" }, t.copied ? "Copied" : "Copy VCA"))))
-  ), /* @__PURE__ */ React.createElement(b, null));
+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,
+      {
+        src: n,
+        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,
+      {
+        value: t.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" }) }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(k, {})
+  ] });
 }
-function b() {
-  return /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mt-6 text-center text-xs" }, "Need help using the online bank for payment?", " ", /* @__PURE__ */ React.createElement(R, { lazyMount: !0, unmountOnExit: !0 }, /* @__PURE__ */ React.createElement(g, { className: "text-blue-500" }, "See instructions"), /* @__PURE__ */ React.createElement(a, null, /* @__PURE__ */ React.createElement(E, { className: "!z-[calc(var(--z-dialog)+2)]" }), /* @__PURE__ */ React.createElement(d, { className: "!z-[calc(var(--z-dialog)+3)] flex items-center justify-center" }, /* @__PURE__ */ React.createElement(f, { className: "mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]" }, /* @__PURE__ */ React.createElement(x, null, /* @__PURE__ */ React.createElement(o, null)), /* @__PURE__ */ React.createElement(y, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-xl" }, /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 flex size-11 items-center justify-center rounded-lg border" }, /* @__PURE__ */ React.createElement(l, { className: "text-gray-600 size-6" })), /* @__PURE__ */ React.createElement(N, { className: "text-lg font-semibold" }, "How to Use Online Bank for Payment")), /* @__PURE__ */ React.createElement(h, { className: "mt-5" }, "Follow these simple steps to complete your transaction:"), /* @__PURE__ */ React.createElement("ol", { className: "mt-3 list-inside list-decimal space-y-3" }, /* @__PURE__ */ React.createElement("li", null, "Click the 'Copy VCA' button to save your unique account number."), /* @__PURE__ */ React.createElement("li", null, "Log in to your Online Banking: Open your bank's app or website."), /* @__PURE__ */ React.createElement("li", null, "Initiate a Deposit: Choose the option to make a deposit."), /* @__PURE__ */ React.createElement("li", null, "Enter VCA: Paste your VCA in the designated field."), /* @__PURE__ */ React.createElement("li", null, "Complete Transaction: Follow your bank's prompts to finalize the deposit.")), /* @__PURE__ */ React.createElement("p", { className: "mt-3" }, "Note: Please ensure that the deposit amount you enter matches exactly.")))))));
+function k() {
+  return /* @__PURE__ */ e.jsxs("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__ */ 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.jsx("p", { className: "mt-3", children: "Note: Please ensure that the deposit amount you enter matches exactly." })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] });
 }
 export {
-  re as OnlineBankDepositVCA
+  se 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("../../../../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("../../../../_virtual/index.cjs.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("../../../../_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("../../../../_virtual/index.cjs.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,6 +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 "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
@@ -16,9 +17,9 @@ import { useDepositQuery as E } from "../../../../hooks/useDepositQuery.mjs";
 import "../../../../hooks/useGlobalStore.mjs";
 import "../../../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-function j() {
+function z() {
   var p;
-  const [v, o] = n("FORM"), [m, 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 = C({
     onSuccess(t) {
       O(t.vca), r(t.id), e(t.vca), o("VCA");
     },
@@ -30,14 +31,14 @@ function j() {
     onMutate(t) {
       r(null), e(null), i(t.promo ?? null), u(t.amount), o("LOADING");
     }
-  }), s = E(m ?? void 0, {
-    enabled: !!m,
+  }), m = E(s ?? void 0, {
+    enabled: !!s,
     refetchInterval: 5e3
   });
   f(() => {
     var t, c;
-    (((t = s.data) == null ? void 0 : t.status) === "CONFIRMED" || ((c = s.data) == null ? void 0 : c.status) === "APPROVED") && o("SUCCESS");
-  }, [(p = s.data) == null ? void 0 : p.status]);
+    (((t = m.data) == null ? void 0 : t.status) === "CONFIRMED" || ((c = m.data) == null ? void 0 : c.status) === "APPROVED") && o("SUCCESS");
+  }, [(p = m.data) == null ? void 0 : p.status]);
   const D = a.mutate, R = () => {
     O(l), a.mutate({
       amount: l.toString(),
@@ -57,5 +58,5 @@ function j() {
   };
 }
 export {
-  j as useOnlineBankDeposit
+  z as useOnlineBankDeposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./QRPHDepositContext.js"),o=require("./QRPHDepositForm.js"),i=require("./QRPHDepositLoading.js"),s=require("./QRPHDepositQrCode.js"),r=require("./QRPHDepositSuccess.js"),n=require("./useQRPHDeposit.js");function c(){const e=n.useQRPHDeposit();return React.createElement(t.QRPHDepositContext,{value:e},e.view==="FORM"&&React.createElement(o.QRPHDepositForm,null),e.view==="LOADING"&&React.createElement(i.QRPHDepositLoading,null),e.view==="SUCCESS"&&React.createElement(r.QRPHDepositSuccess,null),(e.view==="QR_CODE"||e.view==="VERIFYING")&&React.createElement(s.QRPHDepositQrCode,null))}exports.QRPHDeposit=c;
+"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;

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

@@ -1,13 +1,19 @@
-import { QRPHDepositContext as t } from "./QRPHDepositContext.mjs";
-import { QRPHDepositForm as o } from "./QRPHDepositForm.mjs";
+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 i } from "./QRPHDepositQrCode.mjs";
+import { QRPHDepositQrCode as s } from "./QRPHDepositQrCode.mjs";
 import { QRPHDepositSuccess as m } from "./QRPHDepositSuccess.mjs";
-import { useQRPHDeposit as n } from "./useQRPHDeposit.mjs";
-function u() {
-  const e = n();
-  return /* @__PURE__ */ React.createElement(t, { value: e }, e.view === "FORM" && /* @__PURE__ */ React.createElement(o, null), e.view === "LOADING" && /* @__PURE__ */ React.createElement(r, null), e.view === "SUCCESS" && /* @__PURE__ */ React.createElement(m, null), (e.view === "QR_CODE" || e.view === "VERIFYING") && /* @__PURE__ */ React.createElement(i, null));
+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, {})
+  ] });
 }
 export {
-  u as QRPHDeposit
+  H as QRPHDeposit
 };

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

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