@opexa/portal-components 0.0.1018 → 0.0.1019

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

@@ -94,6 +94,7 @@ export interface GlobalStore {
     bankInformationDetails: PopupStore;
     isNonRegulated: boolean;
     setIsNonRegulated: (isNonRegulated: boolean) => void;
+    reset: () => void;
 }
 export declare const useGlobalStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<GlobalStore>, "setState" | "devtools"> & {
     setState(partial: GlobalStore | Partial<GlobalStore> | ((state: GlobalStore) => GlobalStore | Partial<GlobalStore>), replace?: false | undefined, action?: (string | {

package/dist/client/hooks/useGlobalStore.js

@@ -509,4 +509,105 @@ export const useGlobalStore = create()(devtools(subscribeWithSelector((set) => (
         ...state,
         isNonRegulated,
     })),
+    reset: () => {
+        set((state) => ({
+            ...state,
+            signUp: { ...state.signUp, open: false, '~touched': false },
+            signIn: { ...state.signIn, open: false, '~touched': false },
+            forgotPassword: {
+                ...state.forgotPassword,
+                open: false,
+                '~touched': false,
+            },
+            disclaimer: { ...state.disclaimer, open: false, '~touched': false },
+            depositWithdrawal: {
+                ...state.depositWithdrawal,
+                open: false,
+                '~touched': false,
+            },
+            gameLaunch: { ...state.gameLaunch, details: { status: 'WAITING' } },
+            search: { ...state.search, open: false, '~touched': false },
+            account: { ...state.account, open: false, '~touched': false },
+            account__mobile: {
+                ...state.account__mobile,
+                open: false,
+                '~touched': false,
+            },
+            messages: { ...state.messages, open: false, '~touched': false },
+            message: { ...state.message, open: false, '~touched': false },
+            sidebar: { ...state.sidebar, open: true, '~touched': false },
+            sidebar__mobile: {
+                ...state.sidebar__mobile,
+                open: false,
+                '~touched': false,
+            },
+            kyc: { ...state.kyc, open: false, '~touched': false },
+            kycReminder: { ...state.kycReminder, open: false, '~touched': false },
+            updateMobilePhoneNumber: {
+                ...state.updateMobilePhoneNumber,
+                open: false,
+                '~touched': false,
+            },
+            spotBonus: { ...state.spotBonus, open: false, '~touched': false },
+            registerBiometrics: {
+                ...state.registerBiometrics,
+                open: false,
+                '~touched': false,
+            },
+            termsAndConditions: {
+                ...state.termsAndConditions,
+                open: false,
+                accepted: false,
+                next: null,
+                '~touched': false,
+            },
+            termsOfUse: {
+                ...state.termsOfUse,
+                open: false,
+                accepted: false,
+                next: null,
+                '~touched': false,
+            },
+            responsibleGaming: {
+                ...state.responsibleGaming,
+                open: false,
+                accepted: false,
+                next: null,
+                '~touched': false,
+            },
+            onboarding: {
+                ...state.onboarding,
+                open: false,
+                accepted: false,
+                next: null,
+                '~touched': false,
+            },
+            responsibleGamingReminder: {
+                ...state.responsibleGamingReminder,
+                open: false,
+                '~touched': false,
+            },
+            pendingBonus: {
+                ...state.pendingBonus,
+                open: false,
+                '~touched': false,
+                shouldShowWarning: false,
+            },
+            kycVerificationStatus: {
+                ...state.kycVerificationStatus,
+                open: false,
+                '~touched': false,
+            },
+            kycAccountVerificationRequired: {
+                ...state.kycAccountVerificationRequired,
+                open: false,
+                '~touched': false,
+            },
+            bankInformationDetails: {
+                ...state.bankInformationDetails,
+                open: false,
+                '~touched': false,
+            },
+        }));
+    },
 }))));

package/dist/client/hooks/useSignOutMutation.js

@@ -3,14 +3,17 @@ import { getQueryClient } from '../../utils/getQueryClient.js';
 import { getSignOutMutationKey } from '../../utils/mutationKeys.js';
 import { getSessionQueryKey } from '../../utils/queryKeys.js';
 import { signOut } from '../services/signOut.js';
