@djangocfg/layouts 1.4.30 → 2.0.2

package/src/layouts/AppLayout/layouts/AdminLayout/components/ParentSync.tsx

@@ -1,146 +0,0 @@
-// ============================================================================
-// Parent Sync Component
-// ============================================================================
-// Handles all synchronization between iframe and parent window:
-// - Theme sync (parent → iframe)
-// - Auth status sync (iframe → parent)
-// Must be used inside AuthProvider and ThemeProvider contexts
-
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/router';
-import { useAuth } from '../../../../../auth';
-import { useThemeContext } from '@djangocfg/ui';
-import { useCfgAppContext } from '../context';
-import { authLogger } from '../../../../../utils/logger';
-
-/**
- * ParentSync Component
- *
- * Handles bidirectional communication with parent window when embedded:
- * 1. Receives theme updates from parent (Django Unfold) and applies to ThemeProvider
- * 2. Sends auth status to parent when authentication state changes
- *
- * Usage:
- * - Place inside AppLayout (after AuthProvider and ThemeProvider)
- * - Automatically handles all iframe ↔ parent communication
- *
- * Note: Safe for static export - only runs on client-side after hydration
- */
-export function ParentSync() {
-  const [isClient, setIsClient] = useState(false);
-
-  // Wait for client-side hydration to avoid SSR/static export errors
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  // Early return during SSR/static export
-  if (!isClient) {
-    return null;
-  }
-
-  return <ParentSyncClient />;
-}
-
-/**
- * Client-only component that uses auth context
- * Separated to avoid SSR issues during static export
- */
-function ParentSyncClient() {
-  const router = useRouter();
-  const auth = useAuth();
-  const { setTheme } = useThemeContext();
-  const { isEmbedded, isMounted, parentTheme } = useCfgAppContext();
-
-  // 1. Sync theme from parent → iframe
-  useEffect(() => {
-    // console.log('[ParentSync] Theme sync effect triggered - isEmbedded:', isEmbedded, 'parentTheme:', parentTheme);
-    if (isEmbedded && parentTheme) {
-      // console.log('[ParentSync] Syncing theme from parent:', parentTheme);
-      setTheme(parentTheme);
-      // console.log('[ParentSync] setTheme called with:', parentTheme);
-    } else {
-      // console.log('[ParentSync] Skipping theme sync - isEmbedded:', isEmbedded, 'parentTheme:', parentTheme);
-    }
-  }, [isEmbedded, parentTheme, setTheme]);
-
-  // 2. Send auth status from iframe → parent (debounced to prevent spam)
-  useEffect(() => {
-    // Only send if embedded and mounted
-    if (!isEmbedded || !isMounted) {
-      // console.log('[ParentSync] Skipping auth sync - not embedded or not mounted:', {
-      //   isEmbedded,
-      //   isMounted
-      // });
-      return;
-    }
-
-    // Use primitive values to avoid unnecessary re-renders from object reference changes
-    const isAuthenticated = auth.isAuthenticated;
-    const isLoading = auth.isLoading;
-    const hasUser = !!auth.user;
-
-    // console.log('[ParentSync] 📤 Sending auth status to parent:', { isAuthenticated, isLoading, hasUser });
-
-    // Debounce the postMessage to prevent excessive calls
-    const timeoutId = setTimeout(() => {
-      try {
-        window.parent.postMessage({
-          type: 'iframe-auth-status',
-          data: { isAuthenticated, isLoading, hasUser }
-        }, '*');
-        // authLogger.debug('Auth status sent successfully');
-      } catch (e) {
-        authLogger.error('Failed to send auth status:', e);
-      }
-    }, 100); // 100ms debounce
-
-    return () => clearTimeout(timeoutId);
-  }, [
-    auth.isAuthenticated,
-    auth.isLoading,
-    !!auth.user,  // Convert to boolean to prevent object reference changes
-    isEmbedded,
-    isMounted
-  ]);
-
-  // 3. iframe-resize removed - was causing log spam
-
-  // 4. Send navigation events to parent (for "Open in New Window" button)
-  useEffect(() => {
-    // Only send if embedded and mounted
-    if (!isEmbedded || !isMounted) {
-      return;
-    }
-
-    const handleRouteChange = (url: string) => {
-      try {
-        window.parent.postMessage({
-          type: 'iframe-navigation',
-          data: { path: url }
-        }, '*');
-      } catch (e) {
-        authLogger.error('Failed to send navigation event:', e);
-      }
-    };
-
-    // Listen to Next.js router events
-    router.events.on('routeChangeComplete', handleRouteChange);
-
-    // Send initial route
-    handleRouteChange(router.asPath);
-
-    // Cleanup
-    return () => {
-      router.events.off('routeChangeComplete', handleRouteChange);
-    };
-  }, [isEmbedded, isMounted, router]);
-
-  // This component doesn't render anything
-  return null;
-}
-
-// Export with old name for backward compatibility
-export { ParentSync as AuthStatusSync };

