@opexa/portal-components 0.0.27 → 0.0.28

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

@@ -1,217 +0,0 @@
-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 $ } from "zustand/shallow";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../../../constants/index.mjs";
-import "../../../../utils/capitalize.mjs";
-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 { 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 D } from "../../../../client/hooks/useLocaleInfo.mjs";
-import { useMobileNumberParser as R } from "../../../../client/hooks/useMobileNumberParser.mjs";
-import "usehooks-ts";
-import { usePaymentSettingsQuery as E } from "../../../../client/hooks/usePaymentSettingsQuery.mjs";
-import { toaster as w } from "../../../../client/utils/toaster.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";
-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/Combobox/Combobox.mjs";
-import "../../../../ui/DatePicker/DatePicker.mjs";
-import "../../../../ui/Dialog/Dialog.mjs";
-import "../../../../ui/Drawer/Drawer.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 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 oo } from "../../AmountChoices.mjs";
-function mr() {
-  var b, g;
-  const N = M(
-    $((e) => ({
-      depositWithdrawal: e.depositWithdrawal
-    }))
-  ), h = D(), y = R(), p = L({
-    onSuccess() {
-      r.reset(), N.depositWithdrawal.setOpen(!1), w.success({
-        description: "Withdrawal request submitted successfully."
-      });
-    },
-    onError(e) {
-      w.error({
-        description: e.message
-      });
-    }
-  }), c = E().data, m = c == null ? void 0 : c.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: i,
-        message: `Minimum amount is ${i.toLocaleString()}`
-      }), l > a && n.addIssue({
-        type: "number",
-        code: s.ZodIssueCode.too_big,
-        inclusive: !0,
-        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(h.mobileNumber.pattern, "Invalid mobile number")
-  }), r = P({
-    mode: "all",
-    resolver: x(I),
-    defaultValues: {
-      amount: "0",
-      password: "",
-      mobileNumber: ""
-    }
-  });
-  C(() => {
-    i && r.reset({
-      amount: i.toString(),
-      password: "",
-      mobileNumber: ""
-    });
-  }, [r, i]);
-  const v = r.handleSubmit(async (e) => {
-    p.mutate({
-      amount: e.amount,
-      recipientMobileNumber: y.format(e.mobileNumber),
-      transactionPassword: e.password
-    });
-  });
-  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__ */ 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__ */ o(f, { children: (b = r.formState.errors.mobileNumber) == null ? void 0 : b.message })
-    ] }),
-    /* @__PURE__ */ o(
-      W,
-      {
-        control: r.control,
-        name: "amount",
-        render: (e) => {
-          var n;
-          return /* @__PURE__ */ t(
-            d,
-            {
-              invalid: !!r.formState.errors.amount,
-              className: "mt-3xl",
-              children: [
-                /* @__PURE__ */ t(
-                  Q,
-                  {
-                    min: 0,
-                    step: 1,
-                    value: e.field.value,
-                    onValueChange: (l) => {
-                      e.field.onChange(l.value);
-                    },
-                    formatOptions: {
-                      maximumFractionDigits: 2,
-                      minimumFractionDigits: 0
-                    },
-                    allowMouseWheel: !0,
-                    children: [
-                      /* @__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__ */ o(f, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
-              ]
-            }
-          );
-        }
-      }
-    ),
-    /* @__PURE__ */ o(
-      oo,
-      {
-        value: u(r.watch("amount"), 0),
-        onChange: (e) => {
-          r.setValue("amount", e.toString(), {
-            shouldTouch: !0,
-            shouldDirty: !0,
-            shouldValidate: !0
-          });
-        },
-        min: i,
-        max: a,
-        className: "mt-xl"
-      }
-    ),
-    /* @__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__ */ o("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
-      "."
-    ] }),
-    /* @__PURE__ */ o(
-      j,
-      {
-        type: "submit",
-        className: "mt-4.5",
-        disabled: p.isPending,
-        children: p.isPending ? /* @__PURE__ */ t(S, { children: [
-          /* @__PURE__ */ o(G, {}),
-          "Processing..."
-        ] }) : "Deposit"
-      }
-    )
-  ] });
-}
-export {
-  mr as GCashWithdrawal
-};

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

@@ -1 +0,0 @@
-"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("../../../../client/services/getSession.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/Combobox/Combobox.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;

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

