@opexa/portal-components 0.0.7 → 0.0.9

package/dist/_virtual/jsx-runtime.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.js");var t=e.__require();exports.jsxRuntimeExports=t;

package/dist/_virtual/jsx-runtime.mjs

@@ -1,4 +1,5 @@
-var e = { exports: {} };
+import { __require as r } from "../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
+var i = r();
 export {
-  e as __module
+  i as j
 };

package/dist/_virtual/jsx-runtime2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/jsx-runtime2.mjs

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/components/Account/Account.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@ark-ui/react"),g=require("../../_virtual/link.js"),x=require("../../hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const q=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("lodash-es");require("../../_virtual/index.cjs.js");const s=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const h=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const y=require("../../hooks/useSignOutMutation.js"),N=require("../../hooks/useWalletQuery.js"),d=require("../../icons/ChevronRightIcon.js"),w=require("../../icons/Logout01Icon.js"),i=require("../../icons/User01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");const n=require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const p=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");const c=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");const o=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 u=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 O(t){const l=s.useGlobalStore(u.useShallow(e=>({profile:e.profile,mobileProfile:e.mobileProfile})));return React.createElement(React.Fragment,null,React.createElement(c.Root,{open:l.profile.open,onOpenChange:e=>{l.profile.setOpen(e.open)},lazyMount:!0,unmountOnExit:!0},React.createElement(c.Trigger,{asChild:!0,className:"lg:hidden"},t.children??React.createElement("button",{type:"button"},React.createElement(n.Root,null,React.createElement(n.Fallback,null,React.createElement(i.User01Icon,null))))),React.createElement(m.Portal,null,React.createElement(c.Backdrop,null),React.createElement(c.Positioner,null,React.createElement(c.Content,{className:"bg-gray-50 flex w-[316px] flex-col px-xl py-6"},React.createElement(R,null),React.createElement(E,null),React.createElement(b,{links:t.links??[]}),React.createElement("div",{className:"grow"}),React.createElement(f,null))))),React.createElement(o.Root,{open:l.mobileProfile.open,onOpenChange:e=>{l.mobileProfile.setOpen(e.open)},lazyMount:!0,unmountOnExit:!0,positioning:{placement:"bottom"}},React.createElement(o.Trigger,{className:"hidden lg:flex",asChild:!0},t.children??React.createElement("button",{type:"button"},React.createElement(n.Root,null,React.createElement(n.Fallback,null,React.createElement(i.User01Icon,null))))),React.createElement(m.Portal,null,React.createElement(o.Positioner,null,React.createElement(o.Content,{className:"border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out"},React.createElement(R,null),React.createElement(E,null),React.createElement(b,{links:t.links??[]}),React.createElement(f,null))))))}function f(){return React.createElement("div",{className:"text-gray-400 mt-xl text-center text-2xs"},"© 2025 HappyBingo All rights reserved")}function R(){var l,e,r,a;const t=x.useAccountQuery();return React.createElement("div",{className:"flex items-center gap-3"},React.createElement(n.Root,null,React.createElement(n.Fallback,null,React.createElement(i.User01Icon,null))),React.createElement("div",null,React.createElement("p",{className:"text-sm font-semibold"},(l=t.data)==null?void 0:l.name),React.createElement("p",{className:"text-gray-400 text-xs"},((e=t.data)==null?void 0:e.nickName)??((r=t.data)==null?void 0:r.emailAddress)??((a=t.data)==null?void 0:a.realName))))}function b(t){const l=y.useSignOutMutation(),e=s.useGlobalStore(u.useShallow(r=>({profile:r.profile,mobileProfile:r.mobileProfile})));return React.createElement("nav",{className:"mt-xl space-y-xl"},React.createElement("ul",null,t.links.map((r,a)=>React.createElement("li",{key:r.href+a,className:"border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl"},React.createElement(g,{href:r.href,onClick:()=>{e.profile.setOpen(!1),e.mobileProfile.setOpen(!1)},className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold"},React.createElement(r.icon,{className:"size-5"}),React.createElement("span",{className:"grow"},r.label),React.createElement(d.ChevronRightIcon,{className:"text-gray-400 size-5"}))))),React.createElement("ul",null,React.createElement("li",{className:"border-gray-200 block rounded-xl border bg-white"},React.createElement("button",{type:"button",className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",disabled:l.isPending,onClick:()=>{l.mutate(),e.profile.setOpen(!1),e.mobileProfile.setOpen(!1)}},React.createElement(w.Logout01Icon,{className:"size-5"}),React.createElement("span",{className:"grow"},"Log Out"),React.createElement(d.ChevronRightIcon,{className:"text-gray-400 size-5"})))))}function E(){var r;const t=h.useLocaleInfo(),l=N.useWalletQuery({refetchInterval:1e3}),e=s.useGlobalStore(u.useShallow(a=>({profile:a.profile,mobileProfile:a.mobileProfile,depositWithdrawal:a.depositWithdrawal})));return React.createElement("div",{className:"border-gray-200 mt-3 rounded-lg border bg-white p-xl"},React.createElement("div",{className:"border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium"},"Available Balance"),React.createElement("div",{className:"mt-2 text-3xl font-semibold"},q.formatNumber((r=l.data)==null?void 0:r.balance,{currency:t==null?void 0:t.currency.code,minDecimalPlaces:2})),React.createElement("div",{className:"mt-3 flex gap-lg"},React.createElement(p.Button,{size:"xs",variant:"outline",colorScheme:"gray",onClick:()=>{e.depositWithdrawal.setOpen(!0),e.depositWithdrawal.setTab("WITHDRAWAL"),e.profile.setOpen(!1),e.mobileProfile.setOpen(!1)}},"Withdraw"),React.createElement(p.Button,{size:"xs",onClick:()=>{e.depositWithdrawal.setOpen(!0),e.depositWithdrawal.setTab("DEPOSIT"),e.profile.setOpen(!1),e.mobileProfile.setOpen(!1)}},"Deposit")))}exports.Account=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),m=require("@ark-ui/react"),b=require("../../_virtual/link.js"),E=require("../../hooks/useAccountQuery.js");require("@tanstack/react-query");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const g=require("../../utils/formatNumber.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/parseDecimal.js");require("../../utils/toaster.js");require("@opexa/portal-sdk-core");require("tiny-invariant");require("lodash-es");require("../../_virtual/index.cjs.js");const a=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const q=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const y=require("../../hooks/useSignOutMutation.js"),N=require("../../hooks/useWalletQuery.js"),p=require("../../icons/ChevronRightIcon.js"),w=require("../../icons/Logout01Icon.js"),u=require("../../icons/User01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");const n=require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const d=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");const l=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");const x=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 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 O(s){const i=a.useGlobalStore(c.useShallow(r=>({profile:r.profile,mobileProfile:r.mobileProfile})));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(l.Root,{open:i.profile.open,onOpenChange:r=>{i.profile.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,children:[e.jsxRuntimeExports.jsx(l.Trigger,{asChild:!0,className:"lg:hidden",children:s.children??e.jsxRuntimeExports.jsx("button",{type:"button",children:e.jsxRuntimeExports.jsx(n.Root,{children:e.jsxRuntimeExports.jsx(n.Fallback,{children:e.jsxRuntimeExports.jsx(u.User01Icon,{})})})})}),e.jsxRuntimeExports.jsxs(m.Portal,{children:[e.jsxRuntimeExports.jsx(l.Backdrop,{}),e.jsxRuntimeExports.jsx(l.Positioner,{children:e.jsxRuntimeExports.jsxs(l.Content,{className:"bg-gray-50 flex w-[316px] flex-col px-xl py-6",children:[e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(R,{}),e.jsxRuntimeExports.jsx(f,{links:s.links??[]}),e.jsxRuntimeExports.jsx("div",{className:"grow"}),e.jsxRuntimeExports.jsx(j,{})]})})]})]}),e.jsxRuntimeExports.jsxs(x.Root,{open:i.mobileProfile.open,onOpenChange:r=>{i.mobileProfile.setOpen(r.open)},lazyMount:!0,unmountOnExit:!0,positioning:{placement:"bottom"},children:[e.jsxRuntimeExports.jsx(x.Trigger,{className:"hidden lg:flex",asChild:!0,children:s.children??e.jsxRuntimeExports.jsx("button",{type:"button",children:e.jsxRuntimeExports.jsx(n.Root,{children:e.jsxRuntimeExports.jsx(n.Fallback,{children:e.jsxRuntimeExports.jsx(u.User01Icon,{})})})})}),e.jsxRuntimeExports.jsx(m.Portal,{children:e.jsxRuntimeExports.jsx(x.Positioner,{children:e.jsxRuntimeExports.jsxs(x.Content,{className:"border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out",children:[e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx(R,{}),e.jsxRuntimeExports.jsx(f,{links:s.links??[]}),e.jsxRuntimeExports.jsx(j,{})]})})})]})]})}function j(){return e.jsxRuntimeExports.jsx("div",{className:"text-gray-400 mt-xl text-center text-2xs",children:"© 2025 HappyBingo All rights reserved"})}function h(){var i,r,t,o;const s=E.useAccountQuery();return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxRuntimeExports.jsx(n.Root,{children:e.jsxRuntimeExports.jsx(n.Fallback,{children:e.jsxRuntimeExports.jsx(u.User01Icon,{})})}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("p",{className:"text-sm font-semibold",children:(i=s.data)==null?void 0:i.name}),e.jsxRuntimeExports.jsx("p",{className:"text-gray-400 text-xs",children:((r=s.data)==null?void 0:r.nickName)??((t=s.data)==null?void 0:t.emailAddress)??((o=s.data)==null?void 0:o.realName)})]})]})}function f(s){const i=y.useSignOutMutation(),r=a.useGlobalStore(c.useShallow(t=>({profile:t.profile,mobileProfile:t.mobileProfile})));return e.jsxRuntimeExports.jsxs("nav",{className:"mt-xl space-y-xl",children:[e.jsxRuntimeExports.jsx("ul",{children:s.links.map((t,o)=>e.jsxRuntimeExports.jsx("li",{className:"border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl",children:e.jsxRuntimeExports.jsxs(b,{href:t.href,onClick:()=>{r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",children:[e.jsxRuntimeExports.jsx(t.icon,{className:"size-5"}),e.jsxRuntimeExports.jsx("span",{className:"grow",children:t.label}),e.jsxRuntimeExports.jsx(p.ChevronRightIcon,{className:"text-gray-400 size-5"})]})},t.href+o))}),e.jsxRuntimeExports.jsx("ul",{children:e.jsxRuntimeExports.jsx("li",{className:"border-gray-200 block rounded-xl border bg-white",children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",disabled:i.isPending,onClick:()=>{i.mutate(),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:[e.jsxRuntimeExports.jsx(w.Logout01Icon,{className:"size-5"}),e.jsxRuntimeExports.jsx("span",{className:"grow",children:"Log Out"}),e.jsxRuntimeExports.jsx(p.ChevronRightIcon,{className:"text-gray-400 size-5"})]})})})]})}function R(){var t;const s=q.useLocaleInfo(),i=N.useWalletQuery({refetchInterval:1e3}),r=a.useGlobalStore(c.useShallow(o=>({profile:o.profile,mobileProfile:o.mobileProfile,depositWithdrawal:o.depositWithdrawal})));return e.jsxRuntimeExports.jsxs("div",{className:"border-gray-200 mt-3 rounded-lg border bg-white p-xl",children:[e.jsxRuntimeExports.jsx("div",{className:"border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium",children:"Available Balance"}),e.jsxRuntimeExports.jsx("div",{className:"mt-2 text-3xl font-semibold",children:g.formatNumber((t=i.data)==null?void 0:t.balance,{currency:s==null?void 0:s.currency.code,minDecimalPlaces:2})}),e.jsxRuntimeExports.jsxs("div",{className:"mt-3 flex gap-lg",children:[e.jsxRuntimeExports.jsx(d.Button,{size:"xs",variant:"outline",colorScheme:"gray",onClick:()=>{r.depositWithdrawal.setOpen(!0),r.depositWithdrawal.setTab("WITHDRAWAL"),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:"Withdraw"}),e.jsxRuntimeExports.jsx(d.Button,{size:"xs",onClick:()=>{r.depositWithdrawal.setOpen(!0),r.depositWithdrawal.setTab("DEPOSIT"),r.profile.setOpen(!1),r.mobileProfile.setOpen(!1)},children:"Deposit"})]})]})}exports.Account=O;

package/dist/components/Account/Account.mjs

@@ -1,12 +1,13 @@
 "use client";
-import { Portal as s } from "@ark-ui/react";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { Portal as d } from "@ark-ui/react";
 import b from "../../_virtual/link.mjs";
 import { useAccountQuery as g } from "../../hooks/useAccountQuery.mjs";
 import "@tanstack/react-query";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
 import "react";
-import { formatNumber as x } from "../../utils/formatNumber.mjs";
+import { formatNumber as y } from "../../utils/formatNumber.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
@@ -16,156 +17,197 @@ import "@opexa/portal-sdk-core";
 import "tiny-invariant";
 import "lodash-es";
 import "../../_virtual/index.cjs.mjs";
-import { useGlobalStore as c } from "../../hooks/useGlobalStore.mjs";
+import { useGlobalStore as m } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
-import { useLocaleInfo as y } from "../../hooks/useLocaleInfo.mjs";
+import { useLocaleInfo as N } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
-import { useSignOutMutation as h } from "../../hooks/useSignOutMutation.mjs";
-import { useWalletQuery as N } from "../../hooks/useWalletQuery.mjs";
-import { ChevronRightIcon as p } from "../../icons/ChevronRightIcon.mjs";
-import { Logout01Icon as w } from "../../icons/Logout01Icon.mjs";
-import { User01Icon as o } from "../../icons/User01Icon.mjs";
+import { useSignOutMutation as w } from "../../hooks/useSignOutMutation.mjs";
+import { useWalletQuery as O } from "../../hooks/useWalletQuery.mjs";
+import { ChevronRightIcon as c } from "../../icons/ChevronRightIcon.mjs";
+import { Logout01Icon as P } from "../../icons/Logout01Icon.mjs";
+import { User01Icon as l } from "../../icons/User01Icon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
-import { Root as n, Fallback as m } from "../../ui/Avatar/Avatar.mjs";
+import { Root as n, Fallback as a } from "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as u } from "../../ui/Button/Button.mjs";
+import { Button as x } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
-import { Root as O, Trigger as P, Backdrop as k, Positioner as v, Content as C } from "../../ui/Drawer/Drawer.mjs";
+import { Root as v, Trigger as k, Backdrop as C, Positioner as W, Content as z } from "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
-import { Root as W, Trigger as z, Positioner as S, Content as T } from "../../ui/Popover/Popover.mjs";
+import { Root as R, Trigger as S, Positioner as T, Content as A } from "../../ui/Popover/Popover.mjs";
 import "tailwind-merge";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { useShallow as i } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-function Pe(t) {
-  const l = c(
-    i((e) => ({
-      profile: e.profile,
-      mobileProfile: e.mobileProfile
+import { useShallow as p } 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 Ce(t) {
+  const i = m(
+    p((r) => ({
+      profile: r.profile,
+      mobileProfile: r.mobileProfile
     }))
   );
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    O,
-    {
-      open: l.profile.open,
-      onOpenChange: (e) => {
-        l.profile.setOpen(e.open);
-      },
-      lazyMount: !0,
-      unmountOnExit: !0
-    },
-    /* @__PURE__ */ React.createElement(P, { asChild: !0, className: "lg:hidden" }, t.children ?? /* @__PURE__ */ React.createElement("button", { type: "button" }, /* @__PURE__ */ React.createElement(n, null, /* @__PURE__ */ React.createElement(m, null, /* @__PURE__ */ React.createElement(o, null))))),
-    /* @__PURE__ */ React.createElement(s, null, /* @__PURE__ */ React.createElement(k, null), /* @__PURE__ */ React.createElement(v, null, /* @__PURE__ */ React.createElement(C, { className: "bg-gray-50 flex w-[316px] flex-col px-xl py-6" }, /* @__PURE__ */ React.createElement(d, null), /* @__PURE__ */ React.createElement(E, null), /* @__PURE__ */ React.createElement(R, { links: t.links ?? [] }), /* @__PURE__ */ React.createElement("div", { className: "grow" }), /* @__PURE__ */ React.createElement(f, null))))
-  ), /* @__PURE__ */ React.createElement(
-    W,
-    {
-      open: l.mobileProfile.open,
-      onOpenChange: (e) => {
-        l.mobileProfile.setOpen(e.open);
-      },
-      lazyMount: !0,
-      unmountOnExit: !0,
-      positioning: {
-        placement: "bottom"
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(
+      v,
+      {
+        open: i.profile.open,
+        onOpenChange: (r) => {
+          i.profile.setOpen(r.open);
+        },
+        lazyMount: !0,
+        unmountOnExit: !0,
+        children: [
+          /* @__PURE__ */ e.jsx(k, { asChild: !0, className: "lg:hidden", children: t.children ?? /* @__PURE__ */ e.jsx("button", { type: "button", children: /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(l, {}) }) }) }) }),
+          /* @__PURE__ */ e.jsxs(d, { children: [
+            /* @__PURE__ */ e.jsx(C, {}),
+            /* @__PURE__ */ e.jsx(W, { children: /* @__PURE__ */ e.jsxs(z, { className: "bg-gray-50 flex w-[316px] flex-col px-xl py-6", children: [
+              /* @__PURE__ */ e.jsx(u, {}),
+              /* @__PURE__ */ e.jsx(j, {}),
+              /* @__PURE__ */ e.jsx(h, { links: t.links ?? [] }),
+              /* @__PURE__ */ e.jsx("div", { className: "grow" }),
+              /* @__PURE__ */ e.jsx(f, {})
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      R,
+      {
+        open: i.mobileProfile.open,
+        onOpenChange: (r) => {
+          i.mobileProfile.setOpen(r.open);
+        },
+        lazyMount: !0,
+        unmountOnExit: !0,
+        positioning: {
+          placement: "bottom"
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(S, { className: "hidden lg:flex", asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsx("button", { type: "button", children: /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(l, {}) }) }) }) }),
+          /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsxs(A, { className: "border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out", children: [
+            /* @__PURE__ */ e.jsx(u, {}),
+            /* @__PURE__ */ e.jsx(j, {}),
+            /* @__PURE__ */ e.jsx(h, { links: t.links ?? [] }),
+            /* @__PURE__ */ e.jsx(f, {})
+          ] }) }) })
+        ]
       }
-    },
-    /* @__PURE__ */ React.createElement(z, { className: "hidden lg:flex", asChild: !0 }, t.children ?? /* @__PURE__ */ React.createElement("button", { type: "button" }, /* @__PURE__ */ React.createElement(n, null, /* @__PURE__ */ React.createElement(m, null, /* @__PURE__ */ React.createElement(o, null))))),
-    /* @__PURE__ */ React.createElement(s, null, /* @__PURE__ */ React.createElement(S, null, /* @__PURE__ */ React.createElement(T, { className: "border-gray-200 z-popover w-[316px] rounded-xl border bg-white p-xl ui-open:animate-fade-in ui-closed:animate-fade-out" }, /* @__PURE__ */ React.createElement(d, null), /* @__PURE__ */ React.createElement(E, null), /* @__PURE__ */ React.createElement(R, { links: t.links ?? [] }), /* @__PURE__ */ React.createElement(f, null))))
-  ));
+    )
+  ] });
 }
 function f() {
-  return /* @__PURE__ */ React.createElement("div", { className: "text-gray-400 mt-xl text-center text-2xs" }, "© 2025 HappyBingo All rights reserved");
+  return /* @__PURE__ */ e.jsx("div", { className: "text-gray-400 mt-xl text-center text-2xs", children: "© 2025 HappyBingo All rights reserved" });
 }
-function d() {
-  var l, e, a, r;
+function u() {
+  var i, r, o, s;
   const t = g();
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement(n, null, /* @__PURE__ */ React.createElement(m, null, /* @__PURE__ */ React.createElement(o, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-semibold" }, (l = t.data) == null ? void 0 : l.name), /* @__PURE__ */ React.createElement("p", { className: "text-gray-400 text-xs" }, ((e = t.data) == null ? void 0 : e.nickName) ?? ((a = t.data) == null ? void 0 : a.emailAddress) ?? ((r = t.data) == null ? void 0 : r.realName))));
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(n, { children: /* @__PURE__ */ e.jsx(a, { children: /* @__PURE__ */ e.jsx(l, {}) }) }),
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("p", { className: "text-sm font-semibold", children: (i = t.data) == null ? void 0 : i.name }),
+      /* @__PURE__ */ e.jsx("p", { className: "text-gray-400 text-xs", children: ((r = t.data) == null ? void 0 : r.nickName) ?? ((o = t.data) == null ? void 0 : o.emailAddress) ?? ((s = t.data) == null ? void 0 : s.realName) })
+    ] })
+  ] });
 }
-function R(t) {
-  const l = h(), e = c(
-    i((a) => ({
-      profile: a.profile,
-      mobileProfile: a.mobileProfile
+function h(t) {
+  const i = w(), r = m(
+    p((o) => ({
+      profile: o.profile,
+      mobileProfile: o.mobileProfile
     }))
   );
-  return /* @__PURE__ */ React.createElement("nav", { className: "mt-xl space-y-xl" }, /* @__PURE__ */ React.createElement("ul", null, t.links.map((a, r) => /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      key: a.href + r,
-      className: "border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl"
-    },
-    /* @__PURE__ */ React.createElement(
-      b,
+  return /* @__PURE__ */ e.jsxs("nav", { className: "mt-xl space-y-xl", children: [
+    /* @__PURE__ */ e.jsx("ul", { children: t.links.map((o, s) => /* @__PURE__ */ e.jsx(
+      "li",
+      {
+        className: "border-gray-200 block border-x border-b bg-white first:rounded-t-xl first:border-t last:rounded-b-xl",
+        children: /* @__PURE__ */ e.jsxs(
+          b,
+          {
+            href: o.href,
+            onClick: () => {
+              r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
+            },
+            className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",
+            children: [
+              /* @__PURE__ */ e.jsx(o.icon, { className: "size-5" }),
+              /* @__PURE__ */ e.jsx("span", { className: "grow", children: o.label }),
+              /* @__PURE__ */ e.jsx(c, { className: "text-gray-400 size-5" })
+            ]
+          }
+        )
+      },
+      o.href + s
+    )) }),
+    /* @__PURE__ */ e.jsx("ul", { children: /* @__PURE__ */ e.jsx("li", { className: "border-gray-200 block rounded-xl border bg-white", children: /* @__PURE__ */ e.jsxs(
+      "button",
       {
-        href: a.href,
+        type: "button",
+        className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",
+        disabled: i.isPending,
         onClick: () => {
-          e.profile.setOpen(!1), e.mobileProfile.setOpen(!1);
+          i.mutate(), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
         },
-        className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold"
-      },
-      /* @__PURE__ */ React.createElement(a.icon, { className: "size-5" }),
-      /* @__PURE__ */ React.createElement("span", { className: "grow" }, a.label),
-      /* @__PURE__ */ React.createElement(p, { className: "text-gray-400 size-5" })
-    )
-  ))), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", { className: "border-gray-200 block rounded-xl border bg-white" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      className: "flex w-full items-center gap-lg px-xl py-xl text-left text-sm font-semibold",
-      disabled: l.isPending,
-      onClick: () => {
-        l.mutate(), e.profile.setOpen(!1), e.mobileProfile.setOpen(!1);
+        children: [
+          /* @__PURE__ */ e.jsx(P, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx("span", { className: "grow", children: "Log Out" }),
+          /* @__PURE__ */ e.jsx(c, { className: "text-gray-400 size-5" })
+        ]
       }
-    },
-    /* @__PURE__ */ React.createElement(w, { className: "size-5" }),
-    /* @__PURE__ */ React.createElement("span", { className: "grow" }, "Log Out"),
-    /* @__PURE__ */ React.createElement(p, { className: "text-gray-400 size-5" })
-  ))));
+    ) }) })
+  ] });
 }
-function E() {
-  var a;
-  const t = y(), l = N({
+function j() {
+  var o;
+  const t = N(), i = O({
     refetchInterval: 1e3
-  }), e = c(
-    i((r) => ({
-      profile: r.profile,
-      mobileProfile: r.mobileProfile,
-      depositWithdrawal: r.depositWithdrawal
+  }), r = m(
+    p((s) => ({
+      profile: s.profile,
+      mobileProfile: s.mobileProfile,
+      depositWithdrawal: s.depositWithdrawal
     }))
   );
-  return /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 mt-3 rounded-lg border bg-white p-xl" }, /* @__PURE__ */ React.createElement("div", { className: "border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium" }, "Available Balance"), /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-3xl font-semibold" }, x((a = l.data) == null ? void 0 : a.balance, {
-    currency: t == null ? void 0 : t.currency.code,
-    minDecimalPlaces: 2
-  })), /* @__PURE__ */ React.createElement("div", { className: "mt-3 flex gap-lg" }, /* @__PURE__ */ React.createElement(
-    u,
-    {
-      size: "xs",
-      variant: "outline",
-      colorScheme: "gray",
-      onClick: () => {
-        e.depositWithdrawal.setOpen(!0), e.depositWithdrawal.setTab("WITHDRAWAL"), e.profile.setOpen(!1), e.mobileProfile.setOpen(!1);
-      }
-    },
-    "Withdraw"
-  ), /* @__PURE__ */ React.createElement(
-    u,
-    {
-      size: "xs",
-      onClick: () => {
-        e.depositWithdrawal.setOpen(!0), e.depositWithdrawal.setTab("DEPOSIT"), e.profile.setOpen(!1), e.mobileProfile.setOpen(!1);
-      }
-    },
-    "Deposit"
-  )));
+  return /* @__PURE__ */ e.jsxs("div", { className: "border-gray-200 mt-3 rounded-lg border bg-white p-xl", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "border-gray-200 bg-gray-50 text-gray-600 w-fit rounded-sm border px-1.5 py-0.5 text-xs font-medium", children: "Available Balance" }),
+    /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-3xl font-semibold", children: y((o = i.data) == null ? void 0 : o.balance, {
+      currency: t == null ? void 0 : t.currency.code,
+      minDecimalPlaces: 2
+    }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "mt-3 flex gap-lg", children: [
+      /* @__PURE__ */ e.jsx(
+        x,
+        {
+          size: "xs",
+          variant: "outline",
+          colorScheme: "gray",
+          onClick: () => {
+            r.depositWithdrawal.setOpen(!0), r.depositWithdrawal.setTab("WITHDRAWAL"), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
+          },
+          children: "Withdraw"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        x,
+        {
+          size: "xs",
+          onClick: () => {
+            r.depositWithdrawal.setOpen(!0), r.depositWithdrawal.setTab("DEPOSIT"), r.profile.setOpen(!1), r.mobileProfile.setOpen(!1);
+          },
+          children: "Deposit"
+        }
+      )
+    ] })
+  ] });
 }
 export {
-  Pe as Account
+  Ce as Account
 };

