@opexa/portal-components 0.0.16 → 0.0.18

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

@@ -1,10 +1,10 @@
-import { jsxs as r, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { createListCollection as T } from "@ark-ui/react";
-import { zodResolver as V } from "@hookform/resolvers/zod";
-import { useEffect as w, useMemo as W } from "react";
-import { useForm as $, Controller as y } from "react-hook-form";
+import { jsxs as t, jsx as o, Fragment as N } from "react/jsx-runtime";
+import { createListCollection as $ } from "@ark-ui/react";
+import { zodResolver as L } from "@hookform/resolvers/zod";
+import { useEffect as I, useMemo as P } from "react";
+import { useForm as T, Controller as w } from "react-hook-form";
 import { z as s } from "zod";
-import { useShallow as D } from "zustand/shallow";
+import { useShallow as V } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,16 +16,18 @@ import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateInstapayWithdrawalMutation as R } from "../../../../client/hooks/useCreateInstapayWithdrawalMutation.mjs";
-import { useGlobalStore as B } from "../../../../client/hooks/useGlobalStore.mjs";
+import { useCreateInstapayWithdrawalMutation as W } from "../../../../client/hooks/useCreateInstapayWithdrawalMutation.mjs";
+import { useGlobalStore as R } from "../../../../client/hooks/useGlobalStore.mjs";
 import "../../../../client/hooks/useInfiniteQueryHelper.mjs";
-import { useInstapayBankListQuery as M } from "../../../../client/hooks/useInstapayBankListQuery.mjs";
+import { useInstapayBankListQuery as D } from "../../../../client/hooks/useInstapayBankListQuery.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as Q } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
-import { toaster as I } from "../../../../client/utils/toaster.mjs";
-import { CheckIcon as A } from "../../../../icons/CheckIcon.mjs";
+import { usePaymentSettingsQuery as B } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
+import { toaster as y } from "../../../../client/utils/toaster.mjs";
+import { CheckIcon as E } from "../../../../icons/CheckIcon.mjs";
 import { ChevronDownIcon as S } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as E } from "../../../../icons/ChevronUpIcon.mjs";
+import { ChevronUpIcon as M } from "../../../../icons/ChevronUpIcon.mjs";
+import { EyeIcon as Q } from "../../../../icons/EyeIcon.mjs";
+import { EyeOffIcon as A } from "../../../../icons/EyeOffIcon.mjs";
 import { SpinnerIcon as F } from "../../../../icons/SpinnerIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
@@ -33,47 +35,50 @@ import "../../../../ui/Badge/Badge.mjs";
 import { Button as j } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
