@opexa/portal-components 0.0.10 → 0.0.11

package/dist/components/DepositWithdrawal/Deposit/MayaDeposit/MayaDeposit.mjs

@@ -1,46 +1,46 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.mjs";
-import { Portal as A } from "@ark-ui/react";
-import { zodResolver as w } from "../../../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { useEffect as M } from "react";
-import { useForm as O, Controller as v } from "react-hook-form";
-import P from "tiny-invariant";
-import { z as m } from "zod";
+import { jsxs as i, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { Portal as O } from "@ark-ui/react";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { useEffect as k } from "react";
+import { useForm as E, Controller as x } from "react-hook-form";
+import z from "tiny-invariant";
+import { z as a } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import { parseDecimal as n } from "../../../../utils/parseDecimal.mjs";
+import { parseDecimal as m } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as k } from "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as E } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { toaster as N } from "../../../../utils/toaster.mjs";
+import { useAvailablePromosQuery as Q } from "../../../../hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import { useCreateMayaDepositMutation as R } from "../../../../hooks/useCreateMayaDepositMutation.mjs";
-import { useDepositsCountQuery as z } from "../../../../hooks/useDepositsCountQuery.mjs";
-import { useDisclosure as N } from "../../../../hooks/useDisclosure.mjs";
-import { useGlobalStore as Q } from "../../../../hooks/useGlobalStore.mjs";
+import { useDepositsCountQuery as F } from "../../../../hooks/useDepositsCountQuery.mjs";
+import { useDisclosure as T } from "../../../../hooks/useDisclosure.mjs";
+import { useGlobalStore as V } from "../../../../hooks/useGlobalStore.mjs";
 import "../../../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { usePaymentSettingsQuery as F } from "../../../../hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as T } from "../../../../icons/AlertCircleIcon.mjs";
