@djangocfg/layouts 2.0.2 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -77,9 +77,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.4.32",
-    "@djangocfg/centrifugo": "^1.4.32",
-    "@djangocfg/ui": "^1.4.32",
+    "@djangocfg/api": "^1.4.33",
+    "@djangocfg/centrifugo": "^1.4.33",
+    "@djangocfg/ui": "^1.4.33",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.468.0",
@@ -98,8 +98,8 @@
     "react-ga4": "^2.1.0"
   },
   "devDependencies": {
-    "@djangocfg/centrifugo": "^1.4.32",
-    "@djangocfg/typescript-config": "^1.4.32",
+    "@djangocfg/centrifugo": "^1.4.33",
+    "@djangocfg/typescript-config": "^1.4.33",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/auth/context/AuthContext.tsx

@@ -1,14 +1,14 @@
 // @ts-nocheck
 'use client';
 
-import { useRouter, usePathname } from 'next/navigation';
+import { usePathname } from 'next/navigation';
 import React, {
     createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState
 } from 'react';
 
 import { api, Enums } from '@djangocfg/api';
 import { useAccountsContext, AccountsProvider } from './AccountsContext';
-import { useLocalStorage, useQueryParams } from '@djangocfg/ui/hooks';
+import { useLocalStorage, useQueryParams, useRouter } from '@djangocfg/ui/hooks';
 import { getCachedProfile, clearProfileCache } from '../hooks/useProfileCache';
 
 import { authLogger } from '../../utils/logger';
@@ -238,19 +238,19 @@ const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config })
     // This prevents interference with OTP verification flow
     if (isAuthenticated && isAuthPage && !flowParam) {
       const callbackUrl = config?.routes?.defaultCallback || defaultRoutes.defaultCallback;
-      window.location.href = callbackUrl;
+      router.push(callbackUrl);
     }
   }, [initialized, pathname, queryParams, config?.routes]);
 
   const pushToDefaultCallbackUrl = useCallback(() => {
     const callbackUrl = config?.routes?.defaultCallback || defaultRoutes.defaultCallback;
-    window.location.href = callbackUrl;
-  }, [config?.routes]);
+    router.push(callbackUrl);
+  }, [config?.routes, router]);
 
   const pushToDefaultAuthCallbackUrl = useCallback(() => {
     const authCallbackUrl = config?.routes?.defaultAuthCallback || defaultRoutes.defaultAuthCallback;
-    window.location.href = authCallbackUrl;
-  }, [config?.routes]);
+    router.push(authCallbackUrl);
+  }, [config?.routes, router]);
 
   // Memoized checkAuthAndRedirect function
   const checkAuthAndRedirect = useCallback(async () => {
@@ -366,9 +366,9 @@ const AuthProviderInternal: React.FC<AuthProviderProps> = ({ children, config })
 
         if (redirectUrl && redirectUrl !== defaultCallback) {
           clearRedirectUrl();
-          window.location.href = redirectUrl;
+          router.push(redirectUrl);
         } else {
-          window.location.href = defaultCallback;
+          router.push(defaultCallback);
         }
 
         return {

package/src/auth/hooks/useAuthGuard.ts

@@ -1,9 +1,9 @@
 "use client"
 
-import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 
 import { useAuth } from '../context';
+import { useRouter } from '@djangocfg/ui/hooks';
 
 interface UseAuthGuardOptions {
   redirectTo?: string;

package/src/auth/hooks/useAutoAuth.ts

@@ -1,8 +1,8 @@
 'use client';
 
 import { useEffect } from 'react';
-import { usePathname, useRouter } from 'next/navigation';
-import { useQueryParams } from '@djangocfg/ui/hooks';
+import { usePathname } from 'next/navigation';
+import { useQueryParams, useRouter } from '@djangocfg/ui/hooks';
 import { authLogger } from '../../utils/logger';
 
 export interface UseAutoAuthOptions {

package/src/snippets/AuthDialog/AuthDialog.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { LogIn } from 'lucide-react';
-import { useRouter } from 'next/navigation';
 import React, { useState } from 'react';
 
 import {
@@ -11,7 +10,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@djangocfg/ui/components';
-import { useEventListener } from '@djangocfg/ui/hooks';
+import { useEventListener, useRouter } from '@djangocfg/ui/hooks';
 
 // Re-export events for backwards compatibility
 export const DIALOG_EVENTS = {