@opexa/portal-components 0.0.10 → 0.0.12

package/dist/components/Empty/Empty.mjs

@@ -1,16 +1,16 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { CloudIcon as s } from "./CloudIcon.mjs";
-function r(t) {
-  return /* @__PURE__ */ e.jsxs("div", { role: "alert", "aria-live": "polite", className: t.className, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }),
-      /* @__PURE__ */ e.jsx(s, { className: "relative h-auto w-full shrink-0" }),
-      /* @__PURE__ */ e.jsx("div", { className: "bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: /* @__PURE__ */ e.jsx(t.icon, { className: "size-6 text-white" }) })
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { CloudIcon as l } from "./CloudIcon.mjs";
+function m(t) {
+  return /* @__PURE__ */ a("div", { role: "alert", "aria-live": "polite", className: t.className, children: [
+    /* @__PURE__ */ a("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [
+      /* @__PURE__ */ e("div", { className: "bg-gray-100 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full" }),
+      /* @__PURE__ */ e(l, { className: "relative h-auto w-full shrink-0" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-600/25 absolute bottom-2 left-1/2 flex size-9 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: /* @__PURE__ */ e(t.icon, { className: "size-6 text-white" }) })
     ] }),
-    /* @__PURE__ */ e.jsx("h2", { className: "mt-xl text-center font-semibold", children: t.title }),
-    /* @__PURE__ */ e.jsx("p", { className: "text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: t.message })
+    /* @__PURE__ */ e("h2", { className: "mt-xl text-center font-semibold", children: t.title }),
+    /* @__PURE__ */ e("p", { className: "text-gray-500 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: t.message })
   ] });
 }
 export {
-  r as Empty
+  m as Empty
 };

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 interface FeatureFlagProviderProps {
     children: ReactNode;
 }
-export declare function FeatureFlagProvider(props: FeatureFlagProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeatureFlagProvider(props: FeatureFlagProviderProps): import("react").JSX.Element;
 export {};

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),u=require("@ark-ui/react");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("react");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/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");const i=require("../../ui/Presence.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const n=require("./FeatureFlagContext.js"),s=require("./useFeatureFlag.js");function a(t){const r=s.useFeatureFlag();return e.jsxRuntimeExports.jsxs(n.FeatureFlagContext,{value:r,children:[t.children,e.jsxRuntimeExports.jsx(u.Portal,{children:e.jsxRuntimeExports.jsxs(i.Presence,{lazyMount:!0,unmountOnExit:!0,present:r.enabled,className:"fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",suppressHydrationWarning:!0,children:["Experimental features are enabled."," ",e.jsxRuntimeExports.jsx("button",{type:"button",onClick:r.disable,className:"underline underline-offset-2",children:"Disable"})]})})]})}exports.FeatureFlagProvider=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");require("../../utils/capitalize.js");require("react");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/Button/button.recipe.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("../../ui/IconButton/iconButton.recipe.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");const i=require("../../ui/Presence.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");const n=require("./FeatureFlagContext.js"),a=require("./useFeatureFlag.js");function l(u){const r=a.useFeatureFlag();return e.jsxs(n.FeatureFlagContext,{value:r,children:[u.children,e.jsx(t.Portal,{children:e.jsxs(i.Presence,{lazyMount:!0,unmountOnExit:!0,present:r.enabled,className:"fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",suppressHydrationWarning:!0,children:["Experimental features are enabled."," ",e.jsx("button",{type:"button",onClick:r.disable,className:"underline underline-offset-2",children:"Disable"})]})})]})}exports.FeatureFlagProvider=l;

package/dist/components/FeatureFlagProvider/FeatureFlagProvider.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { Portal as o } from "@ark-ui/react";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Portal as i } from "@ark-ui/react";
 import "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
@@ -23,33 +23,33 @@ import "../../ui/IconButton/iconButton.recipe.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
-import { Presence as i } from "../../ui/Presence.mjs";
+import { Presence as m } from "../../ui/Presence.mjs";
 import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-import { FeatureFlagContext as m } from "./FeatureFlagContext.mjs";
-import { useFeatureFlag as p } from "./useFeatureFlag.mjs";
-function B(e) {
-  const r = p();
-  return /* @__PURE__ */ t.jsxs(m, { value: r, children: [
-    e.children,
-    /* @__PURE__ */ t.jsx(o, { children: /* @__PURE__ */ t.jsxs(
-      i,
+import { FeatureFlagContext as p } from "./FeatureFlagContext.mjs";
+import { useFeatureFlag as n } from "./useFeatureFlag.mjs";
+function I(o) {
+  const t = n();
+  return /* @__PURE__ */ r(p, { value: t, children: [
+    o.children,
+    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(
+      m,
       {
         lazyMount: !0,
         unmountOnExit: !0,
-        present: r.enabled,
+        present: t.enabled,
         className: "fixed bottom-2 left-1/2 z-toast flex -translate-x-1/2 gap-1 rounded-full bg-black/50 px-1.5 py-0.5 text-2xs leading-tight text-white backdrop-blur-sm",
         suppressHydrationWarning: !0,
         children: [
           "Experimental features are enabled.",
           " ",
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: r.disable,
+              onClick: t.disable,
               className: "underline underline-offset-2",
               children: "Disable"
             }
@@ -60,5 +60,5 @@ function B(e) {
   ] });
 }
 export {
-  B as FeatureFlagProvider
+  I as FeatureFlagProvider
 };

package/dist/components/FeatureFlagProvider/useFeatureFlag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../_virtual/navigation.js"),u=require("react"),i=require("usehooks-ts");function c(){const[e,t]=i.useLocalStorage("WebPortalFeatureFlagEnabled",!1),r=a.navigationExports.useRouter(),n=a.navigationExports.usePathname(),s=a.navigationExports.useSearchParams(),o=async()=>{r.push(n),setTimeout(()=>{t(!1)},250)};return u.useEffect(()=>{e||s.has("future")&&t(!0)},[e,s,t]),{enabled:e,disable:o}}exports.useFeatureFlag=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("next/navigation"),o=require("react"),c=require("usehooks-ts");function l(){const[e,t]=c.useLocalStorage("WebPortalFeatureFlagEnabled",!1),r=a.useRouter(),u=a.usePathname(),s=a.useSearchParams(),n=async()=>{r.push(u),setTimeout(()=>{t(!1)},250)};return o.useEffect(()=>{e||s.has("future")&&t(!0)},[e,s,t]),{enabled:e,disable:n}}exports.useFeatureFlag=l;

package/dist/components/FeatureFlagProvider/useFeatureFlag.mjs

@@ -1,22 +1,22 @@
-import { n as a } from "../../_virtual/navigation.mjs";
-import { useEffect as u } from "react";
-import { useLocalStorage as c } from "usehooks-ts";
-function l() {
-  const [e, t] = c(
+import { useRouter as u, usePathname as n, useSearchParams as c } from "next/navigation";
+import { useEffect as f } from "react";
+import { useLocalStorage as m } from "usehooks-ts";
+function p() {
+  const [e, t] = m(
     "WebPortalFeatureFlagEnabled",
     !1
-  ), s = a.useRouter(), o = a.usePathname(), r = a.useSearchParams(), n = async () => {
-    s.push(o), setTimeout(() => {
+  ), a = u(), s = n(), r = c(), o = async () => {
+    a.push(s), setTimeout(() => {
       t(!1);
     }, 250);
   };
-  return u(() => {
+  return f(() => {
     e || r.has("future") && t(!0);
   }, [e, r, t]), {
     enabled: e,
-    disable: n
+    disable: o
   };
 }
 export {
-  l as useFeatureFlag
+  p as useFeatureFlag
 };

package/dist/components/GameLaunch/GameLaunch.d.ts

@@ -2,4 +2,4 @@ import { ImageProps } from 'next/image';
 export interface GameLaunchProps {
     logo: ImageProps['src'];
 }
-export declare function GameLaunch(props: GameLaunchProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameLaunch(props: GameLaunchProps): import("react").JSX.Element;

package/dist/components/GameLaunch/GameLaunch.js

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

@@ -1,8 +1,9 @@
 "use client";
-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 { 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,29 +15,29 @@ 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 { useDisclosure as x } from "../../hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as z } from "../../hooks/useEndGameSessionMutation.mjs";
-import { useGlobalStore as y } from "../../hooks/useGlobalStore.mjs";
+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 "usehooks-ts";
-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 { 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 w } from "../../icons/Wallet02Icon.mjs";
+import { XIcon as I } from "../../icons/XIcon.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 c } from "../../ui/Button/Button.mjs";
+import { Button as m } 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 { IconButton as n } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as r } from "../../ui/IconButton/IconButton.mjs";
 import "../../ui/NumberInput/NumberInput.mjs";
 import "../../ui/PinInput/PinInput.mjs";
 import "../../ui/Popover/Popover.mjs";
@@ -45,168 +46,167 @@ import "../../ui/SegmentGroup/SegmentGroup.mjs";
 import "../../ui/Select/Select.mjs";
 import "../../ui/Table/Table.mjs";
 import "../../ui/Tabs/Tabs.mjs";
-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({
+function Ee(u) {
+  var p;
+  const d = G(null), s = g({
     defaultOpen: !0,
-    onOpenChange(i) {
-      i || setTimeout(() => {
-        var p;
-        (p = u.current) == null || p.scrollIntoView({
+    onOpenChange(a) {
+      a || setTimeout(() => {
+        var h;
+        (h = d.current) == null || h.scrollIntoView({
           behavior: "smooth",
           block: "start",
           inline: "start"
         });
       }, 25);
     }
-  }), a = x(), r = z(), s = y(
-    T((i) => ({
-      gameLaunch: i.gameLaunch,
-      depositWithdrawal: i.depositWithdrawal
+  }), n = g(), l = b(), i = A(
+    x((a) => ({
+      gameLaunch: a.gameLaunch,
+      depositWithdrawal: a.depositWithdrawal
     }))
   );
-  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({
+  async function o() {
+    i.gameLaunch.details.status === "PLAYING" && await l.mutateAsync({
+      game: i.gameLaunch.details.game,
+      session: i.gameLaunch.details.session
+    }), s.setOpen(!0), i.gameLaunch.setDetails({
       status: "WAITING",
       session: null,
       game: null
     });
   }
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(
-      N,
+  return /* @__PURE__ */ t(z, { children: [
+    /* @__PURE__ */ t(
+      y,
       {
-        ref: u,
-        present: s.gameLaunch.details.status !== "WAITING" && !t.open,
+        ref: d,
+        present: i.gameLaunch.details.status !== "WAITING" && !s.open,
         lazyMount: !0,
-        unmountOnExit: s.gameLaunch.details.status === "WAITING",
+        unmountOnExit: i.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(
+          /* @__PURE__ */ t("section", { className: "aspect-[960/540] w-full", children: [
+            i.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(L, { className: "size-8" }) }),
+            i.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
+            i.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
               "iframe",
               {
-                src: ((d = s.gameLaunch.details.session) == null ? void 0 : d.launchUrl) ?? "",
+                src: ((p = i.gameLaunch.details.session) == null ? void 0 : p.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,
+          /* @__PURE__ */ t("section", { className: "border-gray-200 flex justify-end gap-lg border-t p-2", children: [
+            /* @__PURE__ */ e(
+              r,
               {
                 size: "sm",
                 variant: "outline",
                 colorScheme: "gray",
                 onClick: () => {
-                  if (s.gameLaunch.details.status !== "PLAYING") {
-                    l();
+                  if (i.gameLaunch.details.status !== "PLAYING") {
+                    o();
                     return;
                   }
-                  a.setOpen(!0);
+                  n.setOpen(!0);
                 },
-                disabled: s.gameLaunch.details.status === "LOADING",
+                disabled: i.gameLaunch.details.status === "LOADING",
                 "aria-label": "Quit Game",
                 title: "Quit",
-                children: /* @__PURE__ */ e.jsx(j, { className: "size-5" })
+                children: /* @__PURE__ */ e(I, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ e.jsx(
-              n,
+            /* @__PURE__ */ e(
+              r,
               {
                 size: "sm",
                 variant: "outline",
                 colorScheme: "gray",
-                onClick: () => t.setOpen(!0),
+                onClick: () => s.setOpen(!0),
                 title: "Maximize",
                 "aria-label": "Maximize",
-                children: /* @__PURE__ */ e.jsx(f, { className: "size-5" })
+                children: /* @__PURE__ */ e(N, { className: "size-5" })
               }
             )
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      o.Root,
+    /* @__PURE__ */ e(
+      c.Root,
       {
-        open: s.gameLaunch.details.status !== "WAITING" && t.open && !a.open,
+        open: i.gameLaunch.details.status !== "WAITING" && s.open && !n.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,
+        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,
               {
                 size: "sm",
                 variant: "outline",
                 colorScheme: "gray",
                 onClick: () => {
-                  if (s.gameLaunch.details.status !== "PLAYING") {
-                    l();
+                  if (i.gameLaunch.details.status !== "PLAYING") {
+                    o();
                     return;
                   }
-                  a.setOpen(!0);
+                  n.setOpen(!0);
                 },
-                disabled: s.gameLaunch.details.status === "LOADING",
+                disabled: i.gameLaunch.details.status === "LOADING",
                 title: "Quit",
                 "aria-label": "Quit Game",
-                children: /* @__PURE__ */ e.jsx(G, { className: "size-5" })
+                children: /* @__PURE__ */ e(C, { className: "size-5" })
               }
             ) }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center", children: !!m.logo && /* @__PURE__ */ e.jsx(
-              L,
+            /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: !!u.logo && /* @__PURE__ */ e(
+              O,
               {
-                src: m.logo,
+                src: u.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,
+            /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ t(
+                m,
                 {
                   size: "sm",
                   fullWidth: !1,
                   onClick: () => {
-                    s.depositWithdrawal.setOpen(!0);
+                    i.depositWithdrawal.setOpen(!0);
                   },
                   children: [
-                    /* @__PURE__ */ e.jsx(b, { className: "size-5" }),
+                    /* @__PURE__ */ e(w, { className: "size-5" }),
                     "Wallet"
                   ]
                 }
               ),
-              /* @__PURE__ */ e.jsx(
-                n,
+              /* @__PURE__ */ e(
+                r,
                 {
                   size: "sm",
                   variant: "outline",
                   colorScheme: "gray",
-                  onClick: () => t.setOpen(!1),
+                  onClick: () => s.setOpen(!1),
                   title: "Minimize",
                   "aria-label": "Minimize",
-                  children: /* @__PURE__ */ e.jsx(f, { className: "size-5" })
+                  children: /* @__PURE__ */ e(N, { 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(
+          /* @__PURE__ */ t("section", { className: "grow", children: [
+            i.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(L, { className: "size-8" }) }),
+            i.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
+            i.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
               "iframe",
               {
-                src: s.gameLaunch.details.session.launchUrl ?? "",
+                src: i.gameLaunch.details.session.launchUrl ?? "",
                 className: "size-full"
               }
             )
@@ -214,48 +214,48 @@ function Se(m) {
         ] }) }) })
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      A,
+    /* @__PURE__ */ e(
+      D,
       {
         role: "alertdialog",
-        open: a.open,
-        onOpenChange: (i) => {
-          a.setOpen(i.open);
+        open: n.open,
+        onOpenChange: (a) => {
+          n.setOpen(a.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, {}) })
+        children: /* @__PURE__ */ t(f, { children: [
+          /* @__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__ */ e.jsxs(P, { children: [
-              /* @__PURE__ */ e.jsx(E, { children: "Quit Game" }),
-              /* @__PURE__ */ e.jsx(k, { 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.jsx(W, { children: (i) => /* @__PURE__ */ e.jsxs(M, { children: [
-              /* @__PURE__ */ e.jsx(
-                c,
+            /* @__PURE__ */ e(F, { children: (a) => /* @__PURE__ */ t(Q, { children: [
+              /* @__PURE__ */ e(
+                m,
                 {
                   variant: "outline",
                   colorScheme: "gray",
-                  disabled: r.isPending,
+                  disabled: l.isPending,
                   onClick: () => {
-                    i.setOpen(!1);
+                    a.setOpen(!1);
                   },
                   children: "Cancel"
                 }
               ),
-              /* @__PURE__ */ e.jsx(
-                c,
+              /* @__PURE__ */ e(
+                m,
                 {
                   colorScheme: "danger",
-                  disabled: r.isPending,
+                  disabled: l.isPending,
                   onClick: async () => {
-                    await l(), i.setOpen(!1);
+                    await o(), a.setOpen(!1);
                   },
                   children: "Proceed"
                 }
@@ -268,5 +268,5 @@ function Se(m) {
   ] });
 }
 export {
-  Se as GameLaunch
+  Ee as GameLaunch
 };

package/dist/components/GameLaunch/GameLaunchTrigger.d.ts

@@ -3,4 +3,4 @@ import { Game } from '@opexa/portal-sdk-core';
 export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
     game: Game;
 }
-export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameLaunchTrigger(props: GameLaunchTriggerProps): import("react").JSX.Element;

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -1 +1 @@
-"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;
+"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;