package/src/layouts/AppLayout/layouts/AdminLayout/components/index.ts

@@ -1,3 +0,0 @@
-export { ParentSync, AuthStatusSync } from './ParentSync';
-export { PagePreloader, PagePreloaderDark } from './PagePreloader';
-export type { PagePreloaderProps } from './PagePreloader';

package/src/layouts/AppLayout/layouts/AdminLayout/context/CfgAppContext.tsx

@@ -1,48 +0,0 @@
-// ============================================================================
-// CfgApp Context - Shared App State
-// ============================================================================
-// Provides useCfgApp state to child components without duplicate hook calls
-
-'use client';
-
-import React, { createContext, useContext, ReactNode } from 'react';
-import { UseCfgAppReturn, useCfgApp, UseCfgAppOptions } from '../hooks/useApp';
-
-const CfgAppContext = createContext<UseCfgAppReturn | null>(null);
-
-export interface CfgAppProviderProps {
-  children: ReactNode;
-  options?: UseCfgAppOptions;
-}
-
-/**
- * Provider for CfgApp state
- *
- * Should be used once at the top level (e.g., AdminLayout)
- * to avoid multiple useCfgApp() calls which cause duplicate
- * message listeners and iframe-ready signals
- */
-export function CfgAppProvider({ children, options }: CfgAppProviderProps) {
-  const cfgApp = useCfgApp(options);
-
-  return (
-    <CfgAppContext.Provider value={cfgApp}>
-      {children}
-    </CfgAppContext.Provider>
-  );
-}
-
-/**
- * Hook to consume CfgApp state
- *
- * @throws Error if used outside CfgAppProvider
- */
-export function useCfgAppContext(): UseCfgAppReturn {
-  const context = useContext(CfgAppContext);
-
-  if (!context) {
-    throw new Error('useCfgAppContext must be used within CfgAppProvider');
-  }
-
-  return context;
-}

package/src/layouts/AppLayout/layouts/AdminLayout/context/index.ts

@@ -1,2 +0,0 @@
-export { CfgAppProvider, useCfgAppContext } from './CfgAppContext';
-export type { CfgAppProviderProps } from './CfgAppContext';

package/src/layouts/AppLayout/layouts/AdminLayout/hooks/index.ts

@@ -1,6 +0,0 @@
-export { useCfgApp } from './useApp';
-export type { UseCfgAppReturn, UseCfgAppOptions } from './useApp';
-
-// Backward compatibility alias
-export { useCfgApp as useApp } from './useApp';
-export type { UseCfgAppReturn as UseAppReturn, UseCfgAppOptions as UseAppOptions } from './useApp';

package/src/layouts/AppLayout/layouts/AdminLayout/hooks/useApp.ts

