@opexa/portal-components 0.0.16 → 0.0.18

package/dist/components/Bonus/Bonus.client.d.ts

@@ -0,0 +1,2 @@
+import { BonusProps } from './Bonus';
+export declare function Bonus__client(props: BonusProps): import("react").JSX.Element;

package/dist/components/Bonus/Bonus.d.ts

@@ -0,0 +1,10 @@
+export interface BonusProps {
+    id: string;
+    className?: string;
+    /**
+     * @description URL for the bonuses details page
+     * @default "/rewards"
+     */
+    viewAllUrl?: string;
+}
+export declare function Bonus(props: BonusProps): Promise<import("react").JSX.Element>;

package/dist/components/Bonus/index.d.ts

@@ -0,0 +1 @@
+export * from './Bonus';

package/dist/components/Bonuses/Bonuses.d.ts

@@ -0,0 +1,15 @@
+export interface BonusesProps {
+    heading?: string;
+    className?: string;
+    /**
+     * @description base URL for the bonus details page
+     * @default "/rewards"
+     */
+    viewBonusDetailsUrl?: string;
+    /**
+     * @description base URL for the cashback details page
+     * @default "/cashbacks"
+     */
+    viewCashbackDetailsUrl?: string;
+}
+export declare function Bonuses(props: BonusesProps): import("react").JSX.Element;

package/dist/components/Bonuses/Bonuses.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("next/image"),c=require("next/link"),n=require("../../icons/StopWatchIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");const t=require("../../ui/Badge/Badge.js"),a=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");const l=require("../../ui/Progress/Progress.js"),r=require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function o(s){return e.jsxs("div",{className:s.className,children:[e.jsx("h2",{className:"text-lg font-semibold",children:s.heading??"Rewards"}),e.jsxs(r.Root,{defaultValue:"all",className:"mt-3 w-full lg:w-fit",children:[e.jsxs(r.Item,{value:"all",className:"w-full lg:w-auto",children:[e.jsx(r.ItemText,{children:"All"}),e.jsx(r.ItemControl,{}),e.jsx(r.ItemHiddenInput,{})]}),e.jsxs(r.Item,{value:"active",className:"w-full lg:w-auto",children:[e.jsx(r.ItemText,{children:"Active"}),e.jsx(r.ItemControl,{}),e.jsx(r.ItemHiddenInput,{})]}),e.jsxs(r.Item,{value:"cashbacks",className:"w-full lg:w-auto",children:[e.jsx(r.ItemText,{children:"Cashback"}),e.jsx(r.ItemControl,{}),e.jsx(r.ItemHiddenInput,{})]}),e.jsx(r.Indicator,{})]}),e.jsxs("div",{className:"mt-3xl grid gap-3xl lg:grid-cols-3",children:[e.jsx(d,{}),e.jsx(x,{})]})]})}function d(s){return e.jsxs("div",{className:"border-border-primary bg-bg-tertiary overflow-hidden rounded-2xl border",children:[e.jsxs("div",{className:"relative",children:[e.jsx(i,{src:"https://images.pexels.com/photos/5868275/pexels-photo-5868275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",alt:"",width:400,height:200,className:"h-auto w-full"}),e.jsxs(t.Root,{size:"lg",round:!1,colorScheme:"brand",className:"absolute right-4 top-4",children:[e.jsx(t.Icon,{children:e.jsx(n.StopWatchIcon,{})}),e.jsx(t.Label,{children:"9d:10h:11m"})]})]}),e.jsxs("div",{className:"px-xl py-3xl",children:[e.jsx("h2",{className:"text-center text-xl font-semibold text-white",children:"50 PHP First Deposit Bonus"}),e.jsxs("div",{className:"text-text-primary-brand mt-xl flex justify-between",children:[e.jsx("p",{children:"Your bonus"}),e.jsx("p",{children:"₱20.00"})]}),e.jsxs("div",{className:"text-text-primary-brand mt-2 flex justify-between",children:[e.jsx("p",{children:"Wagering 40%"}),e.jsx("p",{children:"400/1000"})]}),e.jsx(l.Root,{defaultValue:42,className:"mt-2",children:e.jsx(l.Track,{children:e.jsx(l.Range,{})})}),e.jsx(a.Button,{variant:"outline",className:"mt-6",asChild:!0,children:e.jsx(c,{href:s.viewDetailsUrl??"/rewards/1",children:"See More"})})]})]})}function x(s){return e.jsxs("div",{className:"border-border-primary bg-bg-tertiary overflow-hidden rounded-2xl border",children:[e.jsx(i,{src:"https://images.pexels.com/photos/5868275/pexels-photo-5868275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",alt:"",width:400,height:200,className:"h-auto w-full"}),e.jsxs("div",{className:"px-xl py-3xl",children:[e.jsx("p",{className:"text-center text-xl font-semibold text-white",children:"Cashback"}),e.jsx("h2",{className:"mt-2 text-center text-3xl font-semibold text-white",children:"₱20.48"}),e.jsx("p",{className:"text-text-secondary-700 mt-2 text-center text-sm",children:"Claim your cashback reward and explore other exciting offers!"}),e.jsx(a.Button,{className:"mt-6",children:"Claim"})]})]})}exports.Bonuses=o;

