@opexa/portal-components 0.0.18 → 0.0.19

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

@@ -13,6 +13,7 @@ import { parseDecimal as n } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
+import "../../../../client/services/getSession.mjs";
 import { useAvailablePromosQuery as z } from "../../../../client/hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -33,12 +34,13 @@ import { Button as d } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/Collapsible/Collapsible.mjs";
+import "../../../../ui/Combobox/Combobox.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
 import { Root as G, ErrorText as W } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.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 { Root as X, Label as Y, Control as J, Input as K, IncrementTrigger as oo, DecrementTrigger as to } from "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
@@ -48,36 +50,36 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as to } from "../../AmountChoices.mjs";
+import { AmountChoices as eo } from "../../AmountChoices.mjs";
 import { AvailablePromos as ro } from "../AvailablePromos.mjs";
 import { useQRPHDepositContext as io } from "./QRPHDepositContext.mjs";
-function se() {
+function at() {
   var C;
-  const b = io(), l = M(), I = E().data ?? 0, f = N(), p = f.data, a = p == null ? void 0 : p.qrphDepositGatewaySettings, c = n(a == null ? void 0 : a.maximumAmount, 0), s = I <= 0 ? n((C = f.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : n(a == null ? void 0 : a.minimumAmount, 0), h = z().data ?? [], A = u.object({
-    amount: u.string().superRefine((e, m) => {
-      const t = n(e, 0);
-      t < s && m.addIssue({
+  const b = io(), l = M(), I = E().data ?? 0, f = N(), c = f.data, a = c == null ? void 0 : c.qrphDepositGatewaySettings, p = n(a == null ? void 0 : a.maximumAmount, 0), s = I <= 0 ? n((C = f.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : n(a == null ? void 0 : a.minimumAmount, 0), h = z().data ?? [], A = u.object({
+    amount: u.string().superRefine((t, m) => {
+      const e = n(t, 0);
+      e < s && m.addIssue({
         type: "number",
         code: u.ZodIssueCode.too_small,
         inclusive: !0,
         minimum: s,
         message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > c && m.addIssue({
+      }), e > p && m.addIssue({
         type: "number",
         code: u.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: c,
-        message: `Maximum amount is ${c.toLocaleString()}`
+        maximum: p,
+        message: `Maximum amount is ${p.toLocaleString()}`
       });
     }),
     promo: u.string().optional().nullable()
-  }).superRefine((e, m) => {
-    const t = h.find((S) => S.id === e.promo), y = n(t == null ? void 0 : t.minimumDepositAmount, 0), v = n(t == null ? void 0 : t.maximumDepositAmount, 0), x = n(e.amount, 0);
-    t && x < y && m.addIssue({
+  }).superRefine((t, m) => {
+    const e = h.find((S) => S.id === t.promo), y = n(e == null ? void 0 : e.minimumDepositAmount, 0), v = n(e == null ? void 0 : e.maximumDepositAmount, 0), x = n(t.amount, 0);
+    e && x < y && m.addIssue({
       path: ["amount"],
       code: u.ZodIssueCode.custom,
       message: `Minimum amount for this promo is ${y.toLocaleString()}`
-    }), t && x > v && m.addIssue({
+    }), e && x > v && m.addIssue({
       path: ["amount"],
       code: u.ZodIssueCode.custom,
       message: `Maximum amount for this promo is ${v}`
@@ -96,11 +98,11 @@ function se() {
       promo: null
     });
   }, [r, s]);
-  const g = r.handleSubmit(async (e) => {
+  const g = r.handleSubmit(async (t) => {
     b.generateQrCode(
       {
-        amount: e.amount.toString(),
-        promo: e.promo ?? void 0
+        amount: t.amount.toString(),
+        promo: t.promo ?? void 0
       },
       {
         onSuccess() {
@@ -115,7 +117,7 @@ function se() {
       {
         control: r.control,
         name: "amount",
-        render: (e) => {
+        render: (t) => {
           var m;
           return /* @__PURE__ */ i(G, { invalid: !!r.formState.errors.amount, children: [
             /* @__PURE__ */ i(
@@ -123,9 +125,9 @@ function se() {
               {
                 min: 0,
                 step: 1,
-                value: e.field.value,
-                onValueChange: (t) => {
-                  e.field.onChange(t.value);
+                value: t.field.value,
+                onValueChange: (e) => {
+                  t.field.onChange(e.value);
                 },
                 formatOptions: {
                   maximumFractionDigits: 2,
@@ -137,7 +139,7 @@ function se() {
                   /* @__PURE__ */ i(J, { children: [
                     /* @__PURE__ */ o(K, {}),
                     /* @__PURE__ */ o(oo, { children: /* @__PURE__ */ o(T, {}) }),
-                    /* @__PURE__ */ o(eo, { children: /* @__PURE__ */ o(F, {}) })
+                    /* @__PURE__ */ o(to, { children: /* @__PURE__ */ o(F, {}) })
                   ] })
                 ]
               }
@@ -148,18 +150,18 @@ function se() {
       }
     ),
     /* @__PURE__ */ o(
-      to,
+      eo,
       {
         value: n(r.watch("amount"), 0),
-        onChange: (e) => {
-          r.setValue("amount", e.toString(), {
+        onChange: (t) => {
+          r.setValue("amount", t.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
           });
         },
         min: s,
-        max: c,
+        max: p,
         className: "mt-xl"
       }
     ),
@@ -168,12 +170,12 @@ function se() {
       {
         control: r.control,
         name: "promo",
-        render: (e) => /* @__PURE__ */ o(
+        render: (t) => /* @__PURE__ */ o(
           ro,
           {
             className: "mt-4xl",
-            value: e.field.value,
-            onChange: e.field.onChange
+            value: t.field.value,
+            onChange: t.field.onChange
           }
         )
       }
@@ -189,8 +191,8 @@ function se() {
       {
         type: "submit",
         className: "mt-4.5",
-        onClick: async (e) => {
-          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), l.setOpen(!0)));
+        onClick: async (t) => {
+          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (t.preventDefault(), l.setOpen(!0)));
         },
         children: "Deposit"
       }
@@ -200,8 +202,8 @@ function se() {
       {
         role: "alertdialog",
         open: l.open,
-        onOpenChange: (e) => {
-          l.setOpen(e.open);
+        onOpenChange: (t) => {
+          l.setOpen(t.open);
         },
         lazyMount: !0,
         unmountOnExit: !0,
@@ -247,5 +249,5 @@ function se() {
   ] });
 }
 export {
-  se as QRPHDepositForm
+  at 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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");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/Collapsible/Collapsible.js");require("../../../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const d=require("./QRPHDepositContext.js");function u(){const s=d.useQRPHDepositContext();return e.jsxs("div",{className:"bg-gray-50 rounded-lg px-10 py-12 lg:p-16",children:[e.jsx("p",{className:"mt-5 text-center text-lg font-semibold lg:text-xl",children:"QR Code"}),e.jsx("p",{className:"text-gray-700 mt-3 text-center text-sm lg:text-base",children:"Scan the QR code below with your banking app, or upload it to complete your deposit."}),e.jsxs(t.QrCode.Root,{value:s.qrCode??"",className:"border-gray-200 mx-auto mt-6 w-[12.5rem] rounded-lg border bg-white p-5 lg:w-[13rem] lg:p-6",children:[e.jsxs("div",{className:"relative",children:[e.jsx(t.QrCode.Frame,{className:"border-gray-200 mx-auto size-[10rem] rounded-[0.25rem] border",children:e.jsx(t.QrCode.Pattern,{})}),e.jsx(t.QrCode.Overlay,{className:"bg-white p-0.5",children:e.jsx(o,{src:c,alt:"",className:"size-8",width:40,height:40})})]}),e.jsx(t.QrCode.DownloadTrigger,{fileName:`qrcode-${new Date().getTime()}`,mimeType:"image/png",className:"text-gray-900 mt-5 block w-full text-center text-sm font-semibold",children:"Download QR Code"})]}),s.view==="QR_CODE"&&e.jsxs("div",{className:"mt-6 flex flex-col gap-4 lg:flex-row",children:[e.jsx(i.Button,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{s.reset()},children:"Generate New QR Code"}),e.jsx(i.Button,{size:"sm",onClick:()=>{s.verify()},children:"Confirm Deposit"})]}),s.view==="VERIFYING"&&e.jsxs("div",{className:"border-gray-200 mt-6 rounded-lg border bg-white p-4 lg:p-6",children:[e.jsx(n.SpinnerIcon,{className:"mx-auto size-6 lg:size-8"}),e.jsx("p",{className:"mt-5 text-center font-semibold lg:text-lg",children:"Processing your deposit"}),e.jsxs("p",{className:"text-gray-700 mx-auto mt-2 text-center text-xs lg:text-sm",children:["Your deposit is being processed. ",e.jsx("br",{}),"Please hold tight as we verify the account details and amount."]})]}),e.jsx(x,{})]})}function x(){return e.jsxs("p",{className:"text-gray-500 mt-6 text-center text-xs",children:["Need help using the QR Code?"," ",e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,children:[e.jsx(r.Trigger,{className:"text-blue-500",children:"See instructions"}),e.jsxs(t.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+2)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+3)] flex items-center justify-center",children:e.jsxs(r.Content,{className:"mx-auto w-[calc(100%-2rem)] rounded-lg bg-white p-4xl lg:w-[33.625rem]",children:[e.jsx(r.CloseTrigger,{children:e.jsx(a.XIcon,{})}),e.jsxs(r.Body,{children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-gray-200 flex size-11 items-center justify-center rounded-lg border",children:e.jsx(l.QrCode02Icon,{className:"text-gray-600 size-6"})}),e.jsx(r.Title,{className:"text-lg font-semibold",children:"How to Use the QR Code for Payment"})]}),e.jsx(r.Description,{className:"mt-5",children:"Follow these simple steps to complete your transaction:"}),e.jsxs("ol",{className:"mt-3 list-inside list-decimal space-y-3",children:[e.jsx("li",{children:"Open your preferred banking or EMI mobile app and select 'Transfer Money' or 'Pay via QR'"}),e.jsx("li",{children:"Scan or upload the generated QR Ph code. If prompted by the app, enter the amount to be sent."}),e.jsx("li",{children:"Proceed with the transfer or payment."})]})]})]})})]})]})]})}exports.QRPHDepositQrCode=u;

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

@@ -12,6 +12,7 @@ import { Button as i } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/Collapsible/Collapsible.mjs";
+import "../../../../ui/Combobox/Combobox.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import { Root as d, Trigger as p, Backdrop as g, Positioner as h, Content as x, CloseTrigger as u, Body as f, Title as y, Description as N } from "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
@@ -34,7 +35,7 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { useQRPHDepositContext as b } from "./QRPHDepositContext.mjs";
-function ie() {
+function le() {
   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" }),
@@ -134,5 +135,5 @@ function w() {
   ] });
 }
 export {
-  ie as QRPHDepositQrCode
+  le 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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");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/Collapsible/Collapsible.js");require("../../../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");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,5 +1,5 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { CheckCircleBrokenIcon as r } from "../../../../icons/CheckCircleBrokenIcon.mjs";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { CheckCircleBrokenIcon as e } from "../../../../icons/CheckCircleBrokenIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
@@ -7,6 +7,7 @@ import { Button as i } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
 import "../../../../ui/Collapsible/Collapsible.mjs";
+import "../../../../ui/Combobox/Combobox.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
@@ -30,10 +31,10 @@ import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { useQRPHDepositContext as m } from "./QRPHDepositContext.mjs";
-function A() {
+function E() {
   const o = m();
-  return /* @__PURE__ */ e("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
-    /* @__PURE__ */ t(r, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
+  return /* @__PURE__ */ r("div", { className: "bg-gray-50 rounded-lg px-10 py-12 lg:p-16", children: [
+    /* @__PURE__ */ t(e, { className: "text-green-600 mx-auto size-8 lg:size-10" }),
     /* @__PURE__ */ t("p", { className: "mt-5 text-center text-lg font-semibold lg:text-xl", children: "Deposit Successful!" }),
     /* @__PURE__ */ t("p", { className: "text-gray-700 mt-3 text-center text-sm lg:text-base", children: "Your funds have been successfully added and are now ready to use in your account." }),
     /* @__PURE__ */ t(
@@ -50,5 +51,5 @@ function A() {
   ] });
 }
 export {
-  A as QRPHDepositSuccess
+  E 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("../../../../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;
+"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("../../../../client/services/getSession.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

@@ -8,6 +8,7 @@ import "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
+import "../../../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import { useCreateQRPHDepositMutation as M } from "../../../../client/hooks/useCreateQRPHDepositMutation.mjs";
@@ -17,9 +18,9 @@ import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import "react/jsx-runtime";
 import { toaster as v } from "../../../../client/utils/toaster.mjs";
-function k() {
+function z() {
   var c;
-  const [m, o] = r("FORM"), [l, e] = r(null), [R, i] = r(null), [p, u] = r(null), [E, n] = r(null), a = M({
+  const [s, 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");
     },
@@ -31,14 +32,14 @@ function k() {
     onMutate(t) {
       e(null), i(t.promo ?? null), u(t.amount), n(null), o("LOADING");
     }
-  }), s = Q(l ?? void 0, {
+  }), m = Q(l ?? void 0, {
     enabled: !!l,
-    refetchInterval: m === "VERIFYING" ? 2500 : 5e3
+    refetchInterval: s === "VERIFYING" ? 2500 : 5e3
   });
   f(() => {
     var t, d;
-    (((t = s.data) == null ? void 0 : t.status) === "CONFIRMED" || ((d = s.data) == null ? void 0 : d.status) === "APPROVED") && o("SUCCESS");
-  }, [(c = s.data) == null ? void 0 : c.status]);
+    (((t = m.data) == null ? void 0 : t.status) === "CONFIRMED" || ((d = m.data) == null ? void 0 : d.status) === "APPROVED") && o("SUCCESS");
+  }, [(c = m.data) == null ? void 0 : c.status]);
   const I = a.mutate, O = () => {
     C(p), a.mutate({
       amount: p.toString(),
@@ -52,7 +53,7 @@ function k() {
   return f(() => () => {
     e(null), i(null), u(null), n(null), o("FORM");
   }, []), {
-    view: m,
+    view: s,
     qrCode: E,
     verify: D,
     generateQrCode: I,
@@ -61,5 +62,5 @@ function k() {
   };
 }
 export {
-  k as useQRPHDeposit
+  z as useQRPHDeposit
 };

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"),x=require("@ark-ui/react"),m=require("tailwind-merge"),h=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 g=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"),p=require("../../icons/Wallet02Icon.js"),j=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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const t=require("../../ui/Tabs/Tabs.js"),b=require("./Deposit/Deposit.js"),f=require("./Withdrawal/Withdrawal.js");function y(s){var o;const l=g.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:l.depositWithdrawal.open,onOpenChange:a=>{l.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:s.children??e.jsx(w,{})}),e.jsxs(x.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 p-2xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(j.XIcon,{})}),e.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-border-secondary shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsx(p.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(t.Root,{value:l.depositWithdrawal.tab,onValueChange:a=>{l.depositWithdrawal.setTab(h.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxs(t.List,{className:"w-full",children:[e.jsx(t.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsx(t.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsx(t.Indicator,{})]}),e.jsx(t.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsx(b.Deposit,{})}),e.jsx(t.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsx(f.Withdrawal,{})})]})]})]})})]})]})}function w(s){var i;const l=u.useLocaleInfo(),n=d.useWalletQuery({refetchInterval:5e3});return e.jsxs("button",{type:"button",...s,className:m.twMerge("flex",s.className),children:[e.jsx("div",{className:"border-border-primary flex h-10 items-center rounded-l-md border border-r-0 px-3.5",children:c.formatNumber((i=n.data)==null?void 0:i.balance,{currency:l.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"bg-button-primary-bg text-button-primary-fg flex h-10 items-center gap-1.5 rounded-r-md px-3.5 text-sm font-semibold",children:"Deposit"})]})}exports.DepositWithdrawal=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("@ark-ui/react"),m=require("tailwind-merge"),q=require("zod"),h=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("../../client/services/getSession.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const g=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"),p=require("../../icons/Wallet02Icon.js"),j=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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const t=require("../../ui/Tabs/Tabs.js"),b=require("./Deposit/Deposit.js"),f=require("./Withdrawal/Withdrawal.js");function y(s){var o;const l=g.useGlobalStore(h.useShallow(a=>({depositWithdrawal:a.depositWithdrawal}))),n=u.useLocaleInfo(),i=d.useWalletQuery({refetchInterval:5e3});return e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,open:l.depositWithdrawal.open,onOpenChange:a=>{l.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:s.children??e.jsx(w,{})}),e.jsxs(x.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 p-2xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(j.XIcon,{})}),e.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-border-secondary shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsx(p.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(t.Root,{value:l.depositWithdrawal.tab,onValueChange:a=>{l.depositWithdrawal.setTab(q.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxs(t.List,{className:"w-full",children:[e.jsx(t.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsx(t.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsx(t.Indicator,{})]}),e.jsx(t.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsx(b.Deposit,{})}),e.jsx(t.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsx(f.Withdrawal,{})})]})]})]})})]})]})}function w(s){var i;const l=u.useLocaleInfo(),n=d.useWalletQuery({refetchInterval:5e3});return e.jsxs("button",{type:"button",...s,className:m.twMerge("flex",s.className),children:[e.jsx("div",{className:"border-border-primary flex h-10 items-center rounded-l-md border border-r-0 px-3.5",children:c.formatNumber((i=n.data)==null?void 0:i.balance,{currency:l.currency.code,minDecimalPlaces:2})}),e.jsx("div",{className:"bg-button-primary-bg text-button-primary-fg flex h-10 items-center gap-1.5 rounded-r-md px-3.5 text-sm font-semibold",children:"Deposit"})]})}exports.DepositWithdrawal=y;

package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs

@@ -14,6 +14,7 @@ import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
+import "../../client/services/getSession.mjs";
 import "react";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
@@ -31,6 +32,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import { Root as w, Trigger as N, Backdrop as W, Positioner as I, Content as v, CloseTrigger as D, Header as T, Title as O, Body as z } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -47,13 +49,13 @@ import "../../ui/Table/Table.mjs";
 import { Root as A, List as C, Trigger as n, Indicator as P, Content as c } from "../../ui/Tabs/Tabs.mjs";
 import { Deposit as E } from "./Deposit/Deposit.mjs";
 import { Withdrawal as R } from "./Withdrawal/Withdrawal.mjs";
-function Ae(l) {
+function Pe(i) {
   var m;
   const t = x(
     g((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
-  ), a = p(), i = d({
+  ), a = p(), l = d({
     refetchInterval: 5e3
   });
   return /* @__PURE__ */ r(
@@ -68,7 +70,7 @@ function Ae(l) {
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ e(N, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(N, { asChild: !0, children: i.children ?? /* @__PURE__ */ e(S, {}) }),
         /* @__PURE__ */ r(u, { children: [
           /* @__PURE__ */ e(W, { className: "!z-[calc(var(--z-dialog)+1)]" }),
           /* @__PURE__ */ e(I, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ r(v, { className: "lg:min-h-auto mx-auto min-h-full w-full p-2xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
@@ -79,7 +81,7 @@ function Ae(l) {
             ] }),
             /* @__PURE__ */ r(z, { className: "mt-5", children: [
               /* @__PURE__ */ e("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight", children: "Available Balance" }),
-              /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: s((m = i.data) == null ? void 0 : m.balance, {
+              /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: s((m = l.data) == null ? void 0 : m.balance, {
                 currency: a.currency.code,
                 minDecimalPlaces: 2
               }) }),
@@ -113,8 +115,8 @@ function Ae(l) {
     }
   );
 }
-function S(l) {
-  var i;
+function S(i) {
+  var l;
   const t = p(), a = d({
     refetchInterval: 5e3
   });
@@ -122,10 +124,10 @@ function S(l) {
     "button",
     {
       type: "button",
-      ...l,
-      className: h("flex", l.className),
+      ...i,
+      className: h("flex", i.className),
       children: [
-        /* @__PURE__ */ e("div", { className: "border-border-primary flex h-10 items-center rounded-l-md border border-r-0 px-3.5", children: s((i = a.data) == null ? void 0 : i.balance, {
+        /* @__PURE__ */ e("div", { className: "border-border-primary flex h-10 items-center rounded-l-md border border-r-0 px-3.5", children: s((l = a.data) == null ? void 0 : l.balance, {
           currency: t.currency.code,
           minDecimalPlaces: 2
         }) }),
@@ -135,5 +137,5 @@ function S(l) {
   );
 }
 export {
-  Ae as DepositWithdrawal
+  Pe 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("../../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"),v=require("../../images/instapay.png.js"),s=require("../../images/maya.png.js"),b=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/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const y=require("./utils.js"),t=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:s},{value:"MAYA",label:"Maya",image:s},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:b},{value:"INSTAPAY",label:"Instapay",image:v}];function j(i){var n;const l=(n=i.options)!=null&&n.length?t.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):t,[o,c]=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:[o],onValueChange:r=>{const u=r.at(-1);u&&c(y.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-border-secondary ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-border-secondary 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=j;
+"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");require("../../client/services/getSession.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"),v=require("../../images/instapay.png.js"),s=require("../../images/maya.png.js"),b=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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const y=require("./utils.js"),t=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:s},{value:"MAYA",label:"Maya",image:s},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:b},{value:"INSTAPAY",label:"Instapay",image:v}];function j(i){var n;const l=(n=i.options)!=null&&n.length?t.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):t,[o,c]=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:[o],onValueChange:r=>{const u=r.at(-1);u&&c(y.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-border-secondary ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-border-secondary 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=j;

package/dist/components/DepositWithdrawal/PaymentMethods.mjs

@@ -9,6 +9,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import { useControllableState as c } from "../../client/hooks/useControllableState.mjs";
 import "lodash-es";
 import "react";
@@ -30,6 +31,7 @@ import "../../ui/Button/button.recipe.mjs";
 import { Group as b, Root as y, Control as N, Indicator as A, HiddenInput as C } from "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -78,7 +80,7 @@ const p = [
     image: f
   }
 ];
-function ye(o) {
+function Ae(o) {
   var a;
   const t = (a = o.options) != null && a.length ? p.filter((r) => {
     var i;
@@ -127,5 +129,5 @@ function ye(o) {
   ] });
 }
 export {
-  ye as PaymentMethods
+  Ae as PaymentMethods
 };

package/dist/components/DepositWithdrawal/Withdrawal/GCashWithdrawal/GCashWithdrawal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("@hookform/resolvers/zod"),S=require("react"),f=require("react-hook-form"),n=require("zod"),C=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const d=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 v=require("../../../../client/hooks/useCreateGCashWithdrawalMutation.js"),P=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const D=require("../../../../client/hooks/useLocaleInfo.js"),M=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const W=require("../../../../client/hooks/usePaymentSettingsQuery.js"),g=require("../../../../client/utils/toaster.js"),z=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),R=require("../../../../icons/EyeIcon.js"),T=require("../../../../icons/EyeOffIcon.js"),G=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const L=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/Collapsible/Collapsible.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const o=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const u=require("../../../../ui/NumberInput/NumberInput.js"),a=require("../../../../ui/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const A=require("../../AmountChoices.js");function F(){var x,p;const j=P.useGlobalStore(C.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),q=D.useLocaleInfo(),w=M.useMobileNumberParser(),h=v.useCreateGCashWithdrawalMutation({onSuccess(){r.reset(),j.depositWithdrawal.setOpen(!1),g.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){g.toaster.error({description:s.message})}}),b=W.usePaymentSettingsQuery().data,i=b==null?void 0:b.gcashWithdrawalGatewaySettings,t=d.parseDecimal(i==null?void 0:i.minimumAmount,0),m=d.parseDecimal(i==null?void 0:i.maximumAmount,0),y=n.z.object({amount:n.z.string().superRefine((s,l)=>{const c=d.parseDecimal(s,0);c<t&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_small,inclusive:!0,minimum:t,message:`Minimum amount is ${t.toLocaleString()}`}),c>m&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_big,inclusive:!0,maximum:m,message:`Maximum amount is ${m.toLocaleString()}`})}),password:n.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters"),mobileNumber:n.z.string().regex(q.mobileNumber.pattern,"Invalid mobile number")}),r=f.useForm({mode:"all",resolver:N.zodResolver(y),defaultValues:{amount:"0",password:"",mobileNumber:""}});S.useEffect(()=>{t&&r.reset({amount:t.toString(),password:"",mobileNumber:""})},[r,t]);const I=r.handleSubmit(async s=>{h.mutate({amount:s.amount,recipientMobileNumber:w.format(s.mobileNumber),transactionPassword:s.password})});return e.jsxs("form",{onSubmit:I,noValidate:!0,autoComplete:"off",children:[e.jsxs(o.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsx(o.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(q.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(o.Input,{className:"pl-10.5",...r.register("mobileNumber")})]}),e.jsx(o.ErrorText,{children:(x=r.formState.errors.mobileNumber)==null?void 0:x.message})]}),e.jsx(f.Controller,{control:r.control,name:"amount",render:s=>{var l;return e.jsxs(o.Root,{invalid:!!r.formState.errors.amount,className:"mt-3xl",children:[e.jsxs(u.Root,{min:0,step:1,value:s.field.value,onValueChange:c=>{s.field.onChange(c.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(u.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(u.Control,{children:[e.jsx(u.Input,{}),e.jsx(u.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(u.DecrementTrigger,{children:e.jsx(z.ChevronDownIcon,{})})]})]}),e.jsx(o.ErrorText,{children:(l=r.formState.errors.amount)==null?void 0:l.message})]})}}),e.jsx(A.AmountChoices,{value:d.parseDecimal(r.watch("amount"),0),onChange:s=>{r.setValue("amount",s.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:t,max:m,className:"mt-xl"}),e.jsxs(o.Root,{className:"mt-3xl",invalid:!!r.formState.errors.password,children:[e.jsxs(a.Root,{children:[e.jsx(a.Label,{children:"Password"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{...r.register("password")}),e.jsx(a.VisibilityTrigger,{children:e.jsx(a.Indicator,{fallback:e.jsx(T.EyeOffIcon,{}),asChild:!0,children:e.jsx(R.EyeIcon,{})})})]})]}),e.jsx(o.ErrorText,{children:(p=r.formState.errors.password)==null?void 0:p.message})]}),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(L.Button,{type:"submit",className:"mt-4.5",disabled:h.isPending,children:h.isPending?e.jsxs(e.Fragment,{children:[e.jsx(G.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.GCashWithdrawal=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("@hookform/resolvers/zod"),S=require("react"),f=require("react-hook-form"),n=require("zod"),C=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const d=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const v=require("../../../../client/hooks/useCreateGCashWithdrawalMutation.js"),P=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const D=require("../../../../client/hooks/useLocaleInfo.js"),M=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const W=require("../../../../client/hooks/usePaymentSettingsQuery.js"),g=require("../../../../client/utils/toaster.js"),z=require("../../../../icons/ChevronDownIcon.js"),E=require("../../../../icons/ChevronUpIcon.js"),R=require("../../../../icons/EyeIcon.js"),T=require("../../../../icons/EyeOffIcon.js"),G=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const L=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/Collapsible/Collapsible.js");require("../../../../ui/Combobox/Combobox.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const o=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const u=require("../../../../ui/NumberInput/NumberInput.js"),a=require("../../../../ui/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const A=require("../../AmountChoices.js");function F(){var x,p;const j=P.useGlobalStore(C.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),b=D.useLocaleInfo(),w=M.useMobileNumberParser(),h=v.useCreateGCashWithdrawalMutation({onSuccess(){r.reset(),j.depositWithdrawal.setOpen(!1),g.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){g.toaster.error({description:s.message})}}),q=W.usePaymentSettingsQuery().data,i=q==null?void 0:q.gcashWithdrawalGatewaySettings,t=d.parseDecimal(i==null?void 0:i.minimumAmount,0),m=d.parseDecimal(i==null?void 0:i.maximumAmount,0),y=n.z.object({amount:n.z.string().superRefine((s,l)=>{const c=d.parseDecimal(s,0);c<t&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_small,inclusive:!0,minimum:t,message:`Minimum amount is ${t.toLocaleString()}`}),c>m&&l.addIssue({type:"number",code:n.z.ZodIssueCode.too_big,inclusive:!0,maximum:m,message:`Maximum amount is ${m.toLocaleString()}`})}),password:n.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters"),mobileNumber:n.z.string().regex(b.mobileNumber.pattern,"Invalid mobile number")}),r=f.useForm({mode:"all",resolver:N.zodResolver(y),defaultValues:{amount:"0",password:"",mobileNumber:""}});S.useEffect(()=>{t&&r.reset({amount:t.toString(),password:"",mobileNumber:""})},[r,t]);const I=r.handleSubmit(async s=>{h.mutate({amount:s.amount,recipientMobileNumber:w.format(s.mobileNumber),transactionPassword:s.password})});return e.jsxs("form",{onSubmit:I,noValidate:!0,autoComplete:"off",children:[e.jsxs(o.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsx(o.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(b.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(o.Input,{className:"pl-10.5",...r.register("mobileNumber")})]}),e.jsx(o.ErrorText,{children:(x=r.formState.errors.mobileNumber)==null?void 0:x.message})]}),e.jsx(f.Controller,{control:r.control,name:"amount",render:s=>{var l;return e.jsxs(o.Root,{invalid:!!r.formState.errors.amount,className:"mt-3xl",children:[e.jsxs(u.Root,{min:0,step:1,value:s.field.value,onValueChange:c=>{s.field.onChange(c.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(u.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(u.Control,{children:[e.jsx(u.Input,{}),e.jsx(u.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(u.DecrementTrigger,{children:e.jsx(z.ChevronDownIcon,{})})]})]}),e.jsx(o.ErrorText,{children:(l=r.formState.errors.amount)==null?void 0:l.message})]})}}),e.jsx(A.AmountChoices,{value:d.parseDecimal(r.watch("amount"),0),onChange:s=>{r.setValue("amount",s.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:t,max:m,className:"mt-xl"}),e.jsxs(o.Root,{className:"mt-3xl",invalid:!!r.formState.errors.password,children:[e.jsxs(a.Root,{children:[e.jsx(a.Label,{children:"Password"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{...r.register("password")}),e.jsx(a.VisibilityTrigger,{children:e.jsx(a.Indicator,{fallback:e.jsx(T.EyeOffIcon,{}),asChild:!0,children:e.jsx(R.EyeIcon,{})})})]})]}),e.jsx(o.ErrorText,{children:(p=r.formState.errors.password)==null?void 0:p.message})]}),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(L.Button,{type:"submit",className:"mt-4.5",disabled:h.isPending,children:h.isPending?e.jsxs(e.Fragment,{children:[e.jsx(G.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.GCashWithdrawal=F;