@@ -1,279 +0,0 @@
-// ============================================================================
-// CfgApp Hook - Application State and Embedding Detection
-// ============================================================================
-
-'use client';
-
-import React from 'react';
-import { useState, useEffect } from 'react';
-import { useRouter } from 'next/router';
-import { authLogger } from '../../../../../utils/logger';
-import { consola } from 'consola';
-
-export interface UseCfgAppReturn {
-  /**
-   * Whether the app is embedded in an iframe
-   */
-  isEmbedded: boolean;
-
-  /**
-   * Whether the app is running in standalone mode (PWA)
-   */
-  isStandalone: boolean;
-
-  /**
-   * Whether to disable the layout (useful for iframes)
-   */
-  disableLayout: boolean;
-
-  /**
-   * The referrer URL if embedded
-   */
-  referrer: string | null;
-
-  /**
-   * Whether the app has been mounted on the client
-   */
-  isMounted: boolean;
-
-  /**
-   * The theme received from parent (if embedded)
-   */
-  parentTheme: 'light' | 'dark' | null;
-
-  /**
-   * The theme mode from parent ('dark', 'light', 'auto')
-   */
-  parentThemeMode: string | null;
-
-  /**
-   * Handler for setting auth token (used by parent window)
-   */
-  setToken?: (authToken: string, refreshToken?: string) => void;
-}
-
-export interface UseCfgAppOptions {
-  /**
-   * Handler for setting auth token when received from parent
-   */
-  onAuthTokenReceived?: (authToken: string, refreshToken?: string) => void;
-}
-
-/**
- * Custom hook for detecting app embedding and providing app-level state
- *
- * Features:
- * - Detects iframe embedding
- * - Detects URL-based embedding (`?embed=true`)
- * - Detects standalone PWA mode
- * - Provides referrer information
- * - Handles postMessage communication with parent window
- * - Syncs theme from parent window
- * - Receives auth tokens from parent window
- * - SSR-safe (returns default values on server)
- *
- * Usage:
- * ```tsx
- * const { isEmbedded, disableLayout, referrer, parentTheme } = useCfgApp({
- *   onAuthTokenReceived: (authToken, refreshToken) => {
- *     api.setToken(authToken, refreshToken);
- *   }
- * });
- *
- * return (
- *   <AppLayout disableLayout={disableLayout}>
- *     {isEmbedded && <div>Running in embedded mode from {referrer}</div>}
- *   </AppLayout>
- * );
- * ```
- */
-// Global flag to track if iframe-ready was sent (persists across component remounts)
-let iframeReadySent = false;
-
-export function useCfgApp(options?: UseCfgAppOptions): UseCfgAppReturn {
-  const router = useRouter();
-  const [isMounted, setIsMounted] = useState(false);
-  const [isEmbedded, setIsEmbedded] = useState(false);
-  const [isStandalone, setIsStandalone] = useState(false);
-  const [referrer, setReferrer] = useState<string | null>(null);
-  const [parentTheme, setParentTheme] = useState<'light' | 'dark' | null>(null);
-  const [parentThemeMode, setParentThemeMode] = useState<string | null>(null);
-
-  // Store callback in ref OUTSIDE useEffect so it's always available
-  const callbackRef = React.useRef(options?.onAuthTokenReceived);
-
-  // Update callback ref when options change (but don't re-register listener)
-  React.useEffect(() => {
-    callbackRef.current = options?.onAuthTokenReceived;
-  }, [options?.onAuthTokenReceived]);
-
-  useEffect(() => {
-    setIsMounted(true);
-
-    // Check if running in iframe
-    const inIframe = window.self !== window.top;
-    setIsEmbedded(inIframe);
-
-    // Check if running as standalone PWA
-    const standalone = window.matchMedia('(display-mode: standalone)').matches;
-    setIsStandalone(standalone);
-
-    // Get referrer if embedded
-    if (inIframe && document.referrer) {
-      setReferrer(document.referrer);
-    }
-
-    // Debounce timeout for parent-auth messages
-    let authTokenTimeout: NodeJS.Timeout | null = null;
-    // Track if we've already processed auth tokens
-    let authTokenProcessed = false;
-
-    // Listen for messages from parent window
-    const handleMessage = (event: MessageEvent) => {
-      // console.log('[useCfgApp] RAW message event:', {
-      //   origin: event.origin,
-      //   source: event.source === window.parent ? 'parent' : 'other',
-      //   dataType: typeof event.data,
-      //   data: event.data
-      // });
-
-      const { type, data } = event.data || {};
-      // console.log('[useCfgApp] Received message:', type, data);
-
-      switch (type) {
-        case 'parent-auth':
-          consola.info('[useCfgApp] parent-auth message received', { authTokenProcessed });
-
-          // Prevent processing if already handled
-          if (authTokenProcessed) {
-            consola.warn('[useCfgApp] Auth tokens already processed, ignoring duplicate message');
-            return;
-          }
-
-          // Cancel previous timeout to debounce rapid auth messages
-          if (authTokenTimeout) {
-            clearTimeout(authTokenTimeout);
-          }
-
-          // Debounce auth token processing to prevent rapid calls (300ms)
-          authTokenTimeout = setTimeout(() => {
-            // Double-check still not processed (race condition protection)
-            if (authTokenProcessed) {
-              consola.warn('[useCfgApp] Auth tokens already processed during debounce, skipping');
-              return;
-            }
-
-            // Receive authentication tokens from parent
-            if (data?.authToken && callbackRef.current) {
-              consola.success('[useCfgApp] Auth tokens found, calling onAuthTokenReceived callback');
-              consola.debug('[useCfgApp] Tokens:', {
-                authToken: data.authToken.substring(0, 20) + '...',
-                refreshToken: data.refreshToken ? data.refreshToken.substring(0, 20) + '...' : 'null'
-              });
-
-              // Mark as processed BEFORE calling callback
-              authTokenProcessed = true;
-
-              try {
-                callbackRef.current(data.authToken, data.refreshToken);
-                consola.success('[useCfgApp] onAuthTokenReceived callback completed successfully');
-              } catch (e) {
-                authLogger.error('Failed to process auth tokens:', e);
-                // Reset on error to allow retry
-                authTokenProcessed = false;
-              }
-            } else {
-              authLogger.warn('parent-auth message received but authToken or callback missing:', { hasToken: !!data?.authToken, hasCallback: !!callbackRef.current });
-            }
-          }, 300); // 300ms debounce
-          break;
-
-        case 'parent-theme':
-          // console.log('[useCfgApp] parent-theme message received:', data?.theme);
-          // Receive theme from parent
-          if (data?.theme) {
-            try {
-              setParentTheme(data.theme);
-              if (data.themeMode) {
-                setParentThemeMode(data.themeMode);
-              }
-              // authLogger.debug('Theme set successfully:', data.theme);
-            } catch (e) {
-              authLogger.error('Failed to process theme:', e);
-            }
-          }
-          break;
-
-        default:
-          break;
-      }
-    };
-
-    window.addEventListener('message', handleMessage);
-    // console.log('[useCfgApp] Message listener registered, isEmbedded:', inIframe);
-
-    // Send iframe-ready ONLY ONCE (even if component remounts)
-    if (inIframe && !iframeReadySent) {
-      try {
-        consola.start('[useCfgApp] Sending iframe-ready message to parent (FIRST TIME)');
-        window.parent.postMessage({
-          type: 'iframe-ready',
-          data: {
-            url: window.location.href,
-            referrer: document.referrer
-          }
-        }, '*');
-        iframeReadySent = true; // Mark as sent to prevent duplicates
-        consola.success('[useCfgApp] iframe-ready message sent');
-      } catch (e) {
-        authLogger.error('Failed to notify parent about ready state:', e);
-      }
-    } else if (inIframe && iframeReadySent) {
-      consola.info('[useCfgApp] iframe-ready already sent, skipping to prevent loop');
-    }
-
-    return () => {
-      window.removeEventListener('message', handleMessage);
-      // Clear timeout on cleanup
-      if (authTokenTimeout) {
-        clearTimeout(authTokenTimeout);
-      }
-    };
-  }, []); // ← EMPTY DEPS - register listener ONCE
-
-  // Notify parent about route changes
-  useEffect(() => {
-    if (!isEmbedded || !isMounted) return;
-
-    try {
-      window.parent.postMessage({
-        type: 'iframe-navigation',
-        data: {
-          path: router.asPath,
-          route: router.pathname
-        }
-      }, '*');
-    } catch (e) {
-      authLogger.error('Failed to notify parent about navigation:', e);
-    }
-  }, [router.asPath, router.pathname, isEmbedded, isMounted]);
-
-  // Check URL parameter for embed mode
-  const embedParam = router.query.embed === 'true' || router.query.embed === '1';
-
-  // Determine if layout should be disabled
-  // Disable layout if:
-  // 1. Running in iframe AND no explicit embed=false param
-  // 2. URL has embed=true param
-  const shouldDisableLayout = (isEmbedded && router.query.embed !== 'false') || embedParam;
-
-  return {
-    isEmbedded,
-    isStandalone,
-    disableLayout: shouldDisableLayout,
-    referrer,
-    isMounted,
-    parentTheme,
-    parentThemeMode,
-  };
-}