package/dist/components/Bonuses/Bonuses.mjs

@@ -0,0 +1,125 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import s from "next/image";
+import c from "next/link";
+import { StopWatchIcon as d } from "../../icons/StopWatchIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import { Root as n, Icon as h, Label as p } from "../../ui/Badge/Badge.mjs";
+import { Button as m } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "tailwind-merge";
+import { Root as x, Track as u, Range as f } from "../../ui/Progress/Progress.mjs";
+import { Root as b, Item as l, ItemText as i, ItemControl as o, ItemHiddenInput as a, Indicator as g } from "../../ui/SegmentGroup/SegmentGroup.mjs";
+import "../../ui/Select/Select.mjs";
+import "../../ui/Table/Table.mjs";
+import "../../ui/Tabs/Tabs.mjs";
+function ee(r) {
+  return /* @__PURE__ */ t("div", { className: r.className, children: [
+    /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r.heading ?? "Rewards" }),
+    /* @__PURE__ */ t(b, { defaultValue: "all", className: "mt-3 w-full lg:w-fit", children: [
+      /* @__PURE__ */ t(l, { value: "all", className: "w-full lg:w-auto", children: [
+        /* @__PURE__ */ e(i, { children: "All" }),
+        /* @__PURE__ */ e(o, {}),
+        /* @__PURE__ */ e(a, {})
+      ] }),
+      /* @__PURE__ */ t(l, { value: "active", className: "w-full lg:w-auto", children: [
+        /* @__PURE__ */ e(i, { children: "Active" }),
+        /* @__PURE__ */ e(o, {}),
+        /* @__PURE__ */ e(a, {})
+      ] }),
+      /* @__PURE__ */ t(l, { value: "cashbacks", className: "w-full lg:w-auto", children: [
+        /* @__PURE__ */ e(i, { children: "Cashback" }),
+        /* @__PURE__ */ e(o, {}),
+        /* @__PURE__ */ e(a, {})
+      ] }),
+      /* @__PURE__ */ e(g, {})
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mt-3xl grid gap-3xl lg:grid-cols-3", children: [
+      /* @__PURE__ */ e(w, {}),
+      /* @__PURE__ */ e(N, {})
+    ] })
+  ] });
+}
+function w(r) {
+  return /* @__PURE__ */ t("div", { className: "border-border-primary bg-bg-tertiary overflow-hidden rounded-2xl border", children: [
+    /* @__PURE__ */ t("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        s,
+        {
+          src: "https://images.pexels.com/photos/5868275/pexels-photo-5868275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+          alt: "",
+          width: 400,
+          height: 200,
+          className: "h-auto w-full"
+        }
+      ),
+      /* @__PURE__ */ t(
+        n,
+        {
+          size: "lg",
+          round: !1,
+          colorScheme: "brand",
+          className: "absolute right-4 top-4",
+          children: [
+            /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e(p, { children: "9d:10h:11m" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "px-xl py-3xl", children: [
+      /* @__PURE__ */ e("h2", { className: "text-center text-xl font-semibold text-white", children: "50 PHP First Deposit Bonus" }),
+      /* @__PURE__ */ t("div", { className: "text-text-primary-brand mt-xl flex justify-between", children: [
+        /* @__PURE__ */ e("p", { children: "Your bonus" }),
+        /* @__PURE__ */ e("p", { children: "₱20.00" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "text-text-primary-brand mt-2 flex justify-between", children: [
+        /* @__PURE__ */ e("p", { children: "Wagering 40%" }),
+        /* @__PURE__ */ e("p", { children: "400/1000" })
+      ] }),
+      /* @__PURE__ */ e(x, { defaultValue: 42, className: "mt-2", children: /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(f, {}) }) }),
+      /* @__PURE__ */ e(m, { variant: "outline", className: "mt-6", asChild: !0, children: /* @__PURE__ */ e(c, { href: r.viewDetailsUrl ?? "/rewards/1", children: "See More" }) })
+    ] })
+  ] });
+}
+function N(r) {
+  return /* @__PURE__ */ t("div", { className: "border-border-primary bg-bg-tertiary overflow-hidden rounded-2xl border", children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        src: "https://images.pexels.com/photos/5868275/pexels-photo-5868275.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
+        alt: "",
+        width: 400,
+        height: 200,
+        className: "h-auto w-full"
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "px-xl py-3xl", children: [
+      /* @__PURE__ */ e("p", { className: "text-center text-xl font-semibold text-white", children: "Cashback" }),
+      /* @__PURE__ */ e("h2", { className: "mt-2 text-center text-3xl font-semibold text-white", children: "₱20.48" }),
+      /* @__PURE__ */ e("p", { className: "text-text-secondary-700 mt-2 text-center text-sm", children: "Claim your cashback reward and explore other exciting offers!" }),
+      /* @__PURE__ */ e(m, { className: "mt-6", children: "Claim" })
+    ] })
+  ] });
+}
+export {
+  ee as Bonuses
+};

package/dist/components/Bonuses/index.d.ts

@@ -0,0 +1 @@
+export * from './Bonuses';

package/dist/components/DepositWithdrawal/AmountChoices.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const s=require("../../utils/dataAttr.js"),m=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");const d=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const g=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const f=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");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function h(e){var i;const a=e.min??0,n=e.max??9999999,q=g.useLocaleInfo(),u=(i=e.options)!=null&&i.length?e.options:[500,750,1e3,2e3],[c,l]=d.useControllableState({value:e.value,defaultValue:e.defaultValue??u[0],onChange:e.onChange});return t.jsx("div",{className:o.twMerge("grid grid-cols-4 gap-2",e.className),children:u.map(r=>t.jsx(f.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{l(r)},disabled:a>r||n<r,"data-selected":s.dataAttr(c===r),children:m.formatNumber(r,{currency:q.currency.code,minDecimalPlaces:0,maxDecimalPlaces:0})},r))})}exports.AmountChoices=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const s=require("../../utils/dataAttr.js"),m=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");const d=require("../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const g=require("../../client/hooks/useLocaleInfo.js");require("usehooks-ts");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const f=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function h(e){var i;const a=e.min??0,q=e.max??9999999,n=g.useLocaleInfo(),u=(i=e.options)!=null&&i.length?e.options:[500,750,1e3,2e3],[c,l]=d.useControllableState({value:e.value,defaultValue:e.defaultValue??u[0],onChange:e.onChange});return t.jsx("div",{className:o.twMerge("grid grid-cols-4 gap-2",e.className),children:u.map(r=>t.jsx(f.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{l(r)},disabled:a>r||q<r,"data-selected":s.dataAttr(c===r),children:m.formatNumber(r,{currency:n.currency.code,minDecimalPlaces:0,maxDecimalPlaces:0})},r))})}exports.AmountChoices=h;

