@opexa/portal-components 0.0.16 → 0.0.18

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

@@ -1,9 +1,9 @@
-import { jsxs as t, jsx as e, Fragment as I } from "react/jsx-runtime";
-import { zodResolver as P } from "@hookform/resolvers/zod";
-import { useEffect as W } from "react";
-import { useForm as M, Controller as D } from "react-hook-form";
+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 W } from "react-hook-form";
 import { z as s } from "zod";
-import { useShallow as L } from "zustand/shallow";
+import { useShallow as $ } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -15,16 +15,18 @@ import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useCreateGCashWithdrawalMutation as A } from "../../../../client/hooks/useCreateGCashWithdrawalMutation.mjs";
-import { useGlobalStore as R } from "../../../../client/hooks/useGlobalStore.mjs";
+import { useCreateGCashWithdrawalMutation as L } from "../../../../client/hooks/useCreateGCashWithdrawalMutation.mjs";
+import { useGlobalStore as M } 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 G } from "../../../../icons/SpinnerIcon.mjs";
 import "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
@@ -32,47 +34,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, Label as N, Input as v, ErrorText as f } from "../../../../ui/Field/Field.mjs";
+import { Root as d, Label as z, Input as O, ErrorText as f } from "../../../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as z, Label as Q, Control as U, Input as O, IncrementTrigger as Z, DecrementTrigger as _ } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as Q, Label as U, Control as k, 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() {
+import { AmountChoices as oo } from "../../AmountChoices.mjs";
+function tr() {
   var b, g;
-  const S = R(
-    L((r) => ({
-      depositWithdrawal: r.depositWithdrawal
+  const N = M(
+    $((e) => ({
+      depositWithdrawal: e.depositWithdrawal
     }))
-  ), h = T(), x = V(), p = A({
+  ), h = D(), y = R(), c = L({
     onSuccess() {
-      o.reset(), S.depositWithdrawal.setOpen(!1), w.success({
+      r.reset(), N.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.gcashWithdrawalGatewaySettings, m = u(i == null ? void 0 : i.minimumAmount, 0), a = u(i == null ? void 0 : i.maximumAmount, 0), y = s.object({
-    amount: s.string().superRefine((r, n) => {
-      const l = u(r, 0);
-      l < m && n.addIssue({
+  }), p = E().data, m = p == null ? void 0 : p.gcashWithdrawalGatewaySettings, i = u(m == null ? void 0 : m.minimumAmount, 0), a = u(m == null ? void 0 : m.maximumAmount, 0), I = s.object({
+    amount: s.string().superRefine((e, n) => {
+      const l = u(e, 0);
+      l < i && n.addIssue({
         type: "number",
         code: s.ZodIssueCode.too_small,
         inclusive: !0,
-        minimum: m,
-        message: `Minimum amount is ${m.toLocaleString()}`
+        minimum: i,
+        message: `Minimum amount is ${i.toLocaleString()}`
       }), l > a && n.addIssue({
         type: "number",
         code: s.ZodIssueCode.too_big,
@@ -83,59 +88,59 @@ function Oe() {
     }),
     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(h.mobileNumber.pattern, "Invalid mobile number")
-  }), o = M({
+  }), r = P({
     mode: "all",
-    resolver: P(y),
+    resolver: x(I),
     defaultValues: {
       amount: "0",
       password: "",
       mobileNumber: ""
     }
   });
-  W(() => {
-    m && o.reset({
-      amount: m.toString(),
+  C(() => {
+    i && r.reset({
+      amount: i.toString(),
       password: "",
       mobileNumber: ""
     });
-  }, [o, m]);
-  const C = o.handleSubmit(async (r) => {
-    p.mutate({
-      amount: r.amount,
-      recipientMobileNumber: x.format(r.mobileNumber),
-      transactionPassword: r.password
+  }, [r, i]);
+  const v = r.handleSubmit(async (e) => {
+    c.mutate({
+      amount: e.amount,
+      recipientMobileNumber: y.format(e.mobileNumber),
+      transactionPassword: e.password
     });
   });
-  return /* @__PURE__ */ t("form", { onSubmit: C, 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(z, { children: "Mobile Number" }),
       /* @__PURE__ */ t("div", { className: "relative", children: [
-        /* @__PURE__ */ e(h.country.flag, { className: "pointer-events-none absolute left-3.5 top-1/2 size-5 -translate-y-1/2" }),
-        /* @__PURE__ */ e(v, { 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(O, { className: "pl-10.5", ...r.register("mobileNumber") })
       ] }),
-      /* @__PURE__ */ e(f, { children: (b = o.formState.errors.mobileNumber) == null ? void 0 : b.message })
+      /* @__PURE__ */ o(f, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
     ] }),
-    /* @__PURE__ */ e(
-      D,
+    /* @__PURE__ */ o(
+      W,
       {
-        control: o.control,
+        control: r.control,
         name: "amount",
-        render: (r) => {
+        render: (e) => {
           var n;
           return /* @__PURE__ */ t(
             d,
             {
-              invalid: !!o.formState.errors.amount,
+              invalid: !!r.formState.errors.amount,
               className: "mt-3xl",
               children: [
                 /* @__PURE__ */ t(
-                  z,
+                  Q,
                   {
                     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 +148,62 @@ function Oe() {
                     },
                     allowMouseWheel: !0,
                     children: [
-                      /* @__PURE__ */ e(Q, { children: "Enter amount you want to withdraw" }),
-                      /* @__PURE__ */ t(U, { children: [
-                        /* @__PURE__ */ e(O, {}),
-                        /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(F, {}) }),
-                        /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(E, {}) })
+                      /* @__PURE__ */ o(U, { children: "Enter amount you want to withdraw" }),
+                      /* @__PURE__ */ t(k, { children: [
+                        /* @__PURE__ */ o(Z, {}),
+                        /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(V, {}) }),
+                        /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(T, {}) })
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(f, { children: (n = o.formState.errors.amount) == null ? void 0 : n.message })
+                /* @__PURE__ */ o(f, { children: (n = r.formState.errors.amount) == null ? void 0 : n.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,
+        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(v, { 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(
       j,
       {
         type: "submit",
         className: "mt-4.5",
-        disabled: p.isPending,
-        children: p.isPending ? /* @__PURE__ */ t(I, { children: [
-          /* @__PURE__ */ e(G, {}),
+        disabled: c.isPending,
+        children: c.isPending ? /* @__PURE__ */ t(S, { children: [
+          /* @__PURE__ */ o(G, {}),
           "Processing..."
         ] }) : "Deposit"
       }
@@ -201,5 +211,5 @@ function Oe() {
   ] });
 }
 export {
-  Oe as GCashWithdrawal
+  tr as GCashWithdrawal
 };

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

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