package/dist/components/Banner/Banner.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("embla-carousel-autoplay"),i=require("embla-carousel-react"),d=require("../../_virtual/image.js"),f=require("../../_virtual/link.js"),c=require("react"),m=require("tailwind-merge");require("../../utils/capitalize.js");const g=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");function q(a){const[n,e]=i({loop:!0,align:"start"},[u({playOnInit:!0,delay:5e3})]),[s,o]=c.useState(0);return c.useEffect(()=>{function r(t){o((t==null?void 0:t.selectedScrollSnap())??0)}return e==null||e.on("scroll",r),e==null||e.on("init",r),()=>{e==null||e.on("init",r),e==null||e.off("scroll",r)}},[e]),React.createElement("div",{className:m.twMerge("relative",a.className)},React.createElement("div",{ref:n,className:"overflow-hidden"},React.createElement("div",{className:"flex gap-2"},a.banners.map((r,t)=>{const l=React.createElement(d,{src:r.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:t===0});return React.createElement(c.Fragment,{key:t},r.redirectUrl?React.createElement(f,{href:r.redirectUrl,className:"block w-full shrink-0"},l):React.createElement("div",{className:"w-full shrink-0"},l))}))),React.createElement("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2"},a.banners.map((r,t)=>React.createElement("button",{key:t,type:"button",className:"border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(t)},"aria-label":`Go to slide ${t+1}`,"data-active":g.dataAttr(t===s)}))))}exports.Banner=q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),c=require("embla-carousel-autoplay"),x=require("embla-carousel-react"),d=require("../../_virtual/image.js"),j=require("../../_virtual/link.js"),i=require("react"),m=require("tailwind-merge");require("../../utils/capitalize.js");const f=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");function g(n){const[l,e]=x({loop:!0,align:"start"},[c({playOnInit:!0,delay:5e3})]),[u,a]=i.useState(0);return i.useEffect(()=>{function t(r){a((r==null?void 0:r.selectedScrollSnap())??0)}return e==null||e.on("scroll",t),e==null||e.on("init",t),()=>{e==null||e.on("init",t),e==null||e.off("scroll",t)}},[e]),s.jsxRuntimeExports.jsxs("div",{className:m.twMerge("relative",n.className),children:[s.jsxRuntimeExports.jsx("div",{ref:l,className:"overflow-hidden",children:s.jsxRuntimeExports.jsx("div",{className:"flex gap-2",children:n.banners.map((t,r)=>{const o=s.jsxRuntimeExports.jsx(d,{src:t.src,alt:"",width:1200,height:300,className:"block h-auto w-full rounded-xl",priority:r===0});return s.jsxRuntimeExports.jsx(i.Fragment,{children:t.redirectUrl?s.jsxRuntimeExports.jsx(j,{href:t.redirectUrl,className:"block w-full shrink-0",children:o}):s.jsxRuntimeExports.jsx("div",{className:"w-full shrink-0",children:o})},r)})})}),s.jsxRuntimeExports.jsx("div",{className:"absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2",children:n.banners.map((t,r)=>s.jsxRuntimeExports.jsx("button",{type:"button",className:"border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",onClick:()=>{e==null||e.scrollTo(r)},"aria-label":`Go to slide ${r+1}`,"data-active":f.dataAttr(r===u)},r))})]})}exports.Banner=g;

