@opexa/portal-components 0.1.62 → 0.1.64

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

@@ -0,0 +1,6 @@
+import type { GamesInput__Next } from '../../services/cmsPortal';
+import type { PlatformGamesInput } from '../../services/wallet';
+import type { Game, PaginatedQueryResult, PlatformGame } from '../../types';
+export declare const mapGamesInputToPlatformGamesInput: (input?: GamesInput__Next) => PlatformGamesInput;
+export declare const getPlatformGameFallbackImage: (provider: string, gameId: string) => string;
+export declare const normalizePlatformGames: (data: PaginatedQueryResult<PlatformGame>) => PaginatedQueryResult<Game>;

package/dist/client/hooks/platformGamesFallback.js

@@ -0,0 +1,66 @@
+import { ObjectId } from '@opexa/object-id';
+import { PLATFORM_ID, SITE_ID, STATIC_ENDPOINT } from '../../constants/index.js';
+export const mapGamesInputToPlatformGamesInput = (input) => {
+    const filter = input?.filter;
+    return {
+        ...(input?.first != null && { first: input.first }),
+        ...(input?.after != null && { after: input.after }),
+        filter: {
+            ...(filter?.reference && { id: filter.reference }),
+            ...(filter?.type && { type: filter.type }),
+            ...(filter?.provider && { provider: filter.provider }),
+            status: { equal: 'ACTIVE' },
+            hidden: { equal: false },
+        },
+    };
+};
+export const getPlatformGameFallbackImage = (provider, gameId) => {
+    const slug = provider.toLowerCase();
+    return `${STATIC_ENDPOINT}/images/${slug}/thumbnail-${gameId}.webp`;
+};
+const normalizePlatformGame = (platformGame, cursor) => {
+    const name = platformGame.displayName ?? platformGame.name;
+    if (platformGame.hidden ||
+        platformGame.status !== 'ACTIVE' ||
+        !name ||
+        !platformGame.provider ||
+        !platformGame.type) {
+        return null;
+    }
+    const gameId = ObjectId.from(platformGame.id).toString('hex');
+    return {
+        id: platformGame.id,
+        game: platformGame.id,
+        name,
+        type: platformGame.type,
+        provider: platformGame.provider,
+        tags: [],
+        rank: '0',
+        site: SITE_ID,
+        image: getPlatformGameFallbackImage(platformGame.provider, gameId),
+        cursor,
+        status: 'ACTIVE',
+        platform: PLATFORM_ID,
+        reference: platformGame.id,
+        dateTimeCreated: '',
+        dateTimeLastUpdated: '',
+        favorite: false,
+        hidden: false,
+    };
+};
+export const normalizePlatformGames = (data) => {
+    const edges = data.edges.flatMap((edge) => {
+        const game = normalizePlatformGame(edge.node, edge.cursor);
+        return game ? [{ cursor: edge.cursor, node: game }] : [];
+    });
+    return {
+        edges,
+        totalCount: data.totalCount,
+        pageInfo: {
+            hasNextPage: Boolean(data.pageInfo.hasNextPage && data.pageInfo.endCursor),
+            endCursor: data.pageInfo.hasNextPage
+                ? data.pageInfo.endCursor
+                : undefined,
+        },
+    };
+};

package/dist/client/hooks/useGamesQuery.js