+import { useGlobalStore } from './useGlobalStore.js';
 const IDLE_TIMESTAMP_KEY = 'idle-logout-timestamp';
 export const useSignOutMutation = (config) => {
     const queryClient = getQueryClient();
+    const reset = useGlobalStore((state) => state.reset);
     return useMutation({
         ...config,
         mutationKey: getSignOutMutationKey(),
         mutationFn: async () => {
             await signOut();
+            reset();
             await queryClient.invalidateQueries({ queryKey: getSessionQueryKey() });
             queryClient.removeQueries();
             localStorage.removeItem(IDLE_TIMESTAMP_KEY);

package/dist/components/PortalProvider/SessionWatcher.js

@@ -14,11 +14,13 @@ export function SessionWatcher() {
         enabled: sessionQuery.data?.status === 'authenticated',
         refetchInterval: 1000 * 5,
     });
-    const { gameLaunch } = useGlobalStore(useShallow((ctx) => ({
+    const { gameLaunch, reset } = useGlobalStore(useShallow((ctx) => ({
         gameLaunch: ctx.gameLaunch,
+        reset: ctx.reset,
     })));
     const signOutMutation = useSignOutMutation({
         onSuccess() {
+            reset();
             if (gameLaunch.details.status === 'PLAYING') {
                 gameLaunch.setDetails({
                     status: 'WAITING',

package/dist/components/TermsOfUse/TermsOfUseV2.lazy.js

@@ -21,8 +21,9 @@ export function TermsOfUseV2({ logo, content }) {
         responsibleGaming: ctx.responsibleGaming,
         kycVerificationRequired: ctx.kyc,
     })));
+    const isOpen = globalStore.termsOfUse.open;
     useEffect(() => {
-        if (scrollableContentRef.current) {
+        if (isOpen && scrollableContentRef.current) {
             const { scrollHeight, clientHeight } = scrollableContentRef.current;
             const isScrollable = scrollHeight > clientHeight;
             const atBottom = scrollHeight - scrollableContentRef.current.scrollTop <=
@@ -30,8 +31,12 @@ export function TermsOfUseV2({ logo, content }) {
             setIsAtBottom(!isScrollable || atBottom);
             setHasReachedBottom(!isScrollable || atBottom);
         }
-    }, []);
-    return (_jsx(Dialog.Root, { open: globalStore.termsOfUse.open, onOpenChange: (details) => {
+        if (!isOpen) {
+            setIsAtBottom(false);
+            setHasReachedBottom(false);
+        }
+    }, [isOpen]);
+    return (_jsx(Dialog.Root, { open: isOpen, onOpenChange: (details) => {
             globalStore.termsOfUse.setOpen(details.open);
             if (!details.open) {
                 globalStore.termsOfUse.setAccepted(true);

package/dist/components/TermsOfUse/TermsOfUseV3.lazy.js

@@ -21,8 +21,9 @@ export function TermsOfUseV3({ logo, content }) {
         termsOfUse: ctx.termsOfUse,
         responsibleGaming: ctx.responsibleGaming,
     })));
+    const isOpen = globalStore.termsOfUse.open;
     useEffect(() => {
-        if (scrollableContentRef.current) {
+        if (isOpen && scrollableContentRef.current) {
             const { scrollHeight, clientHeight } = scrollableContentRef.current;
             const isScrollable = scrollHeight > clientHeight;
             const atBottom = scrollHeight - scrollableContentRef.current.scrollTop <=
@@ -30,7 +31,11 @@ export function TermsOfUseV3({ logo, content }) {
             setIsAtBottom(!isScrollable || atBottom);
             setHasReachedBottom(!isScrollable || atBottom);
         }
-    }, []);
+        if (!isOpen) {
+            setIsAtBottom(false);
+            setHasReachedBottom(false);
+        }
+    }, [isOpen]);
     return (_jsx(Dialog.Root, { open: globalStore.termsOfUse.open, onOpenChange: (details) => {
             globalStore.termsOfUse.setOpen(details.open);
             if (!details.open) {

package/package.json

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