@opexa/portal-components 0.1.54 → 0.1.56

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

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

package/dist/client/hooks/useRecentGamesQuery.js

@@ -0,0 +1,49 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getGames__next } from '../../services/cmsPortal.js';
+import { getRecentGames } from '../../services/portal.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getRecentGamesQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useRecentGamesQuery = (config) => {
+    const sessionQuery = useSessionQuery();
+    return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getRecentGamesQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            const recentGames = await getRecentGames({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            const ids = recentGames?.length
+                ? [...new Set(recentGames.map((g) => g.id))]
+                : [];
+            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);
+        },
+    });
+};

package/dist/components/DepositWithdrawal/Withdrawal/Withdrawal.js

@@ -50,7 +50,7 @@ const VentajaWithdrawal = lazy(() => import('./VentajaWithdrawal/VentajaWithdraw
 })));
 export function Withdrawal() {
     const { onMaya } = useMayaAuth();
-    const { allowUnverifiedAccounts, enabledWithdrawalProviders } = useDepositWithdrawalPropsContext();
+    const { enabledWithdrawalProviders } = useDepositWithdrawalPropsContext();
     const walletQuery = useWalletQuery();
     const featureFlag = useFeatureFlag();
     const wallet = walletQuery.data;

package/dist/components/Disclaimer/DisclaimerV2.js

@@ -9,7 +9,6 @@ import { twMerge } from 'tailwind-merge';
 import { useShallow } from 'zustand/shallow';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { useSessionQuery } from '../../client/hooks/useSessionQuery.js';
-import { useSignOutMutation } from '../../client/hooks/useSignOutMutation.js';
 import { getSession } from '../../client/services/getSession.js';
 import { TERMS_OF_USE_PENDING_STORAGE_KEY } from '../../constants/index.js';
 import { AlertCircleIcon } from '../../icons/AlertCircleIcon.js';
@@ -21,7 +20,6 @@ import { Button } from '../../ui/Button/index.js';
 import { Checkbox } from '../../ui/Checkbox/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
 import { Portal } from '../../ui/Portal/index.js';
-import { clearLocalStorageOnLogout } from '../../utils/clear-local-storage-on-logout.js';
 import { setDisclaimerAccepted } from '../../utils/disclaimer-cooldown.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
@@ -55,12 +53,6 @@ export function DisclaimerV2(props) {
         globalStore.termsOfUse.accepted,
         globalStore.termsOfUse.setAccepted,
     ]);