+import "../../../../ui/Collapsible/Collapsible.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
-import { Root as d, ErrorText as p, Label as v, Input as x } from "../../../../ui/Field/Field.mjs";
+import { Root as d, ErrorText as p, Label as G, Input as O } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as G, Label as U, Control as q, Input as z, IncrementTrigger as O, DecrementTrigger as Z } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as U, Label as q, Control as z, Input as Z, IncrementTrigger as _, DecrementTrigger as H } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as J, Label as K, Control as X, Input as Y, VisibilityTrigger as oo, Indicator as eo } 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 { Root as _, Label as H, Control as J, Trigger as K, ValueText as X, Indicator as Y, Positioner as ee, Content as oe, ItemGroup as te, Item as re, ItemText as ne, ItemIndicator as ie } from "../../../../ui/Select/Select.mjs";
+import { Root as ro, Label as to, Control as io, Trigger as no, ValueText as ao, Indicator as mo, Positioner as so, Content as lo, ItemGroup as uo, Item as co, ItemText as po, ItemIndicator as ho } from "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as ae } from "../../AmountChoices.mjs";
-function no() {
+import { AmountChoices as fo } from "../../AmountChoices.mjs";
+function Ce() {
   var g, C;
-  const k = B(
-    D((o) => ({
-      depositWithdrawal: o.depositWithdrawal
+  const k = R(
+    V((e) => ({
+      depositWithdrawal: e.depositWithdrawal
     }))
-  ), h = R({
+  ), h = W({
     onSuccess() {
-      t.reset(), k.depositWithdrawal.setOpen(!1), I.success({
+      r.reset(), k.depositWithdrawal.setOpen(!1), y.success({
         description: "Withdrawal request submitted successfully."
       });
     },
-    onError(o) {
-      I.error({
-        description: o.message
+    onError(e) {
+      y.error({
+        description: e.message
       });
     }
-  }), a = M().data, f = Q().data, l = f == null ? void 0 : f.instapayWithdrawalGatewaySettings, m = c(l == null ? void 0 : l.minimumAmount, 0), u = c(l == null ? void 0 : l.maximumAmount, 0), N = s.object({
-    amount: s.string().superRefine((o, i) => {
-      const n = c(o, 0);
-      n < m && i.addIssue({
+  }), a = D().data, f = B().data, l = f == null ? void 0 : f.instapayWithdrawalGatewaySettings, m = c(l == null ? void 0 : l.minimumAmount, 0), u = c(l == null ? void 0 : l.maximumAmount, 0), v = s.object({
+    amount: s.string().superRefine((e, n) => {
+      const i = c(e, 0);
+      i < m && n.addIssue({
         type: "number",
         code: s.ZodIssueCode.too_small,
         inclusive: !0,
         minimum: m,
         message: `Minimum amount is ${m.toLocaleString()}`
-      }), n > u && i.addIssue({
+      }), i > u && n.addIssue({
         type: "number",
         code: s.ZodIssueCode.too_big,
         inclusive: !0,
@@ -84,9 +89,9 @@ function no() {
     password: s.string().min(8, "Password must be 8 or more characters").max(64, "Password must be not be more than 64 characters"),
     accountNumber: s.string().min(1).trim(),
     bankCode: s.string().min(1, "Bank is required").trim()
-  }), t = $({
+  }), r = T({
     mode: "all",
-    resolver: V(N),
+    resolver: L(v),
     defaultValues: {
       amount: "0",
       password: "",
@@ -94,107 +99,107 @@ function no() {
       bankCode: ""
     }
   });
-  w(() => {
-    m && t.reset({
+  I(() => {
+    m && r.reset({
       amount: m.toString(),
-      bankCode: t.getValues("bankCode"),
+      bankCode: r.getValues("bankCode"),
       password: "",
       accountNumber: ""
     });
-  }, [t, m]), w(() => {
-    a != null && a.length && t.reset({
-      amount: t.getValues("amount"),
+  }, [r, m]), I(() => {
+    a != null && a.length && r.reset({
+      amount: r.getValues("amount"),
       bankCode: a[0].code,
       password: "",
       accountNumber: ""
     });
-  }, [t, a]);
-  const P = t.handleSubmit(async (o) => {
+  }, [r, a]);
+  const x = r.handleSubmit(async (e) => {
     h.mutate({
-      amount: o.amount,
-      transactionPassword: o.password,
-      accountNumber: o.accountNumber,
-      bankCode: o.bankCode
+      amount: e.amount,
+      transactionPassword: e.password,
+      accountNumber: e.accountNumber,
+      bankCode: e.bankCode
     });
-  }), b = W(
-    () => T({
+  }), b = P(
+    () => $({
       items: a ?? [],
-      itemToValue: (o) => o.code,
-      itemToString: (o) => o.name
+      itemToValue: (e) => e.code,
+      itemToString: (e) => e.name
     }),
     [a]
   );
-  return console.log(b.items), /* @__PURE__ */ r("form", { onSubmit: P, noValidate: !0, autoComplete: "off", children: [
-    /* @__PURE__ */ e(
-      y,
+  return console.log(b.items), /* @__PURE__ */ t("form", { onSubmit: x, noValidate: !0, autoComplete: "off", children: [
+    /* @__PURE__ */ o(
+      w,
       {
-        control: t.control,
+        control: r.control,
         name: "bankCode",
-        render: (o) => {
-          var i;
-          return /* @__PURE__ */ r(d, { invalid: !!t.formState.errors.bankCode, children: [
-            /* @__PURE__ */ r(
-              _,
+        render: (e) => {
+          var n;
+          return /* @__PURE__ */ t(d, { invalid: !!r.formState.errors.bankCode, children: [
+            /* @__PURE__ */ t(
+              ro,
               {
                 collection: b,
                 positioning: {
                   sameWidth: !0
                 },
-                value: o.field.value ? [o.field.value] : [],
-                onValueChange: (n) => {
-                  o.field.onChange(n.value.at(0) ?? "");
+                value: e.field.value ? [e.field.value] : [],
+                onValueChange: (i) => {
+                  e.field.onChange(i.value.at(0) ?? "");
                 },
                 children: [
-                  /* @__PURE__ */ e(H, { children: "Bank" }),
-                  /* @__PURE__ */ e(J, { children: /* @__PURE__ */ r(K, { children: [
-                    /* @__PURE__ */ e(X, {}),
-                    /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(S, {}) })
+                  /* @__PURE__ */ o(to, { children: "Bank" }),
+                  /* @__PURE__ */ o(io, { children: /* @__PURE__ */ t(no, { children: [
+                    /* @__PURE__ */ o(ao, {}),
+                    /* @__PURE__ */ o(mo, { asChild: !0, children: /* @__PURE__ */ o(S, {}) })
                   ] }) }),
-                  /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(te, { children: b.items.map((n) => /* @__PURE__ */ r(re, { item: n, children: [
-                    /* @__PURE__ */ e(ne, { children: n.name }),
-                    /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(A, {}) })
-                  ] }, n.id)) }) }) })
+                  /* @__PURE__ */ o(so, { children: /* @__PURE__ */ o(lo, { children: /* @__PURE__ */ o(uo, { children: b.items.map((i) => /* @__PURE__ */ t(co, { item: i, children: [
+                    /* @__PURE__ */ o(po, { children: i.name }),
+                    /* @__PURE__ */ o(ho, { asChild: !0, children: /* @__PURE__ */ o(E, {}) })
+                  ] }, i.id)) }) }) })
                 ]
               }
             ),
-            /* @__PURE__ */ e(p, { children: (i = t.formState.errors.bankCode) == null ? void 0 : i.message })
+            /* @__PURE__ */ o(p, { children: (n = r.formState.errors.bankCode) == null ? void 0 : n.message })
           ] });
         }
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ t(
       d,
       {
-        invalid: !!t.formState.errors.accountNumber,
+        invalid: !!r.formState.errors.accountNumber,
         className: "mt-3xl",
         children: [
-          /* @__PURE__ */ e(v, { children: "Bank account number" }),
-          /* @__PURE__ */ e(x, { ...t.register("accountNumber") }),
-          /* @__PURE__ */ e(p, { children: (g = t.formState.errors.accountNumber) == null ? void 0 : g.message })
+          /* @__PURE__ */ o(G, { children: "Bank account number" }),
+          /* @__PURE__ */ o(O, { ...r.register("accountNumber") }),
+          /* @__PURE__ */ o(p, { children: (g = r.formState.errors.accountNumber) == null ? void 0 : g.message })
         ]
       }
     ),
-    /* @__PURE__ */ e(
-      y,
+    /* @__PURE__ */ o(
+      w,
       {
-        control: t.control,
+        control: r.control,
         name: "amount",
-        render: (o) => {
-          var i;
-          return /* @__PURE__ */ r(
+        render: (e) => {
+          var n;
+          return /* @__PURE__ */ t(
             d,
             {
-              invalid: !!t.formState.errors.amount,
+              invalid: !!r.formState.errors.amount,
               className: "mt-3xl",
               children: [
-                /* @__PURE__ */ r(
-                  G,
+                /* @__PURE__ */ t(
+                  U,
                   {
                     min: 0,
                     step: 1,
-                    value: o.field.value,
-                    onValueChange: (n) => {
-                      o.field.onChange(n.value);
+                    value: e.field.value,
+                    onValueChange: (i) => {
+                      e.field.onChange(i.value);
                     },
                     formatOptions: {
                       maximumFractionDigits: 2,
@@ -202,28 +207,28 @@ function no() {
                     },
                     allowMouseWheel: !0,
                     children: [
-                      /* @__PURE__ */ e(U, { children: "Enter amount you want to withdraw" }),
-                      /* @__PURE__ */ r(q, { children: [
-                        /* @__PURE__ */ e(z, {}),
-                        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(E, {}) }),
-                        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(S, {}) })
+                      /* @__PURE__ */ o(q, { children: "Enter amount you want to withdraw" }),
+                      /* @__PURE__ */ t(z, { children: [
+                        /* @__PURE__ */ o(Z, {}),
+                        /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(M, {}) }),
+                        /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(S, {}) })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(p, { children: (i = t.formState.errors.amount) == null ? void 0 : i.message })
+                /* @__PURE__ */ o(p, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
               ]
             }
           );
         }
       }
     ),
-    /* @__PURE__ */ e(
-      ae,
+    /* @__PURE__ */ o(
+      fo,
       {
-        value: c(t.watch("amount"), 0),
-        onChange: (o) => {
-          t.setValue("amount", o.toString(), {
+        value: c(r.watch("amount"), 0),
+        onChange: (e) => {
+          r.setValue("amount", e.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
@@ -234,25 +239,30 @@ function no() {
         className: "mt-xl"
       }
     ),
-    /* @__PURE__ */ r(d, { className: "mt-3xl", invalid: !!t.formState.errors.password, children: [
-      /* @__PURE__ */ e(v, { children: "Password" }),
-      /* @__PURE__ */ e(x, { type: "password", ...t.register("password") }),
-      /* @__PURE__ */ e(p, { children: (C = t.formState.errors.password) == null ? void 0 : C.message })
+    /* @__PURE__ */ t(d, { className: "mt-3xl", invalid: !!r.formState.errors.password, children: [
+      /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ o(K, { children: "Password" }),
+        /* @__PURE__ */ t(X, { children: [
+          /* @__PURE__ */ o(Y, { ...r.register("password") }),
+          /* @__PURE__ */ o(oo, { children: /* @__PURE__ */ o(eo, { fallback: /* @__PURE__ */ o(A, {}), asChild: !0, children: /* @__PURE__ */ o(Q, {}) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ o(p, { children: (C = r.formState.errors.password) == null ? void 0 : C.message })
     ] }),
-    /* @__PURE__ */ r("p", { className: "mt-4xl text-xs", children: [
+    /* @__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(
       j,
       {
         type: "submit",
         className: "mt-4.5",
         disabled: h.isPending,
-        children: h.isPending ? /* @__PURE__ */ r(L, { children: [
-          /* @__PURE__ */ e(F, {}),
+        children: h.isPending ? /* @__PURE__ */ t(N, { children: [
+          /* @__PURE__ */ o(F, {}),
           "Processing..."
         ] }) : "Deposit"
       }
@@ -260,5 +270,5 @@ function no() {
   ] });
 }
 export {
-  no as InstapayWithdrawal
+  Ce as InstapayWithdrawal
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("@hookform/resolvers/zod"),f=require("react"),q=require("react-hook-form"),u=require("zod"),b=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const l=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 M=require("../../../../client/hooks/useCreateMayaAppWithdrawalMutation.js"),v=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const I=require("../../../../client/hooks/useIsMayaSessionValidQuery.js");require("usehooks-ts");const C=require("../../../../client/hooks/usePaymentSettingsQuery.js"),x=require("../../../../client/utils/toaster.js"),P=require("../../../../icons/ChevronDownIcon.js"),W=require("../../../../icons/ChevronUpIcon.js"),A=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const D=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 i=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const n=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 V=require("../../AmountChoices.js"),z=require("../../MayaSessionExpired.js");function Q(){var h;const y=v.useGlobalStore(b.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),d=M.useCreateMayaAppWithdrawalMutation({onSuccess(){s.reset(),y.depositWithdrawal.setOpen(!1),x.toaster.success({description:"Withdrawal request submitted successfully."})},onError(r){x.toaster.error({description:r.message})}}),g=I.useIsMayaSessionValidQuery().data??!0,p=C.usePaymentSettingsQuery().data,o=p==null?void 0:p.mayaAppWithdrawalGatewaySettings,c=l.parseDecimal(o==null?void 0:o.maximumAmount,0),t=l.parseDecimal(o==null?void 0:o.minimumAmount,0),w=u.z.object({amount:u.z.string().superRefine((r,a)=>{const m=l.parseDecimal(r,0);m<t&&a.addIssue({type:"number",code:u.z.ZodIssueCode.too_small,inclusive:!0,minimum:t,message:`Minimum amount is ${t.toLocaleString()}`}),m>c&&a.addIssue({type:"number",code:u.z.ZodIssueCode.too_big,inclusive:!0,maximum:c,message:`Maximum amount is ${c.toLocaleString()}`})}),password:u.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters")}),s=q.useForm({mode:"all",resolver:j.zodResolver(w),defaultValues:{amount:"0",password:""}});f.useEffect(()=>{t&&s.reset({amount:t.toString(),password:""})},[s,t]);const S=s.handleSubmit(async r=>{d.mutate({amount:r.amount,transactionPassword:r.password})});return g?e.jsxs("form",{onSubmit:S,noValidate:!0,children:[e.jsx(q.Controller,{control:s.control,name:"amount",render:r=>{var a;return e.jsxs(i.Root,{invalid:!!s.formState.errors.amount,children:[e.jsxs(n.Root,{min:0,step:1,value:r.field.value,onValueChange:m=>{r.field.onChange(m.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(n.Label,{children:"Enter amount you want to deposit"}),e.jsxs(n.Control,{children:[e.jsx(n.Input,{}),e.jsx(n.IncrementTrigger,{children:e.jsx(W.ChevronUpIcon,{})}),e.jsx(n.DecrementTrigger,{children:e.jsx(P.ChevronDownIcon,{})})]})]}),e.jsx(i.ErrorText,{children:(a=s.formState.errors.amount)==null?void 0:a.message})]})}}),e.jsx(V.AmountChoices,{value:l.parseDecimal(s.watch("amount"),0),onChange:r=>{s.setValue("amount",r.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:t,max:c,className:"mt-xl"}),e.jsxs(i.Root,{className:"mt-3xl",invalid:!!s.formState.errors.password,children:[e.jsx(i.Label,{children:"Transaction Password"}),e.jsx(i.Input,{type:"password",...s.register("password")}),e.jsx(i.ErrorText,{children:(h=s.formState.errors.password)==null?void 0:h.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(D.Button,{type:"submit",className:"mt-4.5",disabled:d.isPending,children:d.isPending?e.jsxs(e.Fragment,{children:[e.jsx(A.SpinnerIcon,{}),"Processing..."]}):"Withdraw"})]}):e.jsx(z.MayaSessionExpired,{})}exports.MayaAppWithdrawal=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("@hookform/resolvers/zod"),b=require("react"),x=require("react-hook-form"),u=require("zod"),I=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const m=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 M=require("../../../../client/hooks/useCreateMayaAppWithdrawalMutation.js"),C=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");const v=require("../../../../client/hooks/useIsMayaSessionValidQuery.js");require("usehooks-ts");const P=require("../../../../client/hooks/usePaymentSettingsQuery.js"),y=require("../../../../client/utils/toaster.js"),W=require("../../../../icons/ChevronDownIcon.js"),A=require("../../../../icons/ChevronUpIcon.js"),D=require("../../../../icons/EyeIcon.js"),E=require("../../../../icons/EyeOffIcon.js"),V=require("../../../../icons/SpinnerIcon.js");require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const z=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 d=require("../../../../ui/Field/Field.js");require("@ark-ui/react");require("../../../../ui/IconButton/iconButton.recipe.js");const i=require("../../../../ui/NumberInput/NumberInput.js"),n=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 Q=require("../../AmountChoices.js"),R=require("../../MayaSessionExpired.js");function T(){var p;const j=C.useGlobalStore(I.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),h=M.useCreateMayaAppWithdrawalMutation({onSuccess(){s.reset(),j.depositWithdrawal.setOpen(!1),y.toaster.success({description:"Withdrawal request submitted successfully."})},onError(r){y.toaster.error({description:r.message})}}),g=v.useIsMayaSessionValidQuery().data??!0,q=P.usePaymentSettingsQuery().data,o=q==null?void 0:q.mayaAppWithdrawalGatewaySettings,c=m.parseDecimal(o==null?void 0:o.maximumAmount,0),t=m.parseDecimal(o==null?void 0:o.minimumAmount,0),f=u.z.object({amount:u.z.string().superRefine((r,a)=>{const l=m.parseDecimal(r,0);l<t&&a.addIssue({type:"number",code:u.z.ZodIssueCode.too_small,inclusive:!0,minimum:t,message:`Minimum amount is ${t.toLocaleString()}`}),l>c&&a.addIssue({type:"number",code:u.z.ZodIssueCode.too_big,inclusive:!0,maximum:c,message:`Maximum amount is ${c.toLocaleString()}`})}),password:u.z.string().min(8,"Password must be 8 or more characters").max(64,"Password must be not be more than 64 characters")}),s=x.useForm({mode:"all",resolver:S.zodResolver(f),defaultValues:{amount:"0",password:""}});b.useEffect(()=>{t&&s.reset({amount:t.toString(),password:""})},[s,t]);const w=s.handleSubmit(async r=>{h.mutate({amount:r.amount,transactionPassword:r.password})});return g?e.jsxs("form",{onSubmit:w,noValidate:!0,children:[e.jsx(x.Controller,{control:s.control,name:"amount",render:r=>{var a;return e.jsxs(d.Root,{invalid:!!s.formState.errors.amount,children:[e.jsxs(i.Root,{min:0,step:1,value:r.field.value,onValueChange:l=>{r.field.onChange(l.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(i.Label,{children:"Enter amount you want to deposit"}),e.jsxs(i.Control,{children:[e.jsx(i.Input,{}),e.jsx(i.IncrementTrigger,{children:e.jsx(A.ChevronUpIcon,{})}),e.jsx(i.DecrementTrigger,{children:e.jsx(W.ChevronDownIcon,{})})]})]}),e.jsx(d.ErrorText,{children:(a=s.formState.errors.amount)==null?void 0:a.message})]})}}),e.jsx(Q.AmountChoices,{value:m.parseDecimal(s.watch("amount"),0),onChange:r=>{s.setValue("amount",r.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:t,max:c,className:"mt-xl"}),e.jsxs(d.Root,{className:"mt-3xl",invalid:!!s.formState.errors.password,children:[e.jsxs(n.Root,{children:[e.jsx(n.Label,{children:"Password"}),e.jsxs(n.Control,{children:[e.jsx(n.Input,{...s.register("password")}),e.jsx(n.VisibilityTrigger,{children:e.jsx(n.Indicator,{fallback:e.jsx(E.EyeOffIcon,{}),asChild:!0,children:e.jsx(D.EyeIcon,{})})})]})]}),e.jsx(d.ErrorText,{children:(p=s.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(z.Button,{type:"submit",className:"mt-4.5",disabled:h.isPending,children:h.isPending?e.jsxs(e.Fragment,{children:[e.jsx(V.SpinnerIcon,{}),"Processing..."]}):"Withdraw"})]}):e.jsx(R.MayaSessionExpired,{})}exports.MayaAppWithdrawal=T;