@djangocfg/layouts 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Layout system and components for Unrealon applications",
   "author": {
     "name": "DjangoCFG",
@@ -53,9 +53,9 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^1.2.0",
-    "@djangocfg/og-image": "^1.2.0",
-    "@djangocfg/ui": "^1.2.0",
+    "@djangocfg/api": "^1.2.1",
+    "@djangocfg/og-image": "^1.2.1",
+    "@djangocfg/ui": "^1.2.1",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.468.0",
@@ -76,7 +76,7 @@
     "vidstack": "0.6.15"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^1.2.0",
+    "@djangocfg/typescript-config": "^1.2.1",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/layouts/AppLayout/AppLayout.tsx

@@ -89,8 +89,19 @@ function LayoutRouter({
     // If forceLayout is specified, use it
     if (forceLayout) return forceLayout;
 
-    if (router.pathname.startsWith('/auth')) return 'auth';
-    if (router.pathname.startsWith('/private')) return 'private';
+    const isAuthRoute = config.routes.detectors.isAuthRoute(router.pathname);
+    const isPrivateRoute = config.routes.detectors.isPrivateRoute(router.pathname);
+    // const isPublicRoute = config.routes.detectors.isPublicRoute(router.pathname);
+
+    if (isAuthRoute) return 'auth';
+
+    if (isPrivateRoute) {
+      if (isAuthenticated) {
+        return 'private';
+      };
+      return 'auth';
+    };
+
     return 'public';
   };
 
@@ -102,19 +113,17 @@ function LayoutRouter({
     case 'public':
       return <PublicLayout>{children}</PublicLayout>;
 
-    // Auth routes: render inside PublicLayout with Navigation/Footer
+    // Auth routes: render inside AuthLayout
     case 'auth':
       return (
-        <PublicLayout>
-          <AuthLayout
-            termsUrl={config.auth?.termsUrl}
-            privacyUrl={config.auth?.privacyUrl}
-            supportUrl={config.auth?.supportUrl}
-            enablePhoneAuth={config.auth?.enablePhoneAuth}
-          >
-            {children}
-          </AuthLayout>
-        </PublicLayout>
+        <AuthLayout
+          termsUrl={config.auth?.termsUrl}
+          privacyUrl={config.auth?.privacyUrl}
+          supportUrl={config.auth?.supportUrl}
+          enablePhoneAuth={config.auth?.enablePhoneAuth}
+        >
+          {children}
+        </AuthLayout>
       );
 
     // Private routes: wait for client-side hydration and auth check

package/src/layouts/AppLayout/layouts/AuthLayout/AuthLayout.tsx

@@ -7,10 +7,11 @@ import { OTPForm } from './OTPForm';
 import type { AuthProps } from './types';
 
 export const AuthLayout: React.FC<AuthProps> = (props) => {
+
   return (
     <AuthProvider {...props}>
       <div
-        className={`flex flex-col items-center justify-center bg-background py-6 px-4 sm:py-12 sm:px-6 lg:px-8 ${props.className || ''}`}
+        className={`min-h-screen flex flex-col items-center justify-center bg-background py-6 px-4 sm:py-12 sm:px-6 lg:px-8 ${props.className || ''}`}
       >
         <div className="w-full sm:max-w-md space-y-8">
           {props.children}
@@ -28,11 +29,11 @@ const AuthContent: React.FC = () => {
 
   return (
     <>
-      {error && (
+      {/* {error && (
         <div className="bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-md">
           {error}
         </div>
-      )}
+      )} */}
 
       <div>{step === 'identifier' ? <IdentifierForm /> : <OTPForm />}</div>
     </>

package/src/layouts/AppLayout/layouts/AuthLayout/IdentifierForm.tsx

@@ -101,15 +101,7 @@ export const IdentifierForm: React.FC = () => {
       ? 'Enter your phone number to receive a verification code via SMS'
       : 'Enter your email address to receive a verification code';
   };
-
-  const getChannelIcon = () => {
-    return localChannel === 'phone' ? (
-      <Phone className="w-5 h-5" />
-    ) : (
-      <Mail className="w-5 h-5" />
-    );
-  };
-
+  
   return (
     <Card className="w-full max-w-md mx-auto shadow-lg border border-border bg-card/50 backdrop-blur-sm">
       <CardHeader className="text-center pb-6">