@opexa/portal-components 0.0.12 → 0.0.13

package/dist/components/DepositWithdrawal/PaymentMethods.mjs

@@ -5,17 +5,16 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
-import { useControllableState as d } from "../../hooks/useControllableState.mjs";
+import { useControllableState as d } from "../../client/hooks/useControllableState.mjs";
 import "lodash-es";
+import "react";
 import "@opexa/portal-sdk-core/object-id";
-import "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import { CheckIcon as s } from "../../icons/CheckIcon.mjs";
 import h from "../../images/QRPh.png.mjs";
@@ -43,7 +42,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { PaymentMethodDefinition as A } from "./utils.mjs";
-const p = [
+const n = [
   {
     value: "GCASH",
     label: "GCash",
@@ -70,12 +69,12 @@ const p = [
     image: f
   }
 ];
-function ge(i) {
+function he(i) {
   var a;
-  const t = (a = i.options) != null && a.length ? p.filter((r) => {
+  const t = (a = i.options) != null && a.length ? n.filter((r) => {
     var o;
     return (o = i.options) == null ? void 0 : o.includes(r.value);
-  }) : p, [n, u] = d({
+  }) : n, [p, u] = d({
     value: i.value,
     defaultValue: i.defaultValue ?? t[0].value,
     onChange: i.onChange
@@ -85,7 +84,7 @@ function ge(i) {
     /* @__PURE__ */ e(
       v,
       {
-        value: [n],
+        value: [p],
         onValueChange: (r) => {
           const o = r.at(-1);
           o && u(A.parse(o));
@@ -119,5 +118,5 @@ function ge(i) {
   ] });
 }
 export {
-  ge as PaymentMethods
+  he as PaymentMethods
 };

package/dist/components/Disclaimer/Disclaimer.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),t=require("next/image"),a=require("react"),c=require("../../images/pagcor.png.js"),u=require("../../images/responsible-gaming.png.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");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../utils/toaster.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 x=require("./useDisclaimer.js");function m(l){const i=x.useDisclaimer(),s=a.useRef(null);return e.jsx(r.Root,{open:i.open,lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,initialFocusEl:()=>s.current,children:e.jsxs(n.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"flex h-full w-full flex-col items-start bg-white p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(t,{src:l.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsxs("div",{className:"w-full grow",children:[e.jsx(r.Title,{className:"mt-3xl text-center text-lg font-semibold",children:"Age Verification"}),e.jsxs(r.Description,{className:"text-gray-600 mt-xs text-center text-sm",children:["By entering this website I acknowledge and confirmI am 21 years of age and I agree with the"," ",e.jsx("button",{type:"button",className:"text-accent-700 underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsxs("div",{className:"mt-5 flex items-center justify-center gap-3xl",children:[e.jsx(t,{src:c,alt:"",className:"h-[88px] w-auto shrink-0",draggable:!1}),e.jsx(t,{src:u,alt:"",className:"h-[62px] w-auto shrink-0",draggable:!1})]})]}),e.jsx(o.Button,{ref:s,type:"button",className:"mt-4xl",onClick:i.close,children:"Accept"})]})})]})})}exports.Disclaimer=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@ark-ui/react"),t=require("next/image"),a=require("react"),c=require("../../images/pagcor.png.js"),u=require("../../images/responsible-gaming.png.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");const r=require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../utils/capitalize.js");require("../../utils/parseDecimal.js");require("../../constants/index.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/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 x=require("./useDisclaimer.js");function m(l){const i=x.useDisclaimer(),s=a.useRef(null);return e.jsx(r.Root,{open:i.open,lazyMount:!0,unmountOnExit:!0,closeOnEscape:!1,closeOnInteractOutside:!1,initialFocusEl:()=>s.current,children:e.jsxs(n.Portal,{children:[e.jsx(r.Backdrop,{}),e.jsx(r.Positioner,{children:e.jsxs(r.Content,{className:"flex h-full w-full flex-col items-start bg-white p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl",children:[e.jsx(t,{src:l.logo,alt:"",width:200,height:100,className:"mx-auto h-auto w-[120px]",draggable:!1}),e.jsxs("div",{className:"w-full grow",children:[e.jsx(r.Title,{className:"mt-3xl text-center text-lg font-semibold",children:"Age Verification"}),e.jsxs(r.Description,{className:"text-gray-600 mt-xs text-center text-sm",children:["By entering this website I acknowledge and confirmI am 21 years of age and I agree with the"," ",e.jsx("button",{type:"button",className:"text-accent-700 underline underline-offset-2",children:"Terms and Conditions."})]}),e.jsxs("div",{className:"mt-5 flex items-center justify-center gap-3xl",children:[e.jsx(t,{src:c,alt:"",className:"h-[88px] w-auto shrink-0",draggable:!1}),e.jsx(t,{src:u,alt:"",className:"h-[62px] w-auto shrink-0",draggable:!1})]})]}),e.jsx(o.Button,{ref:s,type:"button",className:"mt-4xl",onClick:i.close,children:"Accept"})]})})]})})}exports.Disclaimer=m;

package/dist/components/Disclaimer/Disclaimer.mjs

@@ -21,7 +21,6 @@ import "../../constants/index.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
@@ -32,7 +31,7 @@ import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
 import { useDisclaimer as h } from "./useDisclaimer.mjs";
-function Z(l) {
+function Y(l) {
   const o = h(), i = a(null);
   return /* @__PURE__ */ t(
     p,
@@ -108,5 +107,5 @@ function Z(l) {
   );
 }
 export {
-  Z as Disclaimer
+  Y as Disclaimer
 };

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("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;
+"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("../../client/hooks/useGlobalStore.js"),S=require("../../client/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

@@ -2,8 +2,8 @@ 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 { useShallow as f } from "zustand/shallow";
-import { useGlobalStore as d } from "../../hooks/useGlobalStore.mjs";
-import { useSessionQuery as p } from "../../hooks/useSessionQuery.mjs";
+import { useGlobalStore as d } from "../../client/hooks/useGlobalStore.mjs";
+import { useSessionQuery as p } from "../../client/hooks/useSessionQuery.mjs";
 function U() {
   "use no memo";
   var o;

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"),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;
+"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("lodash-es");require("@opexa/portal-sdk-core/object-id");const g=require("../../client/hooks/useDisclosure.js"),N=require("../../client/hooks/useEndGameSessionMutation.js"),z=require("../../client/hooks/useGlobalStore.js");require("../../client/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

@@ -13,13 +13,12 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import "../../utils/toaster.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
-import { useDisclosure as g } from "../../hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as b } from "../../hooks/useEndGameSessionMutation.mjs";
-import { useGlobalStore as A } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useDisclosure as g } from "../../client/hooks/useDisclosure.mjs";
+import { useEndGameSessionMutation as b } from "../../client/hooks/useEndGameSessionMutation.mjs";
+import { useGlobalStore as A } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import { AlertCircleIcon as v } from "../../icons/AlertCircleIcon.mjs";
 import { ChevronLeftIcon as C } from "../../icons/ChevronLeftIcon.mjs";
@@ -37,7 +36,7 @@ import "../../ui/DatePicker/DatePicker.mjs";
 import "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
-import { IconButton as r } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as l } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
@@ -46,7 +45,7 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-function Ee(u) {
+function ke(u) {
   var p;
   const d = G(null), s = g({
     defaultOpen: !0,
@@ -60,14 +59,14 @@ function Ee(u) {
         });
       }, 25);
     }
-  }), n = g(), l = b(), i = A(
+  }), n = g(), r = b(), i = A(
     x((a) => ({
       gameLaunch: a.gameLaunch,
       depositWithdrawal: a.depositWithdrawal
     }))
   );
   async function o() {
-    i.gameLaunch.details.status === "PLAYING" && await l.mutateAsync({
+    i.gameLaunch.details.status === "PLAYING" && await r.mutateAsync({
       game: i.gameLaunch.details.game,
       session: i.gameLaunch.details.session
     }), s.setOpen(!0), i.gameLaunch.setDetails({
@@ -99,7 +98,7 @@ function Ee(u) {
           ] }),
           /* @__PURE__ */ t("section", { className: "border-gray-200 flex justify-end gap-lg border-t p-2", children: [
             /* @__PURE__ */ e(
-              r,
+              l,
               {
                 size: "sm",
                 variant: "outline",
@@ -118,7 +117,7 @@ function Ee(u) {
               }
             ),
             /* @__PURE__ */ e(
-              r,
+              l,
               {
                 size: "sm",
                 variant: "outline",
@@ -143,7 +142,7 @@ function Ee(u) {
         children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(c.Positioner, { className: "z-dialog fixed inset-0", children: /* @__PURE__ */ t(c.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white", children: [
           /* @__PURE__ */ t("section", { className: "grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2", children: [
             /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-2", children: /* @__PURE__ */ e(
-              r,
+              l,
               {
                 size: "sm",
                 variant: "outline",
@@ -187,7 +186,7 @@ function Ee(u) {
                 }
               ),
               /* @__PURE__ */ e(
-                r,
+                l,
                 {
                   size: "sm",
                   variant: "outline",
@@ -242,7 +241,7 @@ function Ee(u) {
                 {
                   variant: "outline",
                   colorScheme: "gray",
-                  disabled: l.isPending,
+                  disabled: r.isPending,
                   onClick: () => {
                     a.setOpen(!1);
                   },
@@ -253,7 +252,7 @@ function Ee(u) {
                 m,
                 {
                   colorScheme: "danger",
-                  disabled: l.isPending,
+                  disabled: r.isPending,
                   onClick: async () => {
                     await o(), a.setOpen(!1);
                   },
@@ -268,5 +267,5 @@ function Ee(u) {
   ] });
 }
 export {
-  Ee as GameLaunch
+  ke as GameLaunch
 };

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"),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;
+"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");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("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");const L=require("../../client/hooks/useCreateGameSessionMutation.js");require("@opexa/portal-sdk-core/object-id");const G=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const I=require("../../client/utils/toaster.js");function S(e){var n,i;const r=h.useSessionQuery(),l=L.useCreateGameSessionMutation(),t=G.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"}),I.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

@@ -7,23 +7,23 @@ import "@tanstack/react-query";
 import "tiny-invariant";
 import "../../constants/index.mjs";
 import "../../utils/capitalize.mjs";
-import "react";
 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 f } from "../../utils/toaster.mjs";
-import { useSessionQuery as I } from "../../hooks/useSessionQuery.mjs";
+import { useSessionQuery as f } from "../../client/hooks/useSessionQuery.mjs";
+import "react";
 import "lodash-es";
-import { useCreateGameSessionMutation as L } from "../../hooks/useCreateGameSessionMutation.mjs";
+import { useCreateGameSessionMutation as I } from "../../client/hooks/useCreateGameSessionMutation.mjs";
 import "@opexa/portal-sdk-core/object-id";
-import { useGlobalStore as p } from "../../hooks/useGlobalStore.mjs";
-import "../../hooks/useInfiniteQueryHelper.mjs";
+import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
+import { toaster as p } from "../../client/utils/toaster.mjs";
 function v(t) {
   var o, m;
-  const i = I(), c = L(), e = p(
+  const i = f(), c = I(), e = L(
     d((a) => ({
       signIn: a.signIn,
       gameLaunch: a.gameLaunch
@@ -57,7 +57,7 @@ function v(t) {
             game: t.game,
             session: null,
             status: "FAILED"
-          }), f.error({
+          }), p.error({
             description: s instanceof Error ? s.message : "Failed to launch game"
           });
         }

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

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

package/dist/components/Games/Games.client.js

@@ -0,0 +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("lodash-es");require("@opexa/portal-sdk-core/object-id");const y=require("../../client/hooks/useGamesQuery.js");require("../../client/hooks/useGlobalStore.js");require("../../client/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__client=B;

package/dist/components/Games/Games.client.mjs

@@ -0,0 +1,150 @@
+"use client";
+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 { twMerge as B } from "tailwind-merge";
+import "@opexa/portal-sdk-core";
+import "@tanstack/react-query";
+import "tiny-invariant";
+import "../../constants/index.mjs";
+import "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useGamesQuery as C } from "../../client/hooks/useGamesQuery.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { ArrowLeftIcon as I } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as b } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as R } from "../../icons/ChevronRightIcon.mjs";
+import { SpinnerIcon as j } from "../../icons/SpinnerIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as d } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/DatePicker/DatePicker.mjs";
+import "../../ui/Dialog/Dialog.mjs";
+import "../../ui/Drawer/Drawer.mjs";
+import "../../ui/Field/Field.mjs";
+import "@ark-ui/react";
+import "../../ui/IconButton/iconButton.recipe.mjs";
+import "../../ui/NumberInput/NumberInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+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) {
+  var c;
+  const a = s.numOfRows ?? 1, o = C({
+    first: (a + 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",
+    slidesToScroll: 3,
+    breakpoints: {
+      "(min-width: 1024px)": {
+        slidesToScroll: 6
+      }
+    }
+  }), [g, u] = n(!0), [h, N] = n(!0), x = m(
+    () => e == null ? void 0 : e.scrollPrev(),
+    [e]
+  ), v = m(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) => {
+    u(!(r != null && r.canScrollPrev())), N(!(r != null && r.canScrollNext()));
+  }, []);
+  return y(() => {
+    e && (l(e), e.on("reInit", l).on("select", l));
+  }, [e, l]), /* @__PURE__ */ i("div", { className: s.className, children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ t("h2", { className: "text-lg font-semibold", children: s.heading }),
+      /* @__PURE__ */ t("div", { className: "grow" }),
+      /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ i(
+          k,
+          {
+            href: s.seeAllUrl,
+            className: "flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ t(R, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              onClick: x,
+              disabled: g,
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ t(I, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              onClick: v,
+              disabled: h && !o.hasNextPage ? !0 : o.isFetchingNextPage,
+              "aria-label": "Next",
+              children: o.isFetchingNextPage ? /* @__PURE__ */ t(j, { className: "size-5" }) : /* @__PURE__ */ t(b, { className: "size-5" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { ref: p, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ t(
+      "div",
+      {
+        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"
+        ),
+        children: f.map((r) => /* @__PURE__ */ i(
+          z,
+          {
+            game: r,
+            className: "block w-full",
+            children: [
+              /* @__PURE__ */ t(
+                S,
+                {
+                  src: r.image,
+                  alt: "",
+                  width: 200,
+                  height: 200,
+                  priority: !0,
+                  className: "aspect-square w-full rounded-t-md object-cover"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "bg-gray-50 block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: r.name })
+            ]
+          },
+          r.id
+        ))
+      }
+    ) })
+  ] });
+}
+export {
+  ye as Games__client
+};

package/dist/components/Games/Games.d.ts

@@ -7,4 +7,4 @@ export interface GamesProps {
     className?: string;
     filter?: GamesInput['filter'];
 }
-export declare function Games(props: GamesProps): import("react").JSX.Element;
+export declare function Games(props: GamesProps): Promise<import("react").JSX.Element>;

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("@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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("@opexa/portal-sdk-core");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("next/headers");const t=require("../../server/utils/prefetchGamesQuery.js"),u=require("./Games.client.js");async function s(e){const r=e.numOfRows??1;return await t.prefetchGamesQuery({first:(r+1)*6,filter:e.filter}),i.jsx(u.Games__client,{...e})}exports.Games=s;