@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.mjs

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as i, Fragment as x } from "react/jsx-runtime";
-import { zodResolver as v } from "@hookform/resolvers/zod";
-import { useEffect as I } from "react";
-import { useForm as M, Controller as C } from "react-hook-form";
+import { jsx as o, jsxs as e, Fragment as x } from "react/jsx-runtime";
+import { zodResolver as I } from "@hookform/resolvers/zod";
+import { useEffect as C } from "react";
+import { useForm as v, Controller as M } from "react-hook-form";
 import { z as a } from "zod";
 import { useShallow as P } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
@@ -13,66 +13,73 @@ import { parseDecimal as l } from "../../../../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 { useCreateMayaAppWithdrawalMutation as W } from "../../../../client/hooks/useCreateMayaAppWithdrawalMutation.mjs";
-import { useGlobalStore as V } from "../../../../client/hooks/useGlobalStore.mjs";
+import { useCreateMayaAppWithdrawalMutation as V } from "../../../../client/hooks/useCreateMayaAppWithdrawalMutation.mjs";
+import { useGlobalStore as W } from "../../../../client/hooks/useGlobalStore.mjs";
 import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
 import { useIsMayaSessionValidQuery as A } from "../../../../client/hooks/useIsMayaSessionValidQuery.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as D } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as E } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
 import { toaster as f } from "../../../../client/utils/toaster.mjs";
-import { ChevronDownIcon as Q } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as T } from "../../../../icons/ChevronUpIcon.mjs";
-import { SpinnerIcon as E } from "../../../../icons/SpinnerIcon.mjs";
+import { ChevronDownIcon as R } from "../../../../icons/ChevronDownIcon.mjs";
+import { ChevronUpIcon as $ } from "../../../../icons/ChevronUpIcon.mjs";
+import { EyeIcon as D } from "../../../../icons/EyeIcon.mjs";
+import { EyeOffIcon as Q } from "../../../../icons/EyeOffIcon.mjs";
+import { SpinnerIcon as T } from "../../../../icons/SpinnerIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
 import { Button as L } 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 h, ErrorText as g, Label as N, Input as R } from "../../../../ui/Field/Field.mjs";