@@ -1,25 +1,59 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 import { getGames__next, } from '../../services/cmsPortal.js';
-import { getGamesQueryKey } from '../../utils/queryKeys.js';
+import { getPlatformGames } from '../../services/wallet.js';
+import { getGamesPlatformFallbackQueryKey, getGamesQueryKey, } from '../../utils/queryKeys.js';
+import { mapGamesInputToPlatformGamesInput, normalizePlatformGames, } from './platformGamesFallback.js';
+import { useFeatureFlag } from './useFeatureFlag.js';
+const parsePageParam = (pageParam) => {
+    if (pageParam?.startsWith('platform:')) {
+        return { after: pageParam.slice('platform:'.length), source: 'platform' };
+    }
+    if (pageParam?.startsWith('cms:')) {
+        return { after: pageParam.slice('cms:'.length), source: 'cms' };
+    }
+    return { after: pageParam, source: 'cms' };
+};
 export const useGamesQuery = (input, config) => {
+    const featureFlag = useFeatureFlag();
+    const shouldUsePlatformGames = featureFlag.enabled;
     return useInfiniteQuery({
         refetchOnMount: false,
         refetchOnReconnect: false,
         refetchOnWindowFocus: false,
         ...config,
-        queryKey: getGamesQueryKey(input),
-        queryFn: ({ pageParam, signal }) => {
-            return getGames__next({
+        queryKey: shouldUsePlatformGames
+            ? getGamesPlatformFallbackQueryKey(input)
+            : getGamesQueryKey(input),
+        queryFn: async ({ pageParam, signal }) => {
+            const { after, source } = parsePageParam(pageParam);
+            if (source === 'platform') {
+                const page = await getPlatformGames(mapGamesInputToPlatformGamesInput({ ...input, after }), { signal });
+                return { ...normalizePlatformGames(page), __source: 'platform' };
+            }
+            const page = await getGames__next({
                 ...input,
-                after: pageParam,
+                after,
             }, {
                 signal,
             });
+            signal.throwIfAborted();
+            if (!pageParam && shouldUsePlatformGames && page.edges.length === 0) {
+                const platformPage = await getPlatformGames(mapGamesInputToPlatformGamesInput(input), { signal });
+                return {
+                    ...normalizePlatformGames(platformPage),
+                    __source: 'platform',
+                };
+            }
+            return { ...page, __source: 'cms' };
         },
         initialPageParam: undefined,
         getNextPageParam(lastPage) {
             if (lastPage?.pageInfo?.hasNextPage) {
-                return lastPage?.pageInfo?.endCursor;
+                const after = lastPage.pageInfo.endCursor;
+                if (after) {
+                    const source = lastPage.__source ?? 'cms';
+                    return `${source}:${after}`;
+                }
             }
         },
     });

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/OnlineBankDepositContext.d.ts

@@ -1,6 +1,6 @@
 export declare const OnlineBankDepositContext: (props: {
     value: {
-        view: "form" | "vca";
+        view: "vca" | "form";
         status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
         verify: () => void;
         reset: () => void;
@@ -13,7 +13,7 @@ export declare const OnlineBankDepositContext: (props: {
 } & {
     children?: import("react").ReactNode | undefined;
 }) => React.ReactNode, useOnlineBankDepositContext: () => {
-    view: "form" | "vca";
+    view: "vca" | "form";
     status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/components/DepositWithdrawal/Deposit/OnlineBankDeposit/useOnlineBankDeposit.d.ts

@@ -1,7 +1,7 @@
 import type { Deposit } from '../../../../types';
 export type UseOnlineBankDepositReturn = ReturnType<typeof useOnlineBankDeposit>;
 export declare function useOnlineBankDeposit(): {
-    view: "form" | "vca";
+    view: "vca" | "form";
     status: "waiting" | "failed" | "processing" | "verification-waiting" | "verification-processing" | "verification-failed" | "verification-success";
     verify: () => void;
     reset: () => void;

package/dist/services/wallet.d.ts

@@ -1,5 +1,5 @@
 import type { Simplify, SimplifyDeep } from 'type-fest';
-import type { BooleanFilterField, Bonus, Cashback, CashbackBonus, DateFilterField, Deposit, EnumFilterField, GameProvider, GameSession, GameType, InstapayBank, MayaSession, ObjectIdFilterField, PaginatedQueryResult, PlatformGame, PointsWallet, Promo, PromoType, StringFilterField, Wallet } from '../types';
+import type { BooleanFilterField, Bonus, Cashback, CashbackBonus, DateFilterField, Deposit, EnumFilterField, GameProvider, GameSession, GameStatus, GameType, InstapayBank, MayaSession, ObjectIdFilterField, PaginatedQueryResult, PlatformGame, PointsWallet, Promo, PromoType, StringFilterField, Wallet } from '../types';
 import { type GraphQLRequestOptions } from './graphqlRequest';
 export interface PromosQuery {
     promos: Promo[];
@@ -711,6 +711,8 @@ export interface PlatformGamesQueryVariables {
         provider?: EnumFilterField<GameProvider>;
         hasFreeBet?: BooleanFilterField;
         hasJackpot?: BooleanFilterField;
+        status?: EnumFilterField<GameStatus>;
+        hidden?: BooleanFilterField;
     };
 }
 export interface PlatformGamesQuery {

package/dist/utils/queryKeys.d.ts

@@ -15,6 +15,7 @@ export declare const getDepositQueryKey: (id: string) => QueryKey;
 export declare const getDepositRecordsQueryKey: (input?: DepositRecordsInput) => QueryKey;
 export declare const getDepositsCountQueryKey: () => QueryKey;
 export declare const getGamesQueryKey: (input?: GamesInput__Next) => QueryKey;
+export declare const getGamesPlatformFallbackQueryKey: (input?: GamesInput__Next) => QueryKey;
 export declare const getPlatformGamesQueryKey: (input?: PlatformGamesInput) => QueryKey;
 export declare const getFavoriteGamesQueryKey: () => QueryKey;
 export declare const getRecentGamesQueryKey: () => QueryKey;

package/dist/utils/queryKeys.js

@@ -12,6 +12,7 @@ export const getDepositQueryKey = (id) => [PARENT_KEY, 'deposit', id].filter(Boo
 export const getDepositRecordsQueryKey = (input) => [PARENT_KEY, 'depositRecords', input].filter(Boolean);
 export const getDepositsCountQueryKey = () => [PARENT_KEY, 'depositsCount'].filter(Boolean);
 export const getGamesQueryKey = (input) => [PARENT_KEY, 'games', input].filter(Boolean);
+export const getGamesPlatformFallbackQueryKey = (input) => [PARENT_KEY, 'games', 'platform-fallback', input].filter(Boolean);
 export const getPlatformGamesQueryKey = (input) => [PARENT_KEY, 'platformGames', input].filter(Boolean);
 export const getFavoriteGamesQueryKey = () => [PARENT_KEY, 'favoriteGames'].filter(Boolean);
 export const getRecentGamesQueryKey = () => [PARENT_KEY, 'recentGames'].filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opexa/portal-components",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "exports": {
     "./ui/*": {
       "types": "./dist/ui/*/index.d.ts",