@opexa/portal-components 0.1.36 → 0.1.38

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

@@ -0,0 +1,3 @@
+import { type PlatformGamesInput } from '../../services/wallet';
+import type { InfiniteQuery, PaginatedQueryResult, PlatformGame } from '../../types';
+export declare const usePlatformGamesQuery: InfiniteQuery<PaginatedQueryResult<PlatformGame>, PlatformGamesInput>;

package/dist/client/hooks/usePlatformGamesQuery.js

@@ -0,0 +1,42 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getPlatformGames, } from '../../services/wallet.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getPlatformGamesQueryKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const usePlatformGamesQuery = (input, config) => {
+    const sessionQuery = useSessionQuery();
+    return useInfiniteQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getPlatformGamesQueryKey(input),
+        queryFn: async ({ pageParam, signal }) => {
+            const session = await getQueryClient().fetchQuery({
+                queryKey: getSessionQueryKey(),
+                queryFn: async () => getSession(),
+            });
+            invariant(session.status === 'authenticated');
+            return getPlatformGames({
+                ...input,
+                after: pageParam,
+            }, {
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+        initialPageParam: undefined,
+        getNextPageParam(lastPage) {
+            if (lastPage?.pageInfo?.hasNextPage) {
+                return lastPage?.pageInfo?.endCursor;
+            }
+        },
+    });
+};

package/dist/components/Search/Search.lazy.d.ts

@@ -1,6 +1,6 @@
 import { type ImageProps } from 'next/image';
 import { type BypassDomainConfig } from '../../client/hooks/useBypassKycChecker';
