@opexa/portal-components 0.0.17 → 0.0.19

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.mjs

@@ -10,6 +10,7 @@ import "../../../constants/index.mjs";
 import "../../../utils/getLocaleInfo.mjs";
 import "../../../utils/getQueryClient.mjs";
 import { onMobileDevice as M } from "../../../utils/isMobile.mjs";
+import "../../../client/services/getSession.mjs";
 import "@opexa/portal-sdk-core";
 import "tiny-invariant";
 import "lodash-es";
@@ -27,7 +28,7 @@ import { GCashWithdrawal as Y } from "./GCashWithdrawal/GCashWithdrawal.mjs";
 import { InstapayWithdrawal as z } from "./InstapayWithdrawal/InstapayWithdrawal.mjs";
 import { MayaAppWithdrawal as T } from "./MayaAppWithdrawal/MayaAppWithdrawal.mjs";
 import { MayaWithdrawal as Q } from "./MayaWithdrawal/MayaWithdrawal.mjs";
-function pe() {
+function fe() {
   const [i] = P(), l = g().data, n = G(), e = n.data, o = (() => {
     var c, p, f, h, u, b;
     const a = [];
@@ -80,5 +81,5 @@ function H() {
   ] });
 }
 export {
-  pe as Withdrawal
+  fe as Withdrawal
 };

package/dist/components/Disclaimer/Disclaimer.js

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

package/dist/components/Disclaimer/Disclaimer.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { Portal as m } from "@ark-ui/react";
+import { Portal as l } from "@ark-ui/react";
 import r from "next/image";
 import { useRef as a } from "react";
 import s from "../../images/pagcor.png.mjs";
@@ -8,11 +8,13 @@ import n from "../../images/responsible-gaming.png.mjs";
 import "../../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 p } 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 { Root as p, Backdrop as f, Positioner as u, Content as d, Title as g, Description as x } from "../../ui/Dialog/Dialog.mjs";
+import { Root as c, Backdrop as f, Positioner as u, Content as d, Title as g, Description as x } from "../../ui/Dialog/Dialog.mjs";
 import "../../ui/Drawer/Drawer.mjs";
 import "../../ui/Field/Field.mjs";
 import "../../utils/capitalize.mjs";
@@ -23,18 +25,20 @@ import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
 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 "tailwind-merge";
+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 { useDisclaimer as h } from "./useDisclaimer.mjs";
-function Y(l) {
+function tt(m) {
   const o = h(), i = a(null);
   return /* @__PURE__ */ t(
-    p,
+    c,
     {
       open: o.open,
       lazyMount: !0,
@@ -42,13 +46,13 @@ function Y(l) {
       closeOnEscape: !1,
       closeOnInteractOutside: !1,
       initialFocusEl: () => i.current,
-      children: /* @__PURE__ */ e(m, { children: [
+      children: /* @__PURE__ */ e(l, { children: [
         /* @__PURE__ */ t(f, {}),
-        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(d, { className: "flex h-full w-full flex-col items-start bg-white p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [
+        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ e(d, { className: "flex h-full w-full flex-col items-start p-3xl lg:mx-auto lg:h-auto lg:w-[400px] lg:rounded-xl", children: [
           /* @__PURE__ */ t(
             r,
             {
-              src: l.logo,
+              src: m.logo,
               alt: "",
               width: 200,
               height: 100,
@@ -58,14 +62,14 @@ function Y(l) {
           ),
           /* @__PURE__ */ e("div", { className: "w-full grow", children: [
             /* @__PURE__ */ t(g, { className: "mt-3xl text-center text-lg font-semibold", children: "Age Verification" }),
-            /* @__PURE__ */ e(x, { className: "text-gray-600 mt-xs text-center text-sm", children: [
+            /* @__PURE__ */ e(x, { className: "text-text-tertiary-600 mt-xs text-center text-sm", children: [
               "By entering this website I acknowledge and confirmI am 21 years of age and I agree with the",
               " ",
               /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  className: "text-accent-700 underline underline-offset-2",
+                  className: "text-brand-400 underline underline-offset-2",
                   children: "Terms and Conditions."
                 }
               )
@@ -92,7 +96,7 @@ function Y(l) {
             ] })
           ] }),
           /* @__PURE__ */ t(
-            c,
+            p,
             {
               ref: i,
               type: "button",
@@ -107,5 +111,5 @@ function Y(l) {
   );
 }
 export {
-  Y as Disclaimer
+  tt as Disclaimer
 };

package/dist/components/Empty.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");function s(t){return e.jsxs("div",{role:"alert","aria-live":"polite",className:t.className,children:[e.jsxs("div",{className:"relative mx-auto w-[9.5rem] pt-4",children:[e.jsx("div",{className:"bg-utility-gray-200 absolute left-1/2 top-0 size-[6.5rem] -translate-x-1/2 rounded-full"}),e.jsx(r,{className:"relative h-auto w-full shrink-0"}),e.jsx("div",{className:"bg-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm",children:e.jsx(t.icon,{className:"size-6 text-white"})}),e.jsx("div",{className:"bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full"}),e.jsx("div",{className:"bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full"})]}),e.jsx("h2",{className:"mt-xl text-center font-semibold",children:t.title}),e.jsx("p",{className:"text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm",children:t.message})]})}function r(t){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 152 104",fill:"none",...t,children:[e.jsxs("g",{filter:"url(#filter0_dd_2719_19242)",children:[e.jsx("path",{d:"M77.6 0C66.8273 0 57.2978 5.32329 51.4987 13.4829C49.605 13.0363 47.6301 12.8 45.6 12.8C31.4615 12.8 20 24.2615 20 38.4C20 52.5385 31.4615 64 45.6 64L109.6 64C121.971 64 132 53.9712 132 41.6C132 29.2288 121.971 19.2 109.6 19.2C108.721 19.2 107.854 19.2506 107.002 19.349C102.098 7.9677 90.7797 0 77.6 0Z",fill:"#F9FAFB"}),e.jsx("ellipse",{cx:"45.6",cy:"38.4008",rx:"25.6",ry:"25.6",fill:"url(#paint0_linear_2719_19242)"}),e.jsx("circle",{cx:"77.6",cy:"32",r:"32",fill:"url(#paint1_linear_2719_19242)"}),e.jsx("ellipse",{cx:"109.6",cy:"41.5992",rx:"22.4",ry:"22.4",fill:"url(#paint2_linear_2719_19242)"})]}),e.jsxs("defs",{children:[e.jsxs("filter",{id:"filter0_dd_2719_19242",x:"0",y:"0",width:"152",height:"104",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feMorphology",{radius:"4",operator:"erode",in:"SourceAlpha",result:"effect1_dropShadow_2719_19242"}),e.jsx("feOffset",{dy:"8"}),e.jsx("feGaussianBlur",{stdDeviation:"4"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0"}),e.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_2719_19242"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feMorphology",{radius:"4",operator:"erode",in:"SourceAlpha",result:"effect2_dropShadow_2719_19242"}),e.jsx("feOffset",{dy:"20"}),e.jsx("feGaussianBlur",{stdDeviation:"12"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0"}),e.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_2719_19242",result:"effect2_dropShadow_2719_19242"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_2719_19242",result:"shape"})]}),e.jsxs("linearGradient",{id:"paint0_linear_2719_19242",x1:"25.9429",y1:"21.4865",x2:"71.2",y2:"64.0007",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]}),e.jsxs("linearGradient",{id:"paint1_linear_2719_19242",x1:"53.0286",y1:"10.8571",x2:"109.6",y2:"64",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]}),e.jsxs("linearGradient",{id:"paint2_linear_2719_19242",x1:"92.4",y1:"26.7992",x2:"132",y2:"63.9992",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#D0D5DD"}),e.jsx("stop",{offset:"0.350715",stopColor:"white",stopOpacity:"0"})]})]})]})}exports.Empty=s;

package/dist/components/{Empty/CloudIcon.mjs → Empty.mjs}

@@ -1,14 +1,29 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-function i(o) {
-  return /* @__PURE__ */ r(
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+function a(r) {
+  return /* @__PURE__ */ t("div", { role: "alert", "aria-live": "polite", className: r.className, children: [
+    /* @__PURE__ */ t("div", { className: "relative mx-auto w-[9.5rem] pt-4", children: [
+      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 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-utility-gray-200/40 absolute bottom-2 left-1/2 flex size-12 -translate-x-1/2 items-center justify-center rounded-full backdrop-blur-sm", children: /* @__PURE__ */ e(r.icon, { className: "size-6 text-white" }) }),
+      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute left-4 top-3.5 size-2.5 rounded-full" }),
+      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute bottom-0.5 left-3 size-3.5 rounded-full" }),
+      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute right-3.5 top-1 size-2 rounded-full" }),
+      /* @__PURE__ */ e("div", { className: "bg-utility-gray-200 absolute right-0 top-6.5 size-3.5 rounded-full" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mt-xl text-center font-semibold", children: r.title }),
+    /* @__PURE__ */ e("p", { className: "text-text-tertiary-600 mx-auto mt-xs max-w-[25rem] text-center text-sm", children: r.message })
+  ] });
+}
+function l(r) {
+  return /* @__PURE__ */ t(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 152 104",
       fill: "none",
-      ...o,
+      ...r,
       children: [
-        /* @__PURE__ */ r("g", { filter: "url(#filter0_dd_2719_19242)", children: [
+        /* @__PURE__ */ t("g", { filter: "url(#filter0_dd_2719_19242)", children: [
           /* @__PURE__ */ e(
             "path",
             {
@@ -46,8 +61,8 @@ function i(o) {
             }
           )
         ] }),
-        /* @__PURE__ */ r("defs", { children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ t("defs", { children: [
+          /* @__PURE__ */ t(
             "filter",
             {
               id: "filter0_dd_2719_19242",
@@ -143,7 +158,7 @@ function i(o) {
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             "linearGradient",
             {
               id: "paint0_linear_2719_19242",
@@ -158,7 +173,7 @@ function i(o) {
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             "linearGradient",
             {
               id: "paint1_linear_2719_19242",
@@ -173,7 +188,7 @@ function i(o) {
               ]
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             "linearGradient",
             {
               id: "paint2_linear_2719_19242",
@@ -194,5 +209,5 @@ function i(o) {
   );
 }
 export {
-  i as CloudIcon
+  a as Empty
 };

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

@@ -0,0 +1,2 @@
+import { FavoriteGamesProps } from './FavoriteGames';
+export declare function FavoriteGames__client(props: FavoriteGamesProps): import("react").JSX.Element | null;

package/dist/components/FavoriteGames/FavoriteGames.client.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("next/image"),c=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");const d=require("../../utils/getGameImageUrl.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");const u=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");require("@opexa/portal-sdk-core/object-id");const m=require("../../client/hooks/useFavoriteGamesQuery.js");require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const q=require("../../client/hooks/useUnmarkGameAsFavoriteMutation.js"),g=require("../../icons/ArrowLeftIcon.js"),x=require("../../icons/ArrowRightIcon.js"),h=require("../../icons/Star01Icon.js");require("../../ui/AlertDialog/AlertDialog.js");require("../../ui/Avatar/Avatar.js");require("../../ui/Badge/Badge.js");const n=require("../../ui/Button/Button.js");require("../../ui/Checkbox/Checkbox.js");require("../../ui/Clipboard/Clipboard.js");require("../../ui/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");require("@ark-ui/react");require("../../ui/IconButton/iconButton.recipe.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");require("zustand/shallow");const v=require("../GameLaunch/GameLaunchTrigger.js");function j(r){const i=u.useSessionQuery().data,s=m.useFavoriteGamesQuery().data??[];return(i==null?void 0:i.status)!=="authenticated"?null:s.length<=0?e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading??"Favorite Games"}),e.jsxs("div",{className:"bg-bg-brand-secondary-alt mt-lg rounded-md p-xl",children:[e.jsx("h2",{className:"text-sm font-semibold",children:"Add your favorite games now!"}),e.jsx("p",{className:"text-text-secondary-700 text-sm",children:"Click the Star Icon in the top right to add your favorite games here."})]})]}):e.jsxs("div",{className:r.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:r.heading??"Favorite Games"}),e.jsx("div",{className:"grow"}),e.jsx("div",{className:"flex items-center justify-center gap-xl",children:e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0","aria-label":"Previous",children:e.jsx(g.ArrowLeftIcon,{className:"size-5"})}),e.jsx(n.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",children:e.jsx(x.ArrowRightIcon,{className:"size-5"})})]})})]}),e.jsx("div",{className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:c.twMerge("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:s.map(a=>e.jsx(f,{game:a},a.id))})})]})}function f({game:r}){const i=u.useSessionQuery().data,t=q.useUnmarkGameAsFavoriteMutation();return e.jsxs(v.GameLaunchTrigger,{game:r,className:"relative block w-full shadow-sm",children:[(i==null?void 0:i.status)==="authenticated"&&e.jsx("div",{role:"button",onClick:s=>{s.preventDefault(),s.stopPropagation(),!t.isPending&&t.mutate(r.id)},"aria-disabled":t.isPending,className:"rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]",children:e.jsx(h.Star01Icon,{className:"fill-yellow-400 text-yellow-400 size-5"})}),e.jsx(l,{src:d.getGameImageUrl({id:r.id,provider:r.provider}),alt:"",width:200,height:200,priority:!0,className:"aspect-square w-full rounded-t-md object-cover"}),e.jsx("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})]})}exports.FavoriteGames__client=j;

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