-    const signOutMutation = useSignOutMutation({
-        async onSuccess() {
-            clearLocalStorageOnLogout();
-            sessionStorage.clear();
-        },
-    });
     const handleExit = async () => {
         if (props.redirectUrlOnNoConsent) {
             if (Capacitor.isNativePlatform()) {

package/dist/components/Migrate/MigrateInitializing.js

@@ -10,5 +10,5 @@ export const MIGRATE_LOADER_TITLE = 'Account migration';
 export const SIGN_IN_LOADER_TITLE = 'Signing in';
 export function MigrateInitializing(props) {
     const footerText = props.footerText ?? LOADER_FOOTER;
-    return (_jsx("div", { className: mergeMigrateCardClassName(props.className), children: _jsxs("div", { className: "flex flex-col items-stretch gap-5 px-0.5 py-1 sm:px-1", children: [_jsx("div", { className: "flex justify-center", children: _jsxs("div", { className: "relative h-20 w-20 shrink-0", "aria-hidden": true, children: [_jsx("div", { className: "absolute inset-0 animate-spin rounded-full border-4 border-bg-tertiary border-t-button-tertiary-fg [animation-duration:1s]" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center text-button-tertiary-fg", children: props.logo ? (_jsx(Image, { src: props.logo, alt: "", width: 20, height: 20, className: "h-12 w-12 object-contain" })) : (_jsx(User01Icon, { className: "h-7 w-7", "aria-hidden": true })) })] }) }), _jsxs("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [_jsx("h1", { className: "font-semibold text-text-primary-900 text-lg tracking-tight", children: props.title }), _jsx("p", { className: "min-w-0 max-w-full text-balance text-center text-sm text-text-secondary-700 leading-relaxed", children: LOADER_HEADLINE })] }), _jsxs("div", { className: "w-full min-w-0 space-y-1.5", children: [_jsxs("div", { className: "flex w-full min-w-0 items-center justify-between gap-3 text-text-tertiary-600 text-xs", children: [_jsx("span", { className: "min-w-0 truncate text-left", children: props.phaseLabel }), _jsxs("span", { className: "shrink-0 text-text-tertiary-600/90 tabular-nums", children: [props.pctShown, "%"] })] }), _jsx("div", { className: "h-2 w-full min-w-0 overflow-hidden rounded-full bg-bg-tertiary", children: _jsx("div", { className: "h-full rounded-full bg-button-primary-bg transition-[width] duration-1000 ease-[cubic-bezier(0.33,1,0.68,1)]", style: { width: `${props.barPct}%` } }) })] }), _jsx("p", { className: "min-w-0 max-w-full text-balance text-center text-text-tertiary-600/80 text-xs leading-relaxed", children: footerText })] }) }));
+    return (_jsx("div", { className: mergeMigrateCardClassName(props.className), children: _jsxs("div", { className: "flex flex-col items-stretch gap-5 px-0.5 py-1 sm:px-1", children: [_jsx("div", { className: "flex justify-center", children: _jsxs("div", { className: "relative h-20 w-20 shrink-0", "aria-hidden": true, children: [_jsx("div", { className: "absolute inset-0 animate-spin rounded-full border-4 border-bg-tertiary border-t-button-tertiary-fg [animation-duration:1s]" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center text-button-tertiary-fg", children: props.logo ? (_jsx(Image, { src: props.logo, alt: "", width: 20, height: 20, className: "h-12 w-12 object-contain" })) : (_jsx(User01Icon, { className: "h-7 w-7", "aria-hidden": true })) })] }) }), _jsxs("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [_jsx("h1", { className: "font-semibold text-lg text-text-primary-900 tracking-tight", children: props.title }), _jsx("p", { className: "min-w-0 max-w-full text-balance text-center text-sm text-text-secondary-700 leading-relaxed", children: LOADER_HEADLINE })] }), _jsxs("div", { className: "w-full min-w-0 space-y-1.5", children: [_jsxs("div", { className: "flex w-full min-w-0 items-center justify-between gap-3 text-text-tertiary-600 text-xs", children: [_jsx("span", { className: "min-w-0 truncate text-left", children: props.phaseLabel }), _jsxs("span", { className: "shrink-0 text-text-tertiary-600/90 tabular-nums", children: [props.pctShown, "%"] })] }), _jsx("div", { className: "h-2 w-full min-w-0 overflow-hidden rounded-full bg-bg-tertiary", children: _jsx("div", { className: "h-full rounded-full bg-button-primary-bg transition-[width] duration-1000 ease-[cubic-bezier(0.33,1,0.68,1)]", style: { width: `${props.barPct}%` } }) })] }), _jsx("p", { className: "min-w-0 max-w-full text-balance text-center text-text-tertiary-600/80 text-xs leading-relaxed", children: footerText })] }) }));
 }

package/dist/components/Promos/Cashback.d.ts

@@ -1,10 +1,12 @@
 import type { Cashback as TCashback } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 interface CashbackProps {
     data: TCashback;
     viewDetailsUrl: string;
     hasPromotionPeriod?: boolean;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
 }
-export declare function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, }: CashbackProps): import("react/jsx-runtime").JSX.Element;
+export declare function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, cardClassNames, }: CashbackProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Promos/Cashback.js

@@ -6,16 +6,16 @@ import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { Button } from '../../ui/Button/index.js';
-import { formatPromotionPeriod } from './utils.js';
-export function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', }) {
+import { formatPromotionPeriod, mergePromoCardClassName } from './utils.js';
+export function Cashback({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', cardClassNames, }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const claimablePromos = useAvailablePromosQuery().data ?? [];
     const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
     const promotionPeriod = formatPromotionPeriod(data.activationStartDateTime, data.activationEndDateTime);
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), hasPromotionPeriod && (_jsxs("div", { className: "bg-black py-1.5 text-center font-bold text-3xs uppercase", children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { className: mergePromoCardClassName('relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt', cardClassNames?.container), children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: mergePromoCardClassName('block aspect-[365/180] w-full object-cover', cardClassNames?.image) })), hasPromotionPeriod && (_jsxs("div", { className: mergePromoCardClassName('bg-black py-1.5 text-center font-bold text-3xs uppercase', cardClassNames?.promotionPeriod), children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: mergePromoCardClassName('flex flex-grow flex-col px-4 pt-2xl pb-3xl', cardClassNames?.body), children: [_jsx("div", { className: mergePromoCardClassName(twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), cardClassNames?.title), children: data.name }), _jsxs("div", { className: mergePromoCardClassName('mt-auto flex flex-col gap-3 pt-4 lg:flex-row', cardClassNames?.actions), children: [claimable && (_jsx(Button, { size: "sm", className: cardClassNames?.claimButton, onClick: () => {
                                     globalStore.depositWithdrawal.setOpen(true);
                                     globalStore.depositWithdrawal.setPromo(data.id);
-                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
+                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: mergePromoCardClassName(roundedButtons ? 'rounded-full' : '', cardClassNames?.detailsButton), children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
 }

package/dist/components/Promos/CustomPromo.d.ts

@@ -1,9 +1,11 @@
 import type { CustomPromo as TCustomPromo } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 interface CustomPromoProps {
     data: TCustomPromo;
     viewDetailsUrl: string;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
 }
-export declare function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation, }: CustomPromoProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation, cardClassNames, }: CustomPromoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Promos/CustomPromo.js

@@ -3,6 +3,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { twMerge } from 'tailwind-merge';
 import { Button } from '../../ui/Button/index.js';
-export function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation = 'center', }) {
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [_jsx(Image, { src: data.banner, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" }), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsx("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) }) })] })] }));
+import { mergePromoCardClassName } from './utils.js';
+export function CustomPromo({ data, viewDetailsUrl, roundedButtons, textOrientation = 'center', cardClassNames, }) {
+    return (_jsxs("div", { className: mergePromoCardClassName('relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt', cardClassNames?.container), children: [_jsx(Image, { src: data.banner, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: mergePromoCardClassName('block aspect-[365/180] w-full object-cover', cardClassNames?.image) }), _jsxs("div", { className: mergePromoCardClassName('flex flex-grow flex-col px-4 pt-2xl pb-3xl', cardClassNames?.body), children: [_jsx("div", { className: mergePromoCardClassName(twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), cardClassNames?.title), children: data.name }), _jsx("div", { className: mergePromoCardClassName('mt-auto flex flex-col gap-3 pt-4 lg:flex-row', cardClassNames?.actions), children: _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: mergePromoCardClassName(roundedButtons ? 'rounded-full' : '', cardClassNames?.detailsButton), children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) }) })] })] }));
 }

package/dist/components/Promos/Promo.d.ts

@@ -1,10 +1,12 @@
 import type { Promo as TPromo } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 interface PromoProps {
     data: TPromo;
     viewDetailsUrl: string;
     hasPromotionPeriod?: boolean;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
 }
-export declare function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, }: PromoProps): import("react/jsx-runtime").JSX.Element;
+export declare function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation, cardClassNames, }: PromoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Promos/Promo.js

@@ -6,16 +6,16 @@ import { useShallow } from 'zustand/shallow';
 import { useAvailablePromosQuery } from '../../client/hooks/useAvailablePromosQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
 import { Button } from '../../ui/Button/index.js';
-import { formatPromotionPeriod } from './utils.js';
-export function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', }) {
+import { formatPromotionPeriod, mergePromoCardClassName } from './utils.js';
+export function Promo({ data, viewDetailsUrl, hasPromotionPeriod, roundedButtons, textOrientation = 'center', cardClassNames, }) {
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         depositWithdrawal: ctx.depositWithdrawal,
     })));
     const claimablePromos = useAvailablePromosQuery().data ?? [];
     const claimable = claimablePromos.find((availablePromo) => availablePromo.id === data.id);
     const promotionPeriod = formatPromotionPeriod(data.activationStartDateTime, data.activationEndDateTime);
