@opexa/portal-components 0.0.11 → 0.0.12

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("react/jsx-runtime");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const E=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");const M=require("../../../../hooks/useCreateQRPHDepositMutation.js"),O=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function I(){var d;const[l,t]=r.useState("FORM"),[a,u]=r.useState(null),[C,s]=r.useState(null),[c,n]=r.useState(null),[S,o]=r.useState(null),q=M.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),E.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=O.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:l==="VERIFYING"?2500:5e3});r.useEffect(()=>{var e,R;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((R=i.data)==null?void 0:R.status)==="APPROVED")&&t("SUCCESS")},[(d=i.data)==null?void 0:d.status]);const p=q.mutate,D=()=>{m(c),q.mutate({amount:c.toString(),promo:C??void 0})},Q=()=>{t("VERIFYING")},f=()=>{u(null),s(null),n(null),o(null),t("FORM")};return r.useEffect(()=>()=>{u(null),s(null),n(null),o(null),t("FORM")},[]),{view:l,qrCode:S,verify:Q,generateQrCode:p,regenerateQrCode:D,reset:f}}exports.useQRPHDeposit=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),m=require("tiny-invariant");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("../../../../constants/index.js");require("../../../../utils/capitalize.js");require("react/jsx-runtime");require("../../../../utils/parseDecimal.js");require("../../../../utils/getLocaleInfo.js");require("../../../../utils/getQueryClient.js");require("../../../../utils/isMobile.js");const E=require("../../../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const M=require("../../../../hooks/useCreateQRPHDepositMutation.js"),O=require("../../../../hooks/useDepositQuery.js");require("../../../../hooks/useGlobalStore.js");require("../../../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function I(){var d;const[l,t]=r.useState("FORM"),[a,u]=r.useState(null),[C,s]=r.useState(null),[c,n]=r.useState(null),[S,o]=r.useState(null),q=M.useCreateQRPHDepositMutation({onSuccess(e){m(e.qrCode),u(e.id),o(e.qrCode),t("QR_CODE")},onError(e){t("FORM"),E.toaster.error({description:e.message})},onMutate(e){u(null),s(e.promo??null),n(e.amount),o(null),t("LOADING")}}),i=O.useDepositQuery(a??void 0,{enabled:!!a,refetchInterval:l==="VERIFYING"?2500:5e3});r.useEffect(()=>{var e,R;(((e=i.data)==null?void 0:e.status)==="CONFIRMED"||((R=i.data)==null?void 0:R.status)==="APPROVED")&&t("SUCCESS")},[(d=i.data)==null?void 0:d.status]);const p=q.mutate,D=()=>{m(c),q.mutate({amount:c.toString(),promo:C??void 0})},Q=()=>{t("VERIFYING")},f=()=>{u(null),s(null),n(null),o(null),t("FORM")};return r.useEffect(()=>()=>{u(null),s(null),n(null),o(null),t("FORM")},[]),{view:l,qrCode:S,verify:Q,generateQrCode:p,regenerateQrCode:D,reset:f}}exports.useQRPHDeposit=I;

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

@@ -11,7 +11,7 @@ import "../../../../utils/getQueryClient.mjs";
 import "../../../../utils/isMobile.mjs";
 import { toaster as M } from "../../../../utils/toaster.mjs";
 import "lodash-es";
-import "../../../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import { useCreateQRPHDepositMutation as Q } from "../../../../hooks/useCreateQRPHDepositMutation.mjs";
 import { useDepositQuery as v } from "../../../../hooks/useDepositQuery.mjs";
 import "../../../../hooks/useGlobalStore.mjs";

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),h=require("tailwind-merge"),q=require("zod");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const c=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("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");const u=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const d=require("../../hooks/useWalletQuery.js"),x=require("../../icons/Wallet02Icon.js"),j=require("../../icons/XIcon.js");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");const r=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("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const l=require("../../ui/Tabs/Tabs.js"),p=require("./Deposit/Deposit.js"),f=require("./Withdrawal/Withdrawal.js"),w=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 b(s){var o;const t=g.useGlobalStore(w.useShallow(a=>({depositWithdrawal:a.depositWithdrawal}))),n=u.useLocaleInfo(),i=d.useWalletQuery({refetchInterval:5e3});return e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,open:t.depositWithdrawal.open,onOpenChange:a=>{t.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:s.children??e.jsx(W,{})}),e.jsxs(m.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)]",children:e.jsxs(r.Content,{className:"lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(j.XIcon,{})}),e.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsx(x.Wallet02Icon,{})}),e.jsx(r.Title,{className:"grow text-lg font-semibold",children:"Wallet"})]}),e.jsxs(r.Body,{className:"mt-5",children:[e.jsx("p",{className:"text-gray-500 text-center text-sm font-medium leading-tight",children:"Available Balance"}),e.jsx("p",{className:"mt-lg text-center text-4xl font-semibold leading-tight tracking-tight",children:c.formatNumber((o=i.data)==null?void 0:o.balance,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxs(l.Root,{value:t.depositWithdrawal.tab,onValueChange:a=>{t.depositWithdrawal.setTab(q.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxs(l.List,{className:"w-full",children:[e.jsx(l.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsx(l.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsx(l.Indicator,{})]}),e.jsx(l.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsx(p.Deposit,{})}),e.jsx(l.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsx(f.Withdrawal,{})})]})]})]})})]})]})}function W(s){var i;const t=u.useLocaleInfo(),n=d.useWalletQuery({refetchInterval:5e3});return e.jsxs("button",{type:"button",...s,className:h.twMerge("flex",s.className),children:[e.jsx("div",{className:"border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium",children:c.formatNumber((i=n.data)==null?void 0:i.balance,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsxs("div",{className:"bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white",children:[e.jsx(x.Wallet02Icon,{className:"size-5"}),"Wallet"]})]})}exports.DepositWithdrawal=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("@ark-ui/react"),h=require("tailwind-merge"),q=require("zod"),g=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const c=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("lodash-es");require("@opexa/portal-sdk-core/object-id");const j=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const u=require("../../hooks/useLocaleInfo.js");require("usehooks-ts");const d=require("../../hooks/useWalletQuery.js"),x=require("../../icons/Wallet02Icon.js"),p=require("../../icons/XIcon.js");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");const r=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("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");const l=require("../../ui/Tabs/Tabs.js"),f=require("./Deposit/Deposit.js"),w=require("./Withdrawal/Withdrawal.js");function b(s){var o;const t=j.useGlobalStore(g.useShallow(a=>({depositWithdrawal:a.depositWithdrawal}))),n=u.useLocaleInfo(),i=d.useWalletQuery({refetchInterval:5e3});return e.jsxs(r.Root,{lazyMount:!0,unmountOnExit:!0,open:t.depositWithdrawal.open,onOpenChange:a=>{t.depositWithdrawal.setOpen(a.open)},closeOnEscape:!1,closeOnInteractOutside:!1,children:[e.jsx(r.Trigger,{asChild:!0,children:s.children??e.jsx(W,{})}),e.jsxs(m.Portal,{children:[e.jsx(r.Backdrop,{className:"!z-[calc(var(--z-dialog)+1)]"}),e.jsx(r.Positioner,{className:"!z-[calc(var(--z-dialog)+2)]",children:e.jsxs(r.Content,{className:"lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl",children:[e.jsx(r.CloseTrigger,{children:e.jsx(p.XIcon,{})}),e.jsxs(r.Header,{className:"flex items-center gap-xl",children:[e.jsx("div",{className:"border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border",children:e.jsx(x.Wallet02Icon,{})}),e.jsx(r.Title,{className:"grow text-lg font-semibold",children:"Wallet"})]}),e.jsxs(r.Body,{className:"mt-5",children:[e.jsx("p",{className:"text-gray-500 text-center text-sm font-medium leading-tight",children:"Available Balance"}),e.jsx("p",{className:"mt-lg text-center text-4xl font-semibold leading-tight tracking-tight",children:c.formatNumber((o=i.data)==null?void 0:o.balance,{currency:n.currency.code,minDecimalPlaces:2})}),e.jsxs(l.Root,{value:t.depositWithdrawal.tab,onValueChange:a=>{t.depositWithdrawal.setTab(q.z.enum(["DEPOSIT","WITHDRAWAL"]).parse(a.value))},lazyMount:!0,unmountOnExit:!0,className:"mt-4xl space-y-4xl",children:[e.jsxs(l.List,{className:"w-full",children:[e.jsx(l.Trigger,{value:"DEPOSIT",className:"grow",children:"Deposit"}),e.jsx(l.Trigger,{value:"WITHDRAWAL",className:"grow",children:"Withdrawal"}),e.jsx(l.Indicator,{})]}),e.jsx(l.Content,{value:"DEPOSIT",className:"space-y-4xl",children:e.jsx(f.Deposit,{})}),e.jsx(l.Content,{value:"WITHDRAWAL",className:"space-y-4xl",children:e.jsx(w.Withdrawal,{})})]})]})]})})]})]})}function W(s){var i;const t=u.useLocaleInfo(),n=d.useWalletQuery({refetchInterval:5e3});return e.jsxs("button",{type:"button",...s,className:h.twMerge("flex",s.className),children:[e.jsx("div",{className:"border-gray-200 flex h-11 items-center rounded-l-md border border-r-0 px-3.5 font-medium",children:c.formatNumber((i=n.data)==null?void 0:i.balance,{currency:t.currency.code,minDecimalPlaces:2})}),e.jsxs("div",{className:"bg-gray-900 flex h-11 items-center gap-1.5 rounded-r-md px-3.5 font-semibold text-white",children:[e.jsx(x.Wallet02Icon,{className:"size-5"}),"Wallet"]})]})}exports.DepositWithdrawal=b;

package/dist/components/DepositWithdrawal/DepositWithdrawal.mjs

@@ -3,6 +3,7 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Portal as h } from "@ark-ui/react";
 import { twMerge as g } from "tailwind-merge";
 import { z as f } from "zod";
+import { useShallow as x } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -16,14 +17,14 @@ import "../../utils/isMobile.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
-import { useGlobalStore as x } from "../../hooks/useGlobalStore.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as w } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import { useLocaleInfo as d } from "../../hooks/useLocaleInfo.mjs";
 import "usehooks-ts";
 import { useWalletQuery as p } from "../../hooks/useWalletQuery.mjs";
 import { Wallet02Icon as u } from "../../icons/Wallet02Icon.mjs";
-import { XIcon as w } from "../../icons/XIcon.mjs";
+import { XIcon as N } from "../../icons/XIcon.mjs";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -31,7 +32,7 @@ import "../../ui/Button/button.recipe.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
-import { Root as N, Trigger as b, Backdrop as y, Positioner as W, Content as I, CloseTrigger as v, Header as T, Title as D, Body as O } from "../../ui/Dialog/Dialog.mjs";
+import { Root as b, Trigger as y, Backdrop as W, Positioner as I, Content as v, CloseTrigger as T, Header as D, Title as O, Body as z } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
@@ -41,21 +42,20 @@ import "../../ui/Popover/Popover.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
-import { Root as z, List as A, Trigger as n, Indicator as C, Content as s } from "../../ui/Tabs/Tabs.mjs";
-import { Deposit as P } from "./Deposit/Deposit.mjs";
-import { Withdrawal as E } from "./Withdrawal/Withdrawal.mjs";
-import { useShallow as R } 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";
+import { Root as A, List as C, Trigger as n, Indicator as P, Content as s } from "../../ui/Tabs/Tabs.mjs";
+import { Deposit as E } from "./Deposit/Deposit.mjs";
+import { Withdrawal as R } from "./Withdrawal/Withdrawal.mjs";
 function Oe(l) {
   var m;
-  const r = x(
-    R((o) => ({
+  const r = w(
+    x((o) => ({
       depositWithdrawal: o.depositWithdrawal
     }))
   ), i = d(), a = p({
     refetchInterval: 5e3
   });
   return /* @__PURE__ */ t(
-    N,
+    b,
     {
       lazyMount: !0,
       unmountOnExit: !0,
@@ -66,23 +66,23 @@ function Oe(l) {
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       children: [
-        /* @__PURE__ */ e(b, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(y, { asChild: !0, children: l.children ?? /* @__PURE__ */ e(S, {}) }),
         /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ e(y, { className: "!z-[calc(var(--z-dialog)+1)]" }),
-          /* @__PURE__ */ e(W, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ t(I, { className: "lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
-            /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(w, {}) }),
-            /* @__PURE__ */ t(T, { className: "flex items-center gap-xl", children: [
+          /* @__PURE__ */ e(W, { className: "!z-[calc(var(--z-dialog)+1)]" }),
+          /* @__PURE__ */ e(I, { className: "!z-[calc(var(--z-dialog)+2)]", children: /* @__PURE__ */ t(v, { className: "lg:min-h-auto mx-auto min-h-full w-full bg-white p-2xl shadow-xl lg:w-[640px] lg:rounded-xl lg:p-3xl", children: [
+            /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(N, {}) }),
+            /* @__PURE__ */ t(D, { className: "flex items-center gap-xl", children: [
               /* @__PURE__ */ e("div", { className: "border-gray-200 shadow-xs text-gray-700 flex size-12 items-center justify-center rounded-lg border", children: /* @__PURE__ */ e(u, {}) }),
-              /* @__PURE__ */ e(D, { className: "grow text-lg font-semibold", children: "Wallet" })
+              /* @__PURE__ */ e(O, { className: "grow text-lg font-semibold", children: "Wallet" })
             ] }),
-            /* @__PURE__ */ t(O, { className: "mt-5", children: [
+            /* @__PURE__ */ t(z, { className: "mt-5", children: [
               /* @__PURE__ */ e("p", { className: "text-gray-500 text-center text-sm font-medium leading-tight", children: "Available Balance" }),
               /* @__PURE__ */ e("p", { className: "mt-lg text-center text-4xl font-semibold leading-tight tracking-tight", children: c((m = a.data) == null ? void 0 : m.balance, {
                 currency: i.currency.code,
                 minDecimalPlaces: 2
               }) }),
               /* @__PURE__ */ t(
-                z,
+                A,
                 {
                   value: r.depositWithdrawal.tab,
                   onValueChange: (o) => {
@@ -94,13 +94,13 @@ function Oe(l) {
                   unmountOnExit: !0,
                   className: "mt-4xl space-y-4xl",
                   children: [
-                    /* @__PURE__ */ t(A, { className: "w-full", children: [
+                    /* @__PURE__ */ t(C, { className: "w-full", children: [
                       /* @__PURE__ */ e(n, { value: "DEPOSIT", className: "grow", children: "Deposit" }),
                       /* @__PURE__ */ e(n, { value: "WITHDRAWAL", className: "grow", children: "Withdrawal" }),
-                      /* @__PURE__ */ e(C, {})
+                      /* @__PURE__ */ e(P, {})
                     ] }),
-                    /* @__PURE__ */ e(s, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e(P, {}) }),
-                    /* @__PURE__ */ e(s, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e(E, {}) })
+                    /* @__PURE__ */ e(s, { value: "DEPOSIT", className: "space-y-4xl", children: /* @__PURE__ */ e(E, {}) }),
+                    /* @__PURE__ */ e(s, { value: "WITHDRAWAL", className: "space-y-4xl", children: /* @__PURE__ */ e(R, {}) })
                   ]
                 }
               )

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");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 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");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),t=require("../../images/maya.png.js"),v=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");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");const x=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");const b=require("./utils.js"),s=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:t},{value:"MAYA",label:"Maya",image:t},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:v}];function y(i){var n;const l=(n=i.options)!=null&&n.length?s.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):s,[c,o]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(x.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(a.Group,{value:[c],onValueChange:r=>{const u=r.at(-1);u&&o(b.PaymentMethodDefinition.parse(u))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(a.Root,{value:r.value,className:"border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(a.Control,{className:"shrink-0",children:e.jsx(a.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(a.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("next/image");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 d=require("../../hooks/useControllableState.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const h=require("../../icons/CheckIcon.js"),g=require("../../images/QRPh.png.js"),m=require("../../images/gcash.png.js"),t=require("../../images/maya.png.js"),v=require("../../images/online-bank.png.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("@ark-ui/react");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");const x=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");const b=require("./utils.js"),s=[{value:"GCASH",label:"GCash",image:m},{value:"MAYA_APP",label:"Maya App",image:t},{value:"MAYA",label:"Maya",image:t},{value:"QRPH",label:"QRPH",image:g},{value:"ONLINE_BANK",label:"Online Bank",image:v}];function y(i){var n;const l=(n=i.options)!=null&&n.length?s.filter(r=>{var u;return(u=i.options)==null?void 0:u.includes(r.value)}):s,[c,o]=d.useControllableState({value:i.value,defaultValue:i.defaultValue??l[0].value,onChange:i.onChange});return e.jsxs("div",{className:i.className,children:[e.jsx(x.Label,{asChild:!0,children:e.jsx("div",{children:"Select your payment method"})}),e.jsx(a.Group,{value:[c],onValueChange:r=>{const u=r.at(-1);u&&o(b.PaymentMethodDefinition.parse(u))},className:"grid grid-cols-2 gap-x-4 gap-y-3",children:l.map(r=>e.jsxs(a.Root,{value:r.value,className:"border-gray-200 ui-checked:border-gray-900 ui-checked:outline-solid ui-checked:outline-gray-900 flex cursor-pointer rounded-xl border p-xl ui-checked:outline",children:[e.jsx("div",{className:"grow",children:e.jsx(q,{src:r.image,alt:"",width:200,height:40,className:"h-5 w-auto lg:h-8",draggable:!1})}),e.jsx(a.Control,{className:"shrink-0",children:e.jsx(a.Indicator,{asChild:!0,children:e.jsx(h.CheckIcon,{})})}),e.jsx(a.HiddenInput,{})]},r.value))})]})}exports.PaymentMethods=y;

package/dist/components/DepositWithdrawal/PaymentMethods.mjs

@@ -13,7 +13,7 @@ import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import { useControllableState as d } from "../../hooks/useControllableState.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";

package/dist/components/Disclaimer/useDisclaimer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("date-fns"),c=require("lodash-es"),i=require("usehooks-ts"),d=require("../../hooks/useGlobalStore.js"),m=require("../../hooks/useSessionQuery.js"),S=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 f(){"use no memo";var n;const t=m.useSessionQuery(),s=d.useGlobalStore(S.useShallow(e=>e.disclaimer)),[r,o]=i.useLocalStorage("WebPortalDisclaimerRefreshPausedUntil",null,{serializer(e){return(e==null?void 0:e.toISOString())??""},deserializer(e){return e?new Date(e):null}}),u=new Date,a=r?c.clamp(r.getTime()-u.getTime(),0,1/0):0;return i.useTimeout(()=>{s.setOpen(!0)},a),{open:t.isLoading||((n=t.data)==null?void 0:n.status)==="authenticated"?!1:s.open,close:()=>{s.setOpen(!1),o(l.addMinutes(new Date,30))}}}exports.useDisclaimer=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("date-fns"),c=require("lodash-es"),i=require("usehooks-ts"),d=require("zustand/shallow"),m=require("../../hooks/useGlobalStore.js"),S=require("../../hooks/useSessionQuery.js");function f(){"use no memo";var n;const t=S.useSessionQuery(),s=m.useGlobalStore(d.useShallow(e=>e.disclaimer)),[r,o]=i.useLocalStorage("WebPortalDisclaimerRefreshPausedUntil",null,{serializer(e){return(e==null?void 0:e.toISOString())??""},deserializer(e){return e?new Date(e):null}}),u=new Date,a=r?c.clamp(r.getTime()-u.getTime(),0,1/0):0;return i.useTimeout(()=>{s.setOpen(!0)},a),{open:t.isLoading||((n=t.data)==null?void 0:n.status)==="authenticated"?!1:s.open,close:()=>{s.setOpen(!1),o(l.addMinutes(new Date,30))}}}exports.useDisclaimer=f;

package/dist/components/Disclaimer/useDisclaimer.mjs

@@ -1,14 +1,14 @@
 import { addMinutes as l } from "date-fns";
 import { clamp as u } from "lodash-es";
 import { useLocalStorage as m, useTimeout as c } from "usehooks-ts";
-import { useGlobalStore as f } from "../../hooks/useGlobalStore.mjs";
-import { useSessionQuery as d } from "../../hooks/useSessionQuery.mjs";
-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";
+import { useShallow as f } from "zustand/shallow";
+import { useGlobalStore as d } from "../../hooks/useGlobalStore.mjs";
+import { useSessionQuery as p } from "../../hooks/useSessionQuery.mjs";
 function U() {
   "use no memo";
   var o;
-  const s = d(), t = f(
-    p((e) => e.disclaimer)
+  const s = p(), t = d(
+    f((e) => e.disclaimer)
   ), [r, i] = m(
     "WebPortalDisclaimerRefreshPausedUntil",
     null,

package/dist/components/GameLaunch/GameLaunch.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),I=require("next/image"),p=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");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");const g=require("../../hooks/useDisclosure.js"),L=require("../../hooks/useEndGameSessionMutation.js"),N=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const z=require("../../icons/AlertCircleIcon.js"),y=require("../../icons/ChevronLeftIcon.js"),j=require("../../icons/Expand03Icon.js"),f=require("../../icons/SpinnerIcon.js"),G=require("../../icons/Wallet02Icon.js"),q=require("../../icons/XIcon.js"),i=require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=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");const l=require("../../ui/IconButton/IconButton.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");const O=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 b(d){var h;const m=p.useRef(null),n=g.useDisclosure({defaultOpen:!0,onOpenChange(a){a||setTimeout(()=>{var x;(x=m.current)==null||x.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),r=g.useDisclosure(),c=L.useEndGameSessionMutation(),s=N.useGlobalStore(O.useShallow(a=>({gameLaunch:a.gameLaunch,depositWithdrawal:a.depositWithdrawal})));async function o(){s.gameLaunch.details.status==="PLAYING"&&await c.mutateAsync({game:s.gameLaunch.details.game,session:s.gameLaunch.details.session}),n.setOpen(!0),s.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}return e.jsxs(e.Fragment,{children:[e.jsxs(t.Presence,{ref:m,present:s.gameLaunch.details.status!=="WAITING"&&!n.open,lazyMount:!0,unmountOnExit:s.gameLaunch.details.status==="WAITING",className:"border-gray-200 w-full overflow-hidden rounded-lg border ui-open:animate-fade-in ui-closed:animate-fade-out",children:[e.jsxs("section",{className:"aspect-[960/540] w-full",children:[s.gameLaunch.details.status==="LOADING"&&e.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsx(f.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsx("iframe",{src:((h=s.gameLaunch.details.session)==null?void 0:h.launchUrl)??"",className:"size-full"})]}),e.jsxs("section",{className:"border-gray-200 flex justify-end gap-lg border-t p-2",children:[e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){o();return}r.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING","aria-label":"Quit Game",title:"Quit",children:e.jsx(q.XIcon,{className:"size-5"})}),e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>n.setOpen(!0),title:"Maximize","aria-label":"Maximize",children:e.jsx(j.Expand03Icon,{className:"size-5"})})]})]}),e.jsx(t.Dialog.Root,{open:s.gameLaunch.details.status!=="WAITING"&&n.open&&!r.open,lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsx(t.Portal,{children:e.jsx(t.Dialog.Positioner,{className:"z-dialog fixed inset-0",children:e.jsxs(t.Dialog.Content,{className:"ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white",children:[e.jsxs("section",{className:"grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2",children:[e.jsx("div",{className:"flex items-center justify-start gap-2",children:e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){o();return}r.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game",children:e.jsx(y.ChevronLeftIcon,{className:"size-5"})})}),e.jsx("div",{className:"flex items-center justify-center",children:!!d.logo&&e.jsx(I,{src:d.logo,height:40,width:80,alt:"",className:"h-9 w-auto shrink-0"})}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsxs(u.Button,{size:"sm",fullWidth:!1,onClick:()=>{s.depositWithdrawal.setOpen(!0)},children:[e.jsx(G.Wallet02Icon,{className:"size-5"}),"Wallet"]}),e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>n.setOpen(!1),title:"Minimize","aria-label":"Minimize",children:e.jsx(j.Expand03Icon,{className:"size-5"})})]})]}),e.jsxs("section",{className:"grow",children:[s.gameLaunch.details.status==="LOADING"&&e.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsx(f.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsx("iframe",{src:s.gameLaunch.details.session.launchUrl??"",className:"size-full"})]})]})})})}),e.jsx(i.Root,{role:"alertdialog",open:r.open,onOpenChange:a=>{r.setOpen(a.open)},lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(t.Portal,{children:[e.jsx(i.Backdrop,{}),e.jsx(i.Positioner,{children:e.jsxs(i.Content,{children:[e.jsxs(i.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(z.AlertCircleIcon,{})}),e.jsx(i.CloseTrigger,{children:e.jsx(q.XIcon,{})})]}),e.jsxs(i.Body,{children:[e.jsx(i.Title,{children:"Quit Game"}),e.jsx(i.Description,{children:"Are you sure you want to quit?"})]}),e.jsx(i.Context,{children:a=>e.jsxs(i.Footer,{children:[e.jsx(u.Button,{variant:"outline",colorScheme:"gray",disabled:c.isPending,onClick:()=>{a.setOpen(!1)},children:"Cancel"}),e.jsx(u.Button,{colorScheme:"danger",disabled:c.isPending,onClick:async()=>{await o(),a.setOpen(!1)},children:"Proceed"})]})})]})})]})})]})}exports.GameLaunch=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),I=require("next/image"),p=require("react"),L=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const g=require("../../hooks/useDisclosure.js"),N=require("../../hooks/useEndGameSessionMutation.js"),z=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const y=require("../../icons/AlertCircleIcon.js"),G=require("../../icons/ChevronLeftIcon.js"),j=require("../../icons/Expand03Icon.js"),f=require("../../icons/SpinnerIcon.js"),O=require("../../icons/Wallet02Icon.js"),q=require("../../icons/XIcon.js"),i=require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=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");const l=require("../../ui/IconButton/IconButton.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");function b(d){var h;const m=p.useRef(null),n=g.useDisclosure({defaultOpen:!0,onOpenChange(a){a||setTimeout(()=>{var x;(x=m.current)==null||x.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),r=g.useDisclosure(),c=N.useEndGameSessionMutation(),s=z.useGlobalStore(L.useShallow(a=>({gameLaunch:a.gameLaunch,depositWithdrawal:a.depositWithdrawal})));async function o(){s.gameLaunch.details.status==="PLAYING"&&await c.mutateAsync({game:s.gameLaunch.details.game,session:s.gameLaunch.details.session}),n.setOpen(!0),s.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}return e.jsxs(e.Fragment,{children:[e.jsxs(t.Presence,{ref:m,present:s.gameLaunch.details.status!=="WAITING"&&!n.open,lazyMount:!0,unmountOnExit:s.gameLaunch.details.status==="WAITING",className:"border-gray-200 w-full overflow-hidden rounded-lg border ui-open:animate-fade-in ui-closed:animate-fade-out",children:[e.jsxs("section",{className:"aspect-[960/540] w-full",children:[s.gameLaunch.details.status==="LOADING"&&e.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsx(f.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsx("iframe",{src:((h=s.gameLaunch.details.session)==null?void 0:h.launchUrl)??"",className:"size-full"})]}),e.jsxs("section",{className:"border-gray-200 flex justify-end gap-lg border-t p-2",children:[e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){o();return}r.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING","aria-label":"Quit Game",title:"Quit",children:e.jsx(q.XIcon,{className:"size-5"})}),e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>n.setOpen(!0),title:"Maximize","aria-label":"Maximize",children:e.jsx(j.Expand03Icon,{className:"size-5"})})]})]}),e.jsx(t.Dialog.Root,{open:s.gameLaunch.details.status!=="WAITING"&&n.open&&!r.open,lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsx(t.Portal,{children:e.jsx(t.Dialog.Positioner,{className:"z-dialog fixed inset-0",children:e.jsxs(t.Dialog.Content,{className:"ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white",children:[e.jsxs("section",{className:"grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2",children:[e.jsx("div",{className:"flex items-center justify-start gap-2",children:e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){o();return}r.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game",children:e.jsx(G.ChevronLeftIcon,{className:"size-5"})})}),e.jsx("div",{className:"flex items-center justify-center",children:!!d.logo&&e.jsx(I,{src:d.logo,height:40,width:80,alt:"",className:"h-9 w-auto shrink-0"})}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsxs(u.Button,{size:"sm",fullWidth:!1,onClick:()=>{s.depositWithdrawal.setOpen(!0)},children:[e.jsx(O.Wallet02Icon,{className:"size-5"}),"Wallet"]}),e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>n.setOpen(!1),title:"Minimize","aria-label":"Minimize",children:e.jsx(j.Expand03Icon,{className:"size-5"})})]})]}),e.jsxs("section",{className:"grow",children:[s.gameLaunch.details.status==="LOADING"&&e.jsx("div",{className:"flex size-full items-center justify-center",children:e.jsx(f.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsx("iframe",{src:s.gameLaunch.details.session.launchUrl??"",className:"size-full"})]})]})})})}),e.jsx(i.Root,{role:"alertdialog",open:r.open,onOpenChange:a=>{r.setOpen(a.open)},lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(t.Portal,{children:[e.jsx(i.Backdrop,{}),e.jsx(i.Positioner,{children:e.jsxs(i.Content,{children:[e.jsxs(i.Header,{children:[e.jsx("div",{className:"flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]",children:e.jsx(y.AlertCircleIcon,{})}),e.jsx(i.CloseTrigger,{children:e.jsx(q.XIcon,{})})]}),e.jsxs(i.Body,{children:[e.jsx(i.Title,{children:"Quit Game"}),e.jsx(i.Description,{children:"Are you sure you want to quit?"})]}),e.jsx(i.Context,{children:a=>e.jsxs(i.Footer,{children:[e.jsx(u.Button,{variant:"outline",colorScheme:"gray",disabled:c.isPending,onClick:()=>{a.setOpen(!1)},children:"Cancel"}),e.jsx(u.Button,{colorScheme:"danger",disabled:c.isPending,onClick:async()=>{await o(),a.setOpen(!1)},children:"Proceed"})]})})]})})]})})]})}exports.GameLaunch=b;

package/dist/components/GameLaunch/GameLaunch.mjs

@@ -3,6 +3,7 @@ import { jsxs as t, Fragment as z, jsx as e } from "react/jsx-runtime";
 import { Presence as y, Dialog as c, Portal as f } from "@ark-ui/react";
 import O from "next/image";
 import { useRef as G } from "react";
+import { useShallow as x } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -14,19 +15,19 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import { useDisclosure as g } from "../../hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as x } from "../../hooks/useEndGameSessionMutation.mjs";
-import { useGlobalStore as b } from "../../hooks/useGlobalStore.mjs";
+import { useEndGameSessionMutation as b } from "../../hooks/useEndGameSessionMutation.mjs";
+import { useGlobalStore as A } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { AlertCircleIcon as A } from "../../icons/AlertCircleIcon.mjs";
-import { ChevronLeftIcon as v } from "../../icons/ChevronLeftIcon.mjs";
+import { AlertCircleIcon as v } from "../../icons/AlertCircleIcon.mjs";
+import { ChevronLeftIcon as C } from "../../icons/ChevronLeftIcon.mjs";
 import { Expand03Icon as N } from "../../icons/Expand03Icon.mjs";
 import { SpinnerIcon as L } from "../../icons/SpinnerIcon.mjs";
-import { Wallet02Icon as C } from "../../icons/Wallet02Icon.mjs";
+import { Wallet02Icon as w } from "../../icons/Wallet02Icon.mjs";
 import { XIcon as I } from "../../icons/XIcon.mjs";
-import { Root as w, Backdrop as D, Positioner as S, Content as P, Header as k, CloseTrigger as E, Body as W, Title as j, Description as M, Context as T, Footer as F } from "../../ui/AlertDialog/AlertDialog.mjs";
+import { Root as D, Backdrop as S, Positioner as P, Content as k, Header as E, CloseTrigger as W, Body as j, Title as M, Description as T, Context as F, Footer as Q } from "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
 import { Button as m } from "../../ui/Button/Button.mjs";
@@ -45,7 +46,6 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { useShallow as Q } 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 Ee(u) {
   var p;
   const d = G(null), s = g({
@@ -60,8 +60,8 @@ function Ee(u) {
         });
       }, 25);
     }
-  }), n = g(), l = x(), i = b(
-    Q((a) => ({
+  }), n = g(), l = b(), i = A(
+    x((a) => ({
       gameLaunch: a.gameLaunch,
       depositWithdrawal: a.depositWithdrawal
     }))
@@ -158,7 +158,7 @@ function Ee(u) {
                 disabled: i.gameLaunch.details.status === "LOADING",
                 title: "Quit",
                 "aria-label": "Quit Game",
-                children: /* @__PURE__ */ e(v, { className: "size-5" })
+                children: /* @__PURE__ */ e(C, { className: "size-5" })
               }
             ) }),
             /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: !!u.logo && /* @__PURE__ */ e(
@@ -181,7 +181,7 @@ function Ee(u) {
                     i.depositWithdrawal.setOpen(!0);
                   },
                   children: [
-                    /* @__PURE__ */ e(C, { className: "size-5" }),
+                    /* @__PURE__ */ e(w, { className: "size-5" }),
                     "Wallet"
                   ]
                 }
@@ -215,7 +215,7 @@ function Ee(u) {
       }
     ),
     /* @__PURE__ */ e(
-      w,
+      D,
       {
         role: "alertdialog",
         open: n.open,
@@ -226,17 +226,17 @@ function Ee(u) {
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
         children: /* @__PURE__ */ t(f, { children: [
-          /* @__PURE__ */ e(D, {}),
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ t(P, { children: [
-            /* @__PURE__ */ t(k, { children: [
-              /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(A, {}) }),
-              /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(I, {}) })
+          /* @__PURE__ */ e(S, {}),
+          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ t(k, { children: [
+            /* @__PURE__ */ t(E, { children: [
+              /* @__PURE__ */ e("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e(v, {}) }),
+              /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(I, {}) })
             ] }),
-            /* @__PURE__ */ t(W, { children: [
-              /* @__PURE__ */ e(j, { children: "Quit Game" }),
-              /* @__PURE__ */ e(M, { children: "Are you sure you want to quit?" })
+            /* @__PURE__ */ t(j, { children: [
+              /* @__PURE__ */ e(M, { children: "Quit Game" }),
+              /* @__PURE__ */ e(T, { children: "Are you sure you want to quit?" })
             ] }),
-            /* @__PURE__ */ e(T, { children: (a) => /* @__PURE__ */ t(F, { children: [
+            /* @__PURE__ */ e(F, { children: (a) => /* @__PURE__ */ t(Q, { children: [
               /* @__PURE__ */ e(
                 m,
                 {

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),d=require("@ark-ui/react");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const m=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const q=require("../../utils/toaster.js"),h=require("../../hooks/useSessionQuery.js");require("lodash-es");const L=require("../../hooks/useCreateGameSessionMutation.js");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 I=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 S(e){var n,i;const r=h.useSessionQuery(),l=L.useCreateGameSessionMutation(),t=G.useGlobalStore(I.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),u=((n=r.data)==null?void 0:n.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return g.jsx(d.ark.button,{type:"button",...e,onClick:async a=>{var o,c;if((o=e.onClick)==null||o.call(e,a),((c=r.data)==null?void 0:c.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await l.mutateAsync(e.game);t.gameLaunch.setDetails({game:e.game,session:s,status:"PLAYING"})}catch(s){t.gameLaunch.setDetails({game:e.game,session:null,status:"FAILED"}),q.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":m.dataAttr(u),"data-state":((i=r.data)==null?void 0:i.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),d=require("@ark-ui/react"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("react");const q=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const h=require("../../utils/toaster.js"),L=require("../../hooks/useSessionQuery.js");require("lodash-es");const G=require("../../hooks/useCreateGameSessionMutation.js");require("@opexa/portal-sdk-core/object-id");const I=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");function S(e){var n,i;const r=L.useSessionQuery(),l=G.useCreateGameSessionMutation(),t=I.useGlobalStore(m.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),u=((n=r.data)==null?void 0:n.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return g.jsx(d.ark.button,{type:"button",...e,onClick:async a=>{var o,c;if((o=e.onClick)==null||o.call(e,a),((c=r.data)==null?void 0:c.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await l.mutateAsync(e.game);t.gameLaunch.setDetails({game:e.game,session:s,status:"PLAYING"})}catch(s){t.gameLaunch.setDetails({game:e.game,session:null,status:"FAILED"}),h.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":q.dataAttr(u),"data-state":((i=r.data)==null?void 0:i.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=S;

package/dist/components/GameLaunch/GameLaunchTrigger.mjs

@@ -1,30 +1,30 @@
 "use client";
 import { jsx as l } from "react/jsx-runtime";
 import { ark as g } from "@ark-ui/react";
+import { useShallow as d } from "zustand/shallow";
 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 d } from "../../utils/dataAttr.mjs";
+import { dataAttr as h } from "../../utils/dataAttr.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as h } from "../../utils/toaster.mjs";
-import { useSessionQuery as f } from "../../hooks/useSessionQuery.mjs";
+import { toaster as f } from "../../utils/toaster.mjs";
+import { useSessionQuery as I } from "../../hooks/useSessionQuery.mjs";
 import "lodash-es";
-import { useCreateGameSessionMutation as I } from "../../hooks/useCreateGameSessionMutation.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 L } from "../../hooks/useGlobalStore.mjs";
+import { useCreateGameSessionMutation as L } from "../../hooks/useCreateGameSessionMutation.mjs";
+import "@opexa/portal-sdk-core/object-id";
+import { useGlobalStore as p } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-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 v(t) {
   var o, m;
-  const i = f(), c = I(), e = L(
-    p((a) => ({
+  const i = I(), c = L(), e = p(
+    d((a) => ({
       signIn: a.signIn,
       gameLaunch: a.gameLaunch
     }))
@@ -57,13 +57,13 @@ function v(t) {
             game: t.game,
             session: null,
             status: "FAILED"
-          }), h.error({
+          }), f.error({
             description: s instanceof Error ? s.message : "Failed to launch game"
           });
         }
       },
       disabled: n,
-      "data-disabled": d(n),
+      "data-disabled": h(n),
       "data-state": ((m = i.data) == null ? void 0 : m.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
     }
   );

package/dist/components/Games/Games.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("embla-carousel-react"),w=require("next/image"),v=require("next/link"),i=require("react"),S=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");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");const y=require("../../hooks/useGamesQuery.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const P=require("../../icons/ArrowLeftIcon.js"),k=require("../../icons/ArrowRightIcon.js"),I=require("../../icons/ChevronRightIcon.js"),C=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=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");const b=require("../GameLaunch/GameLaunchTrigger.js");function B(n){var a;const l=n.numOfRows??1,t=y.useGamesQuery({first:(l+1)*6,filter:n.filter}),u=((a=t.data)==null?void 0:a.pages.map(s=>s.edges.map(N=>N.node)).flat())??[],[d,e]=j({align:"start",slidesToScroll:3,breakpoints:{"(min-width: 1024px)":{slidesToScroll:6}}}),[q,g]=i.useState(!0),[x,m]=i.useState(!0),h=i.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),f=i.useCallback(async()=>{!(e!=null&&e.canScrollNext())&&t.hasNextPage&&(await t.fetchNextPage(),e==null||e.reInit(),await new Promise(s=>setTimeout(s,1))),e==null||e.scrollNext()},[e,t]),c=i.useCallback(s=>{g(!(s!=null&&s.canScrollPrev())),m(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{e&&(c(e),e.on("reInit",c).on("select",c))},[e,c]),r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"flex items-center",children:[r.jsx("h2",{className:"text-lg font-semibold",children:n.heading}),r.jsx("div",{className:"grow"}),r.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[r.jsxs(v,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(I.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:h,disabled:q,"aria-label":"Previous",children:r.jsx(P.ArrowLeftIcon,{className:"size-5"})}),r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:f,disabled:x&&!t.hasNextPage?!0:t.isFetchingNextPage,"aria-label":"Next",children:t.isFetchingNextPage?r.jsx(C.SpinnerIcon,{className:"size-5"}):r.jsx(k.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{ref:d,className:"relative mt-lg lg:overflow-hidden",children:r.jsx("div",{className:S.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",l===3?"grid-rows-3":l===2?"grid-rows-2":"grid-rows-1"),children:u.map(s=>r.jsxs(b.GameLaunchTrigger,{game:s,className:"block w-full",children:[r.jsx(w,{src:s.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),r.jsx("span",{className:"bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold",children:s.name})]},s.id))})})]})}exports.Games=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("embla-carousel-react"),w=require("next/image"),v=require("next/link"),i=require("react"),S=require("tailwind-merge");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const y=require("../../hooks/useGamesQuery.js");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const P=require("../../icons/ArrowLeftIcon.js"),k=require("../../icons/ArrowRightIcon.js"),I=require("../../icons/ChevronRightIcon.js"),C=require("../../icons/SpinnerIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const o=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");require("zustand/shallow");const b=require("../GameLaunch/GameLaunchTrigger.js");function B(n){var a;const l=n.numOfRows??1,t=y.useGamesQuery({first:(l+1)*6,filter:n.filter}),u=((a=t.data)==null?void 0:a.pages.map(s=>s.edges.map(N=>N.node)).flat())??[],[d,e]=j({align:"start",slidesToScroll:3,breakpoints:{"(min-width: 1024px)":{slidesToScroll:6}}}),[q,g]=i.useState(!0),[x,m]=i.useState(!0),h=i.useCallback(()=>e==null?void 0:e.scrollPrev(),[e]),f=i.useCallback(async()=>{!(e!=null&&e.canScrollNext())&&t.hasNextPage&&(await t.fetchNextPage(),e==null||e.reInit(),await new Promise(s=>setTimeout(s,1))),e==null||e.scrollNext()},[e,t]),c=i.useCallback(s=>{g(!(s!=null&&s.canScrollPrev())),m(!(s!=null&&s.canScrollNext()))},[]);return i.useEffect(()=>{e&&(c(e),e.on("reInit",c).on("select",c))},[e,c]),r.jsxs("div",{className:n.className,children:[r.jsxs("div",{className:"flex items-center",children:[r.jsx("h2",{className:"text-lg font-semibold",children:n.heading}),r.jsx("div",{className:"grow"}),r.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[r.jsxs(v,{href:n.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",r.jsx(I.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),r.jsxs("div",{className:"hidden lg:flex",children:[r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:h,disabled:q,"aria-label":"Previous",children:r.jsx(P.ArrowLeftIcon,{className:"size-5"})}),r.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:f,disabled:x&&!t.hasNextPage?!0:t.isFetchingNextPage,"aria-label":"Next",children:t.isFetchingNextPage?r.jsx(C.SpinnerIcon,{className:"size-5"}):r.jsx(k.ArrowRightIcon,{className:"size-5"})})]})]})]}),r.jsx("div",{ref:d,className:"relative mt-lg lg:overflow-hidden",children:r.jsx("div",{className:S.twMerge("grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",l===3?"grid-rows-3":l===2?"grid-rows-2":"grid-rows-1"),children:u.map(s=>r.jsxs(b.GameLaunchTrigger,{game:s,className:"block w-full",children:[r.jsx(w,{src:s.image,alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),r.jsx("span",{className:"bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold",children:s.name})]},s.id))})})]})}exports.Games=B;

package/dist/components/Games/Games.mjs

@@ -3,7 +3,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import P from "embla-carousel-react";
 import S from "next/image";
 import k from "next/link";
-import { useState as n, useCallback as m, useEffect as y } from "react";
+import { useState as n, useCallback as a, useEffect as y } from "react";
 import { twMerge as B } from "tailwind-merge";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
@@ -16,7 +16,7 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import { useGamesQuery as C } from "../../hooks/useGamesQuery.mjs";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
@@ -44,11 +44,12 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
+import "zustand/shallow";
 import { GameLaunchTrigger as z } from "../GameLaunch/GameLaunchTrigger.mjs";
-function ye(s) {
+function Be(s) {
   var c;
-  const a = s.numOfRows ?? 1, o = C({
-    first: (a + 1) * 6,
+  const m = s.numOfRows ?? 1, o = C({
+    first: (m + 1) * 6,
     filter: s.filter
   }), f = ((c = o.data) == null ? void 0 : c.pages.map((r) => r.edges.map((w) => w.node)).flat()) ?? [], [p, e] = P({
     align: "start",
@@ -58,12 +59,12 @@ function ye(s) {
         slidesToScroll: 6
       }
     }
-  }), [g, u] = n(!0), [h, N] = n(!0), x = m(
+  }), [g, u] = n(!0), [h, N] = n(!0), x = a(
     () => e == null ? void 0 : e.scrollPrev(),
     [e]
-  ), v = m(async () => {
+  ), v = a(async () => {
     !(e != null && e.canScrollNext()) && o.hasNextPage && (await o.fetchNextPage(), e == null || e.reInit(), await new Promise((r) => setTimeout(r, 1))), e == null || e.scrollNext();
-  }, [e, o]), l = m((r) => {
+  }, [e, o]), l = a((r) => {
     u(!(r != null && r.canScrollPrev())), N(!(r != null && r.canScrollNext()));
   }, []);
   return y(() => {
@@ -117,7 +118,7 @@ function ye(s) {
       {
         className: B(
           "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md",
-          a === 3 ? "grid-rows-3" : a === 2 ? "grid-rows-2" : "grid-rows-1"
+          m === 3 ? "grid-rows-3" : m === 2 ? "grid-rows-2" : "grid-rows-1"
         ),
         children: f.map((r) => /* @__PURE__ */ i(
           z,
@@ -146,5 +147,5 @@ function ye(s) {
   ] });
 }
 export {
-  ye as Games
+  Be as Games
 };

package/dist/components/JackpotCounter/JackpotCounter.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),g=require("next/link"),s=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");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 N=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const j=require("../../icons/ArrowLeftIcon.js"),v=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=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("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("./JackpotCounterItem.js");function S(t){var a;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),d=s.useCallback(()=>{r&&r.scrollNext()},[r]),[q,m]=s.useState(!1),[x,f]=s.useState(!1),l=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(l(),r.on("select",l),r.on("reInit",l))},[r,l]);const c=((a=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:a.pages[0].edges.map(i=>i.node))??[];return c.length<=0?null:e.jsxs("div",{className:t.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:t.heading}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(g,{href:t.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{disabled:!q,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(j.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:d,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(v.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:o,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(i=>e.jsx(C.JackpotCounterItem,{jackpot:i,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),g=require("next/link"),s=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");require("../../utils/isMobile.js");require("../../utils/toaster.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");const N=require("../../hooks/useJackpotsQuery.js");require("usehooks-ts");const j=require("../../icons/ArrowLeftIcon.js"),v=require("../../icons/ArrowRightIcon.js"),b=require("../../icons/ChevronRightIcon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=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("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("./JackpotCounterItem.js");function S(t){var a;const[o,r]=h({align:"start",slidesToScroll:1}),u=s.useCallback(()=>{r&&r.scrollPrev()},[r]),d=s.useCallback(()=>{r&&r.scrollNext()},[r]),[q,m]=s.useState(!1),[x,f]=s.useState(!1),l=s.useCallback(()=>{r&&(m(r.canScrollPrev()),f(r.canScrollNext()))},[r]);s.useEffect(()=>{r&&(l(),r.on("select",l),r.on("reInit",l))},[r,l]);const c=((a=N.useJackpotsQuery({first:100,filter:{status:{equal:"ACTIVE"},deleted:{equal:!1}},sort:{cursor:"POOL",order:"DESC"}}).data)==null?void 0:a.pages[0].edges.map(i=>i.node))??[];return c.length<=0?null:e.jsxs("div",{className:t.className,children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-lg font-semibold",children:t.heading}),e.jsxs("div",{className:"flex items-center md:gap-3xl",children:[e.jsxs(g,{href:t.seeAllUrl,className:"flex gap-sm text-sm font-semibold",children:["See All",e.jsx(b.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{disabled:!q,onClick:u,variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(j.ArrowLeftIcon,{className:"size-5"})}),e.jsxs(n.Button,{disabled:!x,onClick:d,variant:"outline",colorScheme:"gray",className:"rounded-l-none","aria-label":"Next",children:[e.jsx("span",{className:"sr-only",children:"Next"}),e.jsx(v.ArrowRightIcon,{className:"size-5"})]})]})]})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",ref:o,children:e.jsx("div",{className:"flex gap-2.5",children:c.map(i=>e.jsx(C.JackpotCounterItem,{jackpot:i,className:c.length<2?"w-full":"w-full lg:w-[calc((100%-0.75rem)/2)]"},i.id))})})]})}exports.JackpotCounter=S;

package/dist/components/JackpotCounter/JackpotCounter.mjs

@@ -14,7 +14,7 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import "@opexa/portal-sdk-core/object-id";
 import "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import { useJackpotsQuery as b } from "../../hooks/useJackpotsQuery.mjs";