package/dist/components/Banner/Banner.mjs

@@ -1,72 +1,76 @@
 "use client";
-import s from "embla-carousel-autoplay";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import c from "embla-carousel-autoplay";
 import m from "embla-carousel-react";
-import i from "../../_virtual/image.mjs";
-import u from "../../_virtual/link.mjs";
-import { useState as f, useEffect as d, Fragment as g } from "react";
+import u from "../../_virtual/image.mjs";
+import f from "../../_virtual/link.mjs";
+import { useState as d, useEffect as h, Fragment as g } from "react";
 import { twMerge as p } from "tailwind-merge";
 import "../../utils/capitalize.mjs";
-import { dataAttr as E } from "../../utils/dataAttr.mjs";
+import { dataAttr as x } from "../../utils/dataAttr.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
-function B(a) {
-  const [l, e] = m(
+function F(s) {
+  const [a, r] = m(
     {
       loop: !0,
       align: "start"
     },
     [
-      s({
+      c({
         playOnInit: !0,
         delay: 5e3
       })
     ]
-  ), [c, n] = f(0);
-  return d(() => {
-    function r(t) {
+  ), [i, n] = d(0);
+  return h(() => {
+    function o(t) {
       n((t == null ? void 0 : t.selectedScrollSnap()) ?? 0);
     }
-    return e == null || e.on("scroll", r), e == null || e.on("init", r), () => {
-      e == null || e.on("init", r), e == null || e.off("scroll", r);
+    return r == null || r.on("scroll", o), r == null || r.on("init", o), () => {
+      r == null || r.on("init", o), r == null || r.off("scroll", o);
     };
-  }, [e]), /* @__PURE__ */ React.createElement("div", { className: p("relative", a.className) }, /* @__PURE__ */ React.createElement("div", { ref: l, className: "overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, a.banners.map((r, t) => {
-    const o = /* @__PURE__ */ React.createElement(
-      i,
+  }, [r]), /* @__PURE__ */ e.jsxs("div", { className: p("relative", s.className), children: [
+    /* @__PURE__ */ e.jsx("div", { ref: a, className: "overflow-hidden", children: /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: s.banners.map((o, t) => {
+      const l = /* @__PURE__ */ e.jsx(
+        u,
+        {
+          src: o.src,
+          alt: "",
+          width: 1200,
+          height: 300,
+          className: "block h-auto w-full rounded-xl",
+          priority: t === 0
+        }
+      );
+      return /* @__PURE__ */ e.jsx(g, { children: o.redirectUrl ? /* @__PURE__ */ e.jsx(
+        f,
+        {
+          href: o.redirectUrl,
+          className: "block w-full shrink-0",
+          children: l
+        }
+      ) : /* @__PURE__ */ e.jsx("div", { className: "w-full shrink-0", children: l }) }, t);
+    }) }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2", children: s.banners.map((o, t) => /* @__PURE__ */ e.jsx(
+      "button",
       {
-        src: r.src,
-        alt: "",
-        width: 1200,
-        height: 300,
-        className: "block h-auto w-full rounded-xl",
-        priority: t === 0
-      }
-    );
-    return /* @__PURE__ */ React.createElement(g, { key: t }, r.redirectUrl ? /* @__PURE__ */ React.createElement(
-      u,
-      {
-        href: r.redirectUrl,
-        className: "block w-full shrink-0"
-      },
-      o
-    ) : /* @__PURE__ */ React.createElement("div", { className: "w-full shrink-0" }, o));
-  }))), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-lg left-1/2 flex w-fit -translate-x-1/2 gap-2" }, a.banners.map((r, t) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: t,
-      type: "button",
-      className: "border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",
-      onClick: () => {
-        e == null || e.scrollTo(t);
+        type: "button",
+        className: "border-gray-200 ui-active:bg-gray-800 bg-gray-400 size-3 shrink-0 rounded-full border transition-all duration-300 ui-active:w-9",
+        onClick: () => {
+          r == null || r.scrollTo(t);
+        },
+        "aria-label": `Go to slide ${t + 1}`,
+        "data-active": x(t === i)
       },
-      "aria-label": `Go to slide ${t + 1}`,
-      "data-active": E(t === c)
-    }
-  ))));
+      t
+    )) })
+  ] });
 }
 export {
-  B as Banner
+  F as Banner
 };