package/src/layouts/AppLayout/layouts/AdminLayout/index.ts

@@ -1,24 +0,0 @@
-/**
- * AdminLayout - Django CFG Layout with iframe Integration
- *
- * Universal layout component for Django CFG applications
- * Handles iframe embedding, theme sync, and auth communication
- */
-
-// Main component
-export { AdminLayout } from './AdminLayout';
-export type { AdminLayoutProps } from './AdminLayout';
-
-// Hooks
-export { useCfgApp, useApp } from './hooks';
-export type { UseCfgAppReturn, UseCfgAppOptions, UseAppReturn, UseAppOptions } from './hooks';
-
-// Context
-export { CfgAppProvider, useCfgAppContext } from './context';
-export type { CfgAppProviderProps } from './context';
-
-// Components
-export { ParentSync, AuthStatusSync } from './components';
-
-// Types
-export type { AdminLayoutConfig } from './types';

package/src/layouts/AppLayout/layouts/AdminLayout/lottie/energizing.json

@@ -1 +0,0 @@
-{"nm":"Rander","ddd":0,"h":512,"w":512,"meta":{"g":"LottieFiles AE 2.0.4"},"layers":[{"ty":4,"nm":"Capa 2","sr":1,"st":0,"op":46,"ip":0,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[256.002,256,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.956,"y":0},"i":{"x":0.237,"y":1},"s":[120,120,100],"t":0},{"o":{"x":0.333,"y":0},"i":{"x":0.395,"y":1},"s":[60,60,100],"t":40},{"s":[120,120,100],"t":46}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[256.002,256,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.638,-9.168],[0,0],[0,0],[-8.437,0],[0,0],[-5.944,5.985],[0,0]],"o":[[0,0],[0,0],[-5.944,5.985],[0,0],[-8.437,0],[0,0],[6.562,-6.613]],"v":[[75.715,-65.189],[73.984,-55.526],[-40.87,60.214],[-34.133,76.388],[-66.367,76.388],[-73.104,60.214],[59.634,-73.544]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.8196,0.3569],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[226.809,194.352],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[1.061,-5.831],[0,0],[0,0],[-1.679,9.179],[0,0],[5.924,0],[0,0]],"o":[[0,0],[0,0],[-6.562,6.624],[0,0],[1.061,-5.831],[0,0],[5.934,0]],"v":[[25.334,-50.448],[8.686,40.722],[-9.249,58.802],[-25.32,50.416],[-6.9,-50.448],[-16.244,-61.646],[15.99,-61.646]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.8196,0.3569],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[233.82,332.386],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"tr","a":{"a":0,"k":[233.82,332.386],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[233.82,332.386],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[6.558,-6.608],[0,0],[-8.439,0],[0,0],[1.064,-5.829],[0,0],[-6.57,6.624],[0,0],[8.2,0.413],[0,0],[-1.005,5.629],[0,0]],"o":[[0,0],[-5.945,5.99],[0,0],[5.925,0],[0,0],[-1.676,9.178],[0,0],[5.782,-5.829],[0,0],[-5.71,-0.288],[0,0],[1.639,-9.166]],"v":[[30.44,-135.194],[-102.297,-1.434],[-95.559,14.745],[-38.427,14.745],[-29.089,25.943],[-47.507,126.802],[-31.43,135.192],[102.301,0.367],[96.039,-15.798],[38.063,-18.72],[29.196,-29.87],[46.521,-126.837]]},"ix":2}},{"ty":"fl","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9961,0.8941,0.3529],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[256.002,256],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1},{"ty":4,"nm":"Shape Layer 1","sr":1,"st":-41,"op":46,"ip":-39,"hd":false,"ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[6,22,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0,0,100],"t":13},{"s":[800,800,100],"t":30}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[252.5,252.5,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":13},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100],"t":23},{"s":[0],"t":30}],"ix":11}},"ef":[],"shapes":[{"ty":"gr","bm":0,"hd":false,"mn":"ADBE Vector Group","nm":"Ellipse 1","ix":1,"cix":2,"np":3,"it":[{"ty":"el","bm":0,"hd":false,"mn":"ADBE Vector Shape - Ellipse","nm":"Ellipse Path 1","d":1,"p":{"a":0,"k":[0,0],"ix":3},"s":{"a":0,"k":[30,30],"ix":2}},{"ty":"st","bm":0,"hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":13},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[3],"t":23},{"s":[0],"t":30}],"ix":5},"c":{"a":0,"k":[1,0.9647,0],"ix":3}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[6,22],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2}],"v":"4.8.0","fr":30,"op":46,"ip":0,"assets":[]}

package/src/layouts/AppLayout/layouts/AdminLayout/types/index.ts

@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-
-/**
- * Configuration for AdminLayout
- * All options are optional - AdminLayout works out of the box with zero config
- */
-export interface AdminLayoutConfig {
-  /**
-   * Optional handler called when auth tokens are received from parent window
-   *
-   * Note: Tokens are ALWAYS automatically set in API client via `api.setToken()`.
-   * Use this callback only if you need additional custom logic.
-   *
-   * @example
-   * ```tsx
-   * <AdminLayout config={{
-   *   onAuthTokenReceived: (authToken, refreshToken) => {
-   *     console.log('Tokens received and set in API client');
-   *     // Additional custom logic here
-   *   }
-   * }}>
-   * ```
-   */
-  onAuthTokenReceived?: (authToken: string, refreshToken?: string) => void;
-
-  /**
-   * Whether to automatically sync theme from parent window
-   * @default true
-   */
-  enableThemeSync?: boolean;
-
-  /**
-   * Whether to automatically send auth status to parent window
-   * @default true
-   */
-  enableAuthStatusSync?: boolean;
-}
-
-/**
- * Props for AdminLayout component
- */
-export interface AdminLayoutProps {
-  children: ReactNode;
-  config?: AdminLayoutConfig;
-}

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

@@ -1,41 +0,0 @@
-import React from 'react';
-
-import { AuthProvider, useAuthContext } from './AuthContext';
-import { IdentifierForm } from './IdentifierForm';
-import { OTPForm } from './OTPForm';
-
-import type { AuthProps } from './types';
-
-export const AuthLayout: React.FC<AuthProps> = (props) => {
-
-  return (
-    <AuthProvider {...props}>
-      <div
-        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}
-
-          <AuthContent />
-        </div>
-      </div>
-    </AuthProvider>
-  );
-};
-
-// Separate component to use the context
-const AuthContent: React.FC = () => {
-  const { step, error } = useAuthContext();
-
-  return (
-    <>
-      {/* {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/index.ts

@@ -1,15 +0,0 @@
-'use client';
-
-export { AuthLayout } from './AuthLayout';
-export { 
-  AuthProvider as AuthLayoutProvider, 
-  useAuthContext as useAuthLayoutContext 
-} from './AuthContext';
-export { IdentifierForm } from './IdentifierForm';
-export { OTPForm } from './OTPForm';
-export { AuthHelp } from './AuthHelp';
-export type { 
-  AuthProps, 
-  AuthContextType as AuthLayoutContextType, 
-  AuthHelpProps 
-} from './types';