@@ -1,276 +0,0 @@
-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 V } from "zustand/shallow";
-import "@opexa/portal-sdk-core";
-import "@tanstack/react-query";
-import "tiny-invariant";
-import "../../../../constants/index.mjs";
-import "../../../../utils/capitalize.mjs";
-import { parseDecimal as c } 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 { 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 D } from "../../../../client/hooks/useInstapayBankListQuery.mjs";
-import "usehooks-ts";
-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 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";
-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/Combobox/Combobox.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 G, Input as O } from "../../../../ui/Field/Field.mjs";
-import "../../../../ui/IconButton/iconButton.recipe.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 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 fo } from "../../AmountChoices.mjs";
-function we() {
-  var g, C;
-  const k = R(
-    V((e) => ({
-      depositWithdrawal: e.depositWithdrawal
-    }))
-  ), h = W({
-    onSuccess() {
-      r.reset(), k.depositWithdrawal.setOpen(!1), y.success({
-        description: "Withdrawal request submitted successfully."
-      });
-    },
-    onError(e) {
-      y.error({
-        description: e.message
-      });
-    }
-  }), 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()}`
-      }), i > u && n.addIssue({
-        type: "number",
-        code: s.ZodIssueCode.too_big,
-        inclusive: !0,
-        maximum: u,
-        message: `Maximum amount is ${u.toLocaleString()}`
-      });
-    }),
-    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()
-  }), r = T({
-    mode: "all",
-    resolver: L(v),
-    defaultValues: {
-      amount: "0",
-      password: "",
-      accountNumber: "",
-      bankCode: ""
-    }
-  });
-  I(() => {
-    m && r.reset({
-      amount: m.toString(),
-      bankCode: r.getValues("bankCode"),
-      password: "",
-      accountNumber: ""
-    });
-  }, [r, m]), I(() => {
-    a != null && a.length && r.reset({
-      amount: r.getValues("amount"),
-      bankCode: a[0].code,
-      password: "",
-      accountNumber: ""
-    });
-  }, [r, a]);
-  const x = r.handleSubmit(async (e) => {
-    h.mutate({
-      amount: e.amount,
-      transactionPassword: e.password,
-      accountNumber: e.accountNumber,
-      bankCode: e.bankCode
-    });
-  }), b = P(
-    () => $({
-      items: a ?? [],
-      itemToValue: (e) => e.code,
-      itemToString: (e) => e.name
-    }),
-    [a]
-  );
-  return console.log(b.items), /* @__PURE__ */ t("form", { onSubmit: x, noValidate: !0, autoComplete: "off", children: [
-    /* @__PURE__ */ o(
-      w,
-      {
-        control: r.control,
-        name: "bankCode",
-        render: (e) => {
-          var n;
-          return /* @__PURE__ */ t(d, { invalid: !!r.formState.errors.bankCode, children: [
-            /* @__PURE__ */ t(
-              ro,
-              {
-                collection: b,
-                positioning: {
-                  sameWidth: !0
-                },
-                value: e.field.value ? [e.field.value] : [],
-                onValueChange: (i) => {
-                  e.field.onChange(i.value.at(0) ?? "");
-                },
-                children: [
-                  /* @__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__ */ 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__ */ o(p, { children: (n = r.formState.errors.bankCode) == null ? void 0 : n.message })
-          ] });
-        }
-      }
-    ),
-    /* @__PURE__ */ t(
-      d,
-      {
-        invalid: !!r.formState.errors.accountNumber,
-        className: "mt-3xl",
-        children: [
-          /* @__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__ */ o(
-      w,
-      {
-        control: r.control,
-        name: "amount",
-        render: (e) => {
-          var n;
-          return /* @__PURE__ */ t(
-            d,
-            {
-              invalid: !!r.formState.errors.amount,
-              className: "mt-3xl",
-              children: [
-                /* @__PURE__ */ t(
-                  U,
-                  {
-                    min: 0,
-                    step: 1,
-                    value: e.field.value,
-                    onValueChange: (i) => {
-                      e.field.onChange(i.value);
-                    },
-                    formatOptions: {
-                      maximumFractionDigits: 2,
-                      minimumFractionDigits: 0
-                    },
-                    allowMouseWheel: !0,
-                    children: [
-                      /* @__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__ */ o(p, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
-              ]
-            }
-          );
-        }
-      }
-    ),
-    /* @__PURE__ */ o(
-      fo,
-      {
-        value: c(r.watch("amount"), 0),
-        onChange: (e) => {
-          r.setValue("amount", e.toString(), {
-            shouldTouch: !0,
-            shouldDirty: !0,
-            shouldValidate: !0
-          });
-        },
-        min: m,
-        max: u,
-        className: "mt-xl"
-      }
-    ),
-    /* @__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__ */ t("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" }),
-      "."
-    ] }),
-    /* @__PURE__ */ o(
-      j,
-      {
-        type: "submit",
-        className: "mt-4.5",
-        disabled: h.isPending,
-        children: h.isPending ? /* @__PURE__ */ t(N, { children: [
-          /* @__PURE__ */ o(F, {}),
-          "Processing..."
-        ] }) : "Deposit"
-      }
-    )
-  ] });
-}
-export {
-  we as InstapayWithdrawal
-};

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

@@ -1 +0,0 @@
-"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("../../../../client/services/getSession.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/Combobox/Combobox.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 o=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}))),q=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,h=P.usePaymentSettingsQuery().data,i=h==null?void 0:h.mayaAppWithdrawalGatewaySettings,c=m.parseDecimal(i==null?void 0:i.maximumAmount,0),t=m.parseDecimal(i==null?void 0:i.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=>{q.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(o.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(o.Label,{children:"Enter amount you want to deposit"}),e.jsxs(o.Control,{children:[e.jsx(o.Input,{}),e.jsx(o.IncrementTrigger,{children:e.jsx(A.ChevronUpIcon,{})}),e.jsx(o.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:q.isPending,children:q.isPending?e.jsxs(e.Fragment,{children:[e.jsx(V.SpinnerIcon,{}),"Processing..."]}):"Withdraw"})]}):e.jsx(R.MayaSessionExpired,{})}exports.MayaAppWithdrawal=T;