@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/DepositWithdrawal/AmountChoices.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const o=require("../../utils/dataAttr.js"),s=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");const m=require("../../hooks/useControllableState.js");require("lodash-es");require("../../_virtual/index.cjs.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const d=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");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");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 f(e){var i;const t=e.min??0,a=e.max??9999999,q=d.useLocaleInfo(),u=(i=e.options)!=null&&i.length?e.options:[500,750,1e3,2e3],[c,n]=m.useControllableState({value:e.value,defaultValue:e.defaultValue??u[0],onChange:e.onChange});return React.createElement("div",{className:l.twMerge("grid grid-cols-4 gap-2",e.className)},u.map(r=>React.createElement(g.Button,{key:r,variant:"outline",colorScheme:"gray",onClick:()=>{n(r)},disabled:t>r||a<r,"data-selected":o.dataAttr(c===r)},s.formatNumber(r,{currency:q.currency.code,minDecimalPlaces:0,maxDecimalPlaces:0}))))}exports.AmountChoices=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),o=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");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");require("../../utils/toaster.js");const d=require("../../hooks/useControllableState.js");require("lodash-es");require("../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const g=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");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");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 f(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.jsxRuntimeExports.jsx("div",{className:o.twMerge("grid grid-cols-4 gap-2",e.className),children:u.map(r=>t.jsxRuntimeExports.jsx(x.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=f;

package/dist/components/DepositWithdrawal/AmountChoices.mjs

@@ -1,20 +1,21 @@
-import { twMerge as p } from "tailwind-merge";
+import { j as i } from "../../_virtual/jsx-runtime.mjs";
+import { twMerge as n } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
-import { dataAttr as n } from "../../utils/dataAttr.mjs";
+import { dataAttr as s } from "../../utils/dataAttr.mjs";
 import { formatNumber as u } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/toaster.mjs";
