@opexa/portal-components 0.0.7 → 0.0.9

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

@@ -1,23 +1,24 @@
-import { Portal as I } from "@ark-ui/react";
-import { zodResolver as M } 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 O } from "react";
-import { useForm as P, Controller as C } from "react-hook-form";
+import { j as o } from "../../../../_virtual/jsx-runtime.mjs";
+import { Portal as E } from "@ark-ui/react";
+import { zodResolver as O } 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 P } from "react";
+import { useForm as Q, Controller as v } from "react-hook-form";
 import { z as m } from "zod";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../../../constants/index.mjs";
 import "../../../../utils/capitalize.mjs";
-import { parseDecimal as n } from "../../../../utils/parseDecimal.mjs";
+import { parseDecimal as i } from "../../../../utils/parseDecimal.mjs";
 import "../../../../utils/getLocaleInfo.mjs";
 import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
-import { toaster as v } from "../../../../utils/toaster.mjs";
-import { useAvailablePromosQuery as Q } from "../../../../hooks/useAvailablePromosQuery.mjs";
+import { toaster as S } from "../../../../utils/toaster.mjs";
+import { useAvailablePromosQuery as w } from "../../../../hooks/useAvailablePromosQuery.mjs";
 import "lodash-es";
 import "../../../../_virtual/index.cjs.mjs";
-import { useCreateMayaAppDepositMutation as w } from "../../../../hooks/useCreateMayaAppDepositMutation.mjs";
-import { useDepositsCountQuery as V } from "../../../../hooks/useDepositsCountQuery.mjs";
+import { useCreateMayaAppDepositMutation as V } from "../../../../hooks/useCreateMayaAppDepositMutation.mjs";
+import { useDepositsCountQuery as R } from "../../../../hooks/useDepositsCountQuery.mjs";
 import { useDisclosure as z } from "../../../../hooks/useDisclosure.mjs";
 import { useGlobalStore as N } from "../../../../hooks/useGlobalStore.mjs";
 import "../../../../hooks/useInfiniteQueryHelper.mjs";
@@ -29,18 +30,18 @@ import { ChevronDownIcon as $ } 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 U, Positioner as j, Content as G, Header as _, CloseTrigger as q, Body as H, Title as X, Description as Y, Footer as J } from "../../../../ui/AlertDialog/AlertDialog.mjs";
+import { Root as B, Backdrop as U, Positioner as G, Content as _, Header as q, CloseTrigger as H, Body as X, Title as Y, Description as J, Footer as K } from "../../../../ui/AlertDialog/AlertDialog.mjs";
 import "../../../../ui/Avatar/Avatar.mjs";
 import "../../../../ui/Badge/Badge.mjs";
