@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/FavoriteGames/FavoriteGames.client.mjs

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import c from "next/image";
+import { twMerge as d } 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 { getGameImageUrl as p } from "../../utils/getGameImageUrl.mjs";
+import "../../utils/getLocaleInfo.mjs";
+import "../../utils/getQueryClient.mjs";
+import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
+import { useSessionQuery as l } from "../../client/hooks/useSessionQuery.mjs";
+import "react";
+import "lodash-es";
+import "@opexa/portal-sdk-core/object-id";
+import { useFavoriteGamesQuery as u } from "../../client/hooks/useFavoriteGamesQuery.mjs";
+import "../../client/hooks/useGlobalStore.mjs";
+import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import "usehooks-ts";
+import { useUnmarkGameAsFavoriteMutation as h } from "../../client/hooks/useUnmarkGameAsFavoriteMutation.mjs";
+import { ArrowLeftIcon as g } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as f } from "../../icons/ArrowRightIcon.mjs";
+import { Star01Icon as v } from "../../icons/Star01Icon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as s } from "../../ui/Button/Button.mjs";
+import "../../ui/Checkbox/Checkbox.mjs";
+import "../../ui/Clipboard/Clipboard.mjs";
+import "../../ui/Collapsible/Collapsible.mjs";
+import "../../ui/Combobox/Combobox.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/PasswordInput/PasswordInput.mjs";
+import "../../ui/PinInput/PinInput.mjs";
+import "../../ui/Popover/Popover.mjs";
+import "../../ui/Progress/Progress.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 x } from "../GameLaunch/GameLaunchTrigger.mjs";
+function ve(r) {
+  const t = l().data, o = u().data ?? [];
+  return (t == null ? void 0 : t.status) !== "authenticated" ? null : o.length <= 0 ? /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r.heading ?? "Favorite Games" }),
+    /* @__PURE__ */ i("div", { className: "bg-bg-brand-secondary-alt mt-lg rounded-md p-xl", children: [
+      /* @__PURE__ */ e("h2", { className: "text-sm font-semibold", children: "Add your favorite games now!" }),
+      /* @__PURE__ */ e("p", { className: "text-text-secondary-700 text-sm", children: "Click the Star Icon in the top right to add your favorite games here." })
+    ] })
+  ] }) : /* @__PURE__ */ i("div", { className: r.className, children: [
+    /* @__PURE__ */ i("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold", children: r.heading ?? "Favorite Games" }),
+      /* @__PURE__ */ e("div", { className: "grow" }),
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-xl", children: /* @__PURE__ */ i("div", { className: "hidden lg:flex", children: [
+        /* @__PURE__ */ e(
+          s,
+          {
+            variant: "outline",
+            colorScheme: "gray",
+            className: "rounded-r-none border-r-0",
+            "aria-label": "Previous",
+            children: /* @__PURE__ */ e(g, { className: "size-5" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          s,
+          {
+            variant: "outline",
+            colorScheme: "gray",
+            className: "rounded-l-none",
+            children: /* @__PURE__ */ e(f, { className: "size-5" })
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: d(
+          "grid auto-cols-[calc((100%-(0.375rem*2))/3)] grid-flow-col grid-rows-1 gap-sm lg:auto-cols-[calc((100%-(0.5rem*5))/6)] lg:gap-md"
+        ),
+        children: o.map((m) => /* @__PURE__ */ e(b, { game: m }, m.id))
+      }
+    ) })
+  ] });
+}
+function b({ game: r }) {
+  const t = l().data, a = h();
+  return /* @__PURE__ */ i(x, { game: r, className: "relative block w-full shadow-sm", children: [
+    (t == null ? void 0 : t.status) === "authenticated" && /* @__PURE__ */ e(
+      "div",
+      {
+        role: "button",
+        onClick: (o) => {
+          o.preventDefault(), o.stopPropagation(), !a.isPending && a.mutate(r.id);
+        },
+        "aria-disabled": a.isPending,
+        className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]",
+        children: /* @__PURE__ */ e(v, { className: "fill-yellow-400 text-yellow-400 size-5" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      c,
+      {
+        src: p({
+          id: r.id,
+          provider: r.provider
+        }),
+        alt: "",
+        width: 200,
+        height: 200,
+        priority: !0,
+        className: "aspect-square w-full rounded-t-md object-cover"
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: r.name })
+  ] });
+}
+export {
+  ve as FavoriteGames__client
+};

package/dist/components/FavoriteGames/FavoriteGames.d.ts

@@ -0,0 +1,6 @@
+export interface FavoriteGamesProps {
+    className?: string;
+    /** @default 'Favorite Games' */
+    heading?: string;
+}
+export declare function FavoriteGames(props: FavoriteGamesProps): Promise<import("react").JSX.Element>;

package/dist/components/FavoriteGames/FavoriteGames.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=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("../../server/services/getSession.js");const i=require("../../server/utils/prefetchFavoriteGamesQuery.js"),t=require("./FavoriteGames.client.js");async function u(e){return await i.prefetchFavoriteGamesQuery(),r.jsx(t.FavoriteGames__client,{...e})}exports.FavoriteGames=u;

package/dist/components/FavoriteGames/FavoriteGames.mjs

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import "@opexa/portal-sdk-core";
+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 "../../server/services/getSession.mjs";
+import { prefetchFavoriteGamesQuery as o } from "../../server/utils/prefetchFavoriteGamesQuery.mjs";
+import { FavoriteGames__client as i } from "./FavoriteGames.client.mjs";
+async function G(r) {
+  return await o(), /* @__PURE__ */ t(i, { ...r });
+}
+export {
+  G as FavoriteGames
+};

package/dist/components/FavoriteGames/index.d.ts

@@ -0,0 +1 @@
+export * from './FavoriteGames';

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

@@ -1,5 +1 @@
-import { ImageProps } from 'next/image';
-export interface GameLaunchProps {
-    logo: ImageProps['src'];
-}
-export declare function GameLaunch(props: GameLaunchProps): import("react").JSX.Element;
+export declare function GameLaunch(): 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("react/jsx-runtime"),a=require("@ark-ui/react"),p=require("next/image"),I=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"),y=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const z=require("../../icons/AlertCircleIcon.js"),b=require("../../icons/ChevronLeftIcon.js"),j=require("../../icons/Expand03Icon.js"),f=require("../../icons/SpinnerIcon.js"),G=require("../../icons/Wallet02Icon.js"),q=require("../../icons/XIcon.js"),i=require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const u=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/Collapsible/Collapsible.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/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("tailwind-merge");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function O(d){var h;const m=I.useRef(null),t=g.useDisclosure({defaultOpen:!0,onOpenChange(r){r||setTimeout(()=>{var x;(x=m.current)==null||x.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),n=g.useDisclosure(),c=N.useEndGameSessionMutation(),s=y.useGlobalStore(L.useShallow(r=>({gameLaunch:r.gameLaunch,depositWithdrawal:r.depositWithdrawal})));async function o(){s.gameLaunch.details.status==="PLAYING"&&await c.mutateAsync({game:s.gameLaunch.details.game,session:s.gameLaunch.details.session}),t.setOpen(!0),s.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}return e.jsxs(e.Fragment,{children:[e.jsxs(a.Presence,{ref:m,present:s.gameLaunch.details.status!=="WAITING"&&!t.open,lazyMount:!0,unmountOnExit:s.gameLaunch.details.status==="WAITING",className:"border-border-primary bg-bg-primary-alt 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-border-primary 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}n.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:()=>t.setOpen(!0),title:"Maximize","aria-label":"Maximize",children:e.jsx(j.Expand03Icon,{className:"size-5"})})]})]}),e.jsx(a.Dialog.Root,{open:s.gameLaunch.details.status!=="WAITING"&&t.open&&!n.open,lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsx(a.Portal,{children:e.jsx(a.Dialog.Positioner,{className:"z-dialog fixed inset-0",children:e.jsxs(a.Dialog.Content,{className:"ui-open:animate-dialog-in ui-closed:animate-dialog-out bg-bg-primary-alt flex size-full flex-col",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}n.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game",children:e.jsx(b.ChevronLeftIcon,{className:"size-5"})})}),e.jsx("div",{className:"flex items-center justify-center",children:!!d.logo&&e.jsx(p,{src:d.logo,height:40,width:80,alt:"",className:"h-9 w-auto shrink-0"})}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsxs(u.Button,{size:"sm",fullWidth:!1,onClick:()=>{s.depositWithdrawal.setOpen(!0)},children:[e.jsx(G.Wallet02Icon,{className:"size-5"}),"Wallet"]}),e.jsx(l.IconButton,{size:"sm",variant:"outline",colorScheme:"gray",onClick:()=>t.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:n.open,onOpenChange:r=>{n.setOpen(r.open)},lazyMount:!0,closeOnEscape:!1,closeOnInteractOutside:!1,children:e.jsxs(a.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:"bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full",children:e.jsx(z.AlertCircleIcon,{})}),e.jsx(i.CloseTrigger,{children:e.jsx(q.XIcon,{})})]}),e.jsxs(i.Body,{children:[e.jsx(i.Title,{children:"Quit Game"}),e.jsx(i.Description,{children:"Are you sure you want to quit?"})]}),e.jsx(i.Context,{children:r=>e.jsxs(i.Footer,{children:[e.jsx(u.Button,{variant:"outline",colorScheme:"gray",disabled:c.isPending,onClick:()=>{r.setOpen(!1)},children:"Cancel"}),e.jsx(u.Button,{colorScheme:"danger",disabled:c.isPending,onClick:async()=>{await o(),r.setOpen(!1)},children:"Proceed"})]})})]})})]})})]})}exports.GameLaunch=O;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@ark-ui/react"),v=require("react"),g=require("tailwind-merge"),y=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("../../client/services/getSession.js");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const x=require("../../client/hooks/useDisclosure.js"),z=require("../../client/hooks/useEndGameSessionMutation.js"),A=require("../../client/hooks/useFavoriteGamesQuery.js"),b=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");const O=require("../../client/hooks/useMarkGameAsFavoriteMutation.js");require("usehooks-ts");const M=require("../../client/hooks/useUnmarkGameAsFavoriteMutation.js"),w=require("../../icons/AlertCircleIcon.js"),C=require("../../icons/ChevronLeftIcon.js"),S=require("../../icons/CoinsHandIcon.js"),f=require("../../icons/Expand03Icon.js"),j=require("../../icons/SpinnerIcon.js"),q=require("../../icons/Star01Icon.js"),I=require("../../icons/XIcon.js"),i=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/Collapsible/Collapsible.js");require("../../ui/Combobox/Combobox.js");require("../../ui/DatePicker/DatePicker.js");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");const r=require("../../ui/IconButton/IconButton.js");require("../../ui/NumberInput/NumberInput.js");require("../../ui/PasswordInput/PasswordInput.js");require("../../ui/PinInput/PinInput.js");require("../../ui/Popover/Popover.js");require("../../ui/Progress/Progress.js");require("../../ui/SegmentGroup/SegmentGroup.js");require("../../ui/Select/Select.js");require("../../ui/Table/Table.js");require("../../ui/Tabs/Tabs.js");function D(){var m;const d=v.useRef(null),n=x.useDisclosure({defaultOpen:!0,onOpenChange(a){a||setTimeout(()=>{var h;(h=d.current)==null||h.scrollIntoView({behavior:"smooth",block:"start",inline:"start"})},25)}}),l=x.useDisclosure(),u=z.useEndGameSessionMutation(),s=b.useGlobalStore(y.useShallow(a=>({gameLaunch:a.gameLaunch,depositWithdrawal:a.depositWithdrawal})));async function c(){s.gameLaunch.details.status==="PLAYING"&&await u.mutateAsync({game:s.gameLaunch.details.game,session:s.gameLaunch.details.session}),n.setOpen(!0),s.gameLaunch.setDetails({status:"WAITING",session:null,game:null})}const p=A.useFavoriteGamesQuery().data??[],N=O.useMarkGameAsFavoriteMutation(),G=M.useUnmarkGameAsFavoriteMutation(),o=p.some(a=>s.gameLaunch.details.game?"reference"in s.gameLaunch.details.game?a.id===s.gameLaunch.details.game.reference:a.id===s.gameLaunch.details.game.id:!1);return e.jsxs(e.Fragment,{children:[e.jsxs(t.Presence,{ref:d,present:s.gameLaunch.details.status!=="WAITING"&&!n.open,lazyMount:!0,unmountOnExit:s.gameLaunch.details.status==="WAITING",className:"border-border-primary bg-bg-primary-alt 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(j.SpinnerIcon,{className:"size-8"})}),s.gameLaunch.details.status==="FAILED"&&e.jsx("div",{}),s.gameLaunch.details.status==="PLAYING"&&e.jsx("iframe",{src:((m=s.gameLaunch.details.session)==null?void 0:m.launchUrl)??"",className:"size-full"})]}),e.jsxs("section",{className:"border-border-primary flex justify-end gap-2 border-t p-2",children:[e.jsx(r.IconButton,{size:"xs",variant:"outline",colorScheme:"gray",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){c();return}l.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING","aria-label":"Quit Game",children:e.jsx(I.XIcon,{className:"size-5"})}),e.jsx(r.IconButton,{size:"xs",variant:"outline",colorScheme:"gray",disabled:s.gameLaunch.details.status==="LOADING","aria-label":o?"Remove from Favorites":"Add to Favorites",onClick:()=>{s.gameLaunch.details.game&&(o?G.mutate("reference"in s.gameLaunch.details.game?s.gameLaunch.details.game.reference:s.gameLaunch.details.game.id):N.mutate("reference"in s.gameLaunch.details.game?s.gameLaunch.details.game.reference:s.gameLaunch.details.game.id))},children:e.jsx(q.Star01Icon,{className:g.twMerge("size-5",o?"text-yellow-400 fill-yellow-400":"text-inherit")})}),e.jsx(r.IconButton,{size:"xs",variant:"outline",colorScheme:"gray",onClick:()=>n.setOpen(!0),title:"Maximize","aria-label":"Maximize",children:e.jsx(f.Expand03Icon,{className:"size-5"})})]})]}),e.jsx(t.Dialog.Root,{open:s.gameLaunch.details.status!=="WAITING"&&n.open&&!l.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 bg-bg-primary-alt flex size-full flex-col",children:[e.jsxs("section",{className:"flex items-center gap-2 px-4 py-2",children:[e.jsx(r.IconButton,{size:"xs",variant:"outline",onClick:()=>{if(s.gameLaunch.details.status!=="PLAYING"){c();return}l.setOpen(!0)},disabled:s.gameLaunch.details.status==="LOADING",title:"Quit","aria-label":"Quit Game",children:e.jsx(C.ChevronLeftIcon,{className:"size-5"})}),e.jsx("div",{className:"grow"}),e.jsx(r.IconButton,{size:"xs",variant:"outline",children:e.jsx(q.Star01Icon,{className:g.twMerge("size-5",o?"text-yellow-400 fill-yellow-400":"text-inherit")})}),e.jsx(r.IconButton,{size:"xs",variant:"outline",onClick:()=>n.setOpen(!1),title:"Minimize","aria-label":"Minimize",children:e.jsx(f.Expand03Icon,{className:"size-5"})}),e.jsx(r.IconButton,{size:"xs",fullWidth:!1,onClick:()=>{s.depositWithdrawal.setOpen(!0)},children:e.jsx(S.CoinsHandIcon,{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(j.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:l.open,onOpenChange:a=>{l.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:"bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full",children:e.jsx(w.AlertCircleIcon,{})}),e.jsx(i.CloseTrigger,{children:e.jsx(I.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(L.Button,{variant:"outline",colorScheme:"gray",disabled:u.isPending,onClick:()=>{a.setOpen(!1)},children:"Cancel"}),e.jsx(L.Button,{colorScheme:"danger",disabled:u.isPending,onClick:async()=>{await c(),a.setOpen(!1)},children:"Proceed"})]})})]})})]})})]})}exports.GameLaunch=D;