@opexa/portal-components 0.0.35 → 0.0.37

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

@@ -1,3 +1,3 @@
 import { type MemberAccount } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useAccountQuery: Query<MemberAccount>;

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

@@ -1,3 +1,3 @@
 import type { AuthenticateInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useAuthenticateMutation: Mutation<void, AuthenticateInput>;

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

@@ -1,3 +1,3 @@
 import { type AvailablePromosInput, type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useAvailablePromosQuery: Query<Promo[], AvailablePromosInput>;

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

@@ -1,3 +1,3 @@
 import { type BetRecord, type BetRecordsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useBetRecordsQuery: InfiniteQuery<PaginatedQueryResult<BetRecord>, BetRecordsInput>;

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

@@ -1,3 +1,3 @@
 import { type Bonus } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useBonusesQuery: Query<Bonus[]>;

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

@@ -1,3 +1,3 @@
 import { type Cashback } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useCashbacksQuery: Query<Cashback[]>;

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

@@ -1,4 +1,4 @@
 import { type CreateGCashDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateGCashDepositMutation: Mutation<Deposit, SetOptional<CreateGCashDepositInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateGCashWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateGCashWithdrawalMutation: Mutation<string, SetOptional<CreateGCashWithdrawalInput, 'id'>>;

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

@@ -1,3 +1,3 @@
 import { type FavoriteGame, type Game, type GameSession } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateGameSessionMutation: Mutation<GameSession, Game | FavoriteGame>;

package/dist/client/hooks/useCreateGameSessionMutation.js

@@ -2,7 +2,7 @@ import { createGameSession, createGameSession__legacy, getGameSession, getGameSe
 import { ObjectId, ObjectType } from '@opexa/portal-sdk-core/object-id';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE } from '../../constants/index.js';
+import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE, } from '../../constants/index.js';
 import { createPoll, getCreateGameSessionMutationKey, getQueryClient, getSessionQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 export const useCreateGameSessionMutation = (config) => {

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

@@ -1,4 +1,4 @@
 import { type CreateAIOInstapayWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateInstapayWithdrawalMutation: Mutation<string, SetOptional<CreateAIOInstapayWithdrawalInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateMayaAppDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateMayaAppDepositMutation: Mutation<Deposit, SetOptional<CreateMayaAppDepositInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateMayaAppWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateMayaAppWithdrawalMutation: Mutation<string, SetOptional<CreateMayaAppWithdrawalInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateMayaDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateMayaDepositMutation: Mutation<Deposit, SetOptional<CreateMayaDepositInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateMayaWithdrawalInput } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateMayaWithdrawalMutation: Mutation<string, SetOptional<CreateMayaWithdrawalInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateAIOOnlineBankDepositInput, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateOnlineBankDepositMutation: Mutation<Deposit, SetOptional<CreateAIOOnlineBankDepositInput, 'id'>>;

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

@@ -1,4 +1,4 @@
 import { type CreateAIOQRPHDeposit, type Deposit } from '@opexa/portal-sdk-core';
 import type { SetOptional } from 'type-fest';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useCreateQRPHDepositMutation: Mutation<Deposit, SetOptional<CreateAIOQRPHDeposit, 'id'>>;

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

@@ -1,3 +1,3 @@
 import { type Deposit } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useDepositQuery: Query<Deposit | null, string>;

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

@@ -1,3 +1,3 @@
 import { type DepositRecord, type DepositRecordsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useDepositRecordsQuery: InfiniteQuery<PaginatedQueryResult<DepositRecord>, DepositRecordsInput>;

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

@@ -1,2 +1,2 @@
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useDepositsCountQuery: Query<number>;

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

@@ -1,5 +1,5 @@
 import { type FavoriteGame, type Game, type GameSession } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useEndGameSessionMutation: Mutation<void, {
     game: Game | FavoriteGame;
     session: GameSession;

package/dist/client/hooks/useEndGameSessionMutation.js

@@ -1,7 +1,7 @@
 import { endGameSession, endGameSession__legacy, } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE } from '../../constants/index.js';
+import { ENVIRONMENT, LEGACY_GAME_PROVIDERS, PLATFORM_CODE, } from '../../constants/index.js';
 import { getEndGameSessionMutationKey, getQueryClient, getSessionQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 export const useEndGameSessionMutation = (config) => {

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

@@ -1,3 +1,3 @@
 import { type FavoriteGame } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useFavoriteGamesQuery: Query<FavoriteGame[]>;

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

@@ -1,3 +1,3 @@
 import { type Game, type GamesInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useGamesQuery: InfiniteQuery<PaginatedQueryResult<Game>, GamesInput>;

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

@@ -1,11 +1,14 @@
 import type { PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 type KnownVariables = {
     first?: number;
     after?: string | null;
     [x: string]: unknown;
 };
 interface UseInfiniteQueryHelperReturn<T extends PaginatedQueryResult<unknown>> {
+    /**
+     * @description The rows for the current page.
+     */
     rows: Array<T['edges'][0]['node']>;
     page: number;
     setPage: (page: number) => void;
@@ -19,6 +22,11 @@ interface UseInfiniteQueryHelperReturn<T extends PaginatedQueryResult<unknown>>
     hasPrevPage: boolean;
     loading: boolean;
     firstPage: () => void;
+    /**
+     * @description All rows loaded so far, regardless of pagination.
+     */
+    availableRows: Array<T['edges'][0]['node']>;
+    totalAvailableRows: number;
 }
 export declare function useInfiniteQueryHelper<QueryData extends PaginatedQueryResult<unknown>, QueryVariables extends KnownVariables>(useQuery: InfiniteQuery<QueryData, QueryVariables>, variables: QueryVariables): UseInfiniteQueryHelperReturn<QueryData>;
 export declare namespace useInfiniteQueryHelper {

package/dist/client/hooks/useInfiniteQueryHelper.js

@@ -2,32 +2,32 @@ import { chunk } from 'lodash-es';
 import { useState } from 'react';
 export function useInfiniteQueryHelper(useQuery, variables) {
     const [page, setPage] = useState(1);
-    const [pageSize, setPageSize_] = useState(10);
+    const [pageSize, setPageSize_] = useState(variables.first ?? 10);
     const setPageSize = (size) => {
         setPage(1);
         setPageSize_(size);
     };
     const query = useQuery({
-        first: pageSize,
-        after: null,
         ...variables,
+        first: pageSize,
     });
-    const rowsLoaded = query.data?.pages
+    const availableRows = query.data?.pages
         .map((page) => page.edges.map((edge) => edge.node))
         .flat() ?? [];
-    const pagesLoaded = chunk(rowsLoaded, pageSize);
-    const totalPagesLoaded = Math.ceil(rowsLoaded.length / pageSize);
-    const rows = pagesLoaded.at(page - 1) ?? [];
+    const availablePages = chunk(availableRows, pageSize);
+    const totalAvailableRows = availableRows.length;
+    const totalAAvailablePages = Math.ceil(availableRows.length / pageSize);
+    const rows = availablePages.at(page - 1) ?? [];
     const totalRows = query.data?.pages.at(-1)?.totalCount ?? 0;
     const totalPages = Math.ceil(totalRows / pageSize);
-    const hasNextPage = page < totalPages;
+    const hasNextPage = query.data?.pages.at(-1)?.pageInfo.hasNextPage ?? false;
     const hasPrevPage = page > 1;
     const next = async () => {
         if (!hasNextPage) {
             return;
         }
         const nextPage = page + 1;
-        if (totalPagesLoaded < nextPage) {
+        if (totalAAvailablePages < nextPage) {
             await query.fetchNextPage();
         }
         setPage((prev) => prev + 1);
@@ -56,6 +56,8 @@ export function useInfiniteQueryHelper(useQuery, variables) {
         hasPrevPage,
         loading,
         firstPage,
+        availableRows,
+        totalAvailableRows,
     };
 }
 useInfiniteQueryHelper.config = {

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

@@ -1,3 +1,3 @@
 import { type InstapayBank } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useInstapayBankListQuery: Query<InstapayBank[]>;

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

@@ -1,2 +1,2 @@
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useIsMayaSessionValidQuery: Query<boolean>;

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

@@ -1,3 +1,3 @@
 import { type JackpotPayout, type JackpotPayoutsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useJackpotPayoutsQuery: InfiniteQuery<PaginatedQueryResult<JackpotPayout>, JackpotPayoutsInput>;

package/dist/client/hooks/useJackpotPayoutsQuery.js

@@ -1,4 +1,4 @@
-import { getJackpotPayouts } from '@opexa/portal-sdk-core';
+import { getJackpotPayouts, } from '@opexa/portal-sdk-core';
 import { useInfiniteQuery } from '@tanstack/react-query';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
 import { getJackpotPayoutsQueryKey } from '../../utils/index.js';

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

@@ -1,3 +1,3 @@
 import { type Jackpot, type JackpotsInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useJackpotsQuery: InfiniteQuery<PaginatedQueryResult<Jackpot>, JackpotsInput>;

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

@@ -1 +1 @@
-export declare const useLocaleInfo: () => import("~/utils").LocaleInfo;
+export declare const useLocaleInfo: () => import("../../utils").LocaleInfo;

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

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

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

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

package/dist/client/hooks/useMarkMessageAsReadMutation.js

@@ -1,9 +1,9 @@
 import { markMessageAsRead } from '@opexa/portal-sdk-core';
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { getSession } from '../../client/services/index.js';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
 import { getMarkMessageAsReadMutationKey, getMessagesQueryKey, getQueryClient, getSessionQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/index.js';
+import { getSession } from '../services/index.js';
 export const useMarkMessageAsReadMutation = (config) => {
     const queryClient = getQueryClient();
     const mutation = useMutation({

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

@@ -1,3 +1,3 @@
 import { type MemberVerification } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useMemberVerificationQuery: Query<MemberVerification | null>;

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

@@ -1,3 +1,3 @@
 import { type Message, type MessagesInput, type PaginatedQueryResult } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useMessagesQuery: InfiniteQuery<PaginatedQueryResult<Message>, MessagesInput>;

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

@@ -1,3 +1,3 @@
 import { type PaymentSettings } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const usePaymentSettingsQuery: Query<PaymentSettings>;

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

@@ -1,3 +1,3 @@
 import { type Platform } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const usePlatformQuery: Query<Platform>;

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

@@ -1,3 +1,3 @@
 import { type ProfileCompletion } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useProfileCompletionQuery: Query<ProfileCompletion>;

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

@@ -1,3 +1,3 @@
 import { type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const usePromoQuery: Query<Promo | null, string>;

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

@@ -1,3 +1,3 @@
 import { type Promo } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const usePromosQuery: Query<Promo[]>;

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

@@ -1,3 +1,3 @@
 import { type SendVerificationCodeInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useSendVerificationCodeMutation: Mutation<void, SendVerificationCodeInput>;

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

@@ -1,2 +1,2 @@
-import type { Query, Session } from '~/types';
+import type { Query, Session } from '../../types';
 export declare const useSessionQuery: Query<Session>;

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

@@ -1,4 +1,4 @@
 import type { Authenticator } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 import { type SignInInput } from '../services';
 export declare const useSignInMutation: Mutation<Authenticator | null, SignInInput>;

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

@@ -1,2 +1,2 @@
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export declare const useSignOutMutation: Mutation;

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

@@ -1,5 +1,5 @@
 import { type RegisterMemberAccountViaMobileInput } from '@opexa/portal-sdk-core';
-import type { Mutation } from '~/types';
+import type { Mutation } from '../../types';
 export interface SignUpMutationInput extends RegisterMemberAccountViaMobileInput {
 }
 export declare const useSignUpMutation: Mutation<void, SignUpMutationInput>;

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

@@ -1,3 +1,3 @@
 import { type TopWin } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useTopWinsQuery: Query<TopWin[]>;

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

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type Tournament, type TournamentsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useTournamentsQuery: InfiniteQuery<PaginatedQueryResult<Tournament>, TournamentsInput>;

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

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type TransactionRecord, type TransactionRecordsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useTransactionRecordsQuery: InfiniteQuery<PaginatedQueryResult<TransactionRecord>, TransactionRecordsInput>;

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

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

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

@@ -1,3 +1,3 @@
 import { type UnreadMessagesCountInput } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useUnreadMessagesCountQuery: Query<number, UnreadMessagesCountInput>;

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

@@ -1,3 +1,3 @@
 import { type Wallet } from '@opexa/portal-sdk-core';
-import type { Query } from '~/types';
+import type { Query } from '../../types';
 export declare const useWalletQuery: Query<Wallet | null>;

package/dist/client/hooks/useWalletQuery.js

@@ -2,7 +2,7 @@ import { getWallet } from '@opexa/portal-sdk-core';
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ENVIRONMENT, PLATFORM_CODE } from '../../constants/index.js';
-import { getQueryClient, getSessionQueryKey, getWalletQueryKey } from '../../utils/index.js';
+import { getQueryClient, getSessionQueryKey, getWalletQueryKey, } from '../../utils/index.js';
 import { getSession } from '../services/index.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useWalletQuery = (config) => {

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

@@ -1,3 +1,3 @@
 import { type PaginatedQueryResult, type WithdrawalRecord, type WithdrawalRecordsInput } from '@opexa/portal-sdk-core';
-import type { InfiniteQuery } from '~/types';
+import type { InfiniteQuery } from '../../types';
 export declare const useWithdrawalRecordsQuery: InfiniteQuery<PaginatedQueryResult<WithdrawalRecord>, WithdrawalRecordsInput>;

package/dist/client/services/getSession.d.ts

@@ -1,2 +1,2 @@
-import type { Session } from '~/types';
+import type { Session } from '../../types';
 export declare const getSession: () => Promise<Session>;

package/dist/components/Account/Account.js

@@ -6,7 +6,7 @@ import Link from 'next/link';
 import { useShallow } from 'zustand/shallow';
 import { useAccountQuery, useGlobalStore, useLocaleInfo, useSignOutMutation, useUnreadMessagesCountQuery, useWalletQuery, } from '../../client/hooks/index.js';
 import { AlertCircleIcon, ChevronLeftIcon, ChevronRightIcon, CoinsStacked02Icon, CoinsSwap02Icon, CreditCard02Icon, FileCheck02Icon, Gift01Icon, Lock01Icon, Logout01Icon, Settings02Icon, User01Icon, XIcon, } from '../../icons/index.js';
-import avatarPlaceholder from '~/images/placeholder-avatar.png';
+import avatarPlaceholder from '../../images/placeholder-avatar.png';
 import { Badge, Button, Drawer, IconButton, Popover, Presence } from '../../ui/index.js';
 import { formatNumber, parseDecimal } from '../../utils/index.js';
 import { accountRecipe } from './account.recipe.js';

package/dist/components/AccountInfo/AccountInfo.js

@@ -5,7 +5,7 @@ import { noop } from 'lodash-es';
 import Image from 'next/image';
 import { useAccountQuery, useLocaleInfo, useMobileNumberParser, } from '../../client/hooks/index.js';
 import { FacebookIcon, GoogleIcon } from '../../icons/index.js';
-import avatar from '~/images/placeholder-avatar.png';
+import avatar from '../../images/placeholder-avatar.png';
 import { Button, Field, IconButton } from '../../ui/index.js';
 export function AccountInfo(props) {
     const localeInfo = useLocaleInfo();

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositVCA.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { BankIcon, XIcon } from '../../../../icons/index.js';
-import bankIcon from '~/images/bank-icon.png';
+import bankIcon from '../../../../images/bank-icon.png';
 import { Button, Clipboard, Dialog } from '../../../../ui/index.js';
 import { useOnlineBankDepositContext } from './OnlineBankDepositContext.js';
 export function OnlineBankDepositVCA() {

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/QRPHDepositQrCode.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal, QrCode } from '@ark-ui/react';
 import Image from 'next/image';
 import { QrCode02Icon, SpinnerIcon, XIcon } from '../../../../icons/index.js';
-import qrphIcon from '~/images/qrph-icon.png';
+import qrphIcon from '../../../../images/qrph-icon.png';
 import { Button, Dialog } from '../../../../ui/index.js';
 import { useQRPHDepositContext } from './QRPHDepositContext.js';
 export function QRPHDepositQrCode() {

package/dist/components/DepositWithdrawal/Deposit/QRPHDeposit/useQRPHDeposit.js

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { useCreateQRPHDepositMutation, useDepositQuery } from '../../../../client/hooks/index.js';
+import { useCreateQRPHDepositMutation, useDepositQuery, } from '../../../../client/hooks/index.js';
 import { toaster } from '../../../../client/utils/index.js';
 export function useQRPHDeposit() {
     const [view, setView] = useState('FORM');

package/dist/components/DepositWithdrawal/DepositWithdrawal.js

@@ -4,7 +4,7 @@ import { Portal } from '@ark-ui/react';
 import { twMerge } from 'tailwind-merge';
 import { z } from 'zod';
 import { useShallow } from 'zustand/shallow';
-import { useGlobalStore, useLocaleInfo, useWalletQuery } from '../../client/hooks/index.js';
+import { useGlobalStore, useLocaleInfo, useWalletQuery, } from '../../client/hooks/index.js';
 import { Wallet02Icon, XIcon } from '../../icons/index.js';
 import { Dialog, Tabs } from '../../ui/index.js';
 import { formatNumber } from '../../utils/index.js';

package/dist/components/DepositWithdrawal/PaymentMethods.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
 import { useControllableState } from '../../client/hooks/index.js';
 import { CheckIcon } from '../../icons/index.js';
-import qrph from '~/images/QRPh.png';
-import gcash from '~/images/gcash.png';
-import instapay from '~/images/instapay.png';
-import maya from '~/images/maya.png';
-import onlineBank from '~/images/online-bank.png';
+import qrph from '../../images/QRPh.png';
+import gcash from '../../images/gcash.png';
+import instapay from '../../images/instapay.png';
+import maya from '../../images/maya.png';
+import onlineBank from '../../images/online-bank.png';
 import { Checkbox, Field } from '../../ui/index.js';
 import { PaymentMethodDefinition } from './utils.js';
 const OPTIONS = [

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

@@ -8,7 +8,7 @@ import { useShallow } from 'zustand/shallow';
 import { useCreateInstapayWithdrawalMutation, useGlobalStore, useInstapayBankListQuery, usePaymentSettingsQuery, } from '../../../../client/hooks/index.js';
 import { toaster } from '../../../../client/utils/index.js';
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon, EyeIcon, EyeOffIcon, SpinnerIcon, } from '../../../../icons/index.js';
-import { Button, Field, NumberInput, PasswordInput, Select } from '../../../../ui/index.js';
+import { Button, Field, NumberInput, PasswordInput, Select, } from '../../../../ui/index.js';
 import { parseDecimal } from '../../../../utils/index.js';
 import { AmountChoices } from '../../AmountChoices.js';
 export function InstapayWithdrawal() {

package/dist/components/Disclaimer/Disclaimer.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Portal } from '@ark-ui/react';
 import Image from 'next/image';
 import { useRef } from 'react';
-import pagcorLogo from '~/images/pagcor.png';
-import responsibleGamingLogo from '~/images/responsible-gaming.png';
+import pagcorLogo from '../../images/pagcor.png';
+import responsibleGamingLogo from '../../images/responsible-gaming.png';
 import { Button, Dialog } from '../../ui/index.js';
 import { useDisclaimer } from './useDisclaimer.js';
 export function Disclaimer(props) {

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

@@ -1,4 +1,4 @@
-import type { GameProviderData } from '~/types';
+import type { GameProviderData } from '../../types';
 export interface GameProvidersProps {
     gameProviders: GameProviderData[];
     heading?: string;

package/dist/components/Games/Game.d.ts

@@ -0,0 +1 @@
+export declare function Game(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Games/Game.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { twMerge } from 'tailwind-merge';
+import { useFavoriteGamesQuery, useMarkGameAsFavoriteMutation, useSessionQuery, useUnmarkGameAsFavoriteMutation, } from '../../client/hooks/index.js';
+import { Star01Icon } from '../../icons/index.js';
+import { GameLaunchTrigger } from '../GameLaunch/index.js';
+import { useGameContext } from './GameContext.js';
+export function Game() {
+    const game = useGameContext();
+    const sessionQuery = useSessionQuery();
+    const session = sessionQuery.data;
+    const favoriteGamesQuery = useFavoriteGamesQuery();
+    const favoriteGames = favoriteGamesQuery.data ?? [];
+    const markGameAsFavoriteMutation = useMarkGameAsFavoriteMutation();
+    const unmarkGameAsFavoriteMutation = useUnmarkGameAsFavoriteMutation();
+    const markedAsFavorite = favoriteGames.some((favoriteGame) => favoriteGame.id === game.id);
+    return (_jsxs(GameLaunchTrigger, { game: game, className: "relative block w-full shadow-sm", children: [session?.status === 'authenticated' && (_jsx("div", { role: "button", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    if (markGameAsFavoriteMutation.isPending)
+                        return;
+                    if (unmarkGameAsFavoriteMutation.isPending)
+                        return;
+                    if (markedAsFavorite) {
+                        unmarkGameAsFavoriteMutation.mutate(game.reference);
+                    }
+                    else {
+                        markGameAsFavoriteMutation.mutate(game.reference);
+                    }
+                }, "aria-disabled": markGameAsFavoriteMutation.isPending ||
+                    unmarkGameAsFavoriteMutation.isPending, className: "rounded-xs absolute right-2 top-2 flex size-9 items-center justify-center bg-black/65 blur-[0.5px]", children: _jsx(Star01Icon, { className: twMerge('size-5', markedAsFavorite
+                        ? 'fill-yellow-400 text-yellow-400'
+                        : 'text-white') }) })), _jsx(Image, { src: game.image, alt: "", width: 200, height: 200, priority: true, className: "aspect-square w-full rounded-t-md object-cover" }), _jsx("span", { className: "bg-bg-tertiary text-text-primary-brand block w-full truncate rounded-b-md px-2 py-2.5 text-center text-xs font-semibold", children: game.name })] }));
+}