-import type { GameProvider, GameProviderData, GameType } from '../../types';
+import type { GameProvider, GameProviderData, GameType, GameTypeData } from '../../types';
 export interface ClassNameEntries {
     root?: string;
     gameThumbnailRoot?: string;
@@ -8,6 +8,8 @@ export interface ClassNameEntries {
     gameSearchResult?: string;
     providerThumbnailRoot?: string;
     providerThumbnailImage?: string;
+    gameTypeThumbnailRoot?: string;
+    gameTypeThumbnailName?: string;
     loadMoreButton?: string;
 }
 export interface SearchProps {
@@ -26,7 +28,19 @@ export interface SearchProps {
      * ```
      */
     viewGamesUrl?: string | ((gameProvider: GameProviderData) => string);
+    /**
+     * @default '/games/<slug>'
+     * @example
+     * ```ts
+     * '/games/:slug' // '/games/slots'
+     * '/games/:id'   // '/games/SLOTS'
+     * // or using a function
+     * ({slug}) => `/games/${slug}`
+     * ```
+     */
+    viewGameTypeUrl?: string | ((gameType: GameTypeData) => string);
     gameProviderImages?: Partial<Record<GameProvider, ImageProps['src']>>;
+    gameTypeImages?: Partial<Record<GameType, ImageProps['src']>>;
     placeholder?: string;
     bypassDomains?: BypassDomainConfig[];
     variant?: string;

package/dist/components/Search/Search.lazy.js

@@ -9,11 +9,19 @@ import { useDebounceCallback } from 'usehooks-ts';
 import { useShallow } from 'zustand/shallow';
 import { useBypassKycChecker, } from '../../client/hooks/useBypassKycChecker.js';
 import { useControllableState } from '../../client/hooks/useControllableState.js';
+import { useFeatureFlag } from '../../client/hooks/useFeatureFlag.js';
 import { useGamesQuery } from '../../client/hooks/useGamesQuery.js';
 import { useGlobalStore } from '../../client/hooks/useGlobalStore.js';
-import { GAME_PROVIDER_DATA } from '../../constants/index.js';
+import { GAME_PROVIDER_DATA, GAME_TYPE_DATA } from '../../constants/index.js';
 import { SearchLgIcon } from '../../icons/SearchLgIcon.js';
 import { XIcon } from '../../icons/XIcon.js';
+import arcadeImg from '../../images/game-types/arcade.png';
+import bingoImg from '../../images/game-types/bingo.png';
+import liveImg from '../../images/game-types/live.png';
+import numericImg from '../../images/game-types/numeric.png';
+import slotsImg from '../../images/game-types/slots.png';
+import specialtyImg from '../../images/game-types/specialty.png';
+import sportsImg from '../../images/game-types/sports.png';
 import RainbowballImg from '../../images/rainbow-ball-online.webp';
 import { Button } from '../../ui/Button/index.js';
 import { Dialog } from '../../ui/Dialog/index.js';
@@ -31,6 +39,7 @@ function lookup(value, compare) {
 }
 export function Search(props) {
     const isBypass = useBypassKycChecker(props.bypassDomains);
+    const featureFlag = useFeatureFlag();
     const globalStore = useGlobalStore(useShallow((ctx) => ({
         search: ctx.search,
     })));
@@ -44,6 +53,20 @@ export function Search(props) {
         .filter((provider) => {
         return lookup(provider.name, search) || lookup(provider.slug, search);
     });
+    const gameTypesFiltered = props.gameTypes
+        .map((type) => GAME_TYPE_DATA[type])
+        .filter((type) => {
+        return lookup(type.name, search) || lookup(type.slug, search);
+    });
+    const defaultGameTypeImages = {
+        ARCADE: arcadeImg,
+        BINGO: bingoImg,
+        LIVE: liveImg,
+        NUMERIC: numericImg,
+        SLOTS: slotsImg,
+        SPECIALTY: specialtyImg,
+        SPORTS: sportsImg,
+    };
     const gamesQuery = useGamesQuery({
         first: 18,
         search: gameProviders.length > 0 ? undefined : search,
@@ -91,7 +114,9 @@ export function Search(props) {
             void collapsedGamesQuery.fetchNextPage();
         }
     }
-    const empty = games.length <= 0 && gameProviders.length <= 0;
+    const empty = games.length <= 0 &&
+        gameProviders.length <= 0 &&
+        gameTypesFiltered.length <= 0;
     const viewGamesUrl = (data) => {
         return props.viewGamesUrl
             ? callIfFn(props.viewGamesUrl, data)
@@ -99,19 +124,32 @@ export function Search(props) {
                 .replace(':slug', data.slug)
             : `/providers/${data.slug}`;
     };
+    const viewGameTypeUrl = (data) => {
+        return props.viewGameTypeUrl
+            ? callIfFn(props.viewGameTypeUrl, data)
+                .replace(':id', data.id)
+                .replace(':slug', data.slug)
+            : `/casino/${data.slug}`;
+    };
     const classNames = isString(props.className)
         ? { root: props.className }
         : (props.className ?? {});
     function fixMojibake(str) {
         return str.replace(/ÔÇÖ/g, "'").replace(/ÔÇô/g, '');
     }
+    console.log(gameTypesFiltered, 'gameTypesFiltered');
     return (_jsx(Dialog.Root, { open: globalStore.search.open, onOpenChange: (details) => {
             globalStore.search.setOpen(details.open);
             setSearch('');
         }, lazyMount: true, unmountOnExit: true, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { className: "mx-auto min-h-full w-full overflow-y-auto bg-bg-primary pt-xl lg:mt-[132px] lg:min-h-auto lg:max-w-[1136px] lg:bg-unset lg:px-2 lg:pt-0", children: [_jsx(Dialog.Context, { children: (api) => (_jsxs("div", { className: "flex items-center justify-between px-4 lg:hidden", children: [_jsx(Image, { src: props.logo, alt: "", width: 200, height: 40, className: "h-8 w-auto" }), _jsx(IconButton, { size: "sm", colorScheme: "gray", onClick: () => api.setOpen(false), children: _jsx(XIcon, { className: "size-6 text-text-quinary" }) })] })) }), _jsx("div", { className: "flex justify-end", children: _jsx(Dialog.Context, { children: (api) => (_jsx("button", { type: "button", onClick: () => api.setOpen(false), className: "hidden size-9 items-center justify-center rounded-md bg-white/20 lg:flex", children: _jsx(XIcon, { className: "size-5 text-white" }) })) }) }), _jsx("div", { className: "mt-2xl px-4 lg:mt-xl lg:px-0", children: _jsxs("div", { className: "relative", children: [_jsx(SearchLgIcon, { className: "-translate-y-1/2 pointer-events-none absolute top-1/2 left-3.5 size-5 text-text-quinary" }), _jsx(DebouncedInput, { ref: inputRef, value: search, placeholder: props.placeholder ?? 'Search', onChange: setSearch }), _jsx(Presence, { present: search.length > 0, asChild: true, lazyMount: true, children: _jsx("button", { type: "button", className: "-translate-y-1/2 absolute top-1/2 right-3.5 cursor-pointer font-semibold text-text-secondary-700", onClick: () => {
                                                     setSearch('');
                                                     inputRef.current?.focus();
-                                                }, children: "Clear" }) })] }) }), _jsx("div", { className: "flex max-h-[85dvh] min-h-0 flex-1 flex-col", children: _jsx("div", { className: "mt-2xl p-xl pb-3xl lg:mt-2 lg:max-h-[41rem] lg:overflow-y-auto lg:rounded-xl lg:border lg:border-border-primary lg:bg-bg-primary", children: search.length <= 0 ? (_jsx(Alert, { message: "Search for your favorite game or provider." })) : search.length === 1 ? (_jsx(Alert, { message: "Search requires at least 2 characters." })) : (_jsxs(_Fragment, { children: [empty && _jsx(Alert, { message: "No results found" }), !empty && (_jsxs(_Fragment, { children: [gameProviders.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Providers" }), _jsx("div", { className: "mt-3.5 mb-3xl grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), "aria-label": `View ${provider.name} games`, className: twMerge('flex h-14 w-full items-center rounded-md bg-brand-800', classNames.providerThumbnailRoot), onClick: () => {
+                                                }, children: "Clear" }) })] }) }), _jsx("div", { className: "flex max-h-[85dvh] min-h-0 flex-1 flex-col", children: _jsx("div", { className: "mt-2xl p-xl pb-3xl lg:mt-2 lg:max-h-[41rem] lg:overflow-y-auto lg:rounded-xl lg:border lg:border-border-primary lg:bg-bg-primary", children: search.length <= 0 ? (_jsx(Alert, { message: "Search for your favorite game, provider, or game type." })) : search.length === 1 ? (_jsx(Alert, { message: "Search requires at least 2 characters." })) : (_jsxs(_Fragment, { children: [empty && _jsx(Alert, { message: "No results found" }), !empty && (_jsxs(_Fragment, { children: [gameTypesFiltered.length > 0 &&
+                                                        featureFlag.enabled && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Type" }), _jsx("div", { className: "mt-3.5 mb-3xl grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameTypesFiltered.map((type) => (_jsx(Link, { href: viewGameTypeUrl(type), "aria-label": `View ${type.name} games`, className: twMerge('flex h-14 w-full items-center rounded-md bg-bg-primary-alt', classNames.gameTypeThumbnailRoot), onClick: () => {
+                                                                        globalStore.search.setOpen(false);
+                                                                    }, children: _jsx(Image, { src: props.gameTypeImages?.[type.id] ??
+                                                                            defaultGameTypeImages[type.id] ??
+                                                                            '', alt: "", width: 100, height: 50, className: twMerge('mx-auto h-auto w-full', classNames.gameTypeThumbnailName) }) }, type.id))) })] })), gameProviders.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Providers" }), _jsx("div", { className: "mt-3.5 mb-3xl grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5", children: gameProviders.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), "aria-label": `View ${provider.name} games`, className: twMerge('flex h-14 w-full items-center rounded-md bg-brand-800', classNames.providerThumbnailRoot), onClick: () => {
                                                                         globalStore.search.setOpen(false);
                                                                     }, children: _jsx(Image, { src: props.gameProviderImages?.[provider.id] ??
                                                                             provider.logo, alt: "", width: 100, height: 50, className: twMerge('mx-auto h-auto w-full', classNames.providerThumbnailImage) }) }, provider.id))) })] })), games.length > 0 && (_jsxs(_Fragment, { children: [_jsx("h2", { className: "font-semibold text-lg", children: "Games" }), _jsx("div", { className: twMerge('mt-3.5 grid grid-cols-3 gap-1.5 lg:grid-cols-9 lg:gap-3.5', classNames.gameSearchResult), children: games.map((game) => (_jsxs(GameLaunchTrigger, { bypassKycCheck: isBypass, game: game, className: twMerge('block w-full shadow-sm', classNames.gameThumbnailRoot), onClick: () => {

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/services/queries.d.ts

@@ -140,6 +140,7 @@ export declare const UNLINK_FIREBASE_CLOUD_MESSAGING_DEVICE = "\n  mutation Unli
 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 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";
 export declare const REQUIRE_FIRST_DEPOSIT = "\n  query RequireFirstDeposit {\n    requireFirstDeposit\n  }\n";

package/dist/services/queries.js

@@ -3325,6 +3325,34 @@ export const FAVORITE_GAMES = /* GraphQL */ `
     }
   }
 `;
+export const PLATFORM_GAMES = /* GraphQL */ `
+  query PlatformGames($first: Int, $after: Cursor, $filter: _GameFilterInput) {
+    _games(first: $first, after: $after, filter: $filter) {
+      totalCount
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      edges {
+        cursor
+        node {
+          ... on _Game {
+            id
+            reference
+            name
+            displayName
+            type
+            provider
+            status
+            hidden
+            hasFreeBet
+            hasJackpot
+          }
+        }
+      }
+    }
+  }
+`;
 export const GOOGLE_CLIENT_ID = /* GraphQL */ `
   query GoogleClientId {
     googleClientId

package/dist/services/wallet.d.ts

@@ -1,5 +1,5 @@
 import type { Simplify, SimplifyDeep } from 'type-fest';
-import type { Bonus, Cashback, CashbackBonus, DateFilterField, Deposit, EnumFilterField, FavoriteGame, GameSession, InstapayBank, MayaSession, ObjectIdFilterField, PointsWallet, Promo, PromoType, Wallet } from '../types';
+import type { BooleanFilterField, Bonus, Cashback, CashbackBonus, DateFilterField, Deposit, EnumFilterField, FavoriteGame, GameProvider, GameSession, GameType, InstapayBank, MayaSession, ObjectIdFilterField, PaginatedQueryResult, PlatformGame, PointsWallet, Promo, PromoType, StringFilterField, Wallet } from '../types';
 import { type GraphQLRequestOptions } from './graphqlRequest';
 export interface PromosQuery {
     promos: Promo[];
@@ -718,6 +718,25 @@ export interface FavoriteGamesQuery {
     favoriteGames: FavoriteGame[];
 }
 export declare const getFavoriteGames: (options?: GraphQLRequestOptions) => Promise<FavoriteGame[]>;
+export interface PlatformGamesQueryVariables {
+    after?: string;
+    first?: number;
+    filter?: {
+        id?: ObjectIdFilterField;
+        reference?: StringFilterField;
+        name?: StringFilterField;
+        displayName?: StringFilterField;
+        type?: EnumFilterField<GameType>;
+        provider?: EnumFilterField<GameProvider>;
+        hasFreeBet?: BooleanFilterField;
+        hasJackpot?: BooleanFilterField;
+    };
+}
+export interface PlatformGamesQuery {
+    _games: PaginatedQueryResult<PlatformGame>;
+}
+export type PlatformGamesInput = SimplifyDeep<PlatformGamesQueryVariables>;
+export declare const getPlatformGames: (input?: PlatformGamesInput, options?: GraphQLRequestOptions) => Promise<PaginatedQueryResult<PlatformGame>>;
 export type RedeemVoucherError = {
     name: 'InvalidVoucherError';
     message: string;

package/dist/services/wallet.js

@@ -2,7 +2,7 @@ import { cache } from 'react';
 import { WALLET_GRAPHQL_ENDPOINT } from '../constants/index.js';
 import { parseDecimal } from '../utils/parseDecimal.js';
 import { graphqlRequest } from './graphqlRequest.js';
-import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_AURIX_PAY_GCASH_DEPOSIT, CREATE_AURIX_PAY_GRAB_PAY_DEPOSIT, CREATE_AURIX_PAY_PAY_MAYA_DEPOSIT, CREATE_AURIX_PAY_QR_PH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WEBPAY_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, MEMBER_WALLET_ACCOUNT_QUERY, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REDEEM_VOUCHER, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
+import { AVAILABLE_PROMOS, BONUS, BONUS_BALANCES, BONUS_IDS, BONUSES, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUS_IDS, CASHBACK_BONUSES, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_GCASH_DEPOSIT, CREATE_AIO_GRAB_PAY_DEPOSIT, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_INSTAPAY_WITHDRAWAL_NEXT, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_PALAWAN_PAY_DEPOSIT, CREATE_AIO_PAY_MAYA_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_AURIX_PAY_GCASH_DEPOSIT, CREATE_AURIX_PAY_GRAB_PAY_DEPOSIT, CREATE_AURIX_PAY_PAY_MAYA_DEPOSIT, CREATE_AURIX_PAY_QR_PH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_STANDARD_CASH_IN_WITHDRAWAL, CREATE_GCASH_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, CREATE_LIBANGAN_DEPOSIT, CREATE_MANUAL_BANK_DEPOSIT, CREATE_MANUAL_BANK_WITHDRAWAL, CREATE_MANUAL_UPI_DEPOSIT, CREATE_MANUAL_UPI_WITHDRAWAL, CREATE_MAYA_APP_DEPOSIT, CREATE_MAYA_APP_WITHDRAWAL, CREATE_MAYA_DEPOSIT, CREATE_MAYA_WEBPAY_DEPOSIT, CREATE_MAYA_WITHDRAWAL, CREATE_PISO_PAY_DEPOSIT, CREATE_PISO_PAY_WITHDRAWAL, CREATE_VENTAJA_WITHDRAWAL, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, MEMBER_WALLET_ACCOUNT_QUERY, PLATFORM_GAMES, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, REDEEM_VOUCHER, REMAINING_DAILY_WITHDRAWALS_COUNT, TOUCH_GCASH_DEPOSIT, TOUCH_QRPH_DEPOSIT, UNMARK_GAME_AS_FAVORITE, VALIDATE_MAYA_SESSION, WALLET, } from './queries.js';
 import { sha256 } from './sha256.js';
 export const getPromos = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, {
@@ -582,6 +582,10 @@ export const getFavoriteGames = cache(async (options) => {
     const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, FAVORITE_GAMES, undefined, options);
     return res.favoriteGames;
 });
+export const getPlatformGames = cache(async (input, options) => {
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PLATFORM_GAMES, input, options);
+    return res._games;
+});
 var VoucherType;
 (function (VoucherType) {
     VoucherType[VoucherType["BUILTIN"] = 0] = "BUILTIN";

package/dist/types/index.d.ts

@@ -179,6 +179,18 @@ export interface Game {
     dateTimeLastUpdated: string;
     favorite: boolean;
 }
+export interface PlatformGame {
+    id: string;
+    reference?: string | null;
+    name?: string | null;
+    displayName?: string | null;
+    type?: GameType | null;
+    provider?: GameProvider | null;
+    status: GameStatus;
+    hidden: boolean;
+    hasFreeBet: boolean;
+    hasJackpot: boolean;
+}
 export interface RecommendedGame {
     id: string;
     name: string;

package/dist/ui/Badge/Badge.d.ts

@@ -37,7 +37,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -72,7 +72,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -107,7 +107,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeLabelProps extends ComponentPropsWithRef<'span'> {
     asChild?: boolean;
 }
@@ -146,7 +146,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -181,7 +181,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -216,7 +216,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIndicatorProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -255,7 +255,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -290,7 +290,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -325,7 +325,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 interface BadgeIconProps extends ComponentPropsWithRef<'svg'> {
     asChild?: boolean;
 }
@@ -364,7 +364,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -399,7 +399,7 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -434,5 +434,5 @@ export declare const Icon: import("react").ComponentType<import("@ark-ui/react")
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
 export {};

package/dist/ui/Badge/badge.anatomy.d.ts

@@ -1 +1 @@
-export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"label" | "root" | "indicator" | "icon">;
+export declare const badgeAnatomy: import("@ark-ui/react/anatomy").AnatomyInstance<"root" | "label" | "icon" | "indicator">;

package/dist/ui/Badge/badge.recipe.d.ts

@@ -33,7 +33,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, {
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, {
     size: {
         md: {
             root: string;
@@ -68,7 +68,7 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, import("tailwind-variants").TVReturnType<{
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
     size: {
         md: {
             root: string;
@@ -103,4 +103,4 @@ export declare const badgeRecipe: import("tailwind-variants").TVReturnType<{
             root: string;
         };
     };
-}, Record<"label" | "root" | "indicator" | "icon", string | string[]>, undefined, unknown, unknown, undefined>>;
+}, Record<"root" | "label" | "icon" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;