-import { Button as p } from "../../../../ui/Button/Button.mjs";
+import { Button as d } 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 ee } from "../../../../ui/Field/Field.mjs";
+import { Root as oo, ErrorText as eo } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
-import { Root as te, Label as oe, Control as re, Input as ne, IncrementTrigger as ae, DecrementTrigger as me } from "../../../../ui/NumberInput/NumberInput.mjs";
+import { Root as to, Label as ro, Control as so, Input as io, IncrementTrigger as no, DecrementTrigger as mo } from "../../../../ui/NumberInput/NumberInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
@@ -48,37 +49,37 @@ import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
-import { AmountChoices as ie } from "../../AmountChoices.mjs";
-import { AvailablePromos as se } from "../../AvailablePromos.mjs";
-import { SessionExpired as le } from "./SessionExpired.mjs";
-import { useShallow as ue } 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 ft() {
-  var R;
-  const s = z(), S = N(
-    ue((e) => ({
+import { AmountChoices as ao } from "../../AmountChoices.mjs";
+import { AvailablePromos as uo } from "../../AvailablePromos.mjs";
+import { SessionExpired as lo } from "./SessionExpired.mjs";
+import { useShallow as po } 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 ge() {
+  var g;
+  const u = z(), D = N(
+    po((e) => ({
       depositWithdrawal: e.depositWithdrawal
     }))
-  ), u = w({
+  ), p = V({
     onSuccess() {
-      o.reset(), S.depositWithdrawal.setOpen(!1), v.success({
+      r.reset(), D.depositWithdrawal.setOpen(!1), S.success({
         description: "Deposit success!"
       });
     },
     onError(e) {
-      v.error({
+      S.error({
         description: e.message
       });
     }
-  }), D = k().data ?? !0, b = V().data ?? 0, d = F(), c = d.data, i = c == null ? void 0 : c.mayaAppDepositGatewaySettings, l = n(i == null ? void 0 : i.maximumAmount, 0), a = b <= 0 ? n((R = d.data) == null ? void 0 : R.minimumFirstDepositAmount, 0) : n(i == null ? void 0 : i.minimumAmount, 0), f = Q().data ?? [], x = m.object({
-    amount: m.string().superRefine((e, r) => {
-      const t = n(e, 0);
-      t < a && r.addIssue({
+  }), b = k().data ?? !0, A = R().data ?? 0, f = F(), c = f.data, a = c == null ? void 0 : c.mayaAppDepositGatewaySettings, l = i(a == null ? void 0 : a.maximumAmount, 0), n = A <= 0 ? i((g = f.data) == null ? void 0 : g.minimumFirstDepositAmount, 0) : i(a == null ? void 0 : a.minimumAmount, 0), h = w().data ?? [], I = m.object({
+    amount: m.string().superRefine((e, s) => {
+      const t = i(e, 0);
+      t < n && s.addIssue({
         type: "number",
         code: m.ZodIssueCode.too_small,
         inclusive: !0,
-        minimum: a,
-        message: `Minimum amount is ${a.toLocaleString()}`
-      }), t > l && r.addIssue({
+        minimum: n,
+        message: `Minimum amount is ${n.toLocaleString()}`
+      }), t > l && s.addIssue({
         type: "number",
         code: m.ZodIssueCode.too_big,
         inclusive: !0,
@@ -87,138 +88,178 @@ function ft() {
       });
     }),
     promo: m.string().optional().nullable()
-  }).superRefine((e, r) => {
-    const t = f.find((A) => A.id === e.promo), g = n(t == null ? void 0 : t.minimumDepositAmount, 0), y = n(t == null ? void 0 : t.maximumDepositAmount, 0), h = n(e.amount, 0);
-    t && h < g && r.addIssue({
+  }).superRefine((e, s) => {
+    const t = h.find((M) => M.id === e.promo), j = i(t == null ? void 0 : t.minimumDepositAmount, 0), y = i(t == null ? void 0 : t.maximumDepositAmount, 0), C = i(e.amount, 0);
+    t && C < j && s.addIssue({
       path: ["amount"],
       code: m.ZodIssueCode.custom,
-      message: `Minimum amount for this promo is ${g.toLocaleString()}`
-    }), t && h > y && r.addIssue({
+      message: `Minimum amount for this promo is ${j.toLocaleString()}`
+    }), t && C > y && s.addIssue({
       path: ["amount"],
       code: m.ZodIssueCode.custom,
       message: `Maximum amount for this promo is ${y}`
     });
-  }), o = P({
+  }), r = Q({
     mode: "all",
-    resolver: M(x),
+    resolver: O(I),
     defaultValues: {
       amount: "0",
       promo: null
     }
   });
-  O(() => {
-    a && o.reset({
-      amount: a.toString(),
+  P(() => {
+    n && r.reset({
+      amount: n.toString(),
       promo: null
     });
-  }, [o, a]);
-  const E = o.handleSubmit(async (e) => {
-    u.mutate({
+  }, [r, n]);
+  const x = r.handleSubmit(async (e) => {
+    p.mutate({
       amount: e.amount.toString(),
       promo: e.promo ?? void 0
     });
   });
-  return D ? /* @__PURE__ */ React.createElement("form", { onSubmit: E, noValidate: !0 }, /* @__PURE__ */ React.createElement(
-    C,
-    {
-      control: o.control,
-      name: "amount",
-      render: (e) => {
-        var r;
-        return /* @__PURE__ */ React.createElement(K, { invalid: !!o.formState.errors.amount }, /* @__PURE__ */ React.createElement(
-          te,
+  return b ? /* @__PURE__ */ o.jsxs("form", { onSubmit: x, noValidate: !0, children: [
+    /* @__PURE__ */ o.jsx(
+      v,
+      {
+        control: r.control,
+        name: "amount",
+        render: (e) => {
+          var s;
+          return /* @__PURE__ */ o.jsxs(oo, { invalid: !!r.formState.errors.amount, children: [
+            /* @__PURE__ */ o.jsxs(
+              to,
+              {
+                min: 0,
+                step: 1,
+                value: e.field.value,
+                onValueChange: (t) => {
+                  e.field.onChange(t.value);
+                },
+                formatOptions: {
+                  maximumFractionDigits: 2,
+                  minimumFractionDigits: 0
+                },
+                allowMouseWheel: !0,
+                children: [
+                  /* @__PURE__ */ o.jsx(ro, { children: "Enter amount you want to deposit" }),
+                  /* @__PURE__ */ o.jsxs(so, { children: [
+                    /* @__PURE__ */ o.jsx(io, {}),
+                    /* @__PURE__ */ o.jsx(no, { children: /* @__PURE__ */ o.jsx(L, {}) }),
+                    /* @__PURE__ */ o.jsx(mo, { children: /* @__PURE__ */ o.jsx($, {}) })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ o.jsx(eo, { children: (s = r.formState.errors.amount) == null ? void 0 : s.message })
+          ] });
+        }
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      ao,
+      {
+        value: i(r.watch("amount"), 0),
+        onChange: (e) => {
+          r.setValue("amount", e.toString(), {
+            shouldTouch: !0,
+            shouldDirty: !0,
+            shouldValidate: !0
+          });
+        },
+        min: n,
+        max: l,
+        className: "mt-xl"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      v,
+      {
+        control: r.control,
+        name: "promo",
+        render: (e) => /* @__PURE__ */ o.jsx(
+          uo,
           {
-            min: 0,
-            step: 1,
+            className: "mt-4xl",
             value: e.field.value,
-            onValueChange: (t) => {
-              e.field.onChange(t.value);
-            },
-            formatOptions: {
-              maximumFractionDigits: 2,
-              minimumFractionDigits: 0
-            },
-            allowMouseWheel: !0
-          },
-          /* @__PURE__ */ React.createElement(oe, null, "Enter amount you want to deposit"),
-          /* @__PURE__ */ React.createElement(re, null, /* @__PURE__ */ React.createElement(ne, null), /* @__PURE__ */ React.createElement(ae, null, /* @__PURE__ */ React.createElement(L, null)), /* @__PURE__ */ React.createElement(me, null, /* @__PURE__ */ React.createElement($, null)))
-        ), /* @__PURE__ */ React.createElement(ee, null, (r = o.formState.errors.amount) == null ? void 0 : r.message));
+            onChange: e.field.onChange
+          }
+        )
       }
-    }
-  ), /* @__PURE__ */ React.createElement(
-    ie,
-    {
-      value: n(o.watch("amount"), 0),
-      onChange: (e) => {
-        o.setValue("amount", e.toString(), {
-          shouldTouch: !0,
-          shouldDirty: !0,
-          shouldValidate: !0
-        });
-      },
-      min: a,
-      max: l,
-      className: "mt-xl"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    C,
-    {
-      control: o.control,
-      name: "promo",
-      render: (e) => /* @__PURE__ */ React.createElement(
-        se,
-        {
-          className: "mt-4xl",
-          value: e.field.value,
-          onChange: e.field.onChange
-        }
-      )
-    }
-  ), /* @__PURE__ */ React.createElement("p", { className: "mt-4xl text-xs" }, "Upon clicking the deposit button, you agree to the", " ", /* @__PURE__ */ React.createElement("button", { type: "button", className: "underline underline-offset-2" }, "Terms of Use and Privacy Policy"), "."), /* @__PURE__ */ React.createElement(
-    p,
-    {
-      type: "submit",
-      className: "mt-4.5",
-      disabled: u.isPending,
-      onClick: async (e) => {
-        await o.trigger("amount") && (f.length <= 0 || o.getValues("promo") || (e.preventDefault(), s.setOpen(!0)));
-      }
-    },
-    u.isPending ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(W, null), "Processing...") : "Deposit"
-  ), /* @__PURE__ */ React.createElement(
-    B,
-    {
-      role: "alertdialog",
-      open: s.open,
-      onOpenChange: (e) => {
-        s.setOpen(e.open);
-      },
-      lazyMount: !0,
-      unmountOnExit: !0,
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1
-    },
-    /* @__PURE__ */ React.createElement(I, null, /* @__PURE__ */ React.createElement(U, { className: "!z-[calc(var(--z-dialog)+10)]" }), /* @__PURE__ */ React.createElement(j, { className: "!z-[calc(var(--z-dialog)+25)]" }, /* @__PURE__ */ React.createElement(G, null, /* @__PURE__ */ React.createElement(_, null, /* @__PURE__ */ React.createElement("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]" }, /* @__PURE__ */ React.createElement(T, null)), /* @__PURE__ */ React.createElement(q, null, /* @__PURE__ */ React.createElement(Z, null))), /* @__PURE__ */ React.createElement(H, null, /* @__PURE__ */ React.createElement(X, null, "Submit deposit request without promo?"), /* @__PURE__ */ React.createElement(Y, null, "You haven’t selected a promo. Are you sure you want to proceed without one?")), /* @__PURE__ */ React.createElement(J, null, /* @__PURE__ */ React.createElement(
-      p,
+    ),
+    /* @__PURE__ */ o.jsxs("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__ */ o.jsx(
+      d,
       {
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => {
-          s.setOpen(!1);
-        }
-      },
-      "Cancel"
-    ), /* @__PURE__ */ React.createElement(
-      p,
+        type: "submit",
+        className: "mt-4.5",
+        disabled: p.isPending,
+        onClick: async (e) => {
+          await r.trigger("amount") && (h.length <= 0 || r.getValues("promo") || (e.preventDefault(), u.setOpen(!0)));
+        },
+        children: p.isPending ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(W, {}),
+          "Processing..."
+        ] }) : "Deposit"
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      B,
       {
-        onClick: () => {
-          E(), s.setOpen(!1);
-        }
-      },
-      "Proceed"
-    )))))
-  )) : /* @__PURE__ */ React.createElement(le, null);
+        role: "alertdialog",
+        open: u.open,
+        onOpenChange: (e) => {
+          u.setOpen(e.open);
+        },
+        lazyMount: !0,
+        unmountOnExit: !0,
+        closeOnEscape: !1,
+        closeOnInteractOutside: !1,
+        children: /* @__PURE__ */ o.jsxs(E, { children: [
+          /* @__PURE__ */ o.jsx(U, { className: "!z-[calc(var(--z-dialog)+10)]" }),
+          /* @__PURE__ */ o.jsx(G, { className: "!z-[calc(var(--z-dialog)+25)]", children: /* @__PURE__ */ o.jsxs(_, { children: [
+            /* @__PURE__ */ o.jsxs(q, { 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(H, { children: /* @__PURE__ */ o.jsx(Z, {}) })
+            ] }),
+            /* @__PURE__ */ o.jsxs(X, { children: [
+              /* @__PURE__ */ o.jsx(Y, { children: "Submit deposit request without promo?" }),
+              /* @__PURE__ */ o.jsx(J, { children: "You haven’t selected a promo. Are you sure you want to proceed without one?" })
+            ] }),
+            /* @__PURE__ */ o.jsxs(K, { children: [
+              /* @__PURE__ */ o.jsx(
+                d,
+                {
+                  variant: "outline",
+                  colorScheme: "gray",
+                  onClick: () => {
+                    u.setOpen(!1);
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                d,
+                {
+                  onClick: () => {
+                    x(), u.setOpen(!1);
+                  },
+                  children: "Proceed"
+                }
+              )
+            ] })
+          ] }) })
+        ] })
+      }
+    )
+  ] }) : /* @__PURE__ */ o.jsx(lo, {});
 }
 export {
-  ft as MayaAppDeposit
+  ge as MayaAppDeposit
 };

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/SessionExpired.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../icons/AlertTriangle.js");function t(){return React.createElement("div",{className:"bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl"},React.createElement(e.AlertTriangleIcon,{className:"text-amber-500 mx-auto size-10"}),React.createElement("h2",{className:"mt-3 text-center text-lg font-semibold"},"Session Expired"),React.createElement("p",{className:"text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm"},"Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app."))}exports.SessionExpired=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../../icons/AlertTriangle.js");function s(){return e.jsxRuntimeExports.jsxs("div",{className:"bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl",children:[e.jsxRuntimeExports.jsx(t.AlertTriangleIcon,{className:"text-amber-500 mx-auto size-10"}),e.jsxRuntimeExports.jsx("h2",{className:"mt-3 text-center text-lg font-semibold",children:"Session Expired"}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm",children:"Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app."})]})}exports.SessionExpired=s;

package/dist/components/DepositWithdrawal/Deposit/MayaAppDeposit/SessionExpired.mjs

@@ -1,7 +1,12 @@
-import { AlertTriangleIcon as e } from "../../../../icons/AlertTriangle.mjs";
-function a() {
-  return /* @__PURE__ */ React.createElement("div", { className: "bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl" }, /* @__PURE__ */ React.createElement(e, { className: "text-amber-500 mx-auto size-10" }), /* @__PURE__ */ React.createElement("h2", { className: "mt-3 text-center text-lg font-semibold" }, "Session Expired"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm" }, "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app."));
+import { j as e } from "../../../../_virtual/jsx-runtime.mjs";
+import { AlertTriangleIcon as t } from "../../../../icons/AlertTriangle.mjs";
+function o() {
+  return /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 mt-3xl rounded-lg px-5 py-16 lg:mt-4xl", children: [
+    /* @__PURE__ */ e.jsx(t, { className: "text-amber-500 mx-auto size-10" }),
+    /* @__PURE__ */ e.jsx("h2", { className: "mt-3 text-center text-lg font-semibold", children: "Session Expired" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-gray-700 mx-auto mt-2 max-w-[30rem] text-center text-sm", children: "Your session has timed out. To continue with deposits or withdrawals, Please try reloading the app." })
+  ] });
 }
 export {
-  a as SessionExpired
+  o as SessionExpired
 };

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

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