@opexa/portal-components 0.0.107 → 0.0.109

package/dist/client/hooks/useAuthenticateMutation.js

@@ -1,6 +1,7 @@
 import { useMutation } from '@tanstack/react-query';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getAuthenticateMutationKey, getSessionQueryKey, } from '../../utils/queryKeys.js';
+import { getAuthenticateMutationKey } from '../../utils/mutationKeys.js';
+import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { authenticate } from '../services/authenticate.js';
 export const useAuthenticateMutation = (config) => {
     const queryClient = getQueryClient();

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

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

package/dist/client/hooks/useCheckInDailyCheckInQuestMutation.js

@@ -1,9 +1,13 @@
 import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { checkInDailyCheckInQuest } from '../../services/trigger.js';
-import { getCheckInDailyQuestMutationKey } from '../../utils/queryKeys.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCheckInDailyQuestMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCheckInDailyCheckInQuestMutation = (config) => {
+    const queryClient = getQueryClient();
     const mutation = useMutation({
         ...config,
         mutationKey: getCheckInDailyQuestMutationKey(),
@@ -15,7 +19,21 @@ export const useCheckInDailyCheckInQuestMutation = (config) => {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
-            return id;
+            queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                return prev?.map((quest) => {
+                    const incrementPercent = 100 / 7;
+                    const progressPercentage = parseDecimal(quest.progressPercentage, 0) + incrementPercent;
+                    if (quest.id === id) {
+                        return {
+                            ...quest,
+                            status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                            lastCheckInDate: new Date().toISOString(),
+                            progressPercentage: progressPercentage.toFixed(2),
+                        };
+                    }
+                    return quest;
+                });
+            });
         },
     });
     return mutation;

package/dist/client/hooks/useClaimCashbackBonusMutation.js

@@ -2,7 +2,8 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { claimCashbackBonus } from '../../services/wallet.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCashbackBonusesCountQueryKey, getCashbackBonusesQueryKey, getClaimCashbackBonusMutationKey, } from '../../utils/queryKeys.js';
+import { getClaimCashbackBonusMutationKey } from '../../utils/mutationKeys.js';
+import { getCashbackBonusesCountQueryKey, getCashbackBonusesQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useClaimCashbackBonusMutation = (config) => {
     const queryClient = getQueryClient();

package/dist/client/hooks/useClaimSpotBonusMutation.js

@@ -2,7 +2,8 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { claimSpotBonus } from '../../services/wallet.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getBonusesQueryKey, getClaimSpotBonusMutationKey, } from '../../utils/queryKeys.js';
+import { getClaimSpotBonusMutationKey } from '../../utils/mutationKeys.js';
+import { getBonusesQueryKey } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useClaimSpotBonusMutation = (config) => {
     const queryClient = getQueryClient();

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

@@ -0,0 +1,3 @@
+import { type CompleteOnboardingInput } from '../../services/portal';
+import type { Mutation } from '../../types';
+export declare const useCompleteOnboardingMutation: Mutation<void, CompleteOnboardingInput>;

package/dist/client/hooks/useCompleteOnboardingMutation.js

@@ -0,0 +1,25 @@
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { completeOnboarding, } from '../../services/portal.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCompleteOnboardingMutationKey } from '../../utils/mutationKeys.js';
+import { getOnboardingStatusQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCompleteOnboardingMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCompleteOnboardingMutationKey(),
+        mutationFn: async (input) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            await completeOnboarding(input, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            queryClient.setQueryData(getOnboardingStatusQueryKey(), () => 'COMPLETED');
+        },
+    });
+    return mutation;
+};

package/dist/client/hooks/useCreateGCashDepositMutation.js

@@ -1,11 +1,14 @@
 import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createGCashDeposit, getDeposit, } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateGCashDepositMutationKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getCreateGCashDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateGCashDepositMutation = (config) => {
     const queryClient = getQueryClient();
@@ -43,6 +46,22 @@ export const useCreateGCashDepositMutation = (config) => {
                 error.message = 'Failed to process GCash deposit';
                 throw error;
             }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
             queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
             return res;
         },

package/dist/client/hooks/useCreateGCashWithdrawalMutation.js

