@opexa/portal-components 0.0.15 → 0.0.17

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

@@ -0,0 +1,264 @@
+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 { z as s } from "zod";
+import { useShallow as D } 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 "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 "../../../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useInstapayBankListQuery as M } 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 { ChevronDownIcon as S } from "../../../../icons/ChevronDownIcon.mjs";
+import { ChevronUpIcon as E } from "../../../../icons/ChevronUpIcon.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/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 "../../../../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 "../../../../ui/PinInput/PinInput.mjs";
+import "../../../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+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 "../../../../ui/Table/Table.mjs";
+import "../../../../ui/Tabs/Tabs.mjs";
+import { AmountChoices as ae } from "../../AmountChoices.mjs";
+function no() {
+  var g, C;
+  const k = B(
+    D((o) => ({
+      depositWithdrawal: o.depositWithdrawal
+    }))
+  ), h = R({
+    onSuccess() {
+      t.reset(), k.depositWithdrawal.setOpen(!1), I.success({
+        description: "Withdrawal request submitted successfully."
+      });
+    },
+    onError(o) {
+      I.error({
+        description: o.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({
+        type: "number",
+        code: s.ZodIssueCode.too_small,
+        inclusive: !0,
+        minimum: m,
+        message: `Minimum amount is ${m.toLocaleString()}`
+      }), n > u && i.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()
+  }), t = $({
+    mode: "all",
+    resolver: V(N),
+    defaultValues: {
+      amount: "0",
+      password: "",
+      accountNumber: "",
+      bankCode: ""
+    }
+  });
+  w(() => {
+    m && t.reset({
+      amount: m.toString(),
+      bankCode: t.getValues("bankCode"),
+      password: "",
+      accountNumber: ""
+    });
+  }, [t, m]), w(() => {
+    a != null && a.length && t.reset({
+      amount: t.getValues("amount"),
+      bankCode: a[0].code,
+      password: "",
+      accountNumber: ""
+    });
+  }, [t, a]);
+  const P = t.handleSubmit(async (o) => {
+    h.mutate({
+      amount: o.amount,
+      transactionPassword: o.password,
+      accountNumber: o.accountNumber,
+      bankCode: o.bankCode
+    });
+  }), b = W(
+    () => T({
+      items: a ?? [],
+      itemToValue: (o) => o.code,
+      itemToString: (o) => o.name
+    }),
+    [a]
+  );
+  return console.log(b.items), /* @__PURE__ */ r("form", { onSubmit: P, noValidate: !0, autoComplete: "off", children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        control: t.control,
+        name: "bankCode",
+        render: (o) => {
+          var i;
+          return /* @__PURE__ */ r(d, { invalid: !!t.formState.errors.bankCode, children: [
+            /* @__PURE__ */ r(
+              _,
+              {
+                collection: b,
+                positioning: {
+                  sameWidth: !0
+                },
+                value: o.field.value ? [o.field.value] : [],
+                onValueChange: (n) => {
+                  o.field.onChange(n.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__ */ 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__ */ e(p, { children: (i = t.formState.errors.bankCode) == null ? void 0 : i.message })
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ r(
+      d,
+      {
+        invalid: !!t.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__ */ e(
+      y,
+      {
+        control: t.control,
+        name: "amount",
+        render: (o) => {
+          var i;
+          return /* @__PURE__ */ r(
+            d,
+            {
+              invalid: !!t.formState.errors.amount,
+              className: "mt-3xl",
+              children: [
+                /* @__PURE__ */ r(
+                  G,
+                  {
+                    min: 0,
+                    step: 1,
+                    value: o.field.value,
+                    onValueChange: (n) => {
+                      o.field.onChange(n.value);
+                    },
+                    formatOptions: {
+                      maximumFractionDigits: 2,
+                      minimumFractionDigits: 0
+                    },
+                    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__ */ e(p, { children: (i = t.formState.errors.amount) == null ? void 0 : i.message })
+              ]
+            }
+          );
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      ae,
+      {
+        value: c(t.watch("amount"), 0),
+        onChange: (o) => {
+          t.setValue("amount", o.toString(), {
+            shouldTouch: !0,
+            shouldDirty: !0,
+            shouldValidate: !0
+          });
+        },
+        min: m,
+        max: u,
+        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__ */ r("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__ */ e(
+      j,
+      {
+        type: "submit",
+        className: "mt-4.5",
+        disabled: h.isPending,
+        children: h.isPending ? /* @__PURE__ */ r(L, { children: [
+          /* @__PURE__ */ e(F, {}),
+          "Processing..."
+        ] }) : "Deposit"
+      }
+    )
+  ] });
+}
+export {
+  no as InstapayWithdrawal
+};

package/dist/components/DepositWithdrawal/Withdrawal/MayaAppWithdrawal/MayaAppWithdrawal.d.ts

@@ -0,0 +1 @@
+export declare function MayaAppWithdrawal(): import("react").JSX.Element;

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

@@ -0,0 +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;

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

@@ -0,0 +1,186 @@
+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 { z as a } from "zod";
+import { useShallow as P } 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 l } from "../../../../utils/parseDecimal.mjs";
+import "../../../../utils/getLocaleInfo.mjs";
+import "../../../../utils/getQueryClient.mjs";
+import "../../../../utils/isMobile.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 "../../../../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 { 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 "../../../../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/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 "@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 "../../../../ui/PinInput/PinInput.mjs";
+import "../../../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+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() {
+  var c;
+  const y = V(
+    P((t) => ({
+      depositWithdrawal: t.depositWithdrawal
+    }))
+  ), p = W({
+    onSuccess() {
+      r.reset(), y.depositWithdrawal.setOpen(!1), f.success({
+        description: "Withdrawal request submitted successfully."
+      });
+    },
+    onError(t) {
+      f.error({
+        description: t.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({
+        type: "number",
+        code: a.ZodIssueCode.too_small,
+        inclusive: !0,
+        minimum: e,
+        message: `Minimum amount is ${e.toLocaleString()}`
+      }), u > n && s.addIssue({
+        type: "number",
+        code: a.ZodIssueCode.too_big,
+        inclusive: !0,
+        maximum: n,
+        message: `Maximum amount is ${n.toLocaleString()}`
+      });
+    }),
+    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({
+    mode: "all",
+    resolver: v(b),
+    defaultValues: {
+      amount: "0",
+      password: ""
+    }
+  });
+  I(() => {
+    e && r.reset({
+      amount: e.toString(),
+      password: ""
+    });
+  }, [r, e]);
+  const S = r.handleSubmit(async (t) => {
+    p.mutate({
+      amount: t.amount,
+      transactionPassword: t.password
+    });
+  });
+  return w ? /* @__PURE__ */ i("form", { onSubmit: S, noValidate: !0, children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        control: r.control,
+        name: "amount",
+        render: (t) => {
+          var s;
+          return /* @__PURE__ */ i(h, { invalid: !!r.formState.errors.amount, children: [
+            /* @__PURE__ */ i(
+              $,
+              {
+                min: 0,
+                step: 1,
+                value: t.field.value,
+                onValueChange: (u) => {
+                  t.field.onChange(u.value);
+                },
+                formatOptions: {
+                  maximumFractionDigits: 2,
+                  minimumFractionDigits: 0
+                },
+                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__ */ o(g, { children: (s = r.formState.errors.amount) == null ? void 0 : s.message })
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ o(
+      O,
+      {
+        value: l(r.watch("amount"), 0),
+        onChange: (t) => {
+          r.setValue("amount", t.toString(), {
+            shouldTouch: !0,
+            shouldDirty: !0,
+            shouldValidate: !0
+          });
+        },
+        min: e,
+        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__ */ i("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(
+      L,
+      {
+        type: "submit",
+        className: "mt-4.5",
+        disabled: p.isPending,
+        children: p.isPending ? /* @__PURE__ */ i(x, { children: [
+          /* @__PURE__ */ o(E, {}),
+          "Processing..."
+        ] }) : "Withdraw"
+      }
+    )
+  ] }) : /* @__PURE__ */ o(Z, {});
+}
+export {
+  Oo as MayaAppWithdrawal
+};

package/dist/components/DepositWithdrawal/Withdrawal/MayaWithdrawal/MayaWithdrawal.d.ts

@@ -0,0 +1 @@
+export declare function MayaWithdrawal(): import("react").JSX.Element;

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

@@ -0,0 +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;