-    return (_jsxs("div", { className: "relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt", children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: "block aspect-[365/180] w-full object-cover" })), hasPromotionPeriod && (_jsxs("div", { className: "bg-black py-1.5 text-center font-bold text-3xs uppercase", children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: "flex flex-grow flex-col px-4 pt-2xl pb-3xl", children: [_jsx("div", { className: twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), children: data.name }), _jsxs("div", { className: "mt-auto flex flex-col gap-3 pt-4 lg:flex-row", children: [claimable && (_jsx(Button, { size: "sm", onClick: () => {
+    return (_jsxs("div", { className: mergePromoCardClassName('relative flex h-full flex-col overflow-hidden rounded-2xl border border-border-secondary bg-accent-50 bg-bg-primary-alt', cardClassNames?.container), children: [data.banner?.url && (_jsx(Image, { src: data.banner.url, alt: data.name, width: 400, height: 202, loading: "lazy", unoptimized: true, className: mergePromoCardClassName('block aspect-[365/180] w-full object-cover', cardClassNames?.image) })), hasPromotionPeriod && (_jsxs("div", { className: mergePromoCardClassName('bg-black py-1.5 text-center font-bold text-3xs uppercase', cardClassNames?.promotionPeriod), children: ["PROMOTION PERIOD: ", promotionPeriod] })), _jsxs("div", { className: mergePromoCardClassName('flex flex-grow flex-col px-4 pt-2xl pb-3xl', cardClassNames?.body), children: [_jsx("div", { className: mergePromoCardClassName(twMerge('w-full grow font-semibold text-xl', textOrientation === 'center' ? 'text-center' : 'text-left'), cardClassNames?.title), children: data.name }), _jsxs("div", { className: mergePromoCardClassName('mt-auto flex flex-col gap-3 pt-4 lg:flex-row', cardClassNames?.actions), children: [claimable && (_jsx(Button, { size: "sm", className: cardClassNames?.claimButton, onClick: () => {
                                     globalStore.depositWithdrawal.setOpen(true);
                                     globalStore.depositWithdrawal.setPromo(data.id);
-                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: roundedButtons ? 'rounded-full' : '', children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
+                                }, children: "Get bonus" })), _jsx(Button, { size: "sm", variant: "outline", asChild: true, className: mergePromoCardClassName(roundedButtons ? 'rounded-full' : '', cardClassNames?.detailsButton), children: _jsxs(Link, { href: `${viewDetailsUrl}/${data.id}`, children: ["Read more", _jsxs("span", { className: "sr-only", children: [" about ", data.name] })] }) })] })] })] }));
 }

package/dist/components/Promos/PromosCarousel.d.ts

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
+import type { PromoCardClassNames } from './PromosGrid';
 export interface PromosCarouselProps {
     layout: 'carousel';
     /** @default "Promotions" */
@@ -13,6 +14,7 @@ export interface PromosCarouselProps {
     /** @default "/promos/custom" */
     viewCustomPromoDetailsUrl?: string;
     customPromos?: TCustomPromo[];
+    cardClassNames?: PromoCardClassNames;
     /**
      * @description List of promo IDs to be excluded from the list.
      * @example

package/dist/components/Promos/PromosCarousel.js

@@ -48,5 +48,5 @@ export function PromosCarousel(props) {
         onSelect(emblaApi);
         emblaApi.on('reInit', onSelect).on('select', onSelect);
     }, [emblaApi, onSelect]);
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsxs("div", { className: twMerge('grid auto-cols-[100%] grid-flow-col gap-1.5 lg:auto-cols-[calc((100%-(1.25rem*2))/3)] lg:gap-2xl'), children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos' }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback' }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom' }, customPromo.id)))] }) }))] }));
+    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promotions' }), _jsx("div", { className: "grow" }), _jsxs("div", { className: "flex items-center justify-center gap-xl", children: [_jsxs(Link, { href: props.viewAllUrl ?? '/promos', className: "flex gap-sm font-semibold text-button-tertiary-fg text-sm", children: ["See All", _jsx(ChevronRightIcon, { className: "size-5 lg:hidden" })] }), _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] })] })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { ref: emblaRef, className: "relative mt-lg overflow-hidden", children: _jsxs("div", { className: twMerge('grid auto-cols-[100%] grid-flow-col gap-1.5 lg:auto-cols-[calc((100%-(1.25rem*2))/3)] lg:gap-2xl'), children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', cardClassNames: props.cardClassNames }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', cardClassNames: props.cardClassNames }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCustomPromoDetailsUrl ?? '/promos/custom', cardClassNames: props.cardClassNames }, customPromo.id)))] }) }))] }));
 }

package/dist/components/Promos/PromosGrid.d.ts

@@ -1,5 +1,15 @@
 import type { ReactNode } from 'react';
 import type { CustomPromo as TCustomPromo } from '../../types';
+export interface PromoCardClassNames {
+    container?: string;
+    image?: string;
+    promotionPeriod?: string;
+    body?: string;
+    title?: string;
+    actions?: string;
+    claimButton?: string;
+    detailsButton?: string;
+}
 export interface PromosGridProps {
     layout: 'grid';
     /** @default "Promotions" */
@@ -8,10 +18,13 @@ export interface PromosGridProps {
     viewPromoDetailsUrl?: string;
     /** @default "/promos/cashback" */
     viewCashbackDetailsUrl?: string;
+    /** @default "/promos/custom" */
+    viewCustomPromoDetailsUrl?: string;
     customPromos?: TCustomPromo[];
     hasPromotionPeriod?: boolean;
     roundedButtons?: boolean;
     textOrientation?: 'left' | 'center';
+    cardClassNames?: PromoCardClassNames;
     exclude?: string[];
     className?: string;
 }

package/dist/components/Promos/PromosGrid.js

@@ -15,5 +15,5 @@ export function PromosGrid(props) {
     const cashbacks = cashbacksQuery.data?.filter((item) => !blacklist.includes(item.id)) ?? [];
     const customPromos = props.customPromos?.filter((item) => !blacklist.includes(item.id)) ?? [];
     const empty = promos.length <= 0 && cashbacks.length <= 0 && customPromos.length <= 0;
-    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsxs("div", { className: "grid gap-3xl lg:grid-cols-3 lg:gap-2xl", children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/custom', roundedButtons: props.roundedButtons, textOrientation: props.textOrientation }, customPromo.id)))] }) }))] }));
+    return (_jsxs("div", { className: props.className, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Promos' }), _jsx("div", { className: "grow" })] }), empty && (_jsx(Empty, { icon: Gift01Icon, title: "No Promos", message: "No promo is currently available.", className: "mt-8" })), !empty && (_jsx("div", { className: "relative mt-lg lg:overflow-hidden", children: _jsxs("div", { className: "grid gap-3xl lg:grid-cols-3 lg:gap-2xl", children: [promos.map((promo) => (_jsx(Promo, { data: promo, viewDetailsUrl: props.viewPromoDetailsUrl ?? '/promos', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, promo.id))), cashbacks.map((cashback) => (_jsx(Cashback, { data: cashback, viewDetailsUrl: props.viewCashbackDetailsUrl ?? '/promos/cashback', hasPromotionPeriod: props.hasPromotionPeriod, roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, cashback.id))), customPromos.map((customPromo) => (_jsx(CustomPromo, { data: customPromo, viewDetailsUrl: props.viewCustomPromoDetailsUrl ?? '/promos/custom', roundedButtons: props.roundedButtons, textOrientation: props.textOrientation, cardClassNames: props.cardClassNames }, customPromo.id)))] }) }))] }));
 }

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

@@ -1 +1,2 @@
 export * from './Promos';
+export type { PromoCardClassNames } from './PromosGrid';

package/dist/components/Promos/utils.d.ts

@@ -1 +1,2 @@
+export declare function mergePromoCardClassName(defaultClassName: string, customClassName?: string): string;
 export declare function formatPromotionPeriod(start: string | null | undefined, until: string | null | undefined): string | null;

package/dist/components/Promos/utils.js

@@ -1,4 +1,14 @@
 import { format } from 'date-fns';
+import { twMerge } from 'tailwind-merge';
+export function mergePromoCardClassName(defaultClassName, customClassName) {
+    if (!customClassName)
+        return defaultClassName;
+    const mergedCustomClassName = twMerge(customClassName);
+    const preservedDefaultClasses = defaultClassName
+        .split(/\s+/)
+        .filter((defaultClass) => twMerge(defaultClass, mergedCustomClassName) !== mergedCustomClassName);
+    return [...preservedDefaultClasses, mergedCustomClassName].join(' ');
+}
 export function formatPromotionPeriod(start, until) {
     if (!start)
         return null;

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

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
+interface ClassNameEntries {
+    root?: string;
+    thumbnailRoot?: string;
+    thumbnailTitle?: string;
+}
+export interface RecentGamesProps {
+    className?: string | ClassNameEntries;
+    /** @default 'Recent Games' */
+    heading?: string | ReactNode;
+    bypassDomains?: BypassDomainConfig[];
+}
+export declare function RecentGames__client(props: RecentGamesProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/RecentGames/RecentGames.client.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useEmblaCarousel from 'embla-carousel-react';
+import { isString } from 'lodash-es';
+import Image from 'next/image';
+import { useCallback, useEffect, useState } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
+import { useRecentGamesQuery } from '../../client/hooks/useRecentGamesQuery.js';
+import { ArrowLeftIcon } from '../../icons/ArrowLeftIcon.js';
+import { ArrowRightIcon } from '../../icons/ArrowRightIcon.js';
+import { Button } from '../../ui/Button/index.js';
+import { getGameImageUrl } from '../../utils/getGameImageUrl.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
+export function RecentGames__client(props) {
+    const isBypass = useBypassKycChecker(props.bypassDomains);
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        slidesToScroll: 3,
+        breakpoints: {
+            '(min-width: 1024px)': {
+                slidesToScroll: 6,
+            },
+        },
+    });
+    const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);
+    const [nextBtnDisabled, setNextBtnDisabled] = useState(true);
+    const onPrevButtonClick = useCallback(() => emblaApi?.scrollPrev(), [emblaApi]);
+    const onNextButtonClick = useCallback(async () => {
+        emblaApi?.scrollNext();
+    }, [emblaApi]);
+    const onSelect = useCallback((emblaApi) => {
+        setPrevBtnDisabled(!emblaApi?.canScrollPrev());
+        setNextBtnDisabled(!emblaApi?.canScrollNext());
+    }, []);
+    useEffect(() => {
+        if (!emblaApi)
+            return;
+        onSelect(emblaApi);
+        emblaApi.on('reInit', onSelect).on('select', onSelect);
+    }, [emblaApi, onSelect]);
+    const gamesQuery = useRecentGamesQuery();
+    const games = gamesQuery.data ?? [];
+    if (games.length <= 0)
+        return null;
+    const classNames = isString(props.className)
+        ? { root: props.className }
+        : (props.className ?? {});
+    return (_jsxs("div", { className: classNames.root, children: [_jsxs("div", { className: "flex items-center", children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Recent Games' }), _jsx("div", { className: "grow" }), _jsx("div", { className: "flex items-center justify-center gap-xl", children: _jsxs("div", { className: "hidden lg:flex", children: [_jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-r-none border-r-0", onClick: onPrevButtonClick, disabled: prevBtnDisabled, "aria-label": "Previous", children: _jsx(ArrowLeftIcon, { className: "size-5" }) }), _jsx(Button, { variant: "outline", colorScheme: "gray", className: "rounded-l-none", onClick: onNextButtonClick, disabled: nextBtnDisabled, "aria-label": "Next", children: _jsx(ArrowRightIcon, { className: "size-5" }) })] }) })] }), _jsx("div", { ref: emblaRef, className: "relative mt-lg lg:overflow-hidden", children: _jsx("div", { className: 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: games.map((game) => (_jsx(Item, { bypassKycCheck: isBypass, game: game, className: {
+                            thumbnailRoot: classNames.thumbnailRoot,
+                            thumbnailTitle: classNames.thumbnailTitle,
+                        } }, game.id))) }) })] }));
+}
+function Item({ game, bypassKycCheck, className, }) {
+    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: [_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/RecentGames/RecentGames.d.ts

@@ -0,0 +1,3 @@
+import { type RecentGamesProps } from './RecentGames.client';
+export declare function RecentGames(props: RecentGamesProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export type { RecentGamesProps };

package/dist/components/RecentGames/RecentGames.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { prefetchRecentGamesQuery } from '../../server/utils/prefetchRecentGamesQuery.js';
+import { RecentGames__client, } from './RecentGames.client.js';
+export async function RecentGames(props) {
+    await prefetchRecentGamesQuery();
+    return _jsx(RecentGames__client, { ...props });
+}

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

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

package/dist/components/RecentGames/index.js

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

package/dist/handlers/index.d.ts

@@ -18,14 +18,14 @@ export declare const GET: (req: NextRequest, { params }: Context) => Promise<Nex
     __error?: unknown;
 } | {
     ok: true;
-    data: import("../types").Session;
+    data: Record<string, unknown>;
 }> | NextResponse<{
     ok: false;
     message: string;
     __error?: unknown;
 } | {
     ok: true;
-    data: Record<string, unknown>;
+    data: import("../types").Session;
 }>>;
 export declare const DELETE: (req: NextRequest, { params }: Context) => Promise<NextResponse<{
     ok: true;

package/dist/schemas/forgotPasswordSchema.d.ts

@@ -8,23 +8,23 @@ export declare const createForgotPasswordSchema: (mobileNumberParser: MobileNumb
     mobileNumber: z.ZodEffects<z.ZodString, string, string>;
     verificationCode: z.ZodEffects<z.ZodString, string, string>;
 }, "strip", z.ZodTypeAny, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }>, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }, {
-    verificationCode: string;
     password: string;
+    verificationCode: string;
     mobileNumber: string;
     confirmPassword: string;
 }>;

package/dist/server/utils/prefetchRecentGamesQuery.d.ts

@@ -0,0 +1 @@
+export declare const prefetchRecentGamesQuery: () => Promise<void>;

package/dist/server/utils/prefetchRecentGamesQuery.js

@@ -0,0 +1,40 @@
+import { cache } from 'react';
+import { getGames__next } from '../../services/cmsPortal.js';
+import { getRecentGames } from '../../services/portal.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { log } from '../../utils/log.js';
+import { getRecentGamesQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const prefetchRecentGamesQuery = cache(async () => {
+    const session = await getSession();
+    if (session.status === 'unauthenticated')
+        return;
+    await getQueryClient()
+        .prefetchQuery({
+        queryKey: getRecentGamesQueryKey(),
+        queryFn: async ({ signal }) => {
+            const recentGames = await getRecentGames({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            const ids = recentGames?.length
+                ? [...new Set(recentGames.map((g) => g.id))]
+                : [];
+            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);
+        },
+    })
+        .catch(() => log.text("'prefetchRecentGamesQuery' failed", 'error'));
+});

package/dist/services/portal.d.ts

@@ -1,5 +1,5 @@
 import type { Simplify } from 'type-fest';
-import type { GameType, OnboardingPlayerExperience, OnboardingStatus, Platform, RecommendedGame, TopWin } from '../types';
+import type { GameType, OnboardingPlayerExperience, OnboardingStatus, Platform, RecentGame, RecommendedGame, TopWin } from '../types';
 import { type GraphQLRequestOptions } from './graphqlRequest';
 export interface PlatformQuery extends Platform {
 }
@@ -8,6 +8,10 @@ export interface RecommendedGamesQuery {
     recommendedGames: RecommendedGame[];
 }
 export declare const getRecommendedGames: (options?: GraphQLRequestOptions) => Promise<RecommendedGame[]>;
+export interface RecentGamesQuery {
+    recentGames: RecentGame[];
+}
+export declare const getRecentGames: (options?: GraphQLRequestOptions) => Promise<RecentGame[]>;
 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, RECOMMENDED_GAMES, SKIP_ONBOARDING, TOP_WINS, } from './queries.js';
+import { COMPLETE_ONBOARDING, ONBOARDING_STATUS, PLATFORM, RECENT_GAMES, RECOMMENDED_GAMES, 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',
@@ -18,6 +18,10 @@ export const getRecommendedGames = cache(async (options) => {
     const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, RECOMMENDED_GAMES, undefined, options);
     return res.recommendedGames;
 });
+export const getRecentGames = cache(async (options) => {
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, RECENT_GAMES, undefined, options);
+    return res.recentGames;
+});
 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

@@ -14,6 +14,7 @@ export declare const CREATE_GAME_SESSION = "\n  mutation CreateGameSession($inpu
 export declare const END_GAME_SESSION = "\n  mutation EndGameSession($input: EndGameSessionInput!) {\n    endGameSession(input: $input)\n  }\n";
 export declare const END_GAME_SESSION__LEGACY = "\n  mutation EndGameSession($input: EndGameSessionInput!) {\n    endGameSession(input: $input) {\n      ... on GameSessionDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on GameSessionAlreadyClosedError {\n        name: __typename\n        message\n      }\n      ... on GameProviderError {\n        name: __typename\n        message\n      }\n    }\n  }\n";
 export declare const RECOMMENDED_GAMES = "\n  query RecommendedGames {\n    recommendedGames {\n      id\n      name\n      type\n      provider\n    }\n  }\n";
+export declare const RECENT_GAMES = "\n  query RecentGames {\n    recentGames {\n      id\n    }\n  }\n";
 export declare const ANNOUNCEMENTS = "\n  query Announcements(\n    $first: Int\n    $after: Cursor\n    $filter: AnnouncementFilterInput\n  ) {\n    announcements(first: $first, after: $after, filter: $filter) {\n      edges {\n        cursor\n        node {\n          ... on Announcement {\n            id\n            type\n            title\n            status\n            message\n            activationStartDateTime\n            activationEndDateTime\n            dateTimeCreated\n            dateTimeLastUpdated\n          }\n        }\n      }\n      totalCount\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n    }\n  }\n";
 export declare const WITHDRAWAL_RECORDS = "\n  query WithdrawalRecords(\n    $first: Int\n    $after: Cursor\n    $filter: WithdrawalRecordFilterInput\n  ) {\n    member {\n      withdrawalRecords(first: $first, after: $after, filter: $filter) {\n        edges {\n          cursor\n          node {\n            ... on BankWithdrawalRecord {\n              id\n              type\n              bank\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on GCashWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              recipientMobileNumber\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on ManualWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on MayaAppWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on InstapayWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              bankName\n              reference\n              accountName\n              accountNumber\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on ManualUPIWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on ManualBankWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on VentajaDisbursementWithdrawalRecord {\n              bankName\n              id\n              type\n              fee\n              accountName\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on PisoPayRemittanceWithdrawalRecord {\n              bankName\n              id\n              type\n              fee\n              accountName\n              accountNumber\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n            ... on GCashStandardCashInWithdrawalRecord {\n              id\n              type\n              fee\n              netAmount\n              reference\n              amount\n              status\n              error\n              withdrawalNumber\n              serialCode\n              recipientMobileNumber\n              dateTimeCreated\n              dateTimeLastUpdated\n            }\n          }\n        }\n        totalCount\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n  }\n";
 export declare const CREATE_GCASH_WITHDRAWAL = "\n  mutation CreateGCashWithdrawal($input: CreateGCashWithdrawalInput!) {\n    createGCashWithdrawal(input: $input) {\n      ... on AccountNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on InvalidTransactionPasswordError {\n        name: __typename\n        message\n      }\n      ... on InvalidWithdrawalAmountError {\n        name: __typename\n        message\n      }\n      ... on MobileNumberNotVerifiedError {\n        name: __typename\n        message\n      }\n      ... on NotEnoughBalanceError {\n        name: __typename\n        message\n      }\n      ... on WithdrawalDailyLimitExceededError {\n        name: __typename\n        message\n      }\n      ... on ReCAPTCHAVerificationFailedError {\n        name: __typename\n        message\n      }\n      ... on WalletDoesNotExistError {\n        name: __typename\n        message\n      }\n      ... on TransactionPasswordNotSetError {\n        name: __typename\n        message\n      }\n      ... on TurnoverRequirementNotYetFulfilledError {\n        name: __typename\n        message\n      }\n      ... on FirstDepositRequiredError  {\n        name: __typename\n        message\n      }\n    }\n  }\n";

package/dist/services/queries.js

@@ -229,6 +229,13 @@ export const RECOMMENDED_GAMES = /* GraphQL */ `
     }
   }
 `;
+export const RECENT_GAMES = /* GraphQL */ `
+  query RecentGames {
+    recentGames {
+      id
+    }
+  }
+`;
 export const ANNOUNCEMENTS = /* GraphQL */ `
   query Announcements(
     $first: Int

package/dist/types/index.d.ts

@@ -908,6 +908,9 @@ export interface FavoriteGame {
     type: GameType;
     provider: GameProvider;
 }
+export interface RecentGame {
+    id: string;
+}
 export type TournamentStatus = 'ACTIVE' | 'INACTIVE' | 'DELETED';
 export type TournamentType = 'MULTIPLIER';
 export type TournamentFrequency = 'DAILY' | 'WEEKLY' | 'MONTHLY';