@@ -3,7 +3,7 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createGCashWithdrawal, } from '../../services/wallet.js';
-import { getCreateGCashWithdrawalMutationKey } from '../../utils/queryKeys.js';
+import { getCreateGCashWithdrawalMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateGCashWithdrawalMutation = (config) => {
     const mutation = useMutation({

package/dist/client/hooks/useCreateGameSessionMutation.js

@@ -6,7 +6,7 @@ import { createGameSession__legacy, getGameSession__legacy, } from '../../servic
 import { ObjectType } from '../../services/ObjectType.js';
 import { createGameSession, getGameSession } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
-import { getCreateGameSessionMutationKey } from '../../utils/queryKeys.js';
+import { getCreateGameSessionMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateGameSessionMutation = (config) => {
     return useMutation({

package/dist/client/hooks/useCreateInstapayWithdrawalMutation.js

@@ -3,7 +3,7 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createAIOInstapayWithdrawal, } from '../../services/wallet.js';
-import { getCreateInstapayWithdrawalMutationKey } from '../../utils/queryKeys.js';
+import { getCreateInstapayWithdrawalMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateInstapayWithdrawalMutation = (config) => {
     const mutation = useMutation({

package/dist/client/hooks/useCreateMayaAppDepositMutation.js

@@ -1,11 +1,14 @@
 import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createMayaAppDeposit, getDeposit, } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateMayaAppDepositMutationKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getCreateMayaAppDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateMayaAppDepositMutation = (config) => {
     const queryClient = getQueryClient();
@@ -43,6 +46,22 @@ export const useCreateMayaAppDepositMutation = (config) => {
                 error.message = 'Failed to process Maya deposit';
                 throw error;
             }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
             queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
             return res;
         },

package/dist/client/hooks/useCreateMayaAppWithdrawalMutation.js

@@ -3,7 +3,7 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createMayaAppWithdrawal, } from '../../services/wallet.js';
-import { getCreateMayaAppWithdrawalMutationKey } from '../../utils/queryKeys.js';
+import { getCreateMayaAppWithdrawalMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateMayaAppWithdrawalMutation = (config) => {
     const mutation = useMutation({

package/dist/client/hooks/useCreateMayaDepositMutation.js

@@ -1,11 +1,14 @@
 import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createMayaDeposit, getDeposit, } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateMayaDepositMutationKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getCreateMayaDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateMayaDepositMutation = (config) => {
     const queryClient = getQueryClient();
@@ -43,6 +46,22 @@ export const useCreateMayaDepositMutation = (config) => {
                 error.message = 'Failed to process Maya deposit';
                 throw error;
             }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
             queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
             return res;
         },

package/dist/client/hooks/useCreateMayaWithdrawalMutation.js

@@ -3,7 +3,7 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createMayaWithdrawal, } from '../../services/wallet.js';
-import { getCreateMayaWithdrawalMutationKey } from '../../utils/queryKeys.js';
+import { getCreateMayaWithdrawalMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateMayaWithdrawalMutation = (config) => {
     const mutation = useMutation({

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

@@ -0,0 +1,4 @@
+import type { SetOptional } from 'type-fest';
+import { type CreateMemberVerificationInput } from '../../services/account';
+import type { Mutation } from '../../types';
+export declare const useCreateMemberVerificationMutation: Mutation<string, SetOptional<CreateMemberVerificationInput, 'id'>>;

package/dist/client/hooks/useCreateMemberVerificationMutation.js

@@ -0,0 +1,45 @@
+import { ObjectId } from '@opexa/object-id';
+import { useMutation } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { createMemberVerification__next, } from '../../services/account.js';
+import { ObjectType } from '../../services/ObjectType.js';
+import { getQueryClient } from '../../utils/getQueryClient.js';
+import { getCreateMemberVerificationQueryKey } from '../../utils/mutationKeys.js';
+import { getAccountQueryKey, getMemberVerificationQueryKey, } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+export const useCreateMemberVerificationMutation = (config) => {
+    const queryClient = getQueryClient();
+    const mutation = useMutation({
+        ...config,
+        mutationKey: getCreateMemberVerificationQueryKey(),
+        mutationFn: async (data) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const id = data.id ?? ObjectId.generate(ObjectType.MemberVerification).toString();
+            await createMemberVerification__next({ ...data, id }, {
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            queryClient.setQueryData(getMemberVerificationQueryKey(), () => {
+                return {
+                    id,
+                    ...data,
+                    status: 'PENDING',
+                    selfieImage: { id: data.selfieImage, status: 'UPLOADING' },
+                    idFrontImage: { id: data.idFrontImage, status: 'UPLOADING' },
+                };
+            });
+            queryClient.setQueryData(getAccountQueryKey(), (prev) => {
+                if (!prev)
+                    return prev;
+                return {
+                    ...prev,
+                    verificationStatus: 'PENDING',
+                };
+            });
+            return id;
+        },
+    });
+    return mutation;
+};

package/dist/client/hooks/useCreateOnlineBankDepositMutation.js

@@ -1,11 +1,14 @@
 import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createAIOOnlineBankDeposit, getDeposit, } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateOnlineBankDepositMutationKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getCreateOnlineBankDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateOnlineBankDepositMutation = (config) => {
     const queryClient = getQueryClient();
@@ -46,6 +49,22 @@ export const useCreateOnlineBankDepositMutation = (config) => {
                 error.message = 'Failed to process online bank deposit';
                 throw error;
             }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
             queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
             return res;
         },

package/dist/client/hooks/useCreateQRPHDepositMutation.js

@@ -1,11 +1,14 @@
 import { ObjectId } from '@opexa/object-id';
 import { useMutation } from '@tanstack/react-query';
+import { clamp } from 'lodash-es';
 import invariant from 'tiny-invariant';
 import { ObjectType } from '../../services/ObjectType.js';
 import { createAIOQRPHDeposit, getDeposit, } from '../../services/wallet.js';
 import { createPoll } from '../../utils/createPoll.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getCreateQRPHDepositMutationKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
+import { getCreateQRPHDepositMutationKey } from '../../utils/mutationKeys.js';
+import { parseDecimal } from '../../utils/parseDecimal.js';
+import { getAvailableQuestsQueryKey, getDepositsCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useCreateQRPHDepositMutation = (config) => {
     const queryClient = getQueryClient();
@@ -46,6 +49,22 @@ export const useCreateQRPHDepositMutation = (config) => {
                 error.message = 'Failed to process QR PH deposit';
                 throw error;
             }
+            const depositsCount = queryClient.getQueryData(getDepositsCountQueryKey()) ?? 0;
+            if (depositsCount <= 0) {
+                queryClient.setQueryData(getAvailableQuestsQueryKey(), (prev) => {
+                    return prev?.map((quest) => {
+                        const progressPercentage = clamp(parseDecimal(quest.progressPercentage, 0) + 50, 100);
+                        if (quest.type === 'ONBOARDING') {
+                            return {
+                                ...quest,
+                                status: progressPercentage >= 100 ? 'COMPLETED' : quest.status,
+                                progressPercentage: progressPercentage.toFixed(2),
+                            };
+                        }
+                        return quest;
+                    });
+                });
+            }
             queryClient.setQueryData(getDepositsCountQueryKey(), (prev) => prev ? prev + 1 : 1);
             return res;
         },

package/dist/client/hooks/useEndGameSessionMutation.js

@@ -3,7 +3,7 @@ import invariant from 'tiny-invariant';
 import { LEGACY_GAME_PROVIDERS } from '../../constants/index.js';
 import { endGameSession__legacy } from '../../services/game.js';
 import { endGameSession } from '../../services/wallet.js';
-import { getEndGameSessionMutationKey } from '../../utils/queryKeys.js';
+import { getEndGameSessionMutationKey } from '../../utils/mutationKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useEndGameSessionMutation = (config) => {
     return useMutation({

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

@@ -0,0 +1,2 @@
+import type { File, Query } from '../../types';
+export declare const useFileQuery: Query<File | null, string>;

package/dist/client/hooks/useFileQuery.js

@@ -0,0 +1,30 @@
+import { useQuery } from '@tanstack/react-query';
+import { getFile } from '../../services/file.js';
+import { getFileQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useFileQuery = (id, config) => {
+    const sessionQuery = useSessionQuery();
+    const query = useQuery({
+        ...config,
+        enabled: !id
+            ? false
+            : config?.enabled === false
+                ? false
+                : sessionQuery.data?.status === 'authenticated',
+        queryKey: getFileQueryKey(id),
+        queryFn: async ({ signal }) => {
+            const session = await getSession();
+            const file = await getFile(id, {
+                signal,
+                ...(session.status === 'authenticated' && {
+                    headers: {
+                        Authorization: `Bearer ${session.token}`,
+                    },
+                }),
+            });
+            return file ?? null;
+        },
+    });
+    return query;
+};

package/dist/client/hooks/useMarkGameAsFavoriteMutation.js

@@ -3,7 +3,8 @@ import invariant from 'tiny-invariant';
 import { getSession } from '../../client/services/getSession.js';
 import { markGameAsFavorite } from '../../services/wallet.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getFavoriteGamesQueryKey, getGamesQueryKey, getMarkGameAsFavoriteMutationKey, } from '../../utils/queryKeys.js';
+import { getMarkGameAsFavoriteMutationKey } from '../../utils/mutationKeys.js';
+import { getFavoriteGamesQueryKey, getGamesQueryKey, } from '../../utils/queryKeys.js';
 export const useMarkGameAsFavoriteMutation = (config) => {
     const queryClient = getQueryClient();
     const mutation = useMutation({
@@ -17,12 +18,30 @@ export const useMarkGameAsFavoriteMutation = (config) => {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
+            const games = queryClient
+                .getQueriesData({
+                queryKey: getGamesQueryKey({}),
+            })
+                .map(([, arr]) => arr)
+                .filter(Boolean)
+                .map((obj) => obj.pages.map((q) => q.edges.map((edge) => edge.node)).flat())
+                .flat();
+            const game = games.find((game) => game.reference === id);
+            queryClient.setQueryData(getFavoriteGamesQueryKey(), (prev = []) => {
+                if (game) {
+                    return [
+                        ...prev,
+                        {
+                            id: game.reference,
+                            name: game.name,
+                            type: game.type,
+                            provider: game.provider,
+                        },
+                    ];
+                }
+            });
             return id;
         },
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: getGamesQueryKey({}) });
-            queryClient.invalidateQueries({ queryKey: getFavoriteGamesQueryKey() });
-        },
     });
     return mutation;
 };

package/dist/client/hooks/useMarkMessageAsReadMutation.js

@@ -2,7 +2,8 @@ import { useMutation } from '@tanstack/react-query';
 import invariant from 'tiny-invariant';
 import { markMessageAsRead } from '../../services/trigger.js';
 import { getQueryClient } from '../../utils/getQueryClient.js';
-import { getMarkMessageAsReadMutationKey, getMessagesQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/queryKeys.js';
+import { getMarkMessageAsReadMutationKey } from '../../utils/mutationKeys.js';
+import { getMessagesQueryKey, getUnreadMessagesCountQueryKey, } from '../../utils/queryKeys.js';
 import { getSession } from '../services/getSession.js';
 export const useMarkMessageAsReadMutation = (config) => {
     const queryClient = getQueryClient();
@@ -17,13 +18,21 @@ export const useMarkMessageAsReadMutation = (config) => {
                     Authorization: `Bearer ${session.token}`,
                 },
             });
-            return id;
-        },
-        onSuccess: () => {
-            queryClient.invalidateQueries({ queryKey: getMessagesQueryKey() });
-            queryClient.invalidateQueries({
-                queryKey: getUnreadMessagesCountQueryKey(),
+            queryClient.setQueryData(getMessagesQueryKey(), (prev) => {
+                return prev?.map((message) => {
+                    if (message.id === id) {
+                        return {
+                            ...message,
+                            markedAsRead: true,
+                        };
+                    }
+                    return message;
+                });
             });
+            queryClient.setQueryData(getUnreadMessagesCountQueryKey(), (prev) => {
+                return prev && prev > 0 ? prev - 1 : 0;
+            });
+            return id;
         },
     });
     return mutation;

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

@@ -0,0 +1,2 @@
+import type { OnboardingStatus, Query } from '../../types';
+export declare const useOnboardingStatusQuery: Query<OnboardingStatus | null>;

package/dist/client/hooks/useOnboardingStatusQuery.js

@@ -0,0 +1,28 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getOnboardingStatus } from '../../services/portal.js';
+import { getOnboardingStatusQueryKey } from '../../utils/queryKeys.js';
+import { getSession } from '../services/getSession.js';
+import { useSessionQuery } from './useSessionQuery.js';
+export const useOnboardingStatusQuery = (config) => {
+    const sessionQuery = useSessionQuery();
+    const query = useQuery({
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getOnboardingStatusQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            const status = await getOnboardingStatus({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+            return status ?? null;
+        },
+    });
+    return query;
+};

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

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

package/dist/client/hooks/useRecommendedGamesQuery.js

@@ -0,0 +1,27 @@
+import { useQuery } from '@tanstack/react-query';
+import invariant from 'tiny-invariant';
+import { getRecommendedGames } from '../../services/portal.js';
+import { getOnboardingStatusQueryKey } 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({
+        ...config,
+        enabled: config?.enabled === false
+            ? false
+            : sessionQuery.data?.status === 'authenticated',
+        queryKey: getOnboardingStatusQueryKey(),
+        queryFn: async ({ signal }) => {
+            const session = await getSession();
+            invariant(session.status === 'authenticated');
+            return await getRecommendedGames({
+                signal,
+                headers: {
+                    Authorization: `Bearer ${session.token}`,
+                },
+            });
+        },
+    });
+    return query;
+};

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

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