@opexa/portal-components 0.0.112 → 0.0.113

package/dist/client/hooks/useCashbackQuery.js

@@ -3,6 +3,9 @@ import { getCashback } from '../../services/wallet.js';
 import { getCashbackQueryKey } from '../../utils/queryKeys.js';
 export const useCashbackQuery = (id, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: !id ? false : config?.enabled,
         queryKey: getCashbackQueryKey(id),

package/dist/client/hooks/useCashbacksQuery.js

@@ -3,6 +3,9 @@ import { getCashbacks } from '../../services/wallet.js';
 import { getCashbacksQueryKey } from '../../utils/queryKeys.js';
 export const useCashbacksQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getCashbacksQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useChunk.js

@@ -1,7 +1,8 @@
 import { chunk } from 'lodash-es';
-import { useState } from 'react';
+import { cache, useState } from 'react';
+const fn = cache(chunk);
 export function useChunk(items, size) {
-    const chunks = chunk(items, size);
+    const chunks = fn(items, size);
     const [currentIndex, setCurrentIndex] = useState(0);
     const currentItems = chunks.at(currentIndex) ?? [];
     const loadedItems = (() => {

package/dist/client/hooks/useFavoriteGamesQuery.js

@@ -7,6 +7,9 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useFavoriteGamesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useInstapayBankListQuery.js

@@ -7,6 +7,9 @@ import { useSessionQuery } from './useSessionQuery.js';
 export const useInstapayBankListQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false

package/dist/client/hooks/useJackpotPayoutsQuery.js

@@ -3,6 +3,9 @@ import { getJackpotPayouts, } from '../../services/report.js';
 import { getJackpotPayoutsQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotPayoutsQuery = (input, config) => {
     const query = useInfiniteQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotPayoutsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/client/hooks/useJackpotsCountQuery.js

@@ -3,6 +3,9 @@ import { getJackpotsCount, } from '../../services/report.js';
 import { getJackpotsCountQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotsCountQuery = (input, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotsCountQueryKey(input),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useJackpotsQuery.js

@@ -3,6 +3,9 @@ import { getJackpots } from '../../services/report.js';
 import { getJackpotsQueryKey } from '../../utils/queryKeys.js';
 export const useJackpotsQuery = (input, config) => {
     const query = useInfiniteQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getJackpotsQueryKey(input),
         queryFn: ({ pageParam, signal }) => {

package/dist/client/hooks/usePlatformQuery.js

@@ -3,6 +3,9 @@ import { getPlatform } from '../../services/portal.js';
 import { getPlatformQueryKey } from '../../utils/queryKeys.js';
 export const usePlatformQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getPlatformQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/usePromoQuery.js

@@ -3,6 +3,9 @@ import { getPromo } from '../../services/wallet.js';
 import { getPromoQueryKey } from '../../utils/queryKeys.js';
 export const usePromoQuery = (id, config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: !id ? false : config?.enabled,
         queryKey: getPromoQueryKey(id),

package/dist/client/hooks/usePromosQuery.js

@@ -3,6 +3,9 @@ import { getPromos } from '../../services/wallet.js';
 import { getPromosQueryKey } from '../../utils/queryKeys.js';
 export const usePromosQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getPromosQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/client/hooks/useRecommendedGamesQuery.js

@@ -1,17 +1,20 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { getRecommendedGames } from '../../services/portal.js';
-import { getOnboardingStatusQueryKey } from '../../utils/queryKeys.js';
+import { getRecommendedGamesQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 import { useSessionQuery } from './useSessionQuery.js';
 export const useRecommendedGamesQuery = (config) => {
     const sessionQuery = useSessionQuery();
     const query = useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         enabled: config?.enabled === false
             ? false
             : sessionQuery.data?.status === 'authenticated',
-        queryKey: getOnboardingStatusQueryKey(),
+        queryKey: getRecommendedGamesQueryKey(),
         queryFn: async ({ signal }) => {
             const session = await getSession();
             invariant(session.status === 'authenticated');

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

@@ -7,12 +7,12 @@ interface UseRemainingTimeOptions {
     onExpired?: () => void;
 }
 export declare function useRemainingTime(value: Date | string | number, options?: UseRemainingTimeOptions): {
+    subscribe: (subscriber: Subscriber) => () => void;
     days: number;
     hours: number;
     minutes: number;
-    expired: boolean;
     seconds: number;
+    expired: boolean;
     toString(): string;
-    subscribe: (subscriber: Subscriber) => () => void;
 };
 export {};

package/dist/client/hooks/useRemainingTime.js

@@ -1,7 +1,36 @@
 import { differenceInDays, differenceInHours, differenceInMinutes, differenceInSeconds, isAfter, } from 'date-fns';
 import { isNumber, isString, noop } from 'lodash-es';
-import { useRef, useState } from 'react';
+import { cache, useRef, useState } from 'react';
 import { useInterval } from 'usehooks-ts';
+const getRemainingTime = cache((value, compareValue) => {
+    const expiration = isString(value) || isNumber(value) ? new Date(value) : value;
+    const expired = isAfter(compareValue, expiration);
+    const days = expired ? 0 : differenceInDays(expiration, compareValue);
+    const hours = expired
+        ? 0
+        : differenceInHours(expiration, compareValue) - days * 24;
+    const minutes = expired
+        ? 0
+        : differenceInMinutes(expiration, compareValue) -
+            days * 24 * 60 -
+            hours * 60;
+    const seconds = expired
+        ? 0
+        : differenceInSeconds(expiration, compareValue) -
+            days * 24 * 60 * 60 -
+            hours * 60 * 60 -
+            minutes * 60;
+    return {
+        days,
+        hours,
+        minutes,
+        seconds,
+        expired,
+        toString() {
+            return `${days}d:${hours}h:${minutes}m:${seconds}s`;
+        },
+    };
+});
 export function useRemainingTime(value, options = {}) {
     const subscribers = useRef([
         () => {
@@ -21,35 +50,17 @@ export function useRemainingTime(value, options = {}) {
         });
     };
     const [now, setNow] = useState(new Date());
-    const expiration = isString(value) || isNumber(value) ? new Date(value) : value;
-    const expired = isAfter(now, expiration);
-    const days = expired ? 0 : differenceInDays(expiration, now);
-    const hours = expired ? 0 : differenceInHours(expiration, now) - days * 24;
-    const minutes = expired
-        ? 0
-        : differenceInMinutes(expiration, now) - days * 24 * 60 - hours * 60;
-    const seconds = expired
-        ? 0
-        : differenceInSeconds(expiration, now) -
-            days * 24 * 60 * 60 -
-            hours * 60 * 60 -
-            minutes * 60;
+    const exp = isString(value) || isNumber(value) ? new Date(value) : value;
+    const res = getRemainingTime(exp, now);
     useInterval(() => {
         const d = new Date();
         setNow(d);
-        if (isAfter(d, expiration)) {
+        if (isAfter(d, exp)) {
             triggerEvent({ type: 'EXPIRED' });
         }
-    }, expired ? null : 1000);
+    }, res.expired ? null : 1000);
     return {
-        days,
-        hours,
-        minutes,
-        expired,
-        seconds,
-        toString() {
-            return `${days}d:${hours}h:${minutes}m:${seconds}s`;
-        },
+        ...res,
         subscribe,
     };
 }

package/dist/client/hooks/useSiteQuery.js

@@ -1,14 +1,16 @@
 import { useQuery } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
-import { SITE_ID } from '../../constants/index.js';
 import { getSite } from '../../services/cmsPortal.js';
 import { getSiteQueryKey } from '../../utils/queryKeys.js';
 export const useSiteQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getSiteQueryKey(),
         queryFn: async ({ signal }) => {
-            const site = await getSite(SITE_ID, { signal });
+            const site = await getSite({ signal });
             invariant(site);
             return site;
         },

package/dist/client/hooks/useTopWinsQuery.js

@@ -3,6 +3,9 @@ import { getTopWins } from '../../services/portal.js';
 import { getTopWinsQueryKey } from '../../utils/queryKeys.js';
 export const useTopWinsQuery = (config) => {
     return useQuery({
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
         ...config,
         queryKey: getTopWinsQueryKey(),
         queryFn: async ({ signal }) => {

package/dist/server/utils/prefetchSiteQuery.js

@@ -1,4 +1,3 @@
-import { SITE_ID } from '../../constants/index.js';
 import { getSite } from '../../services/cmsPortal.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
 import { log } from '../../utils/log.js';
@@ -8,9 +7,7 @@ export const prefetchSiteQuery = async () => {
         .prefetchQuery({
         queryKey: getSiteQueryKey(),
         queryFn: async ({ signal }) => {
-            return await getSite(SITE_ID, {
-                signal,
-            });
+            return await getSite({ signal });
         },
     })
         .catch(() => log.text("'prefetchSiteQuery' failed", 'error'));

package/dist/services/cmsPortal.d.ts

@@ -4,7 +4,7 @@ import { type HttpRequestOptions } from './httpRequest';
 export interface SiteQuery {
     data: Site;
 }
-export declare const getSite: (id: string, options?: HttpRequestOptions) => Promise<Site | null>;
+export declare const getSite: (options?: HttpRequestOptions) => Promise<Site | null>;
 export interface GamesQueryVariables {
     after?: string;
     first?: number;

package/dist/services/cmsPortal.js

@@ -1,9 +1,17 @@
 import { cache } from 'react';
-import { CMS_PORTAL_ENDPOINT } from '../constants/index.js';
+import { CMS_PORTAL_ENDPOINT, SITE_ID } from '../constants/index.js';
 import { httpRequest } from './httpRequest.js';
-export const getSite = cache(async (id, options) => {
+export const getSite = cache(async (options) => {
     try {
-        const { data } = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v1/sites/${id}`, options);
+        const { data } = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v1/sites/${SITE_ID}`, {
+            cache: 'force-cache',
+            ...options,
+            next: {
+                revalidate: 60 * 5,
+                tags: ['site', SITE_ID],
+                ...options?.next,
+            },
+        });
         return data ?? null;
     }
     catch {
@@ -53,7 +61,16 @@ export async function getGames(input, options) {
     if (input?.sort)
         search.set('sort[order]', input.sort);
     try {
-        const res = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v1/games?${search.toString()}`, options);
+        const qs = search.toString();
+        const res = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v1/games?${qs}`, {
+            cache: 'force-cache',
+            ...options,
+            next: {
+                revalidate: 60 * 5,
+                tags: ['games', qs],
+                ...options?.next,
+            },
+        });
         return {
             edges: res.data.map((node) => ({
                 node,
@@ -122,7 +139,16 @@ export const getGames__next = cache(async (input, options) => {
         search.set('sort[context]', input.sort.context.toLowerCase());
     }
     try {
-        const res = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v2/games?${search.toString()}`, options);
+        const qs = search.toString();
+        const res = await httpRequest.json(`${CMS_PORTAL_ENDPOINT}/v2/games?${qs}`, {
+            cache: 'force-cache',
+            ...options,
+            next: {
+                revalidate: 60 * 5,
+                tags: ['games', qs],
+                ...options?.next,
+            },
+        });
         return {
             edges: res.data.map((node) => ({
                 node,

package/dist/services/portal.js

@@ -7,11 +7,27 @@ export const getLatestBetRecords = cache(async (options) => {
     return res.latestBetRecords;
 });
 export const getPlatform = cache(async (options) => {
-    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, PLATFORM, undefined, options);
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, PLATFORM, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            revalidate: 60,
+            tags: ['platform'],
+            ...options?.next,
+        },
+    });
     return res;
 });
 export const getRecommendedGames = cache(async (options) => {
-    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, RECOMMENDED_GAMES, undefined, options);
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, RECOMMENDED_GAMES, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            revalidate: 60,
+            tags: ['recommendedGames'],
+            ...options?.next,
+        },
+    });
     return res.recommendedGames;
 });
 export const getOnboardingStatus = cache(async (options) => {
@@ -39,6 +55,14 @@ export const skipOnboarding = async (options) => {
     }
 };
 export const getTopWins = cache(async (options) => {
-    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, TOP_WINS, undefined, options);
+    const res = await graphqlRequest(PORTAL_GRAPHQL_ENDPOINT, TOP_WINS, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            revalidate: 60 * 5,
+            tags: ['topWins'],
+            ...options?.next,
+        },
+    });
     return res.topWins;
 });

package/dist/services/report.js

@@ -51,22 +51,62 @@ export const getPromoByCode = cache(async (code, options) => {
     return res.promoByCode;
 });
 export const getJackpots = cache(async (input, options) => {
-    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOTS, input, options);
+    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOTS, input, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['jackpots', JSON.stringify(input)],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.jackpots;
 });
 export const getJackpotsCount = cache(async (input, options) => {
-    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOTS_COUNT, input, options);
+    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOTS_COUNT, input, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['jackpotsCount', JSON.stringify(input)],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.jackpots.totalCount ?? 0;
 });
 export const getJackpotPayouts = cache(async (input, options) => {
-    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOT_PAYOUTS, input, options);
+    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, JACKPOT_PAYOUTS, input, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['jackpotPayouts', JSON.stringify(input)],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.jackpotPayouts;
 });
 export const getTournaments = cache(async (input, options) => {
-    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, TOURNAMENTS, input, options);
+    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, TOURNAMENTS, input, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['tournaments', JSON.stringify(input)],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.tournaments;
 });
 export const getTournamentsCount = cache(async (input, options) => {
-    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, TOURNAMENTS_COUNT, input, options);
+    const res = await graphqlRequest(REPORT_GRAPHQL_ENDPOINT, TOURNAMENTS_COUNT, input, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['tournamentsCount', JSON.stringify(input)],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.tournaments.totalCount ?? 0;
 });

package/dist/services/wallet.js

@@ -4,11 +4,27 @@ import { graphqlRequest } from './graphqlRequest.js';
 import { AVAILABLE_PROMOS, BONUS, BONUSES, BONUSES_IDS, CASHBACK, CASHBACK_BONUS, CASHBACK_BONUSES, CASHBACK_BONUSES_IDS, CASHBACKS, CLAIM_CASHBACK_BONUS, CLAIM_SPOT_BONUS, CREATE_AIO_INSTAPAY_WITHDRAWAL, CREATE_AIO_ONLINE_BANK_DEPOSIT, CREATE_AIO_QRPH_DEPOSIT, CREATE_BANK_WITHDRAWAL, CREATE_GAME_SESSION, CREATE_GCASH_DEPOSIT, CREATE_GCASH_DIRECT_WEBPAY_DEPOSIT, CREATE_GCASH_WITHDRAWAL, 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_WITHDRAWAL, CURRENT_BONUS, DEPOSIT, END_GAME_SESSION, FAVORITE_GAMES, GAME_SESSION, INSTAPAY_BANK_LIST, MARK_GAME_AS_FAVORITE, MAYA_SESSION, POINTS_WALLET, PROMO, PROMOS, REDEEM_POINTS_TO_CASH, 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, options);
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, PROMOS, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['promos'],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.promos;
 });
 export const getCashbacks = cache(async (options) => {
-    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CASHBACKS, undefined, options);
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, CASHBACKS, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            tags: ['cashbacks'],
+            revalidate: 60,
+            ...options?.next,
+        },
+    });
     return res.cashbacks;
 });
 export const getPromo = cache(async (id, options) => {
@@ -242,7 +258,14 @@ export const createManualBankWithdrawal = async (input, options) => {
     }
 };
 export const getInstapayBankList = cache(async (options) => {
-    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, INSTAPAY_BANK_LIST, undefined, options);
+    const res = await graphqlRequest(WALLET_GRAPHQL_ENDPOINT, INSTAPAY_BANK_LIST, undefined, {
+        cache: 'force-cache',
+        ...options,
+        next: {
+            revalidate: 60 * 60 * 4,
+            tags: ['instapayBankList'],
+        },
+    });
     return res.instapayBankList;
 });
 export const getRemainingDailyWithdrawalsCount = cache(async (options) => {

package/package.json

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