package/dist/components/DepositWithdrawal/AmountChoices.mjs

@@ -25,6 +25,7 @@ import "../../ui/Badge/Badge.mjs";
 import { Button as g } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
@@ -32,15 +33,17 @@ import "../../ui/Field/Field.mjs";
 import "@ark-ui/react";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PasswordInput/PasswordInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
+import "../../ui/Progress/Progress.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function ot(t) {
+function et(t) {
   var r;
-  const e = t.min ?? 0, a = t.max ?? 9999999, l = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [c, p] = d({
+  const e = t.min ?? 0, a = t.max ?? 9999999, p = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [l, c] = d({
     value: t.value,
     defaultValue: t.defaultValue ?? o[0],
     onChange: t.onChange
@@ -51,12 +54,12 @@ function ot(t) {
       variant: "outline",
       colorScheme: "gray",
       onClick: () => {
-        p(m);
+        c(m);
       },
       disabled: e > m || a < m,
-      "data-selected": u(c === m),
+      "data-selected": u(l === m),
       children: s(m, {
-        currency: l.currency.code,
+        currency: p.currency.code,
         minDecimalPlaces: 0,
         maxDecimalPlaces: 0
       })
@@ -65,5 +68,5 @@ function ot(t) {
   )) });
 }
 export {
-  ot as AmountChoices
+  et as AmountChoices
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),h=require("next/image"),q=require("next/link"),g=require("tailwind-merge"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../constants/index.js");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");const x=require("../../../client/hooks/useAvailablePromosQuery.js"),b=require("../../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");const C=require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const j=require("../../../icons/CheckIcon.js"),v=require("../../../icons/ChevronLeftIcon.js"),N=require("../../../icons/ChevronRightIcon.js");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");require("../../../ui/Button/button.recipe.js");const s=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");require("../../../ui/Field/Field.js");const a=require("../../../ui/IconButton/IconButton.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");function w(l){const n=C.useGlobalStore(m.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),t=x.useAvailablePromosQuery().data??[],[o,u]=b.useControllableState({value:l.value,defaultValue:l.defaultValue??null,onChange:l.onChange});return e.jsxs(i.Carousel.Root,{slideCount:t.length,className:l.className,spacing:"16px",slidesPerPage:2,children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-lg font-semibold leading-tight",children:"Available Promotions"}),e.jsx("p",{className:"text-gray-500 mt-1 text-sm leading-tight",children:"Select a promotion with your deposit. Only one can be active at a time."})]}),e.jsxs(i.Carousel.Control,{children:[e.jsx(i.Carousel.PrevTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",children:e.jsx(v.ChevronLeftIcon,{})})}),e.jsx(i.Carousel.NextTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(N.ChevronRightIcon,{})})})]})]}),e.jsx(i.Carousel.ItemGroup,{className:"mt-3xl",children:t.map((r,c)=>e.jsx(i.Carousel.Item,{index:c,children:e.jsxs("div",{className:"relative select-none p-0.5",children:[e.jsx("div",{className:g.twMerge("block rounded-lg",r.id===o&&"ring-gray-500/25 ring-2"),children:r.banner.url&&e.jsx(h,{src:r.banner.url,alt:"",width:288,height:184,className:"rounded-lg"})}),e.jsxs(s.Root,{checked:r.id===o,onCheckedChange:d=>{u(d.checked?r.id:null)},className:"absolute right-3 top-3 rounded-md border border-white/50 bg-white/60 p-lg backdrop-blur-sm",children:[e.jsx(s.Control,{className:"bg-white",children:e.jsx(s.Indicator,{asChild:!0,children:e.jsx(j.CheckIcon,{})})}),e.jsx(s.HiddenInput,{})]}),e.jsx(q,{href:`/promos/${r.id}`,className:"absolute bottom-3 right-3 rounded-md border border-white/50 bg-white/60 px-lg py-md text-sm font-semibold backdrop-blur-sm",onClick:()=>{n.depositWithdrawal.setOpen(!1)},children:"Promo Details"})]})},r.id))})]})}exports.AvailablePromos=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@ark-ui/react"),h=require("next/image"),q=require("next/link"),g=require("tailwind-merge"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../../constants/index.js");require("../../../utils/capitalize.js");require("../../../utils/parseDecimal.js");require("../../../utils/getLocaleInfo.js");require("../../../utils/getQueryClient.js");require("../../../utils/isMobile.js");const x=require("../../../client/hooks/useAvailablePromosQuery.js"),b=require("../../../client/hooks/useControllableState.js");require("lodash-es");require("react");require("@opexa/portal-sdk-core/object-id");const C=require("../../../client/hooks/useGlobalStore.js");require("../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const j=require("../../../icons/CheckIcon.js"),v=require("../../../icons/ChevronLeftIcon.js"),N=require("../../../icons/ChevronRightIcon.js");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");require("../../../ui/Button/button.recipe.js");const s=require("../../../ui/Checkbox/Checkbox.js");require("../../../ui/Clipboard/Clipboard.js");require("../../../ui/Collapsible/Collapsible.js");require("../../../ui/DatePicker/DatePicker.js");require("../../../ui/Dialog/Dialog.js");require("../../../ui/Drawer/Drawer.js");require("../../../ui/Field/Field.js");const a=require("../../../ui/IconButton/IconButton.js");require("../../../ui/NumberInput/NumberInput.js");require("../../../ui/PasswordInput/PasswordInput.js");require("../../../ui/PinInput/PinInput.js");require("../../../ui/Popover/Popover.js");require("../../../ui/Progress/Progress.js");require("../../../ui/SegmentGroup/SegmentGroup.js");require("../../../ui/Select/Select.js");require("../../../ui/Table/Table.js");require("../../../ui/Tabs/Tabs.js");function w(l){const n=C.useGlobalStore(m.useShallow(r=>({depositWithdrawal:r.depositWithdrawal}))),t=x.useAvailablePromosQuery().data??[],[o,u]=b.useControllableState({value:l.value,defaultValue:l.defaultValue??null,onChange:l.onChange});return e.jsxs(i.Carousel.Root,{slideCount:t.length,className:l.className,spacing:"16px",slidesPerPage:2,children:[e.jsxs("div",{className:"flex items-center gap-xl",children:[e.jsxs("div",{className:"grow",children:[e.jsx("h2",{className:"text-lg font-semibold leading-tight",children:"Available Promotions"}),e.jsx("p",{className:"text-gray-500 mt-1 text-sm leading-tight",children:"Select a promotion with your deposit. Only one can be active at a time."})]}),e.jsxs(i.Carousel.Control,{children:[e.jsx(i.Carousel.PrevTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",children:e.jsx(v.ChevronLeftIcon,{})})}),e.jsx(i.Carousel.NextTrigger,{asChild:!0,children:e.jsx(a.IconButton,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(N.ChevronRightIcon,{})})})]})]}),e.jsx(i.Carousel.ItemGroup,{className:"mt-3xl",children:t.map((r,c)=>e.jsx(i.Carousel.Item,{index:c,children:e.jsxs("div",{className:"relative select-none p-0.5",children:[e.jsx("div",{className:g.twMerge("block rounded-lg",r.id===o&&"ring-gray-500/25 ring-2"),children:r.banner.url&&e.jsx(h,{src:r.banner.url,alt:"",width:288,height:184,className:"rounded-lg"})}),e.jsxs(s.Root,{checked:r.id===o,onCheckedChange:d=>{u(d.checked?r.id:null)},className:"absolute right-3 top-3 rounded-md border border-white/50 bg-white/60 p-lg backdrop-blur-sm",children:[e.jsx(s.Control,{className:"bg-white",children:e.jsx(s.Indicator,{asChild:!0,children:e.jsx(j.CheckIcon,{})})}),e.jsx(s.HiddenInput,{})]}),e.jsx(q,{href:`/promos/${r.id}`,className:"absolute bottom-3 right-3 rounded-md border border-white/50 bg-white/60 px-lg py-md text-sm font-semibold backdrop-blur-sm",onClick:()=>{n.depositWithdrawal.setOpen(!1)},children:"Promo Details"})]})},r.id))})]})}exports.AvailablePromos=w;

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

@@ -30,24 +30,27 @@ import "../../../ui/Badge/Badge.mjs";
 import "../../../ui/Button/button.recipe.mjs";
 import { Root as x, Control as y, Indicator as k, HiddenInput as I } from "../../../ui/Checkbox/Checkbox.mjs";
 import "../../../ui/Clipboard/Clipboard.mjs";
+import "../../../ui/Collapsible/Collapsible.mjs";
 import "../../../ui/DatePicker/DatePicker.mjs";
 import "../../../ui/Dialog/Dialog.mjs";
 import "../../../ui/Drawer/Drawer.mjs";
 import "../../../ui/Field/Field.mjs";
-import { IconButton as m } from "../../../ui/IconButton/IconButton.mjs";
+import { IconButton as a } from "../../../ui/IconButton/IconButton.mjs";
 import "../../../ui/NumberInput/NumberInput.mjs";
+import "../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../ui/PinInput/PinInput.mjs";
 import "../../../ui/Popover/Popover.mjs";
+import "../../../ui/Progress/Progress.mjs";
 import "../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../ui/Select/Select.mjs";
 import "../../../ui/Table/Table.mjs";
 import "../../../ui/Tabs/Tabs.mjs";
-function fe(i) {
+function Ne(i) {
   const n = v(
     g((r) => ({
       depositWithdrawal: r.depositWithdrawal
     }))
-  ), l = b().data ?? [], [a, d] = f({
+  ), l = b().data ?? [], [m, d] = f({
     value: i.value,
     defaultValue: i.defaultValue ?? null,
     onChange: i.onChange
@@ -67,7 +70,7 @@ function fe(i) {
           ] }),
           /* @__PURE__ */ o(t.Control, { children: [
             /* @__PURE__ */ e(t.PrevTrigger, { asChild: !0, children: /* @__PURE__ */ e(
-              m,
+              a,
               {
                 variant: "outline",
                 colorScheme: "gray",
@@ -76,7 +79,7 @@ function fe(i) {
               }
             ) }),
             /* @__PURE__ */ e(t.NextTrigger, { asChild: !0, children: /* @__PURE__ */ e(
-              m,
+              a,
               {
                 variant: "outline",
                 colorScheme: "gray",
@@ -92,7 +95,7 @@ function fe(i) {
             {
               className: u(
                 "block rounded-lg",
-                r.id === a && "ring-gray-500/25 ring-2"
+                r.id === m && "ring-gray-500/25 ring-2"
               ),
               children: r.banner.url && /* @__PURE__ */ e(
                 p,
@@ -109,7 +112,7 @@ function fe(i) {
           /* @__PURE__ */ o(
             x,
             {
-              checked: r.id === a,
+              checked: r.id === m,
               onCheckedChange: (c) => {
                 d(c.checked ? r.id : null);
               },
@@ -137,5 +140,5 @@ function fe(i) {
   );
 }
 export {
-  fe as AvailablePromos
+  Ne as AvailablePromos
 };

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

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

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

@@ -36,22 +36,25 @@ import "../../../../ui/Badge/Badge.mjs";
 import { Button as f } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
+import "../../../../ui/Collapsible/Collapsible.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
 import { Root as to, ErrorText as ro } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import { Root as io, Label as no, Control as mo, Input as so, IncrementTrigger as ao, DecrementTrigger as uo } from "../../../../ui/NumberInput/NumberInput.mjs";
+import "../../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../../../ui/Progress/Progress.mjs";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
 import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as lo } from "../../AmountChoices.mjs";
 import { AvailablePromos as co } from "../AvailablePromos.mjs";
-function fe() {
+function Ce() {
   var y;
   const l = T(), S = V(
     N((o) => ({
@@ -257,5 +260,5 @@ function fe() {
   ] });
 }
 export {
-  fe as GCashDeposit
+  Ce as GCashDeposit
 };

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

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

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

@@ -37,15 +37,18 @@ import "../../../../ui/Badge/Badge.mjs";
 import { Button as f } from "../../../../ui/Button/Button.mjs";
 import "../../../../ui/Checkbox/Checkbox.mjs";
 import "../../../../ui/Clipboard/Clipboard.mjs";
+import "../../../../ui/Collapsible/Collapsible.mjs";
 import "../../../../ui/DatePicker/DatePicker.mjs";
 import "../../../../ui/Dialog/Dialog.mjs";
 import "../../../../ui/Drawer/Drawer.mjs";
 import { Root as ro, ErrorText as io } from "../../../../ui/Field/Field.mjs";
 import "../../../../ui/IconButton/iconButton.recipe.mjs";
 import { Root as no, Label as mo, Control as so, Input as ao, IncrementTrigger as uo, DecrementTrigger as lo } from "../../../../ui/NumberInput/NumberInput.mjs";
+import "../../../../ui/PasswordInput/PasswordInput.mjs";
 import "../../../../ui/PinInput/PinInput.mjs";
 import "../../../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
+import "../../../../ui/Progress/Progress.mjs";
 import "../../../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../../../ui/Select/Select.mjs";
 import "../../../../ui/Table/Table.mjs";
@@ -53,7 +56,7 @@ import "../../../../ui/Tabs/Tabs.mjs";
 import { AmountChoices as po } from "../../AmountChoices.mjs";
 import { MayaSessionExpired as co } from "../../MayaSessionExpired.mjs";
 import { AvailablePromos as fo } from "../AvailablePromos.mjs";
-function ve() {
+function be() {
   var C;
   const l = T(), A = $(
     N((e) => ({
@@ -261,5 +264,5 @@ function ve() {
   ] }) : /* @__PURE__ */ o(co, {});
 }
 export {
-  ve as MayaAppDeposit
+  be as MayaAppDeposit
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@ark-ui/react"),P=require("@hookform/resolvers/zod"),w=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");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 Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateMayaDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),B=require("../../../../client/utils/toaster.js"),U=require("../../../../icons/AlertCircleIcon.js"),V=require("../../../../icons/ChevronDownIcon.js"),$=require("../../../../icons/ChevronUpIcon.js"),L=require("../../../../icons/SpinnerIcon.js"),W=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=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 b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const c=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 Z=require("../../AmountChoices.js"),G=require("../AvailablePromos.js");function _(){var y;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=E.useCreateMayaDepositMutation({onSuccess(o){O(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(o){B.toaster.error({description:o.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,l=h==null?void 0:h.mayaDepositGatewaySettings,d=i.parseDecimal(l==null?void 0:l.maximumAmount,0),u=S<=0?i.parseDecimal((y=g.data)==null?void 0:y.minimumFirstDepositAmount,0):i.parseDecimal(l==null?void 0:l.minimumAmount,0),f=Q.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,s)=>{const r=i.parseDecimal(o,0);r<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=f.find(z=>z.id===o.promo),C=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),D=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),v=i.parseDecimal(o.amount,0);r&&v<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&v>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=q.useForm({mode:"all",resolver:P.zodResolver(A),defaultValues:{amount:"0",promo:null}});w.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(c.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(c.Label,{children:"Enter amount you want to deposit"}),e.jsxs(c.Control,{children:[e.jsx(c.Input,{}),e.jsx(c.IncrementTrigger,{children:e.jsx($.ChevronUpIcon,{})}),e.jsx(c.DecrementTrigger,{children:e.jsx(V.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(Z.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:o=>e.jsx(G.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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async o=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(L.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(M.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(U.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(W.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(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.MayaDeposit=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("@ark-ui/react"),P=require("@hookform/resolvers/zod"),w=require("react"),q=require("react-hook-form"),O=require("tiny-invariant"),a=require("zod"),k=require("zustand/shallow");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 Q=require("../../../../client/hooks/useAvailablePromosQuery.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const E=require("../../../../client/hooks/useCreateMayaDepositMutation.js"),F=require("../../../../client/hooks/useDepositsCountQuery.js"),N=require("../../../../client/hooks/useDisclosure.js"),R=require("../../../../client/hooks/useGlobalStore.js");require("../../../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const T=require("../../../../client/hooks/usePaymentSettingsQuery.js"),B=require("../../../../client/utils/toaster.js"),U=require("../../../../icons/AlertCircleIcon.js"),V=require("../../../../icons/ChevronDownIcon.js"),$=require("../../../../icons/ChevronUpIcon.js"),L=require("../../../../icons/SpinnerIcon.js"),W=require("../../../../icons/XIcon.js"),n=require("../../../../ui/AlertDialog/AlertDialog.js");require("../../../../ui/Avatar/Avatar.js");require("../../../../ui/Badge/Badge.js");const x=require("../../../../ui/Button/Button.js");require("../../../../ui/Checkbox/Checkbox.js");require("../../../../ui/Clipboard/Clipboard.js");require("../../../../ui/Collapsible/Collapsible.js");require("../../../../ui/DatePicker/DatePicker.js");require("../../../../ui/Dialog/Dialog.js");require("../../../../ui/Drawer/Drawer.js");const b=require("../../../../ui/Field/Field.js");require("../../../../ui/IconButton/iconButton.recipe.js");const c=require("../../../../ui/NumberInput/NumberInput.js");require("../../../../ui/PasswordInput/PasswordInput.js");require("../../../../ui/PinInput/PinInput.js");require("../../../../ui/Popover/Popover.js");require("tailwind-merge");require("../../../../ui/Progress/Progress.js");require("../../../../ui/SegmentGroup/SegmentGroup.js");require("../../../../ui/Select/Select.js");require("../../../../ui/Table/Table.js");require("../../../../ui/Tabs/Tabs.js");const Z=require("../../AmountChoices.js"),G=require("../AvailablePromos.js");function _(){var y;const m=N.useDisclosure(),I=R.useGlobalStore(k.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=E.useCreateMayaDepositMutation({onSuccess(o){O(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),t.reset(),I.depositWithdrawal.setOpen(!1)},onError(o){B.toaster.error({description:o.message})}}),S=F.useDepositsCountQuery().data??0,g=T.usePaymentSettingsQuery(),h=g.data,l=h==null?void 0:h.mayaDepositGatewaySettings,d=i.parseDecimal(l==null?void 0:l.maximumAmount,0),u=S<=0?i.parseDecimal((y=g.data)==null?void 0:y.minimumFirstDepositAmount,0):i.parseDecimal(l==null?void 0:l.minimumAmount,0),f=Q.useAvailablePromosQuery().data??[],A=a.z.object({amount:a.z.string().superRefine((o,s)=>{const r=i.parseDecimal(o,0);r<u&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),r>d&&s.addIssue({type:"number",code:a.z.ZodIssueCode.too_big,inclusive:!0,maximum:d,message:`Maximum amount is ${d.toLocaleString()}`})}),promo:a.z.string().optional().nullable()}).superRefine((o,s)=>{const r=f.find(z=>z.id===o.promo),C=i.parseDecimal(r==null?void 0:r.minimumDepositAmount,0),D=i.parseDecimal(r==null?void 0:r.maximumDepositAmount,0),v=i.parseDecimal(o.amount,0);r&&v<C&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),r&&v>D&&s.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),t=q.useForm({mode:"all",resolver:P.zodResolver(A),defaultValues:{amount:"0",promo:null}});w.useEffect(()=>{u&&t.reset({amount:u.toString(),promo:null})},[t,u]);const j=t.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return e.jsxs("form",{onSubmit:j,noValidate:!0,children:[e.jsx(q.Controller,{control:t.control,name:"amount",render:o=>{var s;return e.jsxs(b.Root,{invalid:!!t.formState.errors.amount,children:[e.jsxs(c.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(c.Label,{children:"Enter amount you want to deposit"}),e.jsxs(c.Control,{children:[e.jsx(c.Input,{}),e.jsx(c.IncrementTrigger,{children:e.jsx($.ChevronUpIcon,{})}),e.jsx(c.DecrementTrigger,{children:e.jsx(V.ChevronDownIcon,{})})]})]}),e.jsx(b.ErrorText,{children:(s=t.formState.errors.amount)==null?void 0:s.message})]})}}),e.jsx(Z.AmountChoices,{value:i.parseDecimal(t.watch("amount"),0),onChange:o=>{t.setValue("amount",o.toString(),{shouldTouch:!0,shouldDirty:!0,shouldValidate:!0})},min:u,max:d,className:"mt-xl"}),e.jsx(q.Controller,{control:t.control,name:"promo",render:o=>e.jsx(G.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(x.Button,{type:"submit",className:"mt-4.5",disabled:p.isPending,onClick:async o=>{await t.trigger("amount")&&(f.length<=0||t.getValues("promo")||(o.preventDefault(),m.setOpen(!0)))},children:p.isPending?e.jsxs(e.Fragment,{children:[e.jsx(L.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsx(n.Root,{role:"alertdialog",open:m.open,onOpenChange:o=>{m.setOpen(o.open)},lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(M.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(U.AlertCircleIcon,{})}),e.jsx(n.CloseTrigger,{children:e.jsx(W.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(x.Button,{variant:"outline",colorScheme:"gray",onClick:()=>{m.setOpen(!1)},children:"Cancel"}),e.jsx(x.Button,{onClick:()=>{j(),m.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.MayaDeposit=_;