-import { useControllableState as s } from "../../hooks/useControllableState.mjs";
+import { useControllableState as d } from "../../hooks/useControllableState.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import { useLocaleInfo as f } from "../../hooks/useLocaleInfo.mjs";
@@ -22,7 +23,7 @@ import "usehooks-ts";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as d } from "../../ui/Button/Button.mjs";
+import { Button as g } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -38,32 +39,32 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function mt(t) {
+function rt(t) {
   var r;
-  const e = t.min ?? 0, i = t.max ?? 9999999, a = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [c, l] = s({
+  const e = t.min ?? 0, a = t.max ?? 9999999, l = f(), o = (r = t.options) != null && r.length ? t.options : [500, 750, 1e3, 2e3], [p, c] = d({
     value: t.value,
     defaultValue: t.defaultValue ?? o[0],
     onChange: t.onChange
   });
-  return /* @__PURE__ */ React.createElement("div", { className: p("grid grid-cols-4 gap-2", t.className) }, o.map((m) => /* @__PURE__ */ React.createElement(
-    d,
+  return /* @__PURE__ */ i.jsx("div", { className: n("grid grid-cols-4 gap-2", t.className), children: o.map((m) => /* @__PURE__ */ i.jsx(
+    g,
     {
-      key: m,
       variant: "outline",
       colorScheme: "gray",
       onClick: () => {
-        l(m);
+        c(m);
       },
-      disabled: e > m || i < m,
-      "data-selected": n(c === m)
+      disabled: e > m || a < m,
+      "data-selected": s(p === m),
+      children: u(m, {
+        currency: l.currency.code,
+        minDecimalPlaces: 0,
+        maxDecimalPlaces: 0
+      })
     },
-    u(m, {
-      currency: a.currency.code,
-      minDecimalPlaces: 0,
-      maxDecimalPlaces: 0
-    })
-  )));
+    m
+  )) });
 }
 export {
-  mt as AmountChoices
+  rt as AmountChoices
 };

package/dist/components/DepositWithdrawal/AvailablePromos.js

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

package/dist/components/DepositWithdrawal/AvailablePromos.mjs

@@ -1,7 +1,8 @@
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
 import { Carousel as t } from "@ark-ui/react";
-import s from "../../_virtual/image.mjs";
-import d from "../../_virtual/link.mjs";
-import { twMerge as p } from "tailwind-merge";
+import c from "../../_virtual/image.mjs";
+import p from "../../_virtual/link.mjs";
+import { twMerge as h } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,24 +17,24 @@ import "../../utils/toaster.mjs";
 import { useAvailablePromosQuery as u } from "../../hooks/useAvailablePromosQuery.mjs";
 import { useControllableState as g } from "../../hooks/useControllableState.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
-import { useGlobalStore as h } from "../../hooks/useGlobalStore.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useGlobalStore as x } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import { CheckIcon as b } from "../../icons/CheckIcon.mjs";
-import { ChevronLeftIcon as R } from "../../icons/ChevronLeftIcon.mjs";
-import { ChevronRightIcon as E } from "../../icons/ChevronRightIcon.mjs";
+import { ChevronLeftIcon as j } from "../../icons/ChevronLeftIcon.mjs";
+import { ChevronRightIcon as f } from "../../icons/ChevronRightIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
 import "../../ui/Button/button.recipe.mjs";
-import { Root as f, Control as v, Indicator as C, HiddenInput as N } from "../../ui/Checkbox/Checkbox.mjs";
+import { Root as v, Control as C, Indicator as N, HiddenInput as w } from "../../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 "../../ui/Field/Field.mjs";
-import { IconButton as l } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as s } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
@@ -41,84 +42,101 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { useShallow as w } 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 he(r) {
-  const m = h(
-    w((e) => ({
-      depositWithdrawal: e.depositWithdrawal
+import { useShallow as y } 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 be(o) {
+  const a = x(
+    y((r) => ({
+      depositWithdrawal: r.depositWithdrawal
     }))
-  ), a = u().data ?? [], [o, i] = g({
-    value: r.value,
-    defaultValue: r.defaultValue ?? null,
-    onChange: r.onChange
+  ), i = u().data ?? [], [l, m] = g({
+    value: o.value,
+    defaultValue: o.defaultValue ?? null,
+    onChange: o.onChange
   });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ e.jsxs(
     t.Root,
     {
-      slideCount: a.length,
-      className: r.className,
+      slideCount: i.length,
+      className: o.className,
       spacing: "16px",
-      slidesPerPage: 2
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-xl" }, /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold leading-tight" }, "Available Promotions"), /* @__PURE__ */ React.createElement("p", { className: "text-gray-500 mt-1 text-sm leading-tight" }, "Select a promotion with your deposit. Only one can be active at a time.")), /* @__PURE__ */ React.createElement(t.Control, null, /* @__PURE__ */ React.createElement(t.PrevTrigger, { asChild: !0 }, /* @__PURE__ */ React.createElement(
-      l,
-      {
-        variant: "outline",
-        colorScheme: "gray",
-        className: "rounded-r-none border-r-0"
-      },
-      /* @__PURE__ */ React.createElement(R, null)
-    )), /* @__PURE__ */ React.createElement(t.NextTrigger, { asChild: !0 }, /* @__PURE__ */ React.createElement(
-      l,
-      {
-        variant: "outline",
-        colorScheme: "gray",
-        className: "rounded-l-none"
-      },
-      /* @__PURE__ */ React.createElement(E, null)
-    )))),
-    /* @__PURE__ */ React.createElement(t.ItemGroup, { className: "mt-3xl" }, a.map((e, n) => /* @__PURE__ */ React.createElement(t.Item, { key: e.id, index: n }, /* @__PURE__ */ React.createElement("div", { className: "relative select-none p-0.5" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: p(
-          "block rounded-lg",
-          e.id === o && "ring-gray-500/25 ring-2"
-        )
-      },
-      e.banner.url && /* @__PURE__ */ React.createElement(
-        s,
-        {
-          src: e.banner.url,
-          alt: "",
-          width: 288,
-          height: 184,
-          className: "rounded-lg"
-        }
-      )
-    ), /* @__PURE__ */ React.createElement(
-      f,
-      {
-        checked: e.id === o,
-        onCheckedChange: (c) => {
-          i(c.checked ? e.id : null);
-        },
-        className: "absolute right-3 top-3 rounded-md border border-white/50 bg-white/60 p-lg backdrop-blur-sm"
-      },
-      /* @__PURE__ */ React.createElement(v, { className: "bg-white" }, /* @__PURE__ */ React.createElement(C, { asChild: !0 }, /* @__PURE__ */ React.createElement(b, null))),
-      /* @__PURE__ */ React.createElement(N, null)
-    ), /* @__PURE__ */ React.createElement(
-      d,
-      {
-        href: `/promos/${e.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: () => {
-          m.depositWithdrawal.setOpen(!1);
-        }
-      },
-      "Promo Details"
-    )))))
+      slidesPerPage: 2,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-xl", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
+            /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold leading-tight", children: "Available Promotions" }),
+            /* @__PURE__ */ 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." })
+          ] }),
+          /* @__PURE__ */ e.jsxs(t.Control, { children: [
+            /* @__PURE__ */ e.jsx(t.PrevTrigger, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+              s,
+              {
+                variant: "outline",
+                colorScheme: "gray",
+                className: "rounded-r-none border-r-0",
+                children: /* @__PURE__ */ e.jsx(j, {})
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx(t.NextTrigger, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+              s,
+              {
+                variant: "outline",
+                colorScheme: "gray",
+                className: "rounded-l-none",
+                children: /* @__PURE__ */ e.jsx(f, {})
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(t.ItemGroup, { className: "mt-3xl", children: i.map((r, n) => /* @__PURE__ */ e.jsx(t.Item, { index: n, children: /* @__PURE__ */ e.jsxs("div", { className: "relative select-none p-0.5", children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: h(
+                "block rounded-lg",
+                r.id === l && "ring-gray-500/25 ring-2"
+              ),
+              children: r.banner.url && /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  src: r.banner.url,
+                  alt: "",
+                  width: 288,
+                  height: 184,
+                  className: "rounded-lg"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            v,
+            {
+              checked: r.id === l,
+              onCheckedChange: (d) => {
+                m(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: [
+                /* @__PURE__ */ e.jsx(C, { className: "bg-white", children: /* @__PURE__ */ e.jsx(N, { asChild: !0, children: /* @__PURE__ */ e.jsx(b, {}) }) }),
+                /* @__PURE__ */ e.jsx(w, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            p,
+            {
+              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: () => {
+                a.depositWithdrawal.setOpen(!1);
+              },
+              children: "Promo Details"
+            }
+          )
+        ] }) }, r.id)) })
+      ]
+    }
   );
 }
 export {
-  he as AvailablePromos
+  be as AvailablePromos
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react");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");const m=require("../../../utils/isMobile.js");require("../../../utils/toaster.js");require("lodash-es");require("../../../_virtual/index.cjs.js");require("../../../hooks/useGlobalStore.js");require("../../../hooks/useInfiniteQueryHelper.js");const M=require("../../../hooks/useOnMMA.js"),E=require("../../../hooks/usePaymentSettingsQuery.js"),D=require("../../../icons/AlertCircleIcon.js"),f=require("../../../icons/SpinnerIcon.js"),R=require("../../FeatureFlagProvider/FeatureFlagContext.js");require("@ark-ui/react");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");require("../../../ui/Button/button.recipe.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("../../../ui/IconButton/iconButton.recipe.js");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");require("../../../_virtual/navigation.js");require("usehooks-ts");const P=require("../PaymentMethods.js"),y=require("./GCashDeposit/GCashDeposit.js"),G=require("./MayaAppDeposit/MayaAppDeposit.js"),N=require("./MayaDeposit/MayaDeposit.js"),w=require("./OnlineBankDeposit/OnlineBankDeposit.js"),g=require("./QRPHDeposit/QRPHDeposit.js");function C(){const[h]=M.useOnMMA(),a=R.useFeatureFlagContext(),u=E.usePaymentSettingsQuery(),e=u.data,i=(()=>{var s,o,l,c,q,b,p,d;const r=[];return h?r.push("MAYA_APP"):m.onMobileDevice()?((s=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&s.mobileWebEnabled&&r.push("GCASH"),a.enabled&&((o=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&o.mobileWebEnabled)&&r.push("MAYA"),(l=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&l.mobileWebEnabled&&r.push("QRPH"),(c=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&c.mobileWebEnabled&&r.push("ONLINE_BANK")):((q=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&q.webEnabled&&r.push("GCASH"),a.enabled&&((b=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&b.webEnabled)&&r.push("MAYA"),(p=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&p.webEnabled&&r.push("QRPH"),(d=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&d.webEnabled&&r.push("ONLINE_BANK")),r})(),[t,n]=A.useState();return A.useEffect(()=>{i.length>0&&!t&&n(i[0])},[i,t]),u.isLoading?React.createElement(f.SpinnerIcon,{className:"mx-auto size-6"}):i.length<=0?React.createElement("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm"},React.createElement(D.AlertCircleIcon,{className:"size-4"}),"No available payment methods"):React.createElement(React.Fragment,null,React.createElement(P.PaymentMethods,{value:t,onChange:n,options:i}),t==="QRPH"&&React.createElement(g.QRPHDeposit,null),t==="GCASH"&&React.createElement(y.GCashDeposit,null),t==="MAYA"&&React.createElement(N.MayaDeposit,null),t==="MAYA_APP"&&React.createElement(G.MayaAppDeposit,null),t==="ONLINE_BANK"&&React.createElement(w.OnlineBankDeposit,null))}exports.Deposit=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../_virtual/jsx-runtime.js"),h=require("react");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");const A=require("../../../utils/isMobile.js");require("../../../utils/toaster.js");require("lodash-es");require("../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");require("../../../hooks/useGlobalStore.js");require("../../../hooks/useInfiniteQueryHelper.js");const j=require("../../../hooks/useOnMMA.js"),E=require("../../../hooks/usePaymentSettingsQuery.js"),M=require("../../../icons/AlertCircleIcon.js"),D=require("../../../icons/SpinnerIcon.js"),f=require("../../FeatureFlagProvider/FeatureFlagContext.js");require("@ark-ui/react");require("../../../ui/AlertDialog/AlertDialog.js");require("../../../ui/Avatar/Avatar.js");require("../../../ui/Badge/Badge.js");require("../../../ui/Button/button.recipe.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("../../../ui/IconButton/iconButton.recipe.js");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");require("../../../_virtual/navigation.js");require("usehooks-ts");const R=require("../PaymentMethods.js"),P=require("./GCashDeposit/GCashDeposit.js"),y=require("./MayaAppDeposit/MayaAppDeposit.js"),G=require("./MayaDeposit/MayaDeposit.js"),N=require("./OnlineBankDeposit/OnlineBankDeposit.js"),w=require("./QRPHDeposit/QRPHDeposit.js");function g(){const[m]=j.useOnMMA(),u=f.useFeatureFlagContext(),o=E.usePaymentSettingsQuery(),e=o.data,t=(()=>{var a,q,l,c,p,x,b,d;const i=[];return m?i.push("MAYA_APP"):A.onMobileDevice()?((a=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&a.mobileWebEnabled&&i.push("GCASH"),u.enabled&&((q=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&q.mobileWebEnabled)&&i.push("MAYA"),(l=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&l.mobileWebEnabled&&i.push("QRPH"),(c=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&c.mobileWebEnabled&&i.push("ONLINE_BANK")):((p=e==null?void 0:e.gcashDepositGatewaySettings)!=null&&p.webEnabled&&i.push("GCASH"),u.enabled&&((x=e==null?void 0:e.mayaDepositGatewaySettings)!=null&&x.webEnabled)&&i.push("MAYA"),(b=e==null?void 0:e.qrphDepositGatewaySettings)!=null&&b.webEnabled&&i.push("QRPH"),(d=e==null?void 0:e.onlineBankDepositGatewaySettings)!=null&&d.webEnabled&&i.push("ONLINE_BANK")),i})(),[s,n]=h.useState();return h.useEffect(()=>{t.length>0&&!s&&n(t[0])},[t,s]),o.isLoading?r.jsxRuntimeExports.jsx(D.SpinnerIcon,{className:"mx-auto size-6"}):t.length<=0?r.jsxRuntimeExports.jsxs("div",{className:"border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm",children:[r.jsxRuntimeExports.jsx(M.AlertCircleIcon,{className:"size-4"}),"No available payment methods"]}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(R.PaymentMethods,{value:s,onChange:n,options:t}),s==="QRPH"&&r.jsxRuntimeExports.jsx(w.QRPHDeposit,{}),s==="GCASH"&&r.jsxRuntimeExports.jsx(P.GCashDeposit,{}),s==="MAYA"&&r.jsxRuntimeExports.jsx(G.MayaDeposit,{}),s==="MAYA_APP"&&r.jsxRuntimeExports.jsx(y.MayaAppDeposit,{}),s==="ONLINE_BANK"&&r.jsxRuntimeExports.jsx(N.OnlineBankDeposit,{})]})}exports.Deposit=g;

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

@@ -1,4 +1,5 @@
-import { useState as h, useEffect as A } from "react";
+import { j as e } from "../../../_virtual/jsx-runtime.mjs";
+import { useState as c, useEffect as x } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -7,16 +8,16 @@ import "../../../utils/capitalize.mjs";
 import "../../../utils/parseDecimal.mjs";
 import "../../../utils/getLocaleInfo.mjs";
 import "../../../utils/getQueryClient.mjs";
-import { onMobileDevice as E } from "../../../utils/isMobile.mjs";
+import { onMobileDevice as M } from "../../../utils/isMobile.mjs";
 import "../../../utils/toaster.mjs";
 import "lodash-es";
-import "../../../_virtual/index.cjs.mjs";
+import "../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
 import "../../../hooks/useGlobalStore.mjs";
 import "../../../hooks/useInfiniteQueryHelper.mjs";
-import { useOnMMA as M } from "../../../hooks/useOnMMA.mjs";
-import { usePaymentSettingsQuery as D } from "../../../hooks/usePaymentSettingsQuery.mjs";
-import { AlertCircleIcon as R } from "../../../icons/AlertCircleIcon.mjs";
-import { SpinnerIcon as N } from "../../../icons/SpinnerIcon.mjs";
+import { useOnMMA as D } from "../../../hooks/useOnMMA.mjs";
+import { usePaymentSettingsQuery as E } from "../../../hooks/usePaymentSettingsQuery.mjs";
+import { AlertCircleIcon as N } from "../../../icons/AlertCircleIcon.mjs";
+import { SpinnerIcon as j } from "../../../icons/SpinnerIcon.mjs";
 import { useFeatureFlagContext as w } from "../../FeatureFlagProvider/FeatureFlagContext.mjs";
 import "@ark-ui/react";
 import "../../../ui/AlertDialog/AlertDialog.mjs";
@@ -42,27 +43,37 @@ import "../../../_virtual/navigation.mjs";
 import "usehooks-ts";
 import { PaymentMethods as G } from "../PaymentMethods.mjs";
 import { GCashDeposit as P } from "./GCashDeposit/GCashDeposit.mjs";
-import { MayaAppDeposit as x } from "./MayaAppDeposit/MayaAppDeposit.mjs";
-import { MayaDeposit as y } from "./MayaDeposit/MayaDeposit.mjs";
-import { OnlineBankDeposit as C } from "./OnlineBankDeposit/OnlineBankDeposit.mjs";
-import { QRPHDeposit as H } from "./QRPHDeposit/QRPHDeposit.mjs";
-function Ge() {
-  const [d] = M(), i = w(), m = D(), e = m.data, r = (() => {
-    var p, l, n, s, c, f, u, b;
-    const t = [];
-    return d ? t.push("MAYA_APP") : E() ? ((p = e == null ? void 0 : e.gcashDepositGatewaySettings) != null && p.mobileWebEnabled && t.push("GCASH"), i.enabled && ((l = e == null ? void 0 : e.mayaDepositGatewaySettings) != null && l.mobileWebEnabled) && t.push("MAYA"), (n = e == null ? void 0 : e.qrphDepositGatewaySettings) != null && n.mobileWebEnabled && t.push("QRPH"), (s = e == null ? void 0 : e.onlineBankDepositGatewaySettings) != null && s.mobileWebEnabled && t.push("ONLINE_BANK")) : ((c = e == null ? void 0 : e.gcashDepositGatewaySettings) != null && c.webEnabled && t.push("GCASH"), i.enabled && ((f = e == null ? void 0 : e.mayaDepositGatewaySettings) != null && f.webEnabled) && t.push("MAYA"), (u = e == null ? void 0 : e.qrphDepositGatewaySettings) != null && u.webEnabled && t.push("QRPH"), (b = e == null ? void 0 : e.onlineBankDepositGatewaySettings) != null && b.webEnabled && t.push("ONLINE_BANK")), t;
-  })(), [o, a] = h();
-  return A(() => {
-    r.length > 0 && !o && a(r[0]);
-  }, [r, o]), m.isLoading ? /* @__PURE__ */ React.createElement(N, { className: "mx-auto size-6" }) : r.length <= 0 ? /* @__PURE__ */ React.createElement("div", { className: "border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm" }, /* @__PURE__ */ React.createElement(R, { className: "size-4" }), "No available payment methods") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    G,
-    {
-      value: o,
-      onChange: a,
-      options: r
-    }
-  ), o === "QRPH" && /* @__PURE__ */ React.createElement(H, null), o === "GCASH" && /* @__PURE__ */ React.createElement(P, null), o === "MAYA" && /* @__PURE__ */ React.createElement(y, null), o === "MAYA_APP" && /* @__PURE__ */ React.createElement(x, null), o === "ONLINE_BANK" && /* @__PURE__ */ React.createElement(C, null));
+import { MayaAppDeposit as y } from "./MayaAppDeposit/MayaAppDeposit.mjs";
+import { MayaDeposit as C } from "./MayaDeposit/MayaDeposit.mjs";
+import { OnlineBankDeposit as H } from "./OnlineBankDeposit/OnlineBankDeposit.mjs";
+import { QRPHDeposit as g } from "./QRPHDeposit/QRPHDeposit.mjs";
+function yo() {
+  const [A] = D(), m = w(), p = E(), o = p.data, t = (() => {
+    var a, n, l, f, b, u, d, h;
+    const i = [];
+    return A ? i.push("MAYA_APP") : M() ? ((a = o == null ? void 0 : o.gcashDepositGatewaySettings) != null && a.mobileWebEnabled && i.push("GCASH"), m.enabled && ((n = o == null ? void 0 : o.mayaDepositGatewaySettings) != null && n.mobileWebEnabled) && i.push("MAYA"), (l = o == null ? void 0 : o.qrphDepositGatewaySettings) != null && l.mobileWebEnabled && i.push("QRPH"), (f = o == null ? void 0 : o.onlineBankDepositGatewaySettings) != null && f.mobileWebEnabled && i.push("ONLINE_BANK")) : ((b = o == null ? void 0 : o.gcashDepositGatewaySettings) != null && b.webEnabled && i.push("GCASH"), m.enabled && ((u = o == null ? void 0 : o.mayaDepositGatewaySettings) != null && u.webEnabled) && i.push("MAYA"), (d = o == null ? void 0 : o.qrphDepositGatewaySettings) != null && d.webEnabled && i.push("QRPH"), (h = o == null ? void 0 : o.onlineBankDepositGatewaySettings) != null && h.webEnabled && i.push("ONLINE_BANK")), i;
+  })(), [r, s] = c();
+  return x(() => {
+    t.length > 0 && !r && s(t[0]);
+  }, [t, r]), p.isLoading ? /* @__PURE__ */ e.jsx(j, { className: "mx-auto size-6" }) : t.length <= 0 ? /* @__PURE__ */ e.jsxs("div", { className: "border-amber-200 text-amber-700 bg-amber-50 flex items-center gap-1.5 rounded-sm border px-3 py-2.5 text-sm", children: [
+    /* @__PURE__ */ e.jsx(N, { className: "size-4" }),
+    "No available payment methods"
+  ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      G,
+      {
+        value: r,
+        onChange: s,
+        options: t
+      }
+    ),
+    r === "QRPH" && /* @__PURE__ */ e.jsx(g, {}),
+    r === "GCASH" && /* @__PURE__ */ e.jsx(P, {}),
+    r === "MAYA" && /* @__PURE__ */ e.jsx(C, {}),
+    r === "MAYA_APP" && /* @__PURE__ */ e.jsx(y, {}),
+    r === "ONLINE_BANK" && /* @__PURE__ */ e.jsx(H, {})
+  ] });
 }
 export {
-  Ge as Deposit
+  yo as Deposit
 };

package/dist/components/DepositWithdrawal/Deposit/GCashDeposit/GCashDeposit.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"),P=require("react"),q=require("react-hook-form"),w=require("tiny-invariant"),s=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 M=require("../../../../utils/toaster.js"),O=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("../../../../_virtual/index.cjs.js");const k=require("../../../../hooks/useCreateGCashDepositMutation.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"),G=require("../../../../icons/AlertCircleIcon.js"),B=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),V=require("../../../../icons/SpinnerIcon.js"),$=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 L=require("../../AmountChoices.js"),W=require("../../AvailablePromos.js"),Z=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 j(){var f;const c=F.useDisclosure(),b=N.useGlobalStore(Z.useShallow(e=>({depositWithdrawal:e.depositWithdrawal}))),d=k.useCreateGCashDepositMutation({onSuccess(e){w(e.checkoutUrl),window.open(e.checkoutUrl,"_blank","noopener,noreferrer"),r.reset(),b.depositWithdrawal.setOpen(!1)},onError(e){M.toaster.error({description:e.message})}}),I=Q.useDepositsCountQuery().data??0,E=T.usePaymentSettingsQuery(),p=E.data,i=p==null?void 0:p.gcashDepositGatewaySettings,m=a.parseDecimal(i==null?void 0:i.maximumAmount,0),u=I<=0?a.parseDecimal((f=E.data)==null?void 0:f.minimumFirstDepositAmount,0):a.parseDecimal(i==null?void 0:i.minimumAmount,0),R=O.useAvailablePromosQuery().data??[],S=s.z.object({amount:s.z.string().superRefine((e,n)=>{const t=a.parseDecimal(e,0);t<u&&n.addIssue({type:"number",code:s.z.ZodIssueCode.too_small,inclusive:!0,minimum:u,message:`Minimum amount is ${u.toLocaleString()}`}),t>m&&n.addIssue({type:"number",code:s.z.ZodIssueCode.too_big,inclusive:!0,maximum:m,message:`Maximum amount is ${m.toLocaleString()}`})}),promo:s.z.string().optional().nullable()}).superRefine((e,n)=>{const t=R.find(A=>A.id===e.promo),C=a.parseDecimal(t==null?void 0:t.minimumDepositAmount,0),D=a.parseDecimal(t==null?void 0:t.maximumDepositAmount,0),y=a.parseDecimal(e.amount,0);t&&y<C&&n.addIssue({path:["amount"],code:s.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${C.toLocaleString()}`}),t&&y>D&&n.addIssue({path:["amount"],code:s.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${D}`})}),r=q.useForm({mode:"all",resolver:z.zodResolver(S),defaultValues:{amount:"0",promo:null}});P.useEffect(()=>{u&&r.reset({amount:u.toString(),promo:null})},[r,u]);const h=r.handleSubmit(async e=>{d.mutate({amount:e.amount.toString(),promo:e.promo??void 0})});return React.createElement("form",{onSubmit:h,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(U.ChevronUpIcon,null)),React.createElement(l.DecrementTrigger,null,React.createElement(B.ChevronDownIcon,null)))),React.createElement(v.ErrorText,null,(n=r.formState.errors.amount)==null?void 0:n.message))}}),React.createElement(L.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(W.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(V.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(G.AlertCircleIcon,null)),React.createElement(o.CloseTrigger,null,React.createElement($.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:()=>{h(),c.setOpen(!1)}},"Proceed")))))))}exports.GCashDeposit=j;
+"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"),P=require("react"),j=require("react-hook-form"),w=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 M=require("../../../../utils/toaster.js"),O=require("../../../../hooks/useAvailablePromosQuery.js");require("lodash-es");require("../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.js");const k=require("../../../../hooks/useCreateGCashDepositMutation.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"),G=require("../../../../icons/AlertCircleIcon.js"),B=require("../../../../icons/ChevronDownIcon.js"),U=require("../../../../icons/ChevronUpIcon.js"),V=require("../../../../icons/SpinnerIcon.js"),$=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 y=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 L=require("../../AmountChoices.js"),W=require("../../AvailablePromos.js"),Z=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 l=F.useDisclosure(),v=N.useGlobalStore(Z.useShallow(o=>({depositWithdrawal:o.depositWithdrawal}))),p=k.useCreateGCashDepositMutation({onSuccess(o){w(o.checkoutUrl),window.open(o.checkoutUrl,"_blank","noopener,noreferrer"),r.reset(),v.depositWithdrawal.setOpen(!1)},onError(o){M.toaster.error({description:o.message})}}),b=Q.useDepositsCountQuery().data??0,q=T.usePaymentSettingsQuery(),d=q.data,m=d==null?void 0:d.gcashDepositGatewaySettings,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),g=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=g.find(S=>S.id===o.promo),f=i.parseDecimal(t==null?void 0:t.minimumDepositAmount,0),C=i.parseDecimal(t==null?void 0:t.maximumDepositAmount,0),D=i.parseDecimal(o.amount,0);t&&D<f&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Minimum amount for this promo is ${f.toLocaleString()}`}),t&&D>C&&n.addIssue({path:["amount"],code:a.z.ZodIssueCode.custom,message:`Maximum amount for this promo is ${C}`})}),r=j.useForm({mode:"all",resolver:z.zodResolver(I),defaultValues:{amount:"0",promo:null}});P.useEffect(()=>{u&&r.reset({amount:u.toString(),promo:null})},[r,u]);const E=r.handleSubmit(async o=>{p.mutate({amount:o.amount.toString(),promo:o.promo??void 0})});return e.jsxRuntimeExports.jsxs("form",{onSubmit:E,noValidate:!0,children:[e.jsxRuntimeExports.jsx(j.Controller,{control:r.control,name:"amount",render:o=>{var n;return e.jsxRuntimeExports.jsxs(y.Root,{invalid:!!r.formState.errors.amount,children:[e.jsxRuntimeExports.jsxs(c.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(c.Label,{children:"Enter amount you want to deposit"}),e.jsxRuntimeExports.jsxs(c.Control,{children:[e.jsxRuntimeExports.jsx(c.Input,{}),e.jsxRuntimeExports.jsx(c.IncrementTrigger,{children:e.jsxRuntimeExports.jsx(U.ChevronUpIcon,{})}),e.jsxRuntimeExports.jsx(c.DecrementTrigger,{children:e.jsxRuntimeExports.jsx(B.ChevronDownIcon,{})})]})]}),e.jsxRuntimeExports.jsx(y.ErrorText,{children:(n=r.formState.errors.amount)==null?void 0:n.message})]})}}),e.jsxRuntimeExports.jsx(L.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(W.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")&&(g.length<=0||r.getValues("promo")||(o.preventDefault(),l.setOpen(!0)))},children:p.isPending?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(V.SpinnerIcon,{}),"Processing..."]}):"Deposit"}),e.jsxRuntimeExports.jsx(s.Root,{role:"alertdialog",open:l.open,onOpenChange:o=>{l.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(G.AlertCircleIcon,{})}),e.jsxRuntimeExports.jsx(s.CloseTrigger,{children:e.jsxRuntimeExports.jsx($.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:()=>{l.setOpen(!1)},children:"Cancel"}),e.jsxRuntimeExports.jsx(h.Button,{onClick:()=>{E(),l.setOpen(!1)},children:"Proceed"})]})]})})]})})]})}exports.GCashDeposit=_;