-import { ChevronDownIcon as V } from "../../../../icons/ChevronDownIcon.mjs";
-import { ChevronUpIcon as $ } from "../../../../icons/ChevronUpIcon.mjs";
-import { SpinnerIcon as U } from "../../../../icons/SpinnerIcon.mjs";
-import { XIcon as L } from "../../../../icons/XIcon.mjs";
-import { Root as W, Backdrop as Z, Positioner as B, Content as _, Header as G, CloseTrigger as q, Body as H, Title as X, Description as Y, Footer as J } from "../../../../ui/AlertDialog/AlertDialog.mjs";
+import { usePaymentSettingsQuery as $ } from "../../../../hooks/usePaymentSettingsQuery.mjs";
+import { AlertCircleIcon as U } from "../../../../icons/AlertCircleIcon.mjs";
+import { ChevronDownIcon as j } from "../../../../icons/ChevronDownIcon.mjs";
+import { ChevronUpIcon as L } from "../../../../icons/ChevronUpIcon.mjs";
+import { SpinnerIcon as W } from "../../../../icons/SpinnerIcon.mjs";
+import { XIcon as Z } from "../../../../icons/XIcon.mjs";
+import { Root as B, Backdrop as _, Positioner as G, Content as q, Header as H, CloseTrigger as X, Body as Y, Title as J, Description as K, Footer as oo } from "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as d } from "../../../../ui/Button/Button.mjs";
+import { Button as f } 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 K, ErrorText as oo } from "../../../../ui/Field/Field.mjs";
+import { Root as eo, ErrorText as to } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as eo, Label as to, Control as ro, Input as io, IncrementTrigger as no, DecrementTrigger as so } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as ro, Label as io, Control as no, Input as mo, IncrementTrigger as so, DecrementTrigger as ao } from "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
@@ -48,90 +48,90 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as mo } from "../../AmountChoices.mjs";
-import { AvailablePromos as ao } from "../../AvailablePromos.mjs";
-import { useShallow as uo } from "../../../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-function pe() {
-  var g;
-  const u = N(), b = Q(
-    uo((e) => ({
-      depositWithdrawal: e.depositWithdrawal
+import { AmountChoices as uo } from "../../AmountChoices.mjs";
+import { AvailablePromos as lo } from "../../AvailablePromos.mjs";
+import { useShallow as co } from "../../../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
+function fe() {
+  var C;
+  const l = T(), S = V(
+    co((o) => ({
+      depositWithdrawal: o.depositWithdrawal
     }))
-  ), c = R({
-    onSuccess(e) {
-      P(e.checkoutUrl), window.open(e.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), b.depositWithdrawal.setOpen(!1);
+  ), p = R({
+    onSuccess(o) {
+      z(o.checkoutUrl), window.open(o.checkoutUrl, "_blank", "noopener,noreferrer"), r.reset(), S.depositWithdrawal.setOpen(!1);
     },
-    onError(e) {
-      k.error({
-        description: e.message
+    onError(o) {
+      N.error({
+        description: o.message
       });
     }
-  }), D = z().data ?? 0, f = F(), p = f.data, a = p == null ? void 0 : p.mayaDepositGatewaySettings, l = n(a == null ? void 0 : a.maximumAmount, 0), s = D <= 0 ? n((g = f.data) == null ? void 0 : g.minimumFirstDepositAmount, 0) : n(a == null ? void 0 : a.minimumAmount, 0), h = E().data ?? [], S = m.object({
-    amount: m.string().superRefine((e, i) => {
-      const t = n(e, 0);
-      t < s && i.addIssue({
+  }), I = F().data ?? 0, h = $(), d = h.data, u = d == null ? void 0 : d.mayaDepositGatewaySettings, c = m(u == null ? void 0 : u.maximumAmount, 0), s = I <= 0 ? m((C = h.data) == null ? void 0 : C.minimumFirstDepositAmount, 0) : m(u == null ? void 0 : u.minimumAmount, 0), g = Q().data ?? [], A = a.object({
+    amount: a.string().superRefine((o, n) => {
+      const t = m(o, 0);
+      t < s && n.addIssue({
         type: "number",
-        code: m.ZodIssueCode.too_small,
+        code: a.ZodIssueCode.too_small,
         inclusive: !0,
         minimum: s,
         message: `Minimum amount is ${s.toLocaleString()}`
-      }), t > l && i.addIssue({
+      }), t > c && n.addIssue({
         type: "number",
-        code: m.ZodIssueCode.too_big,
+        code: a.ZodIssueCode.too_big,
         inclusive: !0,
-        maximum: l,
-        message: `Maximum amount is ${l.toLocaleString()}`
+        maximum: c,
+        message: `Maximum amount is ${c.toLocaleString()}`
       });
     }),
-    promo: m.string().optional().nullable()
-  }).superRefine((e, i) => {
-    const t = h.find((I) => I.id === e.promo), j = n(t == null ? void 0 : t.minimumDepositAmount, 0), y = n(t == null ? void 0 : t.maximumDepositAmount, 0), C = n(e.amount, 0);
-    t && C < j && i.addIssue({
+    promo: a.string().optional().nullable()
+  }).superRefine((o, n) => {
+    const t = g.find((w) => w.id === o.promo), v = m(t == null ? void 0 : t.minimumDepositAmount, 0), b = m(t == null ? void 0 : t.maximumDepositAmount, 0), D = m(o.amount, 0);
+    t && D < v && n.addIssue({
       path: ["amount"],
-      code: m.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${j.toLocaleString()}`
-    }), t && C > y && i.addIssue({
+      code: a.ZodIssueCode.custom,
+      message: `Minimum amount for this promo is ${v.toLocaleString()}`
+    }), t && D > b && n.addIssue({
       path: ["amount"],
-      code: m.ZodIssueCode.custom,
-      message: `Maximum amount for this promo is ${y}`
+      code: a.ZodIssueCode.custom,
+      message: `Maximum amount for this promo is ${b}`
     });
-  }), r = O({
+  }), r = E({
     mode: "all",
-    resolver: w(S),
+    resolver: P(A),
     defaultValues: {
       amount: "0",
       promo: null
     }
   });
-  M(() => {
+  k(() => {
     s && r.reset({
       amount: s.toString(),
       promo: null
     });
   }, [r, s]);
-  const x = r.handleSubmit(async (e) => {
-    c.mutate({
-      amount: e.amount.toString(),
-      promo: e.promo ?? void 0
+  const y = r.handleSubmit(async (o) => {
+    p.mutate({
+      amount: o.amount.toString(),
+      promo: o.promo ?? void 0
     });
   });
-  return /* @__PURE__ */ o.jsxs("form", { onSubmit: x, noValidate: !0, children: [
-    /* @__PURE__ */ o.jsx(
-      v,
+  return /* @__PURE__ */ i("form", { onSubmit: y, noValidate: !0, children: [
+    /* @__PURE__ */ e(
+      x,
       {
         control: r.control,
         name: "amount",
-        render: (e) => {
-          var i;
-          return /* @__PURE__ */ o.jsxs(K, { invalid: !!r.formState.errors.amount, children: [
-            /* @__PURE__ */ o.jsxs(
-              eo,
+        render: (o) => {
+          var n;
+          return /* @__PURE__ */ i(eo, { invalid: !!r.formState.errors.amount, children: [
+            /* @__PURE__ */ i(
+              ro,
               {
                 min: 0,
                 step: 1,
-                value: e.field.value,
+                value: o.field.value,
                 onValueChange: (t) => {
-                  e.field.onChange(t.value);
+                  o.field.onChange(t.value);
                 },
                 formatOptions: {
                   maximumFractionDigits: 2,
@@ -139,112 +139,112 @@ function pe() {
                 },
                 allowMouseWheel: !0,
                 children: [
-                  /* @__PURE__ */ o.jsx(to, { children: "Enter amount you want to deposit" }),
-                  /* @__PURE__ */ o.jsxs(ro, { children: [
-                    /* @__PURE__ */ o.jsx(io, {}),
-                    /* @__PURE__ */ o.jsx(no, { children: /* @__PURE__ */ o.jsx($, {}) }),
-                    /* @__PURE__ */ o.jsx(so, { children: /* @__PURE__ */ o.jsx(V, {}) })
+                  /* @__PURE__ */ e(io, { children: "Enter amount you want to deposit" }),
+                  /* @__PURE__ */ i(no, { children: [
+                    /* @__PURE__ */ e(mo, {}),
+                    /* @__PURE__ */ e(so, { children: /* @__PURE__ */ e(L, {}) }),
+                    /* @__PURE__ */ e(ao, { children: /* @__PURE__ */ e(j, {}) })
                   ] })
                 ]
               }
             ),
-            /* @__PURE__ */ o.jsx(oo, { children: (i = r.formState.errors.amount) == null ? void 0 : i.message })
+            /* @__PURE__ */ e(to, { children: (n = r.formState.errors.amount) == null ? void 0 : n.message })
           ] });
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      mo,
+    /* @__PURE__ */ e(
+      uo,
       {
-        value: n(r.watch("amount"), 0),
-        onChange: (e) => {
-          r.setValue("amount", e.toString(), {
+        value: m(r.watch("amount"), 0),
+        onChange: (o) => {
+          r.setValue("amount", o.toString(), {
             shouldTouch: !0,
             shouldDirty: !0,
             shouldValidate: !0
           });
         },
         min: s,
-        max: l,
+        max: c,
         className: "mt-xl"
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      v,
+    /* @__PURE__ */ e(
+      x,
       {
         control: r.control,
         name: "promo",
-        render: (e) => /* @__PURE__ */ o.jsx(
-          ao,
+        render: (o) => /* @__PURE__ */ e(
+          lo,
           {
             className: "mt-4xl",
-            value: e.field.value,
-            onChange: e.field.onChange
+            value: o.field.value,
+            onChange: o.field.onChange
           }
         )
       }
     ),
-    /* @__PURE__ */ o.jsxs("p", { className: "mt-4xl text-xs", children: [
+    /* @__PURE__ */ i("p", { className: "mt-4xl text-xs", children: [
       "Upon clicking the deposit button, you agree to the",
       " ",
-      /* @__PURE__ */ o.jsx("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
+      /* @__PURE__ */ e("button", { type: "button", className: "underline underline-offset-2", children: "Terms of Use and Privacy Policy" }),
       "."
     ] }),
-    /* @__PURE__ */ o.jsx(
-      d,
+    /* @__PURE__ */ e(
+      f,
       {
         type: "submit",
         className: "mt-4.5",
-        disabled: c.isPending,
-        onClick: async (e) => {
-          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), u.setOpen(!0)));
+        disabled: p.isPending,
+        onClick: async (o) => {
+          await r.trigger("amount") && (g.length <= 0 || r.getValues("promo") || (o.preventDefault(), l.setOpen(!0)));
         },
-        children: c.isPending ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(U, {}),
+        children: p.isPending ? /* @__PURE__ */ i(M, { children: [
+          /* @__PURE__ */ e(W, {}),
           "Processing..."
         ] }) : "Deposit"
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      W,
+    /* @__PURE__ */ e(
+      B,
       {
         role: "alertdialog",
-        open: u.open,
-        onOpenChange: (e) => {
-          u.setOpen(e.open);
+        open: l.open,
+        onOpenChange: (o) => {
+          l.setOpen(o.open);
         },
         lazyMount: !0,
         unmountOnExit: !0,
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ o.jsxs(A, { children: [
-          /* @__PURE__ */ o.jsx(Z, { className: "!z-[calc(var(--z-dialog)+10)]" }),
-          /* @__PURE__ */ o.jsx(B, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ o.jsxs(_, { children: [
-            /* @__PURE__ */ o.jsxs(G, { children: [
-              /* @__PURE__ */ o.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ o.jsx(T, {}) }),
-              /* @__PURE__ */ o.jsx(q, { children: /* @__PURE__ */ o.jsx(L, {}) })
+        children: /* @__PURE__ */ i(O, { children: [
+          /* @__PURE__ */ e(_, { className: "!z-[calc(var(--z-dialog)+10)]" }),
+          /* @__PURE__ */ e(G, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ i(q, { children: [
+            /* @__PURE__ */ i(H, { children: [
+              /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(U, {}) }),
+              /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Z, {}) })
             ] }),
-            /* @__PURE__ */ o.jsxs(H, { children: [
-              /* @__PURE__ */ o.jsx(X, { children: "Submit deposit request without promo?" }),
-              /* @__PURE__ */ o.jsx(Y, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
+            /* @__PURE__ */ i(Y, { children: [
+              /* @__PURE__ */ e(J, { children: "Submit deposit request without promo?" }),
+              /* @__PURE__ */ e(K, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
             ] }),
-            /* @__PURE__ */ o.jsxs(J, { children: [
-              /* @__PURE__ */ o.jsx(
-                d,
+            /* @__PURE__ */ i(oo, { children: [
+              /* @__PURE__ */ e(
+                f,
                 {
                   variant: "outline",
                   colorScheme: "gray",
                   onClick: () => {
-                    u.setOpen(!1);
+                    l.setOpen(!1);
                   },
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ o.jsx(
-                d,
+              /* @__PURE__ */ e(
+                f,
                 {
                   onClick: () => {
-                    x(), u.setOpen(!1);
+                    y(), l.setOpen(!1);
                   },
                   children: "Proceed"
                 }
@@ -257,5 +257,5 @@ function pe() {
   ] });
 }
 export {
-  pe as MayaDeposit
+  fe as MayaDeposit
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDeposit.d.ts

@@ -1 +1 @@
-export declare function OnlineBankDeposit(): import("react/jsx-runtime").JSX.Element;
+export declare function OnlineBankDeposit(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDeposit.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.js"),i=require("./OnlineBankDepositContext.js"),s=require("./OnlineBankDepositForm.js"),t=require("./OnlineBankDepositLoading.js"),o=require("./OnlineBankDepositSuccess.js"),r=require("./OnlineBankDepositVCA.js"),u=require("./useOnlineBankDeposit.js");function p(){const e=u.useOnlineBankDeposit();return n.jsxRuntimeExports.jsxs(i.OnlineBankDepositContext,{value:e,children:[e.view==="FORM"&&n.jsxRuntimeExports.jsx(s.OnlineBankDepositForm,{}),e.view==="LOADING"&&n.jsxRuntimeExports.jsx(t.OnlineBankDepositLoading,{}),e.view==="SUCCESS"&&n.jsxRuntimeExports.jsx(o.OnlineBankDepositSuccess,{}),e.view==="VCA"&&n.jsxRuntimeExports.jsx(r.OnlineBankDepositVCA,{})]})}exports.OnlineBankDeposit=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("./OnlineBankDepositContext.js"),s=require("./OnlineBankDepositForm.js"),t=require("./OnlineBankDepositLoading.js"),o=require("./OnlineBankDepositSuccess.js"),r=require("./OnlineBankDepositVCA.js"),a=require("./useOnlineBankDeposit.js");function l(){const e=a.useOnlineBankDeposit();return n.jsxs(i.OnlineBankDepositContext,{value:e,children:[e.view==="FORM"&&n.jsx(s.OnlineBankDepositForm,{}),e.view==="LOADING"&&n.jsx(t.OnlineBankDepositLoading,{}),e.view==="SUCCESS"&&n.jsx(o.OnlineBankDepositSuccess,{}),e.view==="VCA"&&n.jsx(r.OnlineBankDepositVCA,{})]})}exports.OnlineBankDeposit=l;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDeposit.mjs

@@ -1,19 +1,19 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.mjs";
-import { OnlineBankDepositContext as o } from "./OnlineBankDepositContext.mjs";
-import { OnlineBankDepositForm as e } from "./OnlineBankDepositForm.mjs";
-import { OnlineBankDepositLoading as t } from "./OnlineBankDepositLoading.mjs";
-import { OnlineBankDepositSuccess as r } from "./OnlineBankDepositSuccess.mjs";
-import { OnlineBankDepositVCA as s } from "./OnlineBankDepositVCA.mjs";
-import { useOnlineBankDeposit as m } from "./useOnlineBankDeposit.mjs";
-function j() {
-  const n = m();
-  return /* @__PURE__ */ i.jsxs(o, { value: n, children: [
-    n.view === "FORM" && /* @__PURE__ */ i.jsx(e, {}),
-    n.view === "LOADING" && /* @__PURE__ */ i.jsx(t, {}),
-    n.view === "SUCCESS" && /* @__PURE__ */ i.jsx(r, {}),
-    n.view === "VCA" && /* @__PURE__ */ i.jsx(s, {})
+import { jsxs as o, jsx as i } from "react/jsx-runtime";
+import { OnlineBankDepositContext as e } from "./OnlineBankDepositContext.mjs";
+import { OnlineBankDepositForm as t } from "./OnlineBankDepositForm.mjs";
+import { OnlineBankDepositLoading as r } from "./OnlineBankDepositLoading.mjs";
+import { OnlineBankDepositSuccess as m } from "./OnlineBankDepositSuccess.mjs";
+import { OnlineBankDepositVCA as p } from "./OnlineBankDepositVCA.mjs";
+import { useOnlineBankDeposit as s } from "./useOnlineBankDeposit.mjs";
+function c() {
+  const n = s();
+  return /* @__PURE__ */ o(e, { value: n, children: [
+    n.view === "FORM" && /* @__PURE__ */ i(t, {}),
+    n.view === "LOADING" && /* @__PURE__ */ i(r, {}),
+    n.view === "SUCCESS" && /* @__PURE__ */ i(m, {}),
+    n.view === "VCA" && /* @__PURE__ */ i(p, {})
   ] });
 }
 export {
-  j as OnlineBankDeposit
+  c as OnlineBankDeposit
 };

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.d.ts

@@ -1 +1 @@
-export declare function OnlineBankDepositForm(): import("react/jsx-runtime").JSX.Element;
+export declare function OnlineBankDepositForm(): import("react").JSX.Element;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositForm.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),b=require("@ark-ui/react"),Q=require("../../../../node_modules/.pnpm/@hookform_resolvers@5.0.1_react-hook-form@7.56.4_react@19.1.0_/node_modules/@hookform/resolvers/zod/dist/zod.js"),P=require("lodash-es"),T=require("react"),j=require("react-hook-form"),a=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const u=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");const L=require("../../../../hooks/useAvailablePromosQuery.js");require("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const F=require("../../../../hooks/useDepositsCountQuery.js"),M=require("../../../../hooks/useDisclosure.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");const N=require("../../../../hooks/useInstapayBankListQuery.js");require("usehooks-ts");const V=require("../../../../hooks/usePaymentSettingsQuery.js"),w=require("../../../../icons/AlertCircleIcon.js"),$=require("../../../../icons/CheckIcon.js"),k=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),Z=require("../../../../icons/XIcon.js"),r=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const h=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 A=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const l=require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/SegmentGroup/SegmentGroup.js");const n=require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const H=require("../../AmountChoices.js"),W=require("../../AvailablePromos.js"),X=require("./OnlineBankDepositContext.js");function _(){var y,f;const S=X.useOnlineBankDepositContext(),x=M.useDisclosure(),z=F.useDepositsCountQuery().data??0,E=V.usePaymentSettingsQuery(),d=E.data,c=d==null?void 0:d.onlineBankDepositGatewaySettings,p=u.parseDecimal(c==null?void 0:c.maximumAmount,0),m=z<=0?u.parseDecimal((y=E.data)==null?void 0:y.minimumFirstDepositAmount,0):u.parseDecimal(c==null?void 0:c.minimumAmount,0),R=N.useInstapayBankListQuery().data??[],q=L.useAvailablePromosQuery().data??[],B=a.z.object({amount:a.z.string().superRefine((t,i)=>{const s=u.parseDecimal(t,0);s<m&&i.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:m,message:`Minimum amount is ${m.toLocaleString()}`}),s>p&&i.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:p,message:`Maximum amount is ${p.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((t,i)=>{const s=q.find(O=>O.id===t.promo),D=u.parseDecimal(s==null?void 0:s.minimumDepositAmount,0),I=u.parseDecimal(s==null?void 0:s.maximumDepositAmount,0),v=u.parseDecimal(t.amount,0);s&&v<D&&i.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${D.toLocaleString()}`}),s&&v>I&&i.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${I}`})}),o=j.useForm({mode:"all",resolver:Q.zodResolver(B),defaultValues:{amount:"0",promo:null}});T.useEffect(()=>{m&&o.reset({amount:m.toString(),promo:null})},[o,m]);const g=o.handleSubmit(async t=>{S.generateVca({amount:t.amount.toString(),promo:t.promo??void 0},{onSuccess(){o.reset()}})}),C=b.createListCollection({items:R,itemToValue:t=>t.code,itemToString:t=>t.name});return e.jsxRuntimeExports.jsxs("form",{onSubmit:g,noValidate:!0,children:[e.jsxRuntimeExports.jsxs(n.Root,{lazyMount:!0,collection:C,positioning:{sameWidth:!0},value:[((f=R.at(0))==null?void 0:f.code)??""],onValueChange:P.noop,children:[e.jsxRuntimeExports.jsx(n.Label,{children:"Select bank"}),e.jsxRuntimeExports.jsxs(n.Trigger,{children:[e.jsxRuntimeExports.jsx(n.ValueText,{}),e.jsxRuntimeExports.jsx(n.Indicator,{asChild:!0,children:e.jsxRuntimeExports.jsx(k.ChevronDownIcon,{})})]}),e.jsxRuntimeExports.jsx(n.Positioner,{children:e.jsxRuntimeExports.jsx(n.Content,{children:C.items.map(t=>e.jsxRuntimeExports.jsxs(n.Item,{item:t,children:[e.jsxRuntimeExports.jsx(n.ItemText,{children:t.name}),e.jsxRuntimeExports.jsx(n.ItemIndicator,{asChild:!0,children:e.jsxRuntimeExports.jsx($.CheckIcon,{})})]},t.id))})})]}),e.jsxRuntimeExports.jsx(j.Controller,{control:o.control,name:"amount",render:t=>{var i;return e.jsxRuntimeExports.jsxs(A.Root,{invalid:!!o.formState.errors.amount,className:"mt-4",children:[e.jsxRuntimeExports.jsxs(l.Root,{min:0,step:1,value:t.field.value,onValueChange:s=>{t.field.onChange(s.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsxRuntimeExports.jsx(l.Label,{children:"Enter amount you want to deposit"}),e.jsxRuntimeExports.jsxs(l.Control,{children:[e.jsxRuntimeExports.jsx(l.Input,{}),e.jsxRuntimeExports.jsx(l.IncrementTrigger,{children:e.jsxRuntimeExports.jsx(U.ChevronUpIcon,{})}),e.jsxRuntimeExports.jsx(l.DecrementTrigger,{children:e.jsxRuntimeExports.jsx(k.ChevronDownIcon,{})})]})]}),e.jsxRuntimeExports.jsx(A.ErrorText,{children:(i=o.formState.errors.amount)==null?void 0:i.message})]})}}),e.jsxRuntimeExports.jsx(H.AmountChoices,{value:u.parseDecimal(o.watch("amount"),0),onChange:t=>{o.setValue("amount",t.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:m,max:p,className:"mt-xl"}),e.jsxRuntimeExports.jsx(j.Controller,{control:o.control,name:"promo",render:t=>e.jsxRuntimeExports.jsx(W.AvailablePromos,{className:"mt-4xl",value:t.field.value,onChange:t.field.onChange})}),e.jsxRuntimeExports.jsxs("p",{className:"mt-4xl text-xs",children:["Upon clicking the deposit button, you agree to the"," ",e.jsxRuntimeExports.jsx("button",{type:"button",className:"underline underline-offset-2",children:"Terms of Use and Privacy Policy"}),"."]}),e.jsxRuntimeExports.jsx(h.Button,{type:"submit",className:"mt-4.5",onClick:async t=>{await o.trigger("amount")&&(q.length<=0||o.getValues("promo")||(t.preventDefault(),x.setOpen(!0)))},children:"Deposit"}),e.jsxRuntimeExports.jsx(r.Root,{role:"alertdialog",open:x.open,onOpenChange:t=>{x.setOpen(t.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxRuntimeExports.jsxs(b.Portal,{children:[e.jsxRuntimeExports.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsxRuntimeExports.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxRuntimeExports.jsxs(r.Content,{children:[e.jsxRuntimeExports.jsxs(r.Header,{children:[e.jsxRuntimeExports.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsxRuntimeExports.jsx(w.AlertCircleIcon,{})}),e.jsxRuntimeExports.jsx(r.CloseTrigger,{children:e.jsxRuntimeExports.jsx(Z.XIcon,{})})]}),e.jsxRuntimeExports.jsxs(r.Body,{children:[e.jsxRuntimeExports.jsx(r.Title,{children:"Submit deposit request without promo?"}),e.jsxRuntimeExports.jsx(r.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxRuntimeExports.jsxs(r.Footer,{children:[e.jsxRuntimeExports.jsx(h.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{x.setOpen(!1)},children:"Cancel"}),e.jsxRuntimeExports.jsx(h.Button,{onClick:()=>{g(),x.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.OnlineBankDepositForm=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("@ark-ui/react"),T=require("@hookform/resolvers/zod"),L=require("lodash-es"),F=require("react"),x=require("react-hook-form"),c=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");const u=require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");require("../../../../utils/toaster.js");const M=require("../../../../hooks/useAvailablePromosQuery.js");require("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const N=require("../../../../hooks/useDepositsCountQuery.js"),V=require("../../../../hooks/useDisclosure.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");const E=require("../../../../hooks/useInstapayBankListQuery.js");require("usehooks-ts");const R=require("../../../../hooks/usePaymentSettingsQuery.js"),w=require("../../../../icons/AlertCircleIcon.js"),$=require("../../../../icons/CheckIcon.js"),S=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),Z=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const q=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 z=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 H=require("../../AmountChoices.js"),W=require("../../AvailablePromos.js"),X=require("./OnlineBankDepositContext.js");function _(){var D,I;const B=X.useOnlineBankDepositContext(),d=V.useDisclosure(),O=N.useDepositsCountQuery().data??0,j=R.usePaymentSettingsQuery(),h=j.data,l=h==null?void 0:h.onlineBankDepositGatewaySettings,p=u.parseDecimal(l==null?void 0:l.maximumAmount,0),a=O<=0?u.parseDecimal((D=j.data)==null?void 0:D.minimumFirstDepositAmount,0):u.parseDecimal(l==null?void 0:l.minimumAmount,0),g=E.useInstapayBankListQuery().data??[],C=M.useAvailablePromosQuery().data??[],Q=c.z.object({amount:c.z.string().superRefine((o,i)=>{const r=u.parseDecimal(o,0);r<a&&i.addIssue({type:"number",code:c.z.ZodIssueCode.too_small,inclusive:!0,minimum:a,message:`Minimum amount is ${a.toLocaleString()}`}),r>p&&i.addIssue({type:"number",code:c.z.ZodIssueCode.too_big,inclusive:!0,maximum:p,message:`Maximum amount is ${p.toLocaleString()}`})}),promo:c.z.string().optional().nullable()}).superRefine((o,i)=>{const r=C.find(P=>P.id===o.promo),v=u.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),b=u.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),k=u.parseDecimal(o.amount,0);r&&k<v&&i.addIssue({path:["amount"],code:c.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${v.toLocaleString()}`}),r&&k>b&&i.addIssue({path:["amount"],code:c.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${b}`})}),t=x.useForm({mode:"all",resolver:T.zodResolver(Q),defaultValues:{amount:"0",promo:null}});F.useEffect(()=>{a&&t.reset({amount:a.toString(),promo:null})},[t,a]);const y=t.handleSubmit(async o=>{B.generateVca({amount:o.amount.toString(),promo:o.promo??void 0},{onSuccess(){t.reset()}})}),f=A.createListCollection({items:g,itemToValue:o=>o.code,itemToString:o=>o.name});return e.jsxs("form",{onSubmit:y,noValidate:!0,children:[e.jsxs(s.Root,{lazyMount:!0,collection:f,positioning:{sameWidth:!0},value:[((I=g.at(0))==null?void 0:I.code)??""],onValueChange:L.noop,children:[e.jsx(s.Label,{children:"Select bank"}),e.jsxs(s.Trigger,{children:[e.jsx(s.ValueText,{}),e.jsx(s.Indicator,{asChild:!0,children:e.jsx(S.ChevronDownIcon,{})})]}),e.jsx(s.Positioner,{children:e.jsx(s.Content,{children:f.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($.CheckIcon,{})})]},o.id))})})]}),e.jsx(x.Controller,{control:t.control,name:"amount",render:o=>{var i;return e.jsxs(z.Root,{invalid:!!t.formState.errors.amount,className:"mt-4",children:[e.jsxs(m.Root,{min:0,step:1,value:o.field.value,onValueChange:r=>{o.field.onChange(r.value)},formatOptions:{maximumFractionDigits:2,minimumFractionDigits:0},allowMouseWheel:!0,children:[e.jsx(m.Label,{children:"Enter amount you want to deposit"}),e.jsxs(m.Control,{children:[e.jsx(m.Input,{}),e.jsx(m.IncrementTrigger,{children:e.jsx(U.ChevronUpIcon,{})}),e.jsx(m.DecrementTrigger,{children:e.jsx(S.ChevronDownIcon,{})})]})]}),e.jsx(z.ErrorText,{children:(i=t.formState.errors.amount)==null?void 0:i.message})]})}}),e.jsx(H.AmountChoices,{value:u.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:a,max:p,className:"mt-xl"}),e.jsx(x.Controller,{control:t.control,name:"promo",render:o=>e.jsx(W.AvailablePromos,{className:"mt-4xl",value:o.field.value,onChange:o.field.onChange})}),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(q.Button,{type:"submit",className:"mt-4.5",onClick:async o=>{await t.trigger("amount")&&(C.length<=0||t.getValues("promo")||(o.preventDefault(),d.setOpen(!0)))},children:"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:d.open,onOpenChange:o=>{d.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(A.Portal,{children:[e.jsx(n.Backdrop,{className:"!z-[calc(var(--z-dialog)+10)]"}),e.jsx(n.Positioner,{className:"!z-[calc(var(--z-dialog)+25)]",children:e.jsxs(n.Content,{children:[e.jsxs(n.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(w.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(Z.XIcon,{})})]}),e.jsxs(n.Body,{children:[e.jsx(n.Title,{children:"Submit deposit request without promo?"}),e.jsx(n.Description,{children:"You haven’t selected a promo. Are you sure you want to proceed without one?"})]}),e.jsxs(n.Footer,{children:[e.jsx(q.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{d.setOpen(!1)},children:"Cancel"}),e.jsx(q.Button,{onClick:()=>{y(),d.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.OnlineBankDepositForm=_;