@opexa/portal-components 0.0.8 → 0.0.10

package/dist/components/GameLaunch/GameLaunch.mjs

@@ -1,7 +1,8 @@
 "use client";
-import { Presence as h, Dialog as c, Portal as d } from "@ark-ui/react";
-import N from "../../_virtual/image.mjs";
-import { useRef as L } from "react";
+import { j as e } from "../../_virtual/jsx-runtime.mjs";
+import { Presence as N, Dialog as o, Portal as h } from "@ark-ui/react";
+import L from "../../_virtual/image.mjs";
+import { useRef as I } from "react";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -13,22 +14,22 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 import "../../utils/toaster.mjs";
 import "lodash-es";
-import "../../_virtual/index.cjs.mjs";
-import { useDisclosure as f } from "../../hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as I } from "../../hooks/useEndGameSessionMutation.mjs";
-import { useGlobalStore as z } from "../../hooks/useGlobalStore.mjs";
+import "../../node_modules/.pnpm/@opexa_portal-sdk-core@0.0.22/node_modules/@opexa/portal-sdk-core/dist/object-id.mjs";
+import { useDisclosure as x } from "../../hooks/useDisclosure.mjs";
+import { useEndGameSessionMutation as z } from "../../hooks/useEndGameSessionMutation.mjs";
+import { useGlobalStore as y } from "../../hooks/useGlobalStore.mjs";
 import "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { AlertCircleIcon as y } from "../../icons/AlertCircleIcon.mjs";
-import { ChevronLeftIcon as O } from "../../icons/ChevronLeftIcon.mjs";
-import { Expand03Icon as g } from "../../icons/Expand03Icon.mjs";
-import { SpinnerIcon as E } from "../../icons/SpinnerIcon.mjs";
-import { Wallet02Icon as G } from "../../icons/Wallet02Icon.mjs";
-import { XIcon as R } from "../../icons/XIcon.mjs";
-import { Root as b, Backdrop as x, Positioner as A, Content as v, Header as C, CloseTrigger as w, Body as D, Title as S, Description as P, Context as k, Footer as W } from "../../ui/AlertDialog/AlertDialog.mjs";
+import { AlertCircleIcon as O } from "../../icons/AlertCircleIcon.mjs";
+import { ChevronLeftIcon as G } from "../../icons/ChevronLeftIcon.mjs";
+import { Expand03Icon as f } from "../../icons/Expand03Icon.mjs";
+import { SpinnerIcon as g } from "../../icons/SpinnerIcon.mjs";
+import { Wallet02Icon as b } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as j } from "../../icons/XIcon.mjs";
+import { Root as A, Backdrop as v, Positioner as C, Content as w, Header as D, CloseTrigger as S, Body as P, Title as E, Description as k, Context as W, Footer as M } from "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as r } from "../../ui/Button/Button.mjs";
+import { Button as c } from "../../ui/Button/Button.mjs";
 import "../../ui/Checkbox/Checkbox.mjs";
 import "../../ui/Clipboard/Clipboard.mjs";
 import "../../ui/DatePicker/DatePicker.mjs";
