@opexa/portal-components 0.0.18 → 0.0.19

package/dist/components/GameLaunch/GameLaunch.mjs

@@ -1,9 +1,9 @@
 "use client";
-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 b from "next/image";
+import { jsxs as t, Fragment as b, jsx as e } from "react/jsx-runtime";
+import { Presence as A, Dialog as c, Portal as h } from "@ark-ui/react";
 import { useRef as O } from "react";
-import { useShallow as G } from "zustand/shallow";
+import { twMerge as f } from "tailwind-merge";
+import { useShallow as w } from "zustand/shallow";
 import "@opexa/portal-sdk-core";
 import "@tanstack/react-query";
 import "tiny-invariant";
@@ -13,122 +13,153 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import "lodash-es";
 import "@opexa/portal-sdk-core/object-id";
 import { useDisclosure as g } from "../../client/hooks/useDisclosure.mjs";
-import { useEndGameSessionMutation as x } from "../../client/hooks/useEndGameSessionMutation.mjs";
-import { useGlobalStore as A } from "../../client/hooks/useGlobalStore.mjs";
+import { useEndGameSessionMutation as C } from "../../client/hooks/useEndGameSessionMutation.mjs";
+import { useFavoriteGamesQuery as k } from "../../client/hooks/useFavoriteGamesQuery.mjs";
+import { useGlobalStore as M } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
+import { useMarkGameAsFavoriteMutation as D } from "../../client/hooks/useMarkGameAsFavoriteMutation.mjs";
 import "usehooks-ts";
-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 { useUnmarkGameAsFavoriteMutation as S } from "../../client/hooks/useUnmarkGameAsFavoriteMutation.mjs";
+import { AlertCircleIcon as F } from "../../icons/AlertCircleIcon.mjs";
+import { ChevronLeftIcon as P } from "../../icons/ChevronLeftIcon.mjs";
+import { CoinsHandIcon as W } from "../../icons/CoinsHandIcon.mjs";
+import { Expand03Icon as L } from "../../icons/Expand03Icon.mjs";
+import { SpinnerIcon as N } from "../../icons/SpinnerIcon.mjs";
+import { Star01Icon as z } from "../../icons/Star01Icon.mjs";
 import { XIcon as I } from "../../icons/XIcon.mjs";
-import { Root as S, Backdrop as D, Positioner as P, Content as k, Header as W, CloseTrigger as j, Body as M, Title as E, Description as T, Context as Q, Footer as Y } from "../../ui/AlertDialog/AlertDialog.mjs";
+import { Root as E, Backdrop as Q, Positioner as T, Content as j, Header as Y, CloseTrigger as B, Body as R, Title as U, Description as H, Context as q, Footer as V } from "../../ui/AlertDialog/AlertDialog.mjs";
 import "../../ui/Avatar/Avatar.mjs";
 import "../../ui/Badge/Badge.mjs";
