@opexa/portal-components 0.1.56 → 0.1.57

package/dist/client/hooks/useAddFavoriteGameMutation.d.ts

@@ -0,0 +1,2 @@
+import type { Mutation } from '../../types';
+export declare const useAddFavoriteGameMutation: Mutation<string, string>;

package/dist/client/hooks/useAddFavoriteGameMutation.js

@@ -0,0 +1,39 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getSession } from '../../client/services/getSession.js';
+import { addFavoriteGame } from '../../services/portal.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getAddFavoriteGameMutationKey } from '../../utils/mutationKeys.js';
+import { getFavoriteGamesQueryKey, getGamesQueryKey, } from '../../utils/queryKeys.js';
+export const useAddFavoriteGameMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getAddFavoriteGameMutationKey(),
+        mutationFn: async (id) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await addFavoriteGame(id, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            const games = queryClient
+                .getQueriesData({
+                queryKey: getGamesQueryKey({}),
+            })
+                .map(([, arr]) => arr)
+                .filter(Boolean)
+                .flatMap((obj) => obj.pages.flatMap((q) => q.edges.map((edge) => edge.node)));
+            const game = games.find((game) => game.id === id);
+            queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev = []) => {
+                if (game) {
+                    return [...prev, game];
+                }
+                return prev;
+            });
+            return id;
+        },
+    });
+    return mutation;
+};

package/dist/client/hooks/useCreateGameSessionMutation.js

@@ -16,10 +16,10 @@ export const useCreateGameSessionMutation = (config) => {
             const id = ObjectId.generate(ObjectType.GameSession).toString();
             const session = await getSession();
             invariant(session.status === 'authenticated');
-            if (LEGACY_GAME_PROVIDERS.includes(game.provider)) {
+            if ('provider' in game && LEGACY_GAME_PROVIDERS.includes(game.provider)) {
                 await createGameSession__legacy({
                     id,
-                    game: 'reference' in game ? game.reference : game.id,
+                    game: game.reference,
                     homepageUrl: window.location.origin.includes('local')
                         ? undefined
                         : window.location.origin,

package/dist/client/hooks/useEndGameSessionMutation.js

@@ -12,7 +12,7 @@ export const useEndGameSessionMutation = (config) => {
         mutationFn: async (input) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');
-            if (LEGACY_GAME_PROVIDERS.includes(input.game.provider)) {
+            if ('provider' in input.game && LEGACY_GAME_PROVIDERS.includes(input.game.provider)) {
                 await endGameSession__legacy(input.session.id, {
                     headers: {
                         Authorization: `Bearer ${session.token}`,

package/dist/client/hooks/useFavoriteGamesQuery.d.ts

@@ -1,2 +1,2 @@
-import type { FavoriteGame, Query } from '../../types';
-export declare const useFavoriteGamesQuery: Query<FavoriteGame[]>;
+import type { Game, Query } from '../../types';
+export declare const useFavoriteGamesQuery: Query<Game[]>;

package/dist/client/hooks/useFavoriteGamesQuery.js

@@ -1,6 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { getFavoriteGames } from '../../services/wallet.js';
+import { getGamesv2__next } from '../../services/cmsPortal.js';
+import { getFavoriteGames } from '../../services/portal.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getFavoriteGamesQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
@@ -22,13 +23,19 @@ export const useFavoriteGamesQuery = (config) => {
                 queryFn: async () => getSession(),
             });
             invariant(session.status === 'authenticated');
-            const favoriteGames = getFavoriteGames({
+            const favoriteGames = await getFavoriteGames({
                 signal,
                 headers: {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
-            return favoriteGames ?? [];
+            const ids = favoriteGames?.length
+                ? [...new Set(favoriteGames.map((g) => g.id))]
+                : [];
+            if (ids.length <= 0)
+                return [];
+            const results = await Promise.all(ids.map((id) => getGamesv2__next(id, { signal })));
+            return results.flatMap((res) => res.edges.map((edge) => edge.node));
         },
     });
 };

package/dist/client/hooks/useMarkGameAsFavoriteMutation.js

@@ -28,15 +28,7 @@ export const useMarkGameAsFavoriteMutation = (config) => {
             const game = games.find((game) => game.reference === id);
             queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev = []) => {
                 if (game) {
-                    return [
-                        ...prev,
-                        {
-                            id: game.reference,
-                            name: game.name,
-                            type: game.type,
-                            provider: game.provider,
-                        },
-                    ];
+                    return [...prev, game];
                 }
             });
             return id;

package/dist/client/hooks/useRecentGamesQuery.js

@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { getGames__next } from '../../services/cmsPortal.js';
+import { getGamesv2__next } from '../../services/cmsPortal.js';
 import { getRecentGames } from '../../services/portal.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getRecentGamesQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
@@ -34,16 +34,8 @@ export const useRecentGamesQuery = (config) => {
                 : [];
             if (ids.length <= 0)
                 return [];
-            const res = await getGames__next({
-                filter: {
-                    reference: {
-                        in: ids,
-                    },
-                },
-            }, { signal });
-            return ids
-                .map((id) => res.edges.find((e) => id === e.node.reference)?.node ?? null)
-                .filter((g) => g !== null);
+            const results = await Promise.all(ids.map((id) => getGamesv2__next(id, { signal })));
+            return results.flatMap((res) => res.edges.map((edge) => edge.node));
         },
     });
 };

package/dist/client/hooks/useRemoveFavoriteGameMutation.d.ts

@@ -0,0 +1,2 @@
+import type { Mutation } from '../../types';
+export declare const useRemoveFavoriteGameMutation: Mutation<void, string>;

package/dist/client/hooks/useRemoveFavoriteGameMutation.js

@@ -0,0 +1,27 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { removeFavoriteGame } from '../../services/portal.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getRemoveFavoriteGameMutationKey } from '../../utils/mutationKeys.js';
+import { getFavoriteGamesQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useRemoveFavoriteGameMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getRemoveFavoriteGameMutationKey(),
+        mutationFn: async (id) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await removeFavoriteGame(id, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev) => {
+                return prev?.filter((game) => game.id !== id);
+            });
+        },
+    });
+    return mutation;
+};

package/dist/client/hooks/useUnmarkGameAsFavoriteMutation.js

@@ -19,7 +19,7 @@ export const useUnmarkGameAsFavoriteMutation = (config) => {
                 },
             });
             queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev) => {
-                return prev?.filter((game) => game.id !== id);
+                return prev?.filter((game) => game.reference !== id);
             });
         },
     });

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