@@ -44,183 +45,228 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { useShallow as M } from "../../node_modules/.pnpm/zustand@5.0.5_@types_react@19.0.8_react@19.1.0_use-sync-external-store@1.4.0_react@19.1.0_/node_modules/zustand/esm/react/shallow.mjs";
-function Ce(o) {
-  var u;
-  const m = L(null), a = f({
+import { useShallow as T } 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 Se(m) {
+  var d;
+  const u = I(null), t = x({
     defaultOpen: !0,
-    onOpenChange(t) {
-      t || setTimeout(() => {
+    onOpenChange(i) {
+      i || setTimeout(() => {
         var p;
-        (p = m.current) == null || p.scrollIntoView({
+        (p = u.current) == null || p.scrollIntoView({
           behavior: "smooth",
           block: "start",
           inline: "start"
         });
       }, 25);
     }
-  }), l = f(), s = I(), e = z(
-    M((t) => ({
-      gameLaunch: t.gameLaunch,
-      depositWithdrawal: t.depositWithdrawal
+  }), a = x(), r = z(), s = y(
+    T((i) => ({
+      gameLaunch: i.gameLaunch,
+      depositWithdrawal: i.depositWithdrawal
     }))
   );
-  async function i() {
-    e.gameLaunch.details.status === "PLAYING" && await s.mutateAsync({
-      game: e.gameLaunch.details.game,
-      session: e.gameLaunch.details.session
-    }), a.setOpen(!0), e.gameLaunch.setDetails({
+  async function l() {
+    s.gameLaunch.details.status === "PLAYING" && await r.mutateAsync({
+      game: s.gameLaunch.details.game,
+      session: s.gameLaunch.details.session
+    }), t.setOpen(!0), s.gameLaunch.setDetails({
       status: "WAITING",
       session: null,
       game: null
     });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    h,
-    {
-      ref: m,
-      present: e.gameLaunch.details.status !== "WAITING" && !a.open,
-      lazyMount: !0,
-      unmountOnExit: e.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"
-    },
-    /* @__PURE__ */ React.createElement("section", { className: "aspect-[960/540] w-full" }, e.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ React.createElement("div", { className: "flex size-full items-center justify-center" }, /* @__PURE__ */ React.createElement(E, { className: "size-8" })), e.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ React.createElement("div", null), e.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ React.createElement(
-      "iframe",
-      {
-        src: ((u = e.gameLaunch.details.session) == null ? void 0 : u.launchUrl) ?? "",
-        className: "size-full"
-      }
-    )),
-    /* @__PURE__ */ React.createElement("section", { className: "border-gray-200 flex justify-end gap-lg border-t p-2" }, /* @__PURE__ */ React.createElement(
-      n,
-      {
-        size: "sm",
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => {
-          if (e.gameLaunch.details.status !== "PLAYING") {
-            i();
-            return;
-          }
-          l.setOpen(!0);
-        },
-        disabled: e.gameLaunch.details.status === "LOADING",
-        "aria-label": "Quit Game",
-        title: "Quit"
-      },
-      /* @__PURE__ */ React.createElement(R, { className: "size-5" })
-    ), /* @__PURE__ */ React.createElement(
-      n,
-      {
-        size: "sm",
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => a.setOpen(!0),
-        title: "Maximize",
-        "aria-label": "Maximize"
-      },
-      /* @__PURE__ */ React.createElement(g, { className: "size-5" })
-    ))
-  ), /* @__PURE__ */ React.createElement(
-    c.Root,
-    {
-      open: e.gameLaunch.details.status !== "WAITING" && a.open && !l.open,
-      lazyMount: !0,
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1
-    },
-    /* @__PURE__ */ React.createElement(d, null, /* @__PURE__ */ React.createElement(c.Positioner, { className: "z-dialog fixed inset-0" }, /* @__PURE__ */ React.createElement(c.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white" }, /* @__PURE__ */ React.createElement("section", { className: "grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-start gap-2" }, /* @__PURE__ */ React.createElement(
-      n,
-      {
-        size: "sm",
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => {
-          if (e.gameLaunch.details.status !== "PLAYING") {
-            i();
-            return;
-          }
-          l.setOpen(!0);
-        },
-        disabled: e.gameLaunch.details.status === "LOADING",
-        title: "Quit",
-        "aria-label": "Quit Game"
-      },
-      /* @__PURE__ */ React.createElement(O, { className: "size-5" })
-    )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center" }, !!o.logo && /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs(
       N,
       {
-        src: o.logo,
-        height: 40,
-        width: 80,
-        alt: "",
-        className: "h-9 w-auto shrink-0"
+        ref: u,
+        present: s.gameLaunch.details.status !== "WAITING" && !t.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: [
+          /* @__PURE__ */ e.jsxs("section", { className: "aspect-[960/540] w-full", children: [
+            s.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e.jsx("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e.jsx(g, { className: "size-8" }) }),
+            s.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e.jsx("div", {}),
+            s.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e.jsx(
+              "iframe",
+              {
+                src: ((d = s.gameLaunch.details.session) == null ? void 0 : d.launchUrl) ?? "",
+                className: "size-full"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("section", { className: "border-gray-200 flex justify-end gap-lg border-t p-2", children: [
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray",
+                onClick: () => {
+                  if (s.gameLaunch.details.status !== "PLAYING") {
+                    l();
+                    return;
+                  }
+                  a.setOpen(!0);
+                },
+                disabled: s.gameLaunch.details.status === "LOADING",
+                "aria-label": "Quit Game",
+                title: "Quit",
+                children: /* @__PURE__ */ e.jsx(j, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray",
+                onClick: () => t.setOpen(!0),
+                title: "Maximize",
+                "aria-label": "Maximize",
+                children: /* @__PURE__ */ e.jsx(f, { className: "size-5" })
+              }
+            )
+          ] })
+        ]
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React.createElement(
-      r,
-      {
-        size: "sm",
-        fullWidth: !1,
-        onClick: () => {
-          e.depositWithdrawal.setOpen(!0);
-        }
-      },
-      /* @__PURE__ */ React.createElement(G, { className: "size-5" }),
-      "Wallet"
-    ), /* @__PURE__ */ React.createElement(
-      n,
-      {
-        size: "sm",
-        variant: "outline",
-        colorScheme: "gray",
-        onClick: () => a.setOpen(!1),
-        title: "Minimize",
-        "aria-label": "Minimize"
-      },
-      /* @__PURE__ */ React.createElement(g, { className: "size-5" })
-    ))), /* @__PURE__ */ React.createElement("section", { className: "grow" }, e.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ React.createElement("div", { className: "flex size-full items-center justify-center" }, /* @__PURE__ */ React.createElement(E, { className: "size-8" })), e.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ React.createElement("div", null), e.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ React.createElement(
-      "iframe",
+    ),
+    /* @__PURE__ */ e.jsx(
+      o.Root,
       {
-        src: e.gameLaunch.details.session.launchUrl ?? "",
-        className: "size-full"
+        open: s.gameLaunch.details.status !== "WAITING" && t.open && !a.open,
+        lazyMount: !0,
+        closeOnEscape: !1,
+        closeOnInteractOutside: !1,
+        children: /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx(o.Positioner, { className: "z-dialog fixed inset-0", children: /* @__PURE__ */ e.jsxs(o.Content, { className: "ui-open:animate-dialog-in ui-closed:animate-dialog-out flex size-full flex-col bg-white", children: [
+          /* @__PURE__ */ e.jsxs("section", { className: "grid grid-cols-[22rem_auto_22rem] items-center px-4 py-2", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-start gap-2", children: /* @__PURE__ */ e.jsx(
+              n,
+              {
+                size: "sm",
+                variant: "outline",
+                colorScheme: "gray",
+                onClick: () => {
+                  if (s.gameLaunch.details.status !== "PLAYING") {
+                    l();
+                    return;
+                  }
+                  a.setOpen(!0);
+                },
+                disabled: s.gameLaunch.details.status === "LOADING",
+                title: "Quit",
+                "aria-label": "Quit Game",
+                children: /* @__PURE__ */ e.jsx(G, { className: "size-5" })
+              }
+            ) }),
+            /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center", children: !!m.logo && /* @__PURE__ */ e.jsx(
+              L,
+              {
+                src: m.logo,
+                height: 40,
+                width: 80,
+                alt: "",
+                className: "h-9 w-auto shrink-0"
+              }
+            ) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ e.jsxs(
+                c,
+                {
+                  size: "sm",
+                  fullWidth: !1,
+                  onClick: () => {
+                    s.depositWithdrawal.setOpen(!0);
+                  },
+                  children: [
+                    /* @__PURE__ */ e.jsx(b, { className: "size-5" }),
+                    "Wallet"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                n,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  colorScheme: "gray",
+                  onClick: () => t.setOpen(!1),
+                  title: "Minimize",
+                  "aria-label": "Minimize",
+                  children: /* @__PURE__ */ e.jsx(f, { className: "size-5" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("section", { className: "grow", children: [
+            s.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e.jsx("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e.jsx(g, { className: "size-8" }) }),
+            s.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e.jsx("div", {}),
+            s.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e.jsx(
+              "iframe",
+              {
+                src: s.gameLaunch.details.session.launchUrl ?? "",
+                className: "size-full"
+              }
+            )
+          ] })
+        ] }) }) })
       }
-    )))))
-  ), /* @__PURE__ */ React.createElement(
-    b,
-    {
-      role: "alertdialog",
-      open: l.open,
-      onOpenChange: (t) => {
-        l.setOpen(t.open);
-      },
-      lazyMount: !0,
-      closeOnEscape: !1,
-      closeOnInteractOutside: !1
-    },
-    /* @__PURE__ */ React.createElement(d, null, /* @__PURE__ */ React.createElement(x, null), /* @__PURE__ */ React.createElement(A, null, /* @__PURE__ */ React.createElement(v, null, /* @__PURE__ */ React.createElement(C, null, /* @__PURE__ */ React.createElement("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]" }, /* @__PURE__ */ React.createElement(y, null)), /* @__PURE__ */ React.createElement(w, null, /* @__PURE__ */ React.createElement(R, null))), /* @__PURE__ */ React.createElement(D, null, /* @__PURE__ */ React.createElement(S, null, "Quit Game"), /* @__PURE__ */ React.createElement(P, null, "Are you sure you want to quit?")), /* @__PURE__ */ React.createElement(k, null, (t) => /* @__PURE__ */ React.createElement(W, null, /* @__PURE__ */ React.createElement(
-      r,
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
       {
-        variant: "outline",
-        colorScheme: "gray",
-        disabled: s.isPending,
-        onClick: () => {
-          t.setOpen(!1);
-        }
-      },
-      "Cancel"
-    ), /* @__PURE__ */ React.createElement(
-      r,
-      {
-        colorScheme: "danger",
-        disabled: s.isPending,
-        onClick: async () => {
-          await i(), t.setOpen(!1);
-        }
-      },
-      "Proceed"
-    ))))))
-  ));
+        role: "alertdialog",
+        open: a.open,
+        onOpenChange: (i) => {
+          a.setOpen(i.open);
+        },
+        lazyMount: !0,
+        closeOnEscape: !1,
+        closeOnInteractOutside: !1,
+        children: /* @__PURE__ */ e.jsxs(h, { children: [
+          /* @__PURE__ */ e.jsx(v, {}),
+          /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(w, { children: [
+            /* @__PURE__ */ e.jsxs(D, { children: [
+              /* @__PURE__ */ e.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-[#FEE4E2] text-[#D92D20]", children: /* @__PURE__ */ e.jsx(O, {}) }),
+              /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(j, {}) })
+            ] }),
+            /* @__PURE__ */ e.jsxs(P, { children: [
+              /* @__PURE__ */ e.jsx(E, { children: "Quit Game" }),
+              /* @__PURE__ */ e.jsx(k, { children: "Are you sure you want to quit?" })
+            ] }),
+            /* @__PURE__ */ e.jsx(W, { children: (i) => /* @__PURE__ */ e.jsxs(M, { children: [
+              /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  variant: "outline",
+                  colorScheme: "gray",
+                  disabled: r.isPending,
+                  onClick: () => {
+                    i.setOpen(!1);
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  colorScheme: "danger",
+                  disabled: r.isPending,
+                  onClick: async () => {
+                    await l(), i.setOpen(!1);
+                  },
+                  children: "Proceed"
+                }
+              )
+            ] }) })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
 }
 export {
-  Ce as GameLaunch
+  Se as GameLaunch
 };

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=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 d=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const m=require("../../utils/toaster.js"),q=require("../../hooks/useSessionQuery.js");require("lodash-es");const h=require("../../hooks/useCreateGameSessionMutation.js");require("../../_virtual/index.cjs.js");const L=require("../../hooks/useGlobalStore.js");require("../../hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const G=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 I(e){var n,i;const r=q.useSessionQuery(),l=h.useCreateGameSessionMutation(),t=L.useGlobalStore(G.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 React.createElement(g.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"}),m.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":d.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=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../_virtual/jsx-runtime.js"),m=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 d=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.jsxRuntimeExports.jsx(m.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":d.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,41 +1,42 @@
 "use client";
-import { ark as l } from "@ark-ui/react";
+import { j as l } from "../../_virtual/jsx-runtime.mjs";
+import { ark as g } from "@ark-ui/react";
 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 g } from "../../utils/dataAttr.mjs";
+import { dataAttr as d } from "../../utils/dataAttr.mjs";
 import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
-import { toaster as d } from "../../utils/toaster.mjs";
-import { useSessionQuery as h } from "../../hooks/useSessionQuery.mjs";
+import { toaster as h } from "../../utils/toaster.mjs";
+import { useSessionQuery as f } from "../../hooks/useSessionQuery.mjs";
 import "lodash-es";
-import { useCreateGameSessionMutation as f } from "../../hooks/useCreateGameSessionMutation.mjs";
-import "../../_virtual/index.cjs.mjs";
-import { useGlobalStore as I } from "../../hooks/useGlobalStore.mjs";
+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 "../../hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
-import { useShallow as L } 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 j(t) {
+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 q(t) {
   var o, m;
-  const n = h(), c = f(), e = I(
-    L((a) => ({
+  const i = f(), c = I(), e = L(
+    p((a) => ({
       signIn: a.signIn,
       gameLaunch: a.gameLaunch
     }))
-  ), i = ((o = n.data) == null ? void 0 : o.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
-  return /* @__PURE__ */ React.createElement(
-    l.button,
+  ), n = ((o = i.data) == null ? void 0 : o.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
+  return /* @__PURE__ */ l.jsx(
+    g.button,
     {
       type: "button",
       ...t,
       onClick: async (a) => {
         var r, u;
-        if ((r = t.onClick) == null || r.call(t, a), ((u = n.data) == null ? void 0 : u.status) === "unauthenticated")
+        if ((r = t.onClick) == null || r.call(t, a), ((u = i.data) == null ? void 0 : u.status) === "unauthenticated")
           return e.signIn.setOpen(!0);
         e.gameLaunch.setDetails({
           game: t.game,
@@ -56,17 +57,17 @@ function j(t) {
             game: t.game,
             session: null,
             status: "FAILED"
-          }), d.error({
+          }), h.error({
             description: s instanceof Error ? s.message : "Failed to launch game"
           });
         }
       },
-      disabled: i,
-      "data-disabled": g(i),
-      "data-state": ((m = n.data) == null ? void 0 : m.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
+      disabled: n,
+      "data-disabled": d(n),
+      "data-state": ((m = i.data) == null ? void 0 : m.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
     }
   );
 }
 export {
-  j as GameLaunchTrigger
+  q as GameLaunchTrigger
 };

package/dist/components/Games/Games.js

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