-import { Button as m } from "../../ui/Button/Button.mjs";
+import { Button as x } 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 { IconButton as o } from "../../ui/IconButton/IconButton.mjs";
+import { IconButton as s } from "../../ui/IconButton/IconButton.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";
-function Me(u) {
-  var p;
-  const d = O(null), s = g({
+function Je() {
+  var d;
+  const u = O(null), r = g({
     defaultOpen: !0,
-    onOpenChange(a) {
-      a || setTimeout(() => {
-        var h;
-        (h = d.current) == null || h.scrollIntoView({
+    onOpenChange(i) {
+      i || setTimeout(() => {
+        var p;
+        (p = u.current) == null || p.scrollIntoView({
           behavior: "smooth",
           block: "start",
           inline: "start"
         });
       }, 25);
     }
-  }), r = g(), l = x(), i = A(
-    G((a) => ({
-      gameLaunch: a.gameLaunch,
-      depositWithdrawal: a.depositWithdrawal
+  }), n = g(), l = C(), a = M(
+    w((i) => ({
+      gameLaunch: i.gameLaunch,
+      depositWithdrawal: i.depositWithdrawal
     }))
   );
-  async function n() {
-    i.gameLaunch.details.status === "PLAYING" && await l.mutateAsync({
-      game: i.gameLaunch.details.game,
-      session: i.gameLaunch.details.session
-    }), s.setOpen(!0), i.gameLaunch.setDetails({
+  async function m() {
+    a.gameLaunch.details.status === "PLAYING" && await l.mutateAsync({
+      game: a.gameLaunch.details.game,
+      session: a.gameLaunch.details.session
+    }), r.setOpen(!0), a.gameLaunch.setDetails({
       status: "WAITING",
       session: null,
       game: null
     });
   }
-  return /* @__PURE__ */ t(z, { children: [
+  const y = k().data ?? [], G = D(), v = S(), o = y.some((i) => a.gameLaunch.details.game ? "reference" in a.gameLaunch.details.game ? i.id === a.gameLaunch.details.game.reference : i.id === a.gameLaunch.details.game.id : !1);
+  return /* @__PURE__ */ t(b, { children: [
     /* @__PURE__ */ t(
-      y,
+      A,
       {
-        ref: d,
-        present: i.gameLaunch.details.status !== "WAITING" && !s.open,
+        ref: u,
+        present: a.gameLaunch.details.status !== "WAITING" && !r.open,
         lazyMount: !0,
-        unmountOnExit: i.gameLaunch.details.status === "WAITING",
+        unmountOnExit: a.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: [
           /* @__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(
+            a.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(N, { className: "size-8" }) }),
+            a.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
+            a.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
               "iframe",
               {
-                src: ((p = i.gameLaunch.details.session) == null ? void 0 : p.launchUrl) ?? "",
+                src: ((d = a.gameLaunch.details.session) == null ? void 0 : d.launchUrl) ?? "",
                 className: "size-full"
               }
             )
           ] }),
-          /* @__PURE__ */ t("section", { className: "border-border-primary flex justify-end gap-lg border-t p-2", children: [
+          /* @__PURE__ */ t("section", { className: "border-border-primary flex justify-end gap-2 border-t p-2", children: [
             /* @__PURE__ */ e(
-              o,
+              s,
               {
-                size: "sm",
+                size: "xs",
                 variant: "outline",
                 colorScheme: "gray",
                 onClick: () => {
-                  if (i.gameLaunch.details.status !== "PLAYING") {
-                    n();
+                  if (a.gameLaunch.details.status !== "PLAYING") {
+                    m();
                     return;
                   }
-                  r.setOpen(!0);
+                  n.setOpen(!0);
                 },
-                disabled: i.gameLaunch.details.status === "LOADING",
+                disabled: a.gameLaunch.details.status === "LOADING",
                 "aria-label": "Quit Game",
-                title: "Quit",
                 children: /* @__PURE__ */ e(I, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ e(
-              o,
+              s,
+              {
+                size: "xs",
+                variant: "outline",
+                colorScheme: "gray",
+                disabled: a.gameLaunch.details.status === "LOADING",
+                "aria-label": o ? "Remove from Favorites" : "Add to Favorites",
+                onClick: () => {
+                  a.gameLaunch.details.game && (o ? v.mutate(
+                    "reference" in a.gameLaunch.details.game ? a.gameLaunch.details.game.reference : a.gameLaunch.details.game.id
+                  ) : G.mutate(
+                    "reference" in a.gameLaunch.details.game ? a.gameLaunch.details.game.reference : a.gameLaunch.details.game.id
+                  ));
+                },
+                children: /* @__PURE__ */ e(
+                  z,
+                  {
+                    className: f(
+                      "size-5",
+                      o ? "text-yellow-400 fill-yellow-400" : "text-inherit"
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
               {
-                size: "sm",
+                size: "xs",
                 variant: "outline",
                 colorScheme: "gray",
-                onClick: () => s.setOpen(!0),
+                onClick: () => r.setOpen(!0),
                 title: "Maximize",
                 "aria-label": "Maximize",
-                children: /* @__PURE__ */ e(N, { className: "size-5" })
+                children: /* @__PURE__ */ e(L, { className: "size-5" })
               }
             )
           ] })
@@ -138,77 +169,70 @@ function Me(u) {
     /* @__PURE__ */ e(
       c.Root,
       {
-        open: i.gameLaunch.details.status !== "WAITING" && s.open && !r.open,
+        open: a.gameLaunch.details.status !== "WAITING" && r.open && !n.open,
         lazyMount: !0,
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
-        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 bg-bg-primary-alt flex size-full flex-col", 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(
-              o,
+        children: /* @__PURE__ */ e(h, { 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 bg-bg-primary-alt flex size-full flex-col", children: [
+          /* @__PURE__ */ t("section", { className: "flex items-center gap-2 px-4 py-2", children: [
+            /* @__PURE__ */ e(
+              s,
               {
-                size: "sm",
+                size: "xs",
                 variant: "outline",
-                colorScheme: "gray",
                 onClick: () => {
-                  if (i.gameLaunch.details.status !== "PLAYING") {
-                    n();
+                  if (a.gameLaunch.details.status !== "PLAYING") {
+                    m();
                     return;
                   }
-                  r.setOpen(!0);
+                  n.setOpen(!0);
                 },
-                disabled: i.gameLaunch.details.status === "LOADING",
+                disabled: a.gameLaunch.details.status === "LOADING",
                 title: "Quit",
                 "aria-label": "Quit Game",
-                children: /* @__PURE__ */ e(C, { className: "size-5" })
+                children: /* @__PURE__ */ e(P, { className: "size-5" })
               }
-            ) }),
-            /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: !!u.logo && /* @__PURE__ */ e(
-              b,
+            ),
+            /* @__PURE__ */ e("div", { className: "grow" }),
+            /* @__PURE__ */ e(s, { size: "xs", variant: "outline", children: /* @__PURE__ */ e(
+              z,
               {
-                src: u.logo,
-                height: 40,
-                width: 80,
-                alt: "",
-                className: "h-9 w-auto shrink-0"
+                className: f(
+                  "size-5",
+                  o ? "text-yellow-400 fill-yellow-400" : "text-inherit"
+                )
               }
             ) }),
-            /* @__PURE__ */ t("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ t(
-                m,
-                {
-                  size: "sm",
-                  fullWidth: !1,
-                  onClick: () => {
-                    i.depositWithdrawal.setOpen(!0);
-                  },
-                  children: [
-                    /* @__PURE__ */ e(w, { className: "size-5" }),
-                    "Wallet"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(
-                o,
-                {
-                  size: "sm",
-                  variant: "outline",
-                  colorScheme: "gray",
-                  onClick: () => s.setOpen(!1),
-                  title: "Minimize",
-                  "aria-label": "Minimize",
-                  children: /* @__PURE__ */ e(N, { className: "size-5" })
-                }
-              )
-            ] })
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: "xs",
+                variant: "outline",
+                onClick: () => r.setOpen(!1),
+                title: "Minimize",
+                "aria-label": "Minimize",
+                children: /* @__PURE__ */ e(L, { className: "size-5" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              s,
+              {
+                size: "xs",
+                fullWidth: !1,
+                onClick: () => {
+                  a.depositWithdrawal.setOpen(!0);
+                },
+                children: /* @__PURE__ */ e(W, { className: "size-5" })
+              }
+            )
           ] }),
           /* @__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(
+            a.gameLaunch.details.status === "LOADING" && /* @__PURE__ */ e("div", { className: "flex size-full items-center justify-center", children: /* @__PURE__ */ e(N, { className: "size-8" }) }),
+            a.gameLaunch.details.status === "FAILED" && /* @__PURE__ */ e("div", {}),
+            a.gameLaunch.details.status === "PLAYING" && /* @__PURE__ */ e(
               "iframe",
               {
-                src: i.gameLaunch.details.session.launchUrl ?? "",
+                src: a.gameLaunch.details.session.launchUrl ?? "",
                 className: "size-full"
               }
             )
@@ -217,47 +241,47 @@ function Me(u) {
       }
     ),
     /* @__PURE__ */ e(
-      S,
+      E,
       {
         role: "alertdialog",
-        open: r.open,
-        onOpenChange: (a) => {
-          r.setOpen(a.open);
+        open: n.open,
+        onOpenChange: (i) => {
+          n.setOpen(i.open);
         },
         lazyMount: !0,
         closeOnEscape: !1,
         closeOnInteractOutside: !1,
-        children: /* @__PURE__ */ t(f, { children: [
-          /* @__PURE__ */ e(D, {}),
-          /* @__PURE__ */ e(P, { children: /* @__PURE__ */ t(k, { children: [
-            /* @__PURE__ */ t(W, { children: [
-              /* @__PURE__ */ e("div", { className: "bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ e(v, {}) }),
-              /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(I, {}) })
+        children: /* @__PURE__ */ t(h, { children: [
+          /* @__PURE__ */ e(Q, {}),
+          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ t(j, { children: [
+            /* @__PURE__ */ t(Y, { children: [
+              /* @__PURE__ */ e("div", { className: "bg-error-700/25 text-error-200 flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ e(F, {}) }),
+              /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(I, {}) })
             ] }),
-            /* @__PURE__ */ t(M, { children: [
-              /* @__PURE__ */ e(E, { children: "Quit Game" }),
-              /* @__PURE__ */ e(T, { children: "Are you sure you want to quit?" })
+            /* @__PURE__ */ t(R, { children: [
+              /* @__PURE__ */ e(U, { children: "Quit Game" }),
+              /* @__PURE__ */ e(H, { children: "Are you sure you want to quit?" })
             ] }),
-            /* @__PURE__ */ e(Q, { children: (a) => /* @__PURE__ */ t(Y, { children: [
+            /* @__PURE__ */ e(q, { children: (i) => /* @__PURE__ */ t(V, { children: [
               /* @__PURE__ */ e(
-                m,
+                x,
                 {
                   variant: "outline",
                   colorScheme: "gray",
                   disabled: l.isPending,
                   onClick: () => {
-                    a.setOpen(!1);
+                    i.setOpen(!1);
                   },
                   children: "Cancel"
                 }
               ),
               /* @__PURE__ */ e(
-                m,
+                x,
                 {
                   colorScheme: "danger",
                   disabled: l.isPending,
                   onClick: async () => {
-                    await n(), a.setOpen(!1);
+                    await m(), i.setOpen(!1);
                   },
                   children: "Proceed"
                 }
@@ -270,5 +294,5 @@ function Me(u) {
   ] });
 }
 export {
-  Me as GameLaunch
+  Je as GameLaunch
 };

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

@@ -1,6 +1,6 @@
 import { HTMLArkProps } from '@ark-ui/react';
-import { Game } from '@opexa/portal-sdk-core';
+import { FavoriteGame, Game } from '@opexa/portal-sdk-core';
 export interface GameLaunchTriggerProps extends HTMLArkProps<'button'> {
-    game: Game;
+    game: Game | FavoriteGame;
 }
 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("react/jsx-runtime"),d=require("@ark-ui/react"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const q=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");const h=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");const L=require("../../client/hooks/useCreateGameSessionMutation.js");require("@opexa/portal-sdk-core/object-id");const G=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const I=require("../../client/utils/toaster.js");function S(e){var n,i;const r=h.useSessionQuery(),l=L.useCreateGameSessionMutation(),t=G.useGlobalStore(m.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),u=((n=r.data)==null?void 0:n.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return g.jsx(d.ark.button,{type:"button",...e,onClick:async a=>{var o,c;if((o=e.onClick)==null||o.call(e,a),((c=r.data)==null?void 0:c.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await l.mutateAsync(e.game);t.gameLaunch.setDetails({game:e.game,session:s,status:"PLAYING"})}catch(s){t.gameLaunch.setDetails({game:e.game,session:null,status:"FAILED"}),I.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":q.dataAttr(u),"data-state":((i=r.data)==null?void 0:i.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),d=require("@ark-ui/react"),m=require("zustand/shallow");require("@opexa/portal-sdk-core");require("@tanstack/react-query");require("tiny-invariant");require("../../constants/index.js");require("../../utils/capitalize.js");const q=require("../../utils/dataAttr.js");require("../../utils/parseDecimal.js");require("../../utils/getLocaleInfo.js");require("../../utils/getQueryClient.js");require("../../utils/isMobile.js");require("../../client/services/getSession.js");const h=require("../../client/hooks/useSessionQuery.js");require("react");require("lodash-es");const L=require("../../client/hooks/useCreateGameSessionMutation.js");require("@opexa/portal-sdk-core/object-id");const G=require("../../client/hooks/useGlobalStore.js");require("../../client/hooks/useInfiniteQueryHelper.js");require("usehooks-ts");const I=require("../../client/utils/toaster.js");function S(e){var n,i;const r=h.useSessionQuery(),l=L.useCreateGameSessionMutation(),t=G.useGlobalStore(m.useShallow(a=>({signIn:a.signIn,gameLaunch:a.gameLaunch}))),u=((n=r.data)==null?void 0:n.status)==="unauthenticated"?!1:t.gameLaunch.details.status!=="WAITING"?!0:e.disabled;return g.jsx(d.ark.button,{type:"button",...e,onClick:async a=>{var o,c;if((o=e.onClick)==null||o.call(e,a),((c=r.data)==null?void 0:c.status)==="unauthenticated")return t.signIn.setOpen(!0);t.gameLaunch.setDetails({game:e.game,status:"LOADING",session:null});try{const s=await l.mutateAsync(e.game);t.gameLaunch.setDetails({game:e.game,session:s,status:"PLAYING"})}catch(s){t.gameLaunch.setDetails({game:e.game,session:null,status:"FAILED"}),I.toaster.error({description:s instanceof Error?s.message:"Failed to launch game"})}},disabled:u,"data-disabled":q.dataAttr(u),"data-state":((i=r.data)==null?void 0:i.status)==="unauthenticated"?t.signIn.open?"open":"closed":t.gameLaunch.details.status==="WAITING"?"closed":"open"})}exports.GameLaunchTrigger=S;

package/dist/components/GameLaunch/GameLaunchTrigger.mjs

@@ -12,6 +12,7 @@ import "../../utils/parseDecimal.mjs";
 import "../../utils/getLocaleInfo.mjs";
 import "../../utils/getQueryClient.mjs";
 import "../../utils/isMobile.mjs";
+import "../../client/services/getSession.mjs";
 import { useSessionQuery as f } from "../../client/hooks/useSessionQuery.mjs";
 import "react";
 import "lodash-es";
@@ -21,14 +22,14 @@ import { useGlobalStore as L } from "../../client/hooks/useGlobalStore.mjs";
 import "../../client/hooks/useInfiniteQueryHelper.mjs";
 import "usehooks-ts";
 import { toaster as p } from "../../client/utils/toaster.mjs";
-function v(t) {
-  var o, m;
+function z(t) {
+  var n, m;
   const i = f(), c = I(), e = L(
     d((a) => ({
       signIn: a.signIn,
       gameLaunch: a.gameLaunch
     }))
-  ), n = ((o = i.data) == null ? void 0 : o.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
+  ), o = ((n = i.data) == null ? void 0 : n.status) === "unauthenticated" ? !1 : e.gameLaunch.details.status !== "WAITING" ? !0 : t.disabled;
   return /* @__PURE__ */ l(
     g.button,
     {
@@ -62,12 +63,12 @@ function v(t) {
           });
         }
       },
-      disabled: n,
-      "data-disabled": h(n),
+      disabled: o,
+      "data-disabled": h(o),
       "data-state": ((m = i.data) == null ? void 0 : m.status) === "unauthenticated" ? e.signIn.open ? "open" : "closed" : e.gameLaunch.details.status === "WAITING" ? "closed" : "open"
     }
   );
 }
 export {
-  v as GameLaunchTrigger
+  z as GameLaunchTrigger
 };

package/dist/components/GameProviders/GameProviders.d.ts

@@ -1,14 +1,11 @@
-import { GameProvider } from '@opexa/portal-sdk-core';
-import { ImageProps } from 'next/image';
-interface ProviderData {
-    id: GameProvider;
-    logo: ImageProps['src'];
-    slug?: string;
-}
+import { GameProviderData } from '../../types';
 export interface GameProvidersProps {
-    providers: ProviderData[];
-    redirectUrl: string;
+    gameProviders: GameProviderData[];
+    heading?: string;
+    /**
+     * @default '/games'
+     */
+    viewAllUrl?: string;
     className?: string;
 }
 export declare function GameProviders(props: GameProvidersProps): import("react").JSX.Element;
-export {};

package/dist/components/GameProviders/GameProviders.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("embla-carousel-react"),v=require("next/image"),n=require("next/link"),i=require("react"),f=require("../../icons/ArrowLeftIcon.js"),N=require("../../icons/ArrowRightIcon.js"),j=require("../../icons/ChevronRightIcon.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");require("../../ui/Dialog/Dialog.js");require("../../ui/Drawer/Drawer.js");require("../../ui/Field/Field.js");require("@ark-ui/react");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");function w(l){const[a,r]=h({align:"start",slidesToScroll:1}),[u,d]=i.useState(!0),[q,g]=i.useState(!0),m=i.useCallback(()=>r==null?void 0:r.scrollPrev(),[r]),x=i.useCallback(async()=>{r==null||r.scrollNext()},[r]),t=i.useCallback(s=>{d(!(s!=null&&s.canScrollPrev())),g(!(s!=null&&s.canScrollNext()))},[]);i.useEffect(()=>{r&&(t(r),r.on("reInit",t).on("select",t))},[r,t]);const c=l.viewAllUrl??"/games/providers";return e.jsxs("div",{className:l.className,children:[e.jsxs("div",{className:"flex items-center",children:[e.jsx("h2",{className:"text-lg font-semibold",children:l.heading??"Providers"}),e.jsx("div",{className:"grow"}),e.jsxs("div",{className:"flex items-center justify-center gap-xl",children:[e.jsxs(n,{href:c,className:"text-button-tertiary-fg flex gap-sm text-sm font-semibold",children:["See All",e.jsx(j.ChevronRightIcon,{className:"size-5 lg:hidden"})]}),e.jsxs("div",{className:"hidden lg:flex",children:[e.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-r-none border-r-0",onClick:m,disabled:u,"aria-label":"Previous",children:e.jsx(f.ArrowLeftIcon,{className:"size-5"})}),e.jsx(o.Button,{variant:"outline",colorScheme:"gray",className:"rounded-l-none",onClick:x,disabled:q,"aria-label":"Next",children:e.jsx(N.ArrowRightIcon,{className:"size-5"})})]})]})]}),e.jsx("div",{ref:a,className:"relative mt-lg lg:overflow-hidden",children:e.jsx("div",{className:"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:l.gameProviders.map(s=>e.jsx(n,{href:`${c}/${s.slug}`,className:"bg-gray-800 flex w-full items-center rounded-md px-md py-sm lg:h-[5.75rem]",children:e.jsx(v,{src:s.logo,alt:"",width:300,height:150,className:"mx-auto h-auto w-full"})},s.id))})})]})}exports.GameProviders=w;

package/dist/components/GameProviders/GameProviders.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import N from "embla-carousel-react";
+import x from "next/image";
+import c from "next/link";
+import { useState as a, useCallback as s, useEffect as w } from "react";
+import { ArrowLeftIcon as P } from "../../icons/ArrowLeftIcon.mjs";
+import { ArrowRightIcon as S } from "../../icons/ArrowRightIcon.mjs";
+import { ChevronRightIcon as y } from "../../icons/ChevronRightIcon.mjs";
+import "../../ui/AlertDialog/AlertDialog.mjs";
+import "../../ui/Avatar/Avatar.mjs";
+import "../../ui/Badge/Badge.mjs";
+import { Button as n } 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 "../../utils/capitalize.mjs";
+import "../../utils/parseDecimal.mjs";
+import "../../constants/index.mjs";
+import "../../utils/getLocaleInfo.mjs";
+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";
+function ce(i) {
+  const [d, e] = N({
+    align: "start",
+    slidesToScroll: 1
+  }), [f, g] = a(!0), [u, h] = a(!0), p = s(
+    () => e == null ? void 0 : e.scrollPrev(),
+    [e]
+  ), v = s(async () => {
+    e == null || e.scrollNext();
+  }, [e]), l = s((t) => {
+    g(!(t != null && t.canScrollPrev())), h(!(t != null && t.canScrollNext()));
+  }, []);
+  w(() => {
+    e && (l(e), e.on("reInit", l).on("select", l));
+  }, [e, l]);
+  const m = i.viewAllUrl ?? "/games/providers";
+  return /* @__PURE__ */ o("div", { className: i.className, children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold", children: i.heading ?? "Providers" }),
+      /* @__PURE__ */ r("div", { className: "grow" }),
+      /* @__PURE__ */ o("div", { className: "flex items-center justify-center gap-xl", children: [
+        /* @__PURE__ */ o(
+          c,
+          {
+            href: m,
+            className: "text-button-tertiary-fg flex gap-sm text-sm font-semibold",
+            children: [
+              "See All",
+              /* @__PURE__ */ r(y, { className: "size-5 lg:hidden" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "hidden lg:flex", children: [
+          /* @__PURE__ */ r(
+            n,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-r-none border-r-0",
+              onClick: p,
+              disabled: f,
+              "aria-label": "Previous",
+              children: /* @__PURE__ */ r(P, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ r(
+            n,
+            {
+              variant: "outline",
+              colorScheme: "gray",
+              className: "rounded-l-none",
+              onClick: v,
+              disabled: u,
+              "aria-label": "Next",
+              children: /* @__PURE__ */ r(S, { className: "size-5" })
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { ref: d, className: "relative mt-lg lg:overflow-hidden", children: /* @__PURE__ */ r("div", { className: "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: i.gameProviders.map((t) => /* @__PURE__ */ r(
+      c,
+      {
+        href: `${m}/${t.slug}`,
+        className: "bg-gray-800 flex w-full items-center rounded-md px-md py-sm lg:h-[5.75rem]",
+        children: /* @__PURE__ */ r(
+          x,
+          {
+            src: t.logo,
+            alt: "",
+            width: 300,
+            height: 150,
+            className: "mx-auto h-auto w-full"
+          }
+        )
+      },
+      t.id
+    )) }) })
+  ] });
+}
+export {
+  ce as GameProviders
+};

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

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