@@ -9,8 +9,8 @@ import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
 import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
 import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
+import { useRemoveFavoriteGameMutation } from '../../client/hooks/useRemoveFavoriteGameMutation.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useUnmarkGameAsFavoriteMutation } from '../../client/hooks/useUnmarkGameAsFavoriteMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
 import { ArrowRightIcon } from '../../icons/ArrowRightIcon.js';
@@ -63,7 +63,7 @@ function Item({ game, bypassKycCheck, className, }) {
     const session = sessionQuery.data;
     const accountQuery = useAccountQuery();
     const account = accountQuery.data;
-    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation({
+    const removeFavoriteGameMutation = useRemoveFavoriteGameMutation({
         onSuccess() {
             toaster.success({
                 description: 'Game removed from favorites',
@@ -75,19 +75,20 @@ function Item({ game, bypassKycCheck, className, }) {
             });
         },
     });
-    const markUnmarkGameAsFavoriteEnabled = session?.status !== 'authenticated'
+    const addRemoveFavoriteGameEnabled = session?.status !== 'authenticated'
         ? false
         : featureFlag.enabled
             ? account?.status !== 'VERIFICATION_LOCKED'
             : true;
-    return (_jsxs(GameLaunchTrigger, { bypassKycCheck: bypassKycCheck, game: game, className: twMerge('hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', className?.thumbnailRoot), children: [markUnmarkGameAsFavoriteEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
+    return (_jsxs(GameLaunchTrigger, { bypassKycCheck: bypassKycCheck, game: game, className: twMerge('hover:-translate-y-1 relative block w-full animate-scale-in shadow-sm transition-transform duration-200', className?.thumbnailRoot), children: [addRemoveFavoriteGameEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    if (unmarkGameAsFavoriteMutation.isPending)
+                    if (removeFavoriteGameMutation.isPending)
                         return;
-                    unmarkGameAsFavoriteMutation.mutate(game.id);
-                }, "aria-disabled": unmarkGameAsFavoriteMutation.isPending, className: "absolute top-2 right-2 flex size-9 items-center justify-center rounded-xs bg-black/65 blur-[0.5px]", children: _jsx(Star01Icon, { className: "size-5 fill-yellow-400 text-yellow-400" }) })), _jsx(Image, { src: getGameImageUrl({
-                    id: game.id,
+                    removeFavoriteGameMutation.mutate(game.id);
+                }, "aria-disabled": removeFavoriteGameMutation.isPending, className: "absolute top-2 right-2 flex size-9 items-center justify-center rounded-xs bg-black/65 blur-[0.5px]", children: _jsx(Star01Icon, { className: "size-5 fill-yellow-400 text-yellow-400" }) })), _jsx(Image, { src: getGameImageUrl({
+                    reference: game.reference,
                     provider: game.provider,
+                    image: game.image,
                 }), alt: "", width: 200, height: 200, loading: "lazy", unoptimized: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: twMerge('block w-full truncate rounded-b-md bg-bg-tertiary px-2 py-3.5 text-center font-semibold text-text-primary-brand text-xs', className?.thumbnailTitle), children: game.name })] }));
 }

package/dist/components/GameLaunch/GameLaunch.lazy.js

@@ -3,12 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Dialog } from '@ark-ui/react/dialog';
 import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
+import { useAddFavoriteGameMutation } from '../../client/hooks/useAddFavoriteGameMutation.js';
 import { useDisclosure } from '../../client/hooks/useDisclosure.js';
 import { useEndGameSessionMutation } from '../../client/hooks/useEndGameSessionMutation.js';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { useMarkGameAsFavoriteMutation } from '../../client/hooks/useMarkGameAsFavoriteMutation.js';
-import { useUnmarkGameAsFavoriteMutation } from '../../client/hooks/useUnmarkGameAsFavoriteMutation.js';
+import { useRemoveFavoriteGameMutation } from '../../client/hooks/useRemoveFavoriteGameMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
 import { ChevronDownIcon } from '../../icons/ChevronDownIcon.js';
@@ -48,7 +48,7 @@ export function GameLaunch({ locale = 'local' }) {
     const favoriteGamesQuery = useFavoriteGamesQuery();
     const favoriteGames = favoriteGamesQuery.data ?? [];
     const endGameSessionMutation = useEndGameSessionMutation();
-    const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation({
+    const addFavoriteGameMutation = useAddFavoriteGameMutation({
         onSuccess() {
             toaster.success({
                 description: 'Game added to favorites',
@@ -60,7 +60,7 @@ export function GameLaunch({ locale = 'local' }) {
             });
         },
     });
-    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation({
+    const removeFavoriteGameMutation = useRemoveFavoriteGameMutation({
         onSuccess() {
             toaster.success({
                 description: 'Game removed from favorites',
@@ -76,8 +76,9 @@ export function GameLaunch({ locale = 'local' }) {
         return !globalStore.gameLaunch.details.game
             ? false
             : 'reference' in globalStore.gameLaunch.details.game
-                ? favoriteGame.id === globalStore.gameLaunch.details.game.reference
-                : favoriteGame.id === globalStore.gameLaunch.details.game.id;
+                ? favoriteGame.reference ===
+                    globalStore.gameLaunch.details.game.reference
+                : favoriteGame.reference === globalStore.gameLaunch.details.game.id;
     });
     return (_jsxs(_Fragment, { children: [_jsx(Dialog.Root, { open: globalStore.gameLaunch.details.status !== 'WAITING' &&
                     !cancelDisclosure.open, lazyMount: true, closeOnEscape: false, closeOnInteractOutside: false, children: _jsx(Portal, { children: _jsx(Dialog.Positioner, { className: "fixed inset-0 z-dialog", children: _jsxs(Dialog.Content, { className: "relative size-full ui-closed:animate-dialog-out ui-open:animate-dialog-in overflow-y-auto bg-bg-primary-alt", children: [_jsx(Presence, { asChild: true, lazyMount: true, unmountOnExit: true, present: !maximizeDisclosure.open, children: _jsxs("section", { className: "absolute top-safe-area-inset-top left-0 z-1 flex h-[3.25rem] w-full ui-closed:animate-slide-out-down ui-open:animate-slide-in-down items-center gap-2 bg-bg-primary-alt px-4 py-2", children: [_jsx(IconButton, { size: "xs", variant: "outline", onClick: () => {
@@ -86,19 +87,15 @@ export function GameLaunch({ locale = 'local' }) {
                                                         return;
                                                     }
                                                     cancelDisclosure.setOpen(true);
-                                                }, disabled: globalStore.gameLaunch.details.status === 'LOADING', children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsx("div", { className: "grow" }), _jsx(IconButton, { size: "xs", variant: "outline", disabled: unmarkGameAsFavoriteMutation.isPending ||
-                                                    markGameAsFavoriteMutation.isPending, onClick: () => {
+                                                }, disabled: globalStore.gameLaunch.details.status === 'LOADING', children: _jsx(ChevronLeftIcon, { className: "size-5" }) }), _jsx("div", { className: "grow" }), _jsx(IconButton, { size: "xs", variant: "outline", disabled: removeFavoriteGameMutation.isPending ||
+                                                    addFavoriteGameMutation.isPending, onClick: () => {
                                                     if (!globalStore.gameLaunch.details.game)
                                                         return;
                                                     if (markedAsFavorite) {
-                                                        unmarkGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                                            ? globalStore.gameLaunch.details.game.reference
-                                                            : globalStore.gameLaunch.details.game.id);
+                                                        removeFavoriteGameMutation.mutate(globalStore.gameLaunch.details.game.id);
                                                     }
                                                     else {
-                                                        markGameAsFavoriteMutation.mutate('reference' in globalStore.gameLaunch.details.game
-                                                            ? globalStore.gameLaunch.details.game.reference
-                                                            : globalStore.gameLaunch.details.game.id);
+                                                        addFavoriteGameMutation.mutate(globalStore.gameLaunch.details.game.id);
                                                     }
                                                 }, children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
                                                         ? 'fill-yellow-400 text-yellow-400'

package/dist/components/GameLaunch/GameLaunchTrigger.js

@@ -51,7 +51,7 @@ export function GameLaunchTrigger(props) {
             : globalStore.gameLaunch.details.status !== 'WAITING'
                 ? true
                 : props.disabled;
-    return (_jsx(ark.button, { type: "button", "aria-label": `Play ${game.name}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
+    return (_jsx(ark.button, { type: "button", "aria-label": `Play ${'name' in game ? game.name : game.id}`, "data-state": sessionQuery.data?.status === 'unauthenticated'
             ? globalStore.signIn.open
                 ? 'open'
                 : 'closed'

package/dist/components/Games/Game.js

@@ -4,11 +4,11 @@ import Image, {} from 'next/image';
 import { useMemo, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { useAccountQuery } from '../../client/hooks/useAccountQuery.js';
+import { useAddFavoriteGameMutation } from '../../client/hooks/useAddFavoriteGameMutation.js';
 import { useFavoriteGamesQuery } from '../../client/hooks/useFavoriteGamesQuery.js';
 import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
-import { useMarkGameAsFavoriteMutation } from '../../client/hooks/useMarkGameAsFavoriteMutation.js';
+import { useRemoveFavoriteGameMutation } from '../../client/hooks/useRemoveFavoriteGameMutation.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useUnmarkGameAsFavoriteMutation } from '../../client/hooks/useUnmarkGameAsFavoriteMutation.js';
 import { toaster } from '../../client/utils/toaster.js';
 import { Star01Icon } from '../../icons/Star01Icon.js';
 import RainbowballImg from '../../images/rainbow-ball-online.webp';
@@ -27,7 +27,7 @@ export function Game(props) {
     const account = accountQuery.data;
     const favoriteGamesQuery = useFavoriteGamesQuery();
     const favoriteGames = favoriteGamesQuery.data ?? [];
-    const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation({
+    const addFavoriteGameMutation = useAddFavoriteGameMutation({
         onSuccess() {
             toaster.success({
                 description: 'Game added to favorites',
@@ -39,7 +39,7 @@ export function Game(props) {
             });
         },
     });
-    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation({
+    const removeFavoriteGameMutation = useRemoveFavoriteGameMutation({
         onSuccess() {
             toaster.success({
                 description: 'Game removed from favorites',
@@ -51,32 +51,32 @@ export function Game(props) {
             });
         },
     });
-    const markedAsFavorite = favoriteGames.some((favoriteGame) => favoriteGame.id === game.reference);
+    const markedAsFavorite = favoriteGames.some((favoriteGame) => favoriteGame.reference === game.reference);
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
-    const markUnmarkGameAsFavoriteEnabled = session?.status !== 'authenticated'
+    const addRemoveFavoriteGameEnabled = session?.status !== 'authenticated'
         ? false
         : featureFlag.enabled
             ? account?.status !== 'VERIFICATION_LOCKED'
             : true;
-    return (_jsxs(GameLaunchTrigger, { bypassKycCheck: props.bypassKycCheck, game: game, className: twMerge('group md:hover:-translate-y-1 relative flex h-full w-full flex-col shadow-sm transition-transform duration-200', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute top-0 left-0 size-[3.75rem]" })), markUnmarkGameAsFavoriteEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
+    return (_jsxs(GameLaunchTrigger, { bypassKycCheck: props.bypassKycCheck, game: game, className: twMerge('group md:hover:-translate-y-1 relative flex h-full w-full flex-col shadow-sm transition-transform duration-200', classNames.root), "aria-label": `Play ${game.name} game`, children: [props.badge === 'new' && (_jsx(BadgeNew, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'top' && (_jsx(BadgeTop, { className: "absolute top-0 left-0 size-[3.75rem]" })), props.badge === 'popular' && (_jsx(BadgePopular, { className: "absolute top-0 left-0 size-[3.75rem]" })), addRemoveFavoriteGameEnabled && (_jsx("div", { role: "button", tabIndex: 0, onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    if (markGameAsFavoriteMutation.isPending)
+                    if (addFavoriteGameMutation.isPending)
                         return;
-                    if (unmarkGameAsFavoriteMutation.isPending)
+                    if (removeFavoriteGameMutation.isPending)
                         return;
                     if (markedAsFavorite) {
-                        unmarkGameAsFavoriteMutation.mutate(game.reference);
+                        removeFavoriteGameMutation.mutate(game.id);
                     }
                     else {
-                        markGameAsFavoriteMutation.mutate(game.reference);
+                        addFavoriteGameMutation.mutate(game.id);
                     }
                 }, "aria-label": markedAsFavorite
                     ? 'Unmark as favorite game'
-                    : 'Mark as favorite game', "aria-disabled": markGameAsFavoriteMutation.isPending ||
-                    unmarkGameAsFavoriteMutation.isPending, className: "absolute top-2 right-2 flex size-9 items-center justify-center rounded-xs bg-black/65 opacity-100 blur-[0.5px] transition-opacity duration-200 md:opacity-0 md:group-hover:opacity-100", children: _jsx(Star01Icon, { className: twMerge('size-5 text-white transition-colors duration-200 hover:text-yellow-400', markedAsFavorite
+                    : 'Mark as favorite game', "aria-disabled": addFavoriteGameMutation.isPending ||
+                    removeFavoriteGameMutation.isPending, className: "absolute top-2 right-2 flex size-9 items-center justify-center rounded-xs bg-black/65 opacity-100 blur-[0.5px] transition-opacity duration-200 md:opacity-0 md:group-hover:opacity-100", children: _jsx(Star01Icon, { className: twMerge('size-5 text-white transition-colors duration-200 hover:text-yellow-400', markedAsFavorite
                         ? 'fill-yellow-400 text-yellow-400'
                         : 'text-white') }) })), _jsx(GameImage, { priority: props.priority }), _jsx("span", { className: twMerge('flex w-full flex-1 items-center justify-center break-words rounded-b-md bg-bg-tertiary px-2 py-3.5 text-center font-semibold text-text-primary-brand text-xs', classNames.title), children: game.name })] }));
 }

package/dist/handlers/v4Cookies.d.ts

@@ -0,0 +1,9 @@
+import type { NextResponse } from 'next/server';
+/**
+ * Proxies AUTH `Set-Cookie` headers (the v4 refresh cookie) onto the outgoing
+ * Next.js response. In the proxy model the browser never talks to AUTH
+ * directly, so the cookie is re-scoped to the app domain (the `Domain`
+ * attribute from AUTH is dropped) and the route handler forwards it back to
+ * AUTH on subsequent requests via the `Cookie` header.
+ */
+export declare function applyV4SetCookie(response: NextResponse, setCookie: string[]): void;

package/dist/handlers/v4Cookies.js

@@ -0,0 +1,49 @@
+/**
+ * Proxies AUTH `Set-Cookie` headers (the v4 refresh cookie) onto the outgoing
+ * Next.js response. In the proxy model the browser never talks to AUTH
+ * directly, so the cookie is re-scoped to the app domain (the `Domain`
+ * attribute from AUTH is dropped) and the route handler forwards it back to
+ * AUTH on subsequent requests via the `Cookie` header.
+ */
+export function applyV4SetCookie(response, setCookie) {
+    for (const raw of setCookie) {
+        const parsed = parseSetCookie(raw);
+        if (!parsed)
+            continue;
+        response.cookies.set(parsed.name, parsed.value, parsed.options);
+    }
+}
+function parseSetCookie(raw) {
+    const [pair, ...attrs] = raw.split(';');
+    const eq = pair.indexOf('=');
+    if (eq < 0)
+        return null;
+    const name = pair.slice(0, eq).trim();
+    const value = pair.slice(eq + 1).trim();
+    const options = {};
+    for (const attr of attrs) {
+        const [k, v] = attr.split('=').map((s) => s.trim());
+        const key = k.toLowerCase();
+        if (key === 'path')
+            options.path = v;
+        else if (key === 'max-age')
+            options.maxAge = Number(v);
+        else if (key === 'expires') {
+            const d = new Date(v);
+            if (!Number.isNaN(d.getTime()))
+                options.expires = d;
+        }
+        else if (key === 'httponly')
+            options.httpOnly = true;
+        else if (key === 'secure')
+            options.secure = true;
+        else if (key === 'samesite') {
+            const lv = (v ?? '').toLowerCase();
+            if (lv === 'strict' || lv === 'lax' || lv === 'none') {
+                options.sameSite = lv;
+            }
+        }
+        // `Domain` is intentionally dropped so the cookie scopes to the app.
+    }
+    return { name, value, options };
+}

package/dist/server/utils/prefetchFavoriteGamesQuery.js

@@ -1,5 +1,6 @@
 import { cache } from 'react';
-import { getFavoriteGames } from '../../services/wallet.js';
+import { getGamesv2__next } from '../../services/cmsPortal.js';
+import { getFavoriteGames } from '../../services/portal.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { log } from '../../utils/log.js';
 import { getFavoriteGamesQueryKey } from '../../utils/queryKeys.js';
@@ -18,7 +19,13 @@ export const prefetchFavoriteGamesQuery = cache(async () => {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
-            return favoriteGames ?? [];
+            const ids = favoriteGames?.length
+                ? [...new Set(favoriteGames.map((g) => g.id))]
+                : [];
+            if (ids.length <= 0)
+                return [];
+            const results = await Promise.all(ids.map((id) => getGamesv2__next(id, { signal })));
+            return results.flatMap((res) => res.edges.map((edge) => edge.node));
         },
     })
         .catch(() => log.text("'prefetchFavoriteGamesQuery' failed", 'error'));

package/dist/services/portal.d.ts

@@ -1,5 +1,5 @@
 import type { Simplify } from 'type-fest';
-import type { GameType, OnboardingPlayerExperience, OnboardingStatus, Platform, RecentGame, RecommendedGame, TopWin } from '../types';
+import type { FavoriteGame, GameType, OnboardingPlayerExperience, OnboardingStatus, Platform, RecentGame, RecommendedGame, TopWin } from '../types';
 import { type GraphQLRequestOptions } from './graphqlRequest';
 export interface PlatformQuery extends Platform {
 }
@@ -12,6 +12,28 @@ export interface RecentGamesQuery {
     recentGames: RecentGame[];
 }
 export declare const getRecentGames: (options?: GraphQLRequestOptions) => Promise<RecentGame[]>;
+export interface FavoriteGamesQuery {
+    favoriteGames: FavoriteGame[];
+}
+export declare const getFavoriteGames: (options?: GraphQLRequestOptions) => Promise<FavoriteGame[]>;
+export interface AddFavoriteGameMutation {
+    addFavoriteGame: boolean;
+}
+export interface AddFavoriteGameMutationVariables {
+    input: {
+        game: string;
+    };
+}
+export declare const addFavoriteGame: (id: string, options?: GraphQLRequestOptions) => Promise<void>;
+export interface RemoveFavoriteGameMutation {
+    removeFavoriteGame: boolean;
+}
+export interface RemoveFavoriteGameMutationVariables {
+    input: {
+        game: string;
+    };
+}
+export declare const removeFavoriteGame: (id: string, options?: GraphQLRequestOptions) => Promise<void>;
 export interface OnboardingStatusQuery {
     onboardingStatus?: OnboardingStatus | null;
 }

package/dist/services/portal.js

@@ -1,7 +1,7 @@
 import { cache } from 'react';
 import { PORTAL_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { COMPLETE_ONBOARDING, ONBOARDING_STATUS, PLATFORM, RECENT_GAMES, RECOMMENDED_GAMES, SKIP_ONBOARDING, TOP_WINS, } from './queries.js';
+import { ADD_FAVORITE_GAME, COMPLETE_ONBOARDING, FAVORITE_GAMES, ONBOARDING_STATUS, PLATFORM, RECENT_GAMES, RECOMMENDED_GAMES, REMOVE_FAVORITE_GAME, SKIP_ONBOARDING, TOP_WINS, } from './queries.js';
 export const getPlatform = cache(async (options) => {
     const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, PLATFORM, undefined, {
         cache: 'force-cache',
@@ -22,6 +22,30 @@ export const getRecentGames = cache(async (options) => {
     const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, RECENT_GAMES, undefined, options);
     return res.recentGames;
 });
+export const getFavoriteGames = cache(async (options) => {
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, FAVORITE_GAMES, undefined, options);
+    return res.favoriteGames;
+});
+export const addFavoriteGame = async (id, options) => {
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, ADD_FAVORITE_GAME, { input: { game: id } }, options);
+    if (!res.addFavoriteGame) {
+        const error = new Error();
+        error.name = 'UnknownError';
+        error.message = 'Something went wrong';
+        Error.captureStackTrace?.(error, addFavoriteGame);
+        throw error;
+    }
+};
+export const removeFavoriteGame = async (id, options) => {
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, REMOVE_FAVORITE_GAME, { input: { game: id } }, options);
+    if (!res.removeFavoriteGame) {
+        const error = new Error();
+        error.name = 'UnknownError';
+        error.message = 'Something went wrong';
+        Error.captureStackTrace?.(error, removeFavoriteGame);
+        throw error;
+    }
+};
 export const getOnboardingStatus = cache(async (options) => {
     const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, ONBOARDING_STATUS, undefined, options);
     return res.onboardingStatus ?? null;

package/dist/services/queries.d.ts

@@ -138,9 +138,9 @@ export declare const REGISTER_FCM_DEVICE = "\n  mutation RegisterFCMDevice($inpu
 export declare const UNREGISTER_FCM_DEVICE = "\n  mutation UnregisterFCMDevice($input: UnregisterFCMDeviceInput!) {\n    unregisterFCMDevice(input: $input)\n  }\n";
 export declare const LINK_FIREBASE_CLOUD_MESSAGING_DEVICE = "\n  mutation LinkFirebaseCloudMessagingDevice(\n    $input: LinkFirebaseCloudMessagingDeviceInput!\n  ) {\n    linkFirebaseCloudMessagingDevice(input: $input)\n  }\n";
 export declare const UNLINK_FIREBASE_CLOUD_MESSAGING_DEVICE = "\n  mutation UnlinkFirebaseCloudMessagingDevice(\n    $input: UnlinkFirebaseCloudMessagingDeviceInput!\n  ) {\n    unlinkFirebaseCloudMessagingDevice(input: $input)\n  }\n";
-export declare const MARK_GAME_AS_FAVORITE = "\n  mutation MarkGameAsFavorite($input: MarkGameAsFavoriteInput!) {\n    markGameAsFavorite(input: $input)\n  }\n";
-export declare const UNMARK_GAME_AS_FAVORITE = "\n  mutation UnmarkGameAsFavorite($input: UnmarkGameAsFavoriteInput!) {\n    unmarkGameAsFavorite(input: $input)\n  }\n";
-export declare const FAVORITE_GAMES = "\n  query FavoriteGames {\n    favoriteGames {\n      ... on Game {\n        id\n        name\n        type\n        provider\n      }\n    }\n  }\n";
+export declare const ADD_FAVORITE_GAME = "\n  mutation AddFavoriteGame($input: AddFavoriteGameInput!) {\n    addFavoriteGame(input: $input)\n  }\n";
+export declare const REMOVE_FAVORITE_GAME = "\n  mutation RemoveFavoriteGame($input: RemoveFavoriteGameInput!) {\n    removeFavoriteGame(input: $input)\n  }\n";
+export declare const FAVORITE_GAMES = "\n  query FavoriteGames {\n    favoriteGames {\n      id\n    }\n  }\n";
 export declare const PLATFORM_GAMES = "\n  query PlatformGames($first: Int, $after: Cursor, $filter: _GameFilterInput) {\n    _games(first: $first, after: $after, filter: $filter) {\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      edges {\n        cursor\n        node {\n          ... on _Game {\n            id\n            reference\n            name\n            displayName\n            type\n            provider\n            status\n            hidden\n            hasFreeBet\n            hasJackpot\n          }\n        }\n      }\n    }\n  }\n";
 export declare const GOOGLE_CLIENT_ID = "\n  query GoogleClientId {\n    googleClientId\n  }\n";
 export declare const FACEBOOK_CLIENT_ID = "\n  query FacebookClientId {\n    facebookClientId\n  }\n";

package/dist/services/queries.js

@@ -3378,25 +3378,20 @@ export const UNLINK_FIREBASE_CLOUD_MESSAGING_DEVICE = /* GraphQL */ `
     unlinkFirebaseCloudMessagingDevice(input: $input)
   }
 `;
-export const MARK_GAME_AS_FAVORITE = /* GraphQL */ `
-  mutation MarkGameAsFavorite($input: MarkGameAsFavoriteInput!) {
-    markGameAsFavorite(input: $input)
+export const ADD_FAVORITE_GAME = /* GraphQL */ `
+  mutation AddFavoriteGame($input: AddFavoriteGameInput!) {
+    addFavoriteGame(input: $input)
   }
 `;
-export const UNMARK_GAME_AS_FAVORITE = /* GraphQL */ `
-  mutation UnmarkGameAsFavorite($input: UnmarkGameAsFavoriteInput!) {
-    unmarkGameAsFavorite(input: $input)
+export const REMOVE_FAVORITE_GAME = /* GraphQL */ `
+  mutation RemoveFavoriteGame($input: RemoveFavoriteGameInput!) {
+    removeFavoriteGame(input: $input)
   }
 `;
 export const FAVORITE_GAMES = /* GraphQL */ `
   query FavoriteGames {
     favoriteGames {
-      ... on Game {
-        id
-        name
-        type
-        provider
-      }
+      id
     }
   }
 `;