+import { Root as h, ErrorText as g } from "../../../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as $, Label as F, Control as j, Input as U, IncrementTrigger as z, DecrementTrigger as G } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as N, Label as F, Control as j, Input as O, IncrementTrigger as U, DecrementTrigger as k } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as z, Label as G, Control as Z, Input as _, VisibilityTrigger as q, Indicator as B } from "../../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../../../ui/Progress/Progress.mjs";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as O } from "../../AmountChoices.mjs";
-import { MayaSessionExpired as Z } from "../../MayaSessionExpired.mjs";
-function Oo() {
+import { AmountChoices as H } from "../../AmountChoices.mjs";
+import { MayaSessionExpired as J } from "../../MayaSessionExpired.mjs";
+function tr() {
   var c;
-  const y = V(
-    P((t) => ({
-      depositWithdrawal: t.depositWithdrawal
+  const y = W(
+    P((r) => ({
+      depositWithdrawal: r.depositWithdrawal
     }))
-  ), p = W({
+  ), p = V({
     onSuccess() {
-      r.reset(), y.depositWithdrawal.setOpen(!1), f.success({
+      t.reset(), y.depositWithdrawal.setOpen(!1), f.success({
         description: "Withdrawal request submitted successfully."
       });
     },
-    onError(t) {
+    onError(r) {
       f.error({
-        description: t.message
+        description: r.message
       });
     }
-  }), w = A().data ?? !0, d = D().data, m = d == null ? void 0 : d.mayaAppWithdrawalGatewaySettings, n = l(m == null ? void 0 : m.maximumAmount, 0), e = l(m == null ? void 0 : m.minimumAmount, 0), b = a.object({
-    amount: a.string().superRefine((t, s) => {
-      const u = l(t, 0);
-      u < e && s.addIssue({
+  }), b = A().data ?? !0, d = E().data, m = d == null ? void 0 : d.mayaAppWithdrawalGatewaySettings, n = l(m == null ? void 0 : m.maximumAmount, 0), i = l(m == null ? void 0 : m.minimumAmount, 0), w = a.object({
+    amount: a.string().superRefine((r, s) => {
+      const u = l(r, 0);
+      u < i && s.addIssue({
         type: "number",
         code: a.ZodIssueCode.too_small,
         inclusive: !0,
-        minimum: e,
-        message: `Minimum amount is ${e.toLocaleString()}`
+        minimum: i,
+        message: `Minimum amount is ${i.toLocaleString()}`
       }), u > n && s.addIssue({
         type: "number",
         code: a.ZodIssueCode.too_big,
@@ -82,43 +89,43 @@ function Oo() {
       });
     }),
     password: a.string().min(8, "Password must be 8 or more characters").max(64, "Password must be not be more than 64 characters")
-  }), r = M({
+  }), t = v({
     mode: "all",
-    resolver: v(b),
+    resolver: I(w),
     defaultValues: {
       amount: "0",
       password: ""
     }
   });
-  I(() => {
-    e && r.reset({
-      amount: e.toString(),
+  C(() => {
+    i && t.reset({
+      amount: i.toString(),
       password: ""
     });
-  }, [r, e]);
-  const S = r.handleSubmit(async (t) => {
+  }, [t, i]);
+  const S = t.handleSubmit(async (r) => {
     p.mutate({
-      amount: t.amount,
-      transactionPassword: t.password
+      amount: r.amount,
+      transactionPassword: r.password
     });
   });
-  return w ? /* @__PURE__ */ i("form", { onSubmit: S, noValidate: !0, children: [
+  return b ? /* @__PURE__ */ e("form", { onSubmit: S, noValidate: !0, children: [
     /* @__PURE__ */ o(
-      C,
+      M,
       {
-        control: r.control,
+        control: t.control,
         name: "amount",
-        render: (t) => {
+        render: (r) => {
           var s;
-          return /* @__PURE__ */ i(h, { invalid: !!r.formState.errors.amount, children: [
-            /* @__PURE__ */ i(
-              $,
+          return /* @__PURE__ */ e(h, { invalid: !!t.formState.errors.amount, children: [
+            /* @__PURE__ */ e(
+              N,
               {
                 min: 0,
                 step: 1,
-                value: t.field.value,
+                value: r.field.value,
                 onValueChange: (u) => {
-                  t.field.onChange(u.value);
+                  r.field.onChange(u.value);
                 },
                 formatOptions: {
                   maximumFractionDigits: 2,
@@ -127,41 +134,46 @@ function Oo() {
                 allowMouseWheel: !0,
                 children: [
                   /* @__PURE__ */ o(F, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ i(j, { children: [
-                    /* @__PURE__ */ o(U, {}),
-                    /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(T, {}) }),
-                    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(Q, {}) })
+                  /* @__PURE__ */ e(j, { children: [
+                    /* @__PURE__ */ o(O, {}),
+                    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o($, {}) }),
+                    /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(R, {}) })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ o(g, { children: (s = r.formState.errors.amount) == null ? void 0 : s.message })
+            /* @__PURE__ */ o(g, { children: (s = t.formState.errors.amount) == null ? void 0 : s.message })
           ] });
         }
       }
     ),
     /* @__PURE__ */ o(
-      O,
+      H,
       {
-        value: l(r.watch("amount"), 0),
-        onChange: (t) => {
-          r.setValue("amount", t.toString(), {
+        value: l(t.watch("amount"), 0),
+        onChange: (r) => {
+          t.setValue("amount", r.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
           });
         },
-        min: e,
+        min: i,
         max: n,
         className: "mt-xl"
       }
     ),
-    /* @__PURE__ */ i(h, { className: "mt-3xl", invalid: !!r.formState.errors.password, children: [
-      /* @__PURE__ */ o(N, { children: "Transaction Password" }),
-      /* @__PURE__ */ o(R, { type: "password", ...r.register("password") }),
-      /* @__PURE__ */ o(g, { children: (c = r.formState.errors.password) == null ? void 0 : c.message })
+    /* @__PURE__ */ e(h, { className: "mt-3xl", invalid: !!t.formState.errors.password, children: [
+      /* @__PURE__ */ e(z, { children: [
+        /* @__PURE__ */ o(G, { children: "Password" }),
+        /* @__PURE__ */ e(Z, { children: [
+          /* @__PURE__ */ o(_, { ...t.register("password") }),
+          /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(B, { fallback: /* @__PURE__ */ o(Q, {}), asChild: !0, children: /* @__PURE__ */ o(D, {}) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ o(g, { children: (c = t.formState.errors.password) == null ? void 0 : c.message })
     ] }),
-    /* @__PURE__ */ i("p", { className: "mt-4xl text-xs", children: [
+    /* @__PURE__ */ e("p", { className: "mt-4xl text-xs", children: [
       "Upon clicking the deposit button, you agree to the",
       " ",
       /* @__PURE__ */ o("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
@@ -173,14 +185,14 @@ function Oo() {
         type: "submit",
         className: "mt-4.5",
         disabled: p.isPending,
-        children: p.isPending ? /* @__PURE__ */ i(x, { children: [
-          /* @__PURE__ */ o(E, {}),
+        children: p.isPending ? /* @__PURE__ */ e(x, { children: [
+          /* @__PURE__ */ o(T, {}),
           "Processing..."
         ] }) : "Withdraw"
       }
     )
-  ] }) : /* @__PURE__ */ o(Z, {});
+  ] }) : /* @__PURE__ */ o(J, {});
 }
 export {
-  Oo as MayaAppWithdrawal
+  tr as MayaAppWithdrawal
 };

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.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"),x=require("react-hook-form"),n=require("zod"),v=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/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 I=require("../../../../client/hooks/useCreateMayaWithdrawalMutation.js"),C=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const M=require("../../../../client/hooks/useLocaleInfo.js"),P=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const D=require("../../../../client/hooks/usePaymentSettingsQuery.js"),f=require("../../../../client/utils/toaster.js"),W=require("../../../../icons/ChevronDownIcon.js"),z=require("../../../../icons/ChevronUpIcon.js"),R=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const T=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 t=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const a=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 L=require("../../AmountChoices.js");function A(){var q,p;const g=C.useGlobalStore(v.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),h=M.useLocaleInfo(),j=P.useMobileNumberParser(),d=I.useCreateMayaWithdrawalMutation({onSuccess(){r.reset(),g.depositWithdrawal.setOpen(!1),f.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){f.toaster.error({description:s.message})}}),b=D.usePaymentSettingsQuery().data,i=b==null?void 0:b.mayaWithdrawalGatewaySettings,o=c.parseDecimal(i==null?void 0:i.minimumAmount,0),m=c.parseDecimal(i==null?void 0:i.maximumAmount,0),w=n.z.object({amount:n.z.string().superRefine((s,u)=>{const l=c.parseDecimal(s,0);l<o&&u.addIssue({type:"number",code:n.z.ZodIssueCode.too_small,inclusive:!0,minimum:o,message:`Minimum amount is ${o.toLocaleString()}`}),l>m&&u.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(h.mobileNumber.pattern,"Invalid mobile number")}),r=x.useForm({mode:"all",resolver:N.zodResolver(w),defaultValues:{amount:"0",password:"",mobileNumber:""}});S.useEffect(()=>{o&&r.reset({amount:o.toString(),password:"",mobileNumber:""})},[r,o]);const y=r.handleSubmit(async s=>{d.mutate({amount:s.amount,recipientMobileNumber:j.format(s.mobileNumber),transactionPassword:s.password})});return e.jsxs("form",{onSubmit:y,noValidate:!0,autoComplete:"off",children:[e.jsxs(t.Root,{invalid:!!r.formState.errors.mobileNumber,children:[e.jsx(t.Label,{children:"Mobile Number"}),e.jsxs("div",{className:"relative",children:[e.jsx(h.country.flag,{className:"pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2"}),e.jsx(t.Input,{className:"pl-10.5",...r.register("mobileNumber")})]}),e.jsx(t.ErrorText,{children:(q=r.formState.errors.mobileNumber)==null?void 0:q.message})]}),e.jsx(x.Controller,{control:r.control,name:"amount",render:s=>{var u;return e.jsxs(t.Root,{invalid:!!r.formState.errors.amount,className:"mt-3xl",children:[e.jsxs(a.Root,{min:0,step:1,value:s.field.value,onValueChange:l=>{s.field.onChange(l.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(a.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{}),e.jsx(a.IncrementTrigger,{children:e.jsx(z.ChevronUpIcon,{})}),e.jsx(a.DecrementTrigger,{children:e.jsx(W.ChevronDownIcon,{})})]})]}),e.jsx(t.ErrorText,{children:(u=r.formState.errors.amount)==null?void 0:u.message})]})}}),e.jsx(L.AmountChoices,{value:c.parseDecimal(r.watch("amount"),0),onChange:s=>{r.setValue("amount",s.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:o,max:m,className:"mt-xl"}),e.jsxs(t.Root,{className:"mt-3xl",invalid:!!r.formState.errors.password,children:[e.jsx(t.Label,{children:"Password"}),e.jsx(t.Input,{type:"password",...r.register("password")}),e.jsx(t.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(T.Button,{type:"submit",className:"mt-4.5",disabled:d.isPending,children:d.isPending?e.jsxs(e.Fragment,{children:[e.jsx(R.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.MayaWithdrawal=A;
+"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"),v=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 C=require("../../../../client/hooks/useCreateMayaWithdrawalMutation.js"),P=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const M=require("../../../../client/hooks/useLocaleInfo.js"),D=require("../../../../client/hooks/useMobileNumberParser.js");require("usehooks-ts");const W=require("../../../../client/hooks/usePaymentSettingsQuery.js"),j=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"),L=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const A=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 a=require("../../../../ui/NumberInput/NumberInput.js"),u=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 F=require("../../AmountChoices.js");function V(){var x,p;const g=P.useGlobalStore(v.useShallow(s=>({depositWithdrawal:s.depositWithdrawal}))),b=M.useLocaleInfo(),y=D.useMobileNumberParser(),h=C.useCreateMayaWithdrawalMutation({onSuccess(){r.reset(),g.depositWithdrawal.setOpen(!1),j.toaster.success({description:"Withdrawal request submitted successfully."})},onError(s){j.toaster.error({description:s.message})}}),q=W.usePaymentSettingsQuery().data,i=q==null?void 0:q.mayaWithdrawalGatewaySettings,t=d.parseDecimal(i==null?void 0:i.minimumAmount,0),m=d.parseDecimal(i==null?void 0:i.maximumAmount,0),w=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(w),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:y.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(a.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(a.Label,{children:"Enter amount you want to withdraw"}),e.jsxs(a.Control,{children:[e.jsx(a.Input,{}),e.jsx(a.IncrementTrigger,{children:e.jsx(E.ChevronUpIcon,{})}),e.jsx(a.DecrementTrigger,{children:e.jsx(z.ChevronDownIcon,{})})]})]}),e.jsx(o.ErrorText,{children:(l=r.formState.errors.amount)==null?void 0:l.message})]})}}),e.jsx(F.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(u.Root,{children:[e.jsx(u.Label,{children:"Password"}),e.jsxs(u.Control,{children:[e.jsx(u.Input,{...r.register("password")}),e.jsx(u.VisibilityTrigger,{children:e.jsx(u.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(A.Button,{type:"submit",className:"mt-4.5",disabled:h.isPending,children:h.isPending?e.jsxs(e.Fragment,{children:[e.jsx(L.SpinnerIcon,{}),"Processing..."]}):"Deposit"})]})}exports.MayaWithdrawal=V;

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.mjs

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { useEffect as M } from "react";
-import { useForm as W, Controller as D } from "react-hook-form";
-import { z as s } from "zod";
-import { useShallow as L } from "zustand/shallow";
+import { jsxs as t, jsx as o, Fragment as S } from "react/jsx-runtime";
+import { zodResolver as x } from "@hookform/resolvers/zod";
+import { useEffect as C } from "react";
+import { useForm as P, Controller as M } from "react-hook-form";
+import { z as n } from "zod";
+import { useShallow as W } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -13,18 +13,21 @@ import { parseDecimal as u } from "../../../../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 { useCreateMayaWithdrawalMutation as A } from "../../../../client/hooks/useCreateMayaWithdrawalMutation.mjs";
-import { useGlobalStore as R } from "../../../../client/hooks/useGlobalStore.mjs";
+import { useCreateMayaWithdrawalMutation as $ } from "../../../../client/hooks/useCreateMayaWithdrawalMutation.mjs";
+import { useGlobalStore as L } from "../../../../client/hooks/useGlobalStore.mjs";
 import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as T } from "../../../../client/hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as V } from "../../../../client/hooks/useMobileNumberParser.mjs";
+import { useLocaleInfo as D } from "../../../../client/hooks/useLocaleInfo.mjs";
+import { useMobileNumberParser as R } from "../../../../client/hooks/useMobileNumberParser.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as $ } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { usePaymentSettingsQuery as E } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
 import { toaster as w } from "../../../../client/utils/toaster.mjs";
-import { ChevronDownIcon as E } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as F } from "../../../../icons/ChevronUpIcon.mjs";
+import { ChevronDownIcon as T } from "../../../../icons/ChevronDownIcon.mjs";
+import { ChevronUpIcon as V } from "../../../../icons/ChevronUpIcon.mjs";
+import { EyeIcon as A } from "../../../../icons/EyeIcon.mjs";
+import { EyeOffIcon as F } from "../../../../icons/EyeOffIcon.mjs";
 import { SpinnerIcon as j } from "../../../../icons/SpinnerIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
@@ -32,110 +35,114 @@ import "../../../../ui/Badge/Badge.mjs";
 import { Button as z } 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 d, Label as N, Input as y, ErrorText as f } from "../../../../ui/Field/Field.mjs";
+import { Root as d, Label as O, Input as Q, ErrorText as f } from "../../../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as Q, Label as U, Control as G, Input as O, IncrementTrigger as Z, DecrementTrigger as _ } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as U, Label as k, Control as G, Input as Z, IncrementTrigger as _, DecrementTrigger as q } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as B, Label as H, Control as J, Input as K, VisibilityTrigger as X, Indicator as Y } from "../../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../../../ui/Progress/Progress.mjs";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as k } from "../../AmountChoices.mjs";
-function Oe() {
-  var h, g;
-  const v = R(
-    L((r) => ({
-      depositWithdrawal: r.depositWithdrawal
+import { AmountChoices as oo } from "../../AmountChoices.mjs";
+function mr() {
+  var b, g;
+  const y = L(
+    W((e) => ({
+      depositWithdrawal: e.depositWithdrawal
     }))
-  ), b = T(), S = V(), p = A({
+  ), h = D(), N = R(), p = $({
     onSuccess() {
-      o.reset(), v.depositWithdrawal.setOpen(!1), w.success({
+      r.reset(), y.depositWithdrawal.setOpen(!1), w.success({
         description: "Withdrawal request submitted successfully."
       });
     },
-    onError(r) {
+    onError(e) {
       w.error({
-        description: r.message
+        description: e.message
       });
     }
-  }), c = $().data, i = c == null ? void 0 : c.mayaWithdrawalGatewaySettings, m = u(i == null ? void 0 : i.minimumAmount, 0), n = u(i == null ? void 0 : i.maximumAmount, 0), x = s.object({
-    amount: s.string().superRefine((r, a) => {
-      const l = u(r, 0);
-      l < m && a.addIssue({
+  }), c = E().data, m = c == null ? void 0 : c.mayaWithdrawalGatewaySettings, i = u(m == null ? void 0 : m.minimumAmount, 0), a = u(m == null ? void 0 : m.maximumAmount, 0), I = n.object({
+    amount: n.string().superRefine((e, s) => {
+      const l = u(e, 0);
+      l < i && s.addIssue({
         type: "number",
-        code: s.ZodIssueCode.too_small,
+        code: n.ZodIssueCode.too_small,
         inclusive: !0,
-        minimum: m,
-        message: `Minimum amount is ${m.toLocaleString()}`
-      }), l > n && a.addIssue({
+        minimum: i,
+        message: `Minimum amount is ${i.toLocaleString()}`
+      }), l > a && s.addIssue({
         type: "number",
-        code: s.ZodIssueCode.too_big,
+        code: n.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: n,
-        message: `Maximum amount is ${n.toLocaleString()}`
+        maximum: a,
+        message: `Maximum amount is ${a.toLocaleString()}`
       });
     }),
-    password: s.string().min(8, "Password must be 8 or more characters").max(64, "Password must be not be more than 64 characters"),
-    mobileNumber: s.string().regex(b.mobileNumber.pattern, "Invalid mobile number")
-  }), o = W({
+    password: n.string().min(8, "Password must be 8 or more characters").max(64, "Password must be not be more than 64 characters"),
+    mobileNumber: n.string().regex(h.mobileNumber.pattern, "Invalid mobile number")
+  }), r = P({
     mode: "all",
-    resolver: P(x),
+    resolver: x(I),
     defaultValues: {
       amount: "0",
       password: "",
       mobileNumber: ""
     }
   });
-  M(() => {
-    m && o.reset({
-      amount: m.toString(),
+  C(() => {
+    i && r.reset({
+      amount: i.toString(),
       password: "",
       mobileNumber: ""
     });
-  }, [o, m]);
-  const I = o.handleSubmit(async (r) => {
+  }, [r, i]);
+  const v = r.handleSubmit(async (e) => {
     p.mutate({
-      amount: r.amount,
-      recipientMobileNumber: S.format(r.mobileNumber),
-      transactionPassword: r.password
+      amount: e.amount,
+      recipientMobileNumber: N.format(e.mobileNumber),
+      transactionPassword: e.password
     });
   });
-  return /* @__PURE__ */ t("form", { onSubmit: I, noValidate: !0, autoComplete: "off", children: [
-    /* @__PURE__ */ t(d, { invalid: !!o.formState.errors.mobileNumber, children: [
-      /* @__PURE__ */ e(N, { children: "Mobile Number" }),
+  return /* @__PURE__ */ t("form", { onSubmit: v, noValidate: !0, autoComplete: "off", children: [
+    /* @__PURE__ */ t(d, { invalid: !!r.formState.errors.mobileNumber, children: [
+      /* @__PURE__ */ o(O, { children: "Mobile Number" }),
       /* @__PURE__ */ t("div", { className: "relative", children: [
-        /* @__PURE__ */ e(b.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }),
-        /* @__PURE__ */ e(y, { className: "pl-10.5", ...o.register("mobileNumber") })
+        /* @__PURE__ */ o(h.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }),
+        /* @__PURE__ */ o(Q, { className: "pl-10.5", ...r.register("mobileNumber") })
       ] }),
-      /* @__PURE__ */ e(f, { children: (h = o.formState.errors.mobileNumber) == null ? void 0 : h.message })
+      /* @__PURE__ */ o(f, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
     ] }),
-    /* @__PURE__ */ e(
-      D,
+    /* @__PURE__ */ o(
+      M,
       {
-        control: o.control,
+        control: r.control,
         name: "amount",
-        render: (r) => {
-          var a;
+        render: (e) => {
+          var s;
           return /* @__PURE__ */ t(
             d,
             {
-              invalid: !!o.formState.errors.amount,
+              invalid: !!r.formState.errors.amount,
               className: "mt-3xl",
               children: [
                 /* @__PURE__ */ t(
-                  Q,
+                  U,
                   {
                     min: 0,
                     step: 1,
-                    value: r.field.value,
+                    value: e.field.value,
                     onValueChange: (l) => {
-                      r.field.onChange(l.value);
+                      e.field.onChange(l.value);
                     },
                     formatOptions: {
                       maximumFractionDigits: 2,
@@ -143,57 +150,62 @@ function Oe() {
                     },
                     allowMouseWheel: !0,
                     children: [
-                      /* @__PURE__ */ e(U, { children: "Enter amount you want to withdraw" }),
+                      /* @__PURE__ */ o(k, { children: "Enter amount you want to withdraw" }),
                       /* @__PURE__ */ t(G, { children: [
-                        /* @__PURE__ */ e(O, {}),
-                        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(F, {}) }),
-                        /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, {}) })
+                        /* @__PURE__ */ o(Z, {}),
+                        /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(V, {}) }),
+                        /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(T, {}) })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(f, { children: (a = o.formState.errors.amount) == null ? void 0 : a.message })
+                /* @__PURE__ */ o(f, { children: (s = r.formState.errors.amount) == null ? void 0 : s.message })
               ]
             }
           );
         }
       }
     ),
-    /* @__PURE__ */ e(
-      k,
+    /* @__PURE__ */ o(
+      oo,
       {
-        value: u(o.watch("amount"), 0),
-        onChange: (r) => {
-          o.setValue("amount", r.toString(), {
+        value: u(r.watch("amount"), 0),
+        onChange: (e) => {
+          r.setValue("amount", e.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
           });
         },
-        min: m,
-        max: n,
+        min: i,
+        max: a,
         className: "mt-xl"
       }
     ),
-    /* @__PURE__ */ t(d, { className: "mt-3xl", invalid: !!o.formState.errors.password, children: [
-      /* @__PURE__ */ e(N, { children: "Password" }),
-      /* @__PURE__ */ e(y, { type: "password", ...o.register("password") }),
-      /* @__PURE__ */ e(f, { children: (g = o.formState.errors.password) == null ? void 0 : g.message })
+    /* @__PURE__ */ t(d, { className: "mt-3xl", invalid: !!r.formState.errors.password, children: [
+      /* @__PURE__ */ t(B, { children: [
+        /* @__PURE__ */ o(H, { children: "Password" }),
+        /* @__PURE__ */ t(J, { children: [
+          /* @__PURE__ */ o(K, { ...r.register("password") }),
+          /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(Y, { fallback: /* @__PURE__ */ o(F, {}), asChild: !0, children: /* @__PURE__ */ o(A, {}) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ o(f, { children: (g = r.formState.errors.password) == null ? void 0 : g.message })
     ] }),
     /* @__PURE__ */ t("p", { className: "mt-4xl text-xs", children: [
       "Upon clicking the deposit button, you agree to the",
       " ",
-      /* @__PURE__ */ e("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
+      /* @__PURE__ */ o("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
       "."
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       z,
       {
         type: "submit",
         className: "mt-4.5",
         disabled: p.isPending,
-        children: p.isPending ? /* @__PURE__ */ t(C, { children: [
-          /* @__PURE__ */ e(j, {}),
+        children: p.isPending ? /* @__PURE__ */ t(S, { children: [
+          /* @__PURE__ */ o(j, {}),
           "Processing..."
         ] }) : "Deposit"
       }
@@ -201,5 +213,5 @@ function Oe() {
   ] });
 }
 export {
-  Oe as MayaWithdrawal
+  mr as MayaWithdrawal
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("next/link"),w=require("react"),f=require("zustand/shallow"),p=require("../../../client/hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");const q=require("../../../utils/isMobile.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const y=require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");const W=require("../../../client/hooks/useOnMMA.js"),g=require("../../../client/hooks/usePaymentSettingsQuery.js"),M=require("../../../icons/AlertCircleIcon.js"),j=require("../../../icons/AlertTriangle.js"),P=require("../../../icons/ArrowRightIcon.js"),I=require("../../../icons/SpinnerIcon.js"),N=require("../PaymentMethods.js"),S=require("./GCashWithdrawal/GCashWithdrawal.js"),G=require("./InstapayWithdrawal/InstapayWithdrawal.js"),C=require("./MayaAppWithdrawal/MayaAppWithdrawal.js"),v=require("./MayaWithdrawal/MayaWithdrawal.js");function E(){const[i]=W.useOnMMA(),n=p.useAccountQuery().data,l=g.usePaymentSettingsQuery(),e=l.data,s=(()=>{var u,d,h,m,x,b;const r=[];return i?r.push("MAYA_APP"):q.onMobileDevice()?((u=e==null?void 0:e.gcashWithdrawalGatewaySettings)!=null&&u.mobileWebEnabled&&r.push("GCASH"),(d=e==null?void 0:e.mayaWithdrawalGatewaySettings)!=null&&d.mobileWebEnabled&&r.push("MAYA"),(h=e==null?void 0:e.instapayWithdrawalGatewaySettings)!=null&&h.mobileWebEnabled&&r.push("INSTAPAY")):((m=e==null?void 0:e.gcashWithdrawalGatewaySettings)!=null&&m.webEnabled&&r.push("GCASH"),(x=e==null?void 0:e.mayaWithdrawalGatewaySettings)!=null&&x.webEnabled&&r.push("MAYA"),(b=e==null?void 0:e.instapayWithdrawalGatewaySettings)!=null&&b.mobileWebEnabled&&r.push("INSTAPAY")),r})(),[a,c]=w.useState();return w.useEffect(()=>{s.length>0&&!a&&c(s[0])},[s,a]),n&&(!n.transactionPassword||n.verificationStatus!=="VERIFIED")?t.jsx(T,{}):l.isLoading?t.jsx(I.SpinnerIcon,{className:"mx-auto size-6"}):s.length<=0?t.jsxs("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm",children:[t.jsx(M.AlertCircleIcon,{className:"size-4"}),"No available payment methods"]}):t.jsxs(t.Fragment,{children:[t.jsx(N.PaymentMethods,{value:a,onChange:c,options:s}),a==="GCASH"&&t.jsx(S.GCashWithdrawal,{}),a==="MAYA"&&t.jsx(v.MayaWithdrawal,{}),a==="MAYA_APP"&&t.jsx(C.MayaAppWithdrawal,{}),a==="INSTAPAY"&&t.jsx(G.InstapayWithdrawal,{})]})}function T(){const i=y.useGlobalStore(f.useShallow(o=>({depositWithdrawal:o.depositWithdrawal})));return t.jsxs("div",{className:"pb-16 pt-4xl lg:pb-12",children:[t.jsx("div",{className:"bg-amber-50 text-amber-600 mx-auto flex size-12 items-center justify-center rounded-full lg:size-14",children:t.jsx(j.AlertTriangleIcon,{className:"size-6 lg:size-7"})}),t.jsx("h2",{className:"mt-xl text-center text-lg font-semibold lg:text-2xl",children:"Verification and password not set"}),t.jsx("p",{className:"text-gray-500 mx-auto mt-md max-w-[31.25rem] text-center text-sm lg:text-base",children:"To enable withdrawals, first complete the identity verification process and set up your transaction password."}),t.jsxs(A,{href:"/personal-center",className:"text-gray-900 mx-auto mt-2xl flex w-fit items-center gap-md font-semibold",onClick:()=>{i.depositWithdrawal.setOpen(!1),i.depositWithdrawal.setTab("WITHDRAWAL")},children:["Personal Center ",t.jsx(P.ArrowRightIcon,{className:"size-5"})]})]})}exports.Withdrawal=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("next/link"),w=require("react"),f=require("zustand/shallow"),p=require("../../../client/hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../constants/index.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");const q=require("../../../utils/isMobile.js");require("../../../client/services/getSession.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const y=require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");const W=require("../../../client/hooks/useOnMMA.js"),g=require("../../../client/hooks/usePaymentSettingsQuery.js"),M=require("../../../icons/AlertCircleIcon.js"),j=require("../../../icons/AlertTriangle.js"),P=require("../../../icons/ArrowRightIcon.js"),I=require("../../../icons/SpinnerIcon.js"),N=require("../PaymentMethods.js"),S=require("./GCashWithdrawal/GCashWithdrawal.js"),G=require("./InstapayWithdrawal/InstapayWithdrawal.js"),C=require("./MayaAppWithdrawal/MayaAppWithdrawal.js"),v=require("./MayaWithdrawal/MayaWithdrawal.js");function E(){const[i]=W.useOnMMA(),n=p.useAccountQuery().data,l=g.usePaymentSettingsQuery(),e=l.data,s=(()=>{var u,d,h,m,x,b;const r=[];return i?r.push("MAYA_APP"):q.onMobileDevice()?((u=e==null?void 0:e.gcashWithdrawalGatewaySettings)!=null&&u.mobileWebEnabled&&r.push("GCASH"),(d=e==null?void 0:e.mayaWithdrawalGatewaySettings)!=null&&d.mobileWebEnabled&&r.push("MAYA"),(h=e==null?void 0:e.instapayWithdrawalGatewaySettings)!=null&&h.mobileWebEnabled&&r.push("INSTAPAY")):((m=e==null?void 0:e.gcashWithdrawalGatewaySettings)!=null&&m.webEnabled&&r.push("GCASH"),(x=e==null?void 0:e.mayaWithdrawalGatewaySettings)!=null&&x.webEnabled&&r.push("MAYA"),(b=e==null?void 0:e.instapayWithdrawalGatewaySettings)!=null&&b.mobileWebEnabled&&r.push("INSTAPAY")),r})(),[a,c]=w.useState();return w.useEffect(()=>{s.length>0&&!a&&c(s[0])},[s,a]),n&&(!n.transactionPassword||n.verificationStatus!=="VERIFIED")?t.jsx(T,{}):l.isLoading?t.jsx(I.SpinnerIcon,{className:"mx-auto size-6"}):s.length<=0?t.jsxs("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm",children:[t.jsx(M.AlertCircleIcon,{className:"size-4"}),"No available payment methods"]}):t.jsxs(t.Fragment,{children:[t.jsx(N.PaymentMethods,{value:a,onChange:c,options:s}),a==="GCASH"&&t.jsx(S.GCashWithdrawal,{}),a==="MAYA"&&t.jsx(v.MayaWithdrawal,{}),a==="MAYA_APP"&&t.jsx(C.MayaAppWithdrawal,{}),a==="INSTAPAY"&&t.jsx(G.InstapayWithdrawal,{})]})}function T(){const i=y.useGlobalStore(f.useShallow(o=>({depositWithdrawal:o.depositWithdrawal})));return t.jsxs("div",{className:"pb-16 pt-4xl lg:pb-12",children:[t.jsx("div",{className:"bg-amber-50 text-amber-600 mx-auto flex size-12 items-center justify-center rounded-full lg:size-14",children:t.jsx(j.AlertTriangleIcon,{className:"size-6 lg:size-7"})}),t.jsx("h2",{className:"mt-xl text-center text-lg font-semibold lg:text-2xl",children:"Verification and password not set"}),t.jsx("p",{className:"text-gray-500 mx-auto mt-md max-w-[31.25rem] text-center text-sm lg:text-base",children:"To enable withdrawals, first complete the identity verification process and set up your transaction password."}),t.jsxs(A,{href:"/personal-center",className:"text-gray-900 mx-auto mt-2xl flex w-fit items-center gap-md font-semibold",onClick:()=>{i.depositWithdrawal.setOpen(!1),i.depositWithdrawal.setTab("WITHDRAWAL")},children:["Personal Center ",t.jsx(P.ArrowRightIcon,{className:"size-5"})]})]})}exports.Withdrawal=E;