analytica-frontend-lib 1.0.73 → 1.0.74

package/dist/Auth/withAuth/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Auth/Auth.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n  ReactNode,\n  ComponentType,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { useLocation, Navigate } from 'react-router-dom';\n\n/**\n * Interface for basic authentication tokens\n *\n * @interface AuthTokens\n * @property {string} token - Main authentication token\n * @property {string} refreshToken - Token used to refresh the main token\n * @property {unknown} [key] - Additional properties that can be included\n */\nexport interface AuthTokens {\n  token: string;\n  refreshToken: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface for basic user information\n *\n * @interface AuthUser\n * @property {string} id - Unique user identifier\n * @property {string} [name] - Optional user name\n * @property {string} [email] - Optional user email\n * @property {unknown} [key] - Additional user properties\n */\nexport interface AuthUser {\n  id: string;\n  name?: string;\n  email?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface for basic session information\n *\n * @interface SessionInfo\n * @property {string} [institutionId] - Optional institution identifier\n * @property {string} [profileId] - Optional profile identifier\n * @property {string} [schoolId] - Optional school identifier\n * @property {string} [schoolYearId] - Optional school year identifier\n * @property {string} [classId] - Optional class identifier\n * @property {unknown} [key] - Additional session properties\n */\nexport interface SessionInfo {\n  institutionId?: string;\n  profileId?: string;\n  schoolId?: string;\n  schoolYearId?: string;\n  classId?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Interface for authentication state\n *\n * @interface AuthState\n * @property {boolean} isAuthenticated - Whether the user is authenticated\n * @property {boolean} isLoading - Whether authentication is being checked\n * @property {AuthUser | null} [user] - Current user information\n * @property {SessionInfo | null} [sessionInfo] - Current session information\n * @property {AuthTokens | null} [tokens] - Current authentication tokens\n */\nexport interface AuthState {\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  user?: AuthUser | null;\n  sessionInfo?: SessionInfo | null;\n  tokens?: AuthTokens | null;\n}\n\n/**\n * Interface for authentication context functions and state\n *\n * @interface AuthContextType\n * @extends {AuthState}\n * @property {() => Promise<boolean>} checkAuth - Function to check authentication status\n * @property {() => void} signOut - Function to sign out the user\n */\nexport interface AuthContextType extends AuthState {\n  checkAuth: () => Promise<boolean>;\n  signOut: () => void;\n}\n\n/**\n * Authentication context for React components\n *\n * @private\n */\nconst AuthContext = createContext<AuthContextType | undefined>(undefined);\n\n/**\n * Props for the AuthProvider component\n *\n * @interface AuthProviderProps\n * @property {ReactNode} children - Child components\n * @property {() => Promise<boolean> | boolean} [checkAuthFn] - Function to check if user is authenticated\n * @property {() => void} [signOutFn] - Function to handle logout\n * @property {Partial<AuthState>} [initialAuthState] - Initial authentication state\n * @property {() => AuthUser | null | undefined} [getUserFn] - Function to get user data\n * @property {() => SessionInfo | null | undefined} [getSessionFn] - Function to get session info\n * @property {() => AuthTokens | null | undefined} [getTokensFn] - Function to get tokens\n */\nexport interface AuthProviderProps {\n  children: ReactNode;\n  /**\n   * Função para verificar se o usuário está autenticado\n   * Deve retornar uma Promise<boolean>\n   */\n  checkAuthFn?: () => Promise<boolean> | boolean;\n  /**\n   * Função para fazer logout\n   */\n  signOutFn?: () => void;\n  /**\n   * Estado de autenticação inicial\n   */\n  initialAuthState?: Partial<AuthState>;\n  /**\n   * Função para obter dados do usuário (opcional)\n   */\n  getUserFn?: () => AuthUser | null | undefined;\n  /**\n   * Função para obter informações da sessão (opcional)\n   */\n  getSessionFn?: () => SessionInfo | null | undefined;\n  /**\n   * Função para obter tokens (opcional)\n   */\n  getTokensFn?: () => AuthTokens | null | undefined;\n}\n\n/**\n * Authentication provider that manages global auth state\n * Compatible with any store (Zustand, Redux, Context, etc.)\n *\n * @param {AuthProviderProps} props - The provider props\n * @returns {JSX.Element} The provider component\n *\n * @example\n * ```tsx\n * <AuthProvider\n *   checkAuthFn={checkAuthFunction}\n *   signOutFn={signOutFunction}\n *   getUserFn={getUserFunction}\n * >\n *   <App />\n * </AuthProvider>\n * ```\n */\nexport const AuthProvider = ({\n  children,\n  checkAuthFn,\n  signOutFn,\n  initialAuthState = {},\n  getUserFn,\n  getSessionFn,\n  getTokensFn,\n}: AuthProviderProps) => {\n  const [authState, setAuthState] = useState<AuthState>({\n    isAuthenticated: false,\n    isLoading: true,\n    ...initialAuthState,\n  });\n\n  /**\n   * Check authentication status and update state accordingly\n   *\n   * @returns {Promise<boolean>} Promise that resolves to authentication status\n   */\n  const checkAuth = useCallback(async (): Promise<boolean> => {\n    try {\n      setAuthState((prev) => ({ ...prev, isLoading: true }));\n\n      // Se não há função de verificação, assume como não autenticado\n      if (!checkAuthFn) {\n        setAuthState((prev) => ({\n          ...prev,\n          isAuthenticated: false,\n          isLoading: false,\n        }));\n        return false;\n      }\n\n      const isAuth = await checkAuthFn();\n\n      setAuthState((prev) => ({\n        ...prev,\n        isAuthenticated: isAuth,\n        isLoading: false,\n        user: getUserFn ? getUserFn() : prev.user,\n        sessionInfo: getSessionFn ? getSessionFn() : prev.sessionInfo,\n        tokens: getTokensFn ? getTokensFn() : prev.tokens,\n      }));\n\n      return isAuth;\n    } catch (error) {\n      console.error('Erro ao verificar autenticação:', error);\n      setAuthState((prev) => ({\n        ...prev,\n        isAuthenticated: false,\n        isLoading: false,\n      }));\n      return false;\n    }\n  }, [checkAuthFn, getUserFn, getSessionFn, getTokensFn]);\n\n  /**\n   * Sign out the current user and clear auth state\n   *\n   * @returns {void}\n   */\n  const signOut = useCallback(() => {\n    if (signOutFn) {\n      signOutFn();\n    }\n    setAuthState((prev) => ({\n      ...prev,\n      isAuthenticated: false,\n      user: undefined,\n      sessionInfo: undefined,\n      tokens: undefined,\n    }));\n  }, [signOutFn]);\n\n  useEffect(() => {\n    checkAuth();\n  }, [checkAuth]);\n\n  const contextValue = useMemo(\n    (): AuthContextType => ({\n      ...authState,\n      checkAuth,\n      signOut,\n    }),\n    [authState, checkAuth, signOut]\n  );\n\n  return (\n    <AuthContext.Provider value={contextValue}>{children}</AuthContext.Provider>\n  );\n};\n\n/**\n * Hook to use the authentication context\n *\n * @throws {Error} When used outside of AuthProvider\n * @returns {AuthContextType} The authentication context\n *\n * @example\n * ```tsx\n * const { isAuthenticated, user, signOut } = useAuth();\n * ```\n */\nexport const useAuth = (): AuthContextType => {\n  const context = useContext(AuthContext);\n  if (context === undefined) {\n    throw new Error('useAuth deve ser usado dentro de um AuthProvider');\n  }\n  return context;\n};\n\n/**\n * Props for the ProtectedRoute component\n *\n * @interface ProtectedRouteProps\n * @property {ReactNode} children - Components to render when authenticated\n * @property {string} [redirectTo] - Path to redirect when not authenticated (default: '/')\n * @property {ReactNode} [loadingComponent] - Custom loading component\n * @property {(authState: AuthState) => boolean} [additionalCheck] - Additional authentication check\n */\nexport interface ProtectedRouteProps {\n  children: ReactNode;\n  /**\n   * Path para redirecionamento quando não autenticado\n   */\n  redirectTo?: string;\n  /**\n   * Componente de loading personalizado\n   */\n  loadingComponent?: ReactNode;\n  /**\n   * Função adicional de verificação (ex: verificar permissões específicas)\n   */\n  additionalCheck?: (authState: AuthState) => boolean;\n}\n\n/**\n * Componente para proteger rotas que requerem autenticação\n *\n * @example\n * ```tsx\n * <ProtectedRoute redirectTo=\"/login\">\n *   <PainelPage />\n * </ProtectedRoute>\n * ```\n */\nexport const ProtectedRoute = ({\n  children,\n  redirectTo = '/',\n  loadingComponent,\n  additionalCheck,\n}: ProtectedRouteProps) => {\n  const { isAuthenticated, isLoading, ...authState } = useAuth();\n\n  // Componente de loading padrão\n  const defaultLoadingComponent = (\n    <div className=\"flex items-center justify-center min-h-screen\">\n      <div className=\"text-text-950 text-lg\">Carregando...</div>\n    </div>\n  );\n\n  // Mostrar loading enquanto verifica autenticação\n  if (isLoading) {\n    return <>{loadingComponent || defaultLoadingComponent}</>;\n  }\n\n  // Verificar autenticação básica\n  if (!isAuthenticated) {\n    if (typeof window !== 'undefined') {\n      const rootDomain = getRootDomain();\n      // Only redirect if the root domain is different from current location\n      const currentLocation = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ':' + window.location.port : ''}`;\n      if (rootDomain !== currentLocation) {\n        window.location.href = rootDomain;\n        return null;\n      }\n    }\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  // Verificação adicional (ex: permissões)\n  if (\n    additionalCheck &&\n    !additionalCheck({ isAuthenticated, isLoading, ...authState })\n  ) {\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  return <>{children}</>;\n};\n\n/**\n * Props for the PublicRoute component\n *\n * @interface PublicRouteProps\n * @property {ReactNode} children - Components to render\n * @property {string} [redirectTo] - Path to redirect to (default: '/painel')\n * @property {boolean} [redirectIfAuthenticated] - Whether to redirect if authenticated\n * @property {boolean} [checkAuthBeforeRender] - Whether to check auth before rendering\n */\nexport interface PublicRouteProps {\n  children: ReactNode;\n  /**\n   * Path para redirecionamento\n   */\n  redirectTo?: string;\n  /**\n   * Se deve redirecionar quando usuário estiver autenticado\n   */\n  redirectIfAuthenticated?: boolean;\n  /**\n   * Se deve verificar autenticação antes de renderizar\n   */\n  checkAuthBeforeRender?: boolean;\n}\n\n/**\n * Componente para rotas públicas (login, recuperação de senha, etc.)\n * Opcionalmente redireciona se o usuário já estiver autenticado\n *\n * @example\n * ```tsx\n * <PublicRoute redirectTo=\"/painel\" redirectIfAuthenticated={true}>\n *   <LoginPage />\n * </PublicRoute>\n * ```\n */\nexport const PublicRoute = ({\n  children,\n  redirectTo = '/painel',\n  redirectIfAuthenticated = false,\n  checkAuthBeforeRender = false,\n}: PublicRouteProps) => {\n  const { isAuthenticated, isLoading } = useAuth();\n\n  // Se deve aguardar verificação de auth antes de renderizar\n  if (checkAuthBeforeRender && isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-text-950 text-lg\">Carregando...</div>\n      </div>\n    );\n  }\n\n  // Redirecionar se já autenticado e configurado para isso\n  if (isAuthenticated && redirectIfAuthenticated) {\n    return <Navigate to={redirectTo} replace />;\n  }\n\n  return <>{children}</>;\n};\n\n/**\n * Higher-Order Component to protect components with authentication\n *\n * @template P - Component props type\n * @param {ComponentType<P>} Component - Component to wrap with authentication\n * @param {Omit<ProtectedRouteProps, 'children'>} [options] - Protection options\n * @returns {(props: P) => JSX.Element} Wrapped component\n *\n * @example\n * ```tsx\n * const ProtectedComponent = withAuth(MyComponent, {\n *   redirectTo: \"/login\",\n *   loadingComponent: <CustomSpinner />\n * });\n * ```\n */\nexport const withAuth = <P extends object>(\n  Component: ComponentType<P>,\n  options: Omit<ProtectedRouteProps, 'children'> = {}\n) => {\n  return (props: P) => (\n    <ProtectedRoute {...options}>\n      <Component {...props} />\n    </ProtectedRoute>\n  );\n};\n\n/**\n * Hook for authentication guard with custom checks\n *\n * @param {object} [options] - Guard options\n * @param {boolean} [options.requireAuth=true] - Whether authentication is required\n * @param {(authState: AuthState) => boolean} [options.customCheck] - Custom check function\n * @returns {object} Guard result with canAccess, isLoading, and authState\n *\n * @example\n * ```tsx\n * const { canAccess, isLoading } = useAuthGuard({\n *   requireAuth: true,\n *   customCheck: (authState) => authState.user?.role === 'admin'\n * });\n * ```\n */\nexport const useAuthGuard = (\n  options: {\n    requireAuth?: boolean;\n    customCheck?: (authState: AuthState) => boolean;\n  } = {}\n) => {\n  const authState = useAuth();\n  const { requireAuth = true, customCheck } = options;\n\n  const canAccess =\n    !authState.isLoading &&\n    (requireAuth\n      ? authState.isAuthenticated && (!customCheck || customCheck(authState))\n      : !authState.isAuthenticated || !customCheck || customCheck(authState));\n\n  return {\n    canAccess,\n    isLoading: authState.isLoading,\n    authState,\n  };\n};\n\n/**\n * Hook to check authentication on specific routes\n * Useful for conditional checks within components\n *\n * @param {string} [fallbackPath='/'] - Path to redirect when not authenticated\n * @returns {object} Object with isAuthenticated, isLoading, and redirectToLogin function\n *\n * @example\n * ```tsx\n * const { isAuthenticated, redirectToLogin } = useRouteAuth();\n *\n * if (!isAuthenticated) {\n *   return redirectToLogin();\n * }\n * ```\n */\nexport const useRouteAuth = (fallbackPath = '/') => {\n  const { isAuthenticated, isLoading } = useAuth();\n  const location = useLocation();\n\n  const redirectToLogin = () => (\n    <Navigate to={fallbackPath} state={{ from: location }} replace />\n  );\n\n  return {\n    isAuthenticated,\n    isLoading,\n    redirectToLogin,\n  };\n};\n\n/**\n * Get the root domain from the current window location\n * Handles localhost and subdomain cases\n *\n * @private\n * @returns {string} The root domain URL\n */\nconst getRootDomain = () => {\n  const { hostname, protocol, port } = window.location;\n  const portStr = port ? ':' + port : '';\n  if (hostname === 'localhost') {\n    return `${protocol}//${hostname}${portStr}`;\n  }\n  const parts = hostname.split('.');\n  // Only treat as subdomain if there are 3+ parts (e.g., subdomain.example.com)\n  if (parts.length > 2) {\n    // Return the last 2 parts as the root domain (example.com)\n    const base = parts.slice(-2).join('.');\n    return `${protocol}//${base}${portStr}`;\n  }\n  // For 2-part domains (example.com) or single domains, return as-is\n  return `${protocol}//${hostname}${portStr}`;\n};\n\nexport default {\n  AuthProvider,\n  ProtectedRoute,\n  PublicRoute,\n  withAuth,\n  useAuth,\n  useAuthGuard,\n  useRouteAuth,\n};\n"],"mappings":"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","names":[]}

package/dist/Auth/zustandAuthAdapter/index.d.mts

@@ -0,0 +1,75 @@
+/**
+ * Generic adapter for integrating AuthProvider with Zustand stores
+ * Users should import this file and pass their store instance
+ *
+ * @template S - Zustand store type that contains auth-related state
+ * @param {object} useAuthStore - Zustand store hook with getState method
+ * @param {() => S} useAuthStore.getState - Function to get current store state
+ * @returns {object} Adapter object with auth functions
+ *
+ * @example
+ * ```typescript
+ * // Define your Zustand store type
+ * interface AuthStore {
+ *   sessionInfo?: SessionInfo;
+ *   tokens?: AuthTokens;
+ *   user?: AuthUser;
+ *   signOut: () => void;
+ * }
+ *
+ * // Create the adapter
+ * const authAdapter = createZustandAuthAdapter(useAuthStore);
+ *
+ * // Use with AuthProvider
+ * <AuthProvider
+ *   checkAuthFn={authAdapter.checkAuth}
+ *   signOutFn={authAdapter.signOut}
+ *   getUserFn={authAdapter.getUser}
+ *   getSessionFn={authAdapter.getSessionInfo}
+ *   getTokensFn={authAdapter.getTokens}
+ * >
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+declare function createZustandAuthAdapter<S extends {
+    sessionInfo?: unknown;
+    tokens?: unknown;
+    user?: unknown;
+    signOut?: () => void;
+}>(useAuthStore: {
+    getState: () => S;
+}): {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: () => Promise<boolean>;
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => unknown;
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => unknown;
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => unknown;
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => void;
+};
+
+export { createZustandAuthAdapter };

package/dist/Auth/zustandAuthAdapter/index.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Generic adapter for integrating AuthProvider with Zustand stores
+ * Users should import this file and pass their store instance
+ *
+ * @template S - Zustand store type that contains auth-related state
+ * @param {object} useAuthStore - Zustand store hook with getState method
+ * @param {() => S} useAuthStore.getState - Function to get current store state
+ * @returns {object} Adapter object with auth functions
+ *
+ * @example
+ * ```typescript
+ * // Define your Zustand store type
+ * interface AuthStore {
+ *   sessionInfo?: SessionInfo;
+ *   tokens?: AuthTokens;
+ *   user?: AuthUser;
+ *   signOut: () => void;
+ * }
+ *
+ * // Create the adapter
+ * const authAdapter = createZustandAuthAdapter(useAuthStore);
+ *
+ * // Use with AuthProvider
+ * <AuthProvider
+ *   checkAuthFn={authAdapter.checkAuth}
+ *   signOutFn={authAdapter.signOut}
+ *   getUserFn={authAdapter.getUser}
+ *   getSessionFn={authAdapter.getSessionInfo}
+ *   getTokensFn={authAdapter.getTokens}
+ * >
+ *   <App />
+ * </AuthProvider>
+ * ```
+ */
+declare function createZustandAuthAdapter<S extends {
+    sessionInfo?: unknown;
+    tokens?: unknown;
+    user?: unknown;
+    signOut?: () => void;
+}>(useAuthStore: {
+    getState: () => S;
+}): {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: () => Promise<boolean>;
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => unknown;
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => unknown;
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => unknown;
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => void;
+};
+
+export { createZustandAuthAdapter };

package/dist/Auth/zustandAuthAdapter/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Auth/zustandAuthAdapter.ts
+var zustandAuthAdapter_exports = {};
+__export(zustandAuthAdapter_exports, {
+  createZustandAuthAdapter: () => createZustandAuthAdapter
+});
+module.exports = __toCommonJS(zustandAuthAdapter_exports);
+function createZustandAuthAdapter(useAuthStore) {
+  return {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: async () => {
+      const { sessionInfo, tokens } = useAuthStore.getState();
+      return Boolean(sessionInfo && tokens);
+    },
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => useAuthStore.getState().user,
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => useAuthStore.getState().sessionInfo,
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => useAuthStore.getState().tokens,
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => {
+      const signOutFn = useAuthStore.getState().signOut;
+      if (typeof signOutFn === "function") signOutFn();
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createZustandAuthAdapter
+});
+//# sourceMappingURL=index.js.map

package/dist/Auth/zustandAuthAdapter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Auth/zustandAuthAdapter.ts"],"sourcesContent":["/**\n * Generic adapter for integrating AuthProvider with Zustand stores\n * Users should import this file and pass their store instance\n *\n * @template S - Zustand store type that contains auth-related state\n * @param {object} useAuthStore - Zustand store hook with getState method\n * @param {() => S} useAuthStore.getState - Function to get current store state\n * @returns {object} Adapter object with auth functions\n *\n * @example\n * ```typescript\n * // Define your Zustand store type\n * interface AuthStore {\n *   sessionInfo?: SessionInfo;\n *   tokens?: AuthTokens;\n *   user?: AuthUser;\n *   signOut: () => void;\n * }\n *\n * // Create the adapter\n * const authAdapter = createZustandAuthAdapter(useAuthStore);\n *\n * // Use with AuthProvider\n * <AuthProvider\n *   checkAuthFn={authAdapter.checkAuth}\n *   signOutFn={authAdapter.signOut}\n *   getUserFn={authAdapter.getUser}\n *   getSessionFn={authAdapter.getSessionInfo}\n *   getTokensFn={authAdapter.getTokens}\n * >\n *   <App />\n * </AuthProvider>\n * ```\n */\nexport function createZustandAuthAdapter<\n  S extends {\n    sessionInfo?: unknown;\n    tokens?: unknown;\n    user?: unknown;\n    signOut?: () => void;\n  },\n>(useAuthStore: { getState: () => S }) {\n  return {\n    /**\n     * Check if the user is authenticated based on sessionInfo and tokens\n     *\n     * @returns {Promise<boolean>} Promise that resolves to authentication status\n     */\n    checkAuth: async (): Promise<boolean> => {\n      const { sessionInfo, tokens } = useAuthStore.getState();\n      return Boolean(sessionInfo && tokens);\n    },\n    /**\n     * Get the current user from the store\n     *\n     * @returns {unknown} Current user data from the store\n     */\n    getUser: () => useAuthStore.getState().user,\n    /**\n     * Get the current session information from the store\n     *\n     * @returns {unknown} Current session info from the store\n     */\n    getSessionInfo: () => useAuthStore.getState().sessionInfo,\n    /**\n     * Get the current authentication tokens from the store\n     *\n     * @returns {unknown} Current tokens from the store\n     */\n    getTokens: () => useAuthStore.getState().tokens,\n    /**\n     * Sign out the user by calling the store's signOut function if available\n     *\n     * @returns {void}\n     */\n    signOut: () => {\n      const signOutFn = useAuthStore.getState().signOut;\n      if (typeof signOutFn === 'function') signOutFn();\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCO,SAAS,yBAOd,cAAqC;AACrC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,WAAW,YAA8B;AACvC,YAAM,EAAE,aAAa,OAAO,IAAI,aAAa,SAAS;AACtD,aAAO,QAAQ,eAAe,MAAM;AAAA,IACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAS,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMvC,gBAAgB,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM9C,WAAW,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMzC,SAAS,MAAM;AACb,YAAM,YAAY,aAAa,SAAS,EAAE;AAC1C,UAAI,OAAO,cAAc,WAAY,WAAU;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}

package/dist/Auth/zustandAuthAdapter/index.mjs

@@ -0,0 +1,45 @@
+// src/components/Auth/zustandAuthAdapter.ts
+function createZustandAuthAdapter(useAuthStore) {
+  return {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: async () => {
+      const { sessionInfo, tokens } = useAuthStore.getState();
+      return Boolean(sessionInfo && tokens);
+    },
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => useAuthStore.getState().user,
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => useAuthStore.getState().sessionInfo,
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => useAuthStore.getState().tokens,
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => {
+      const signOutFn = useAuthStore.getState().signOut;
+      if (typeof signOutFn === "function") signOutFn();
+    }
+  };
+}
+export {
+  createZustandAuthAdapter
+};
+//# sourceMappingURL=index.mjs.map

package/dist/Auth/zustandAuthAdapter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Auth/zustandAuthAdapter.ts"],"sourcesContent":["/**\n * Generic adapter for integrating AuthProvider with Zustand stores\n * Users should import this file and pass their store instance\n *\n * @template S - Zustand store type that contains auth-related state\n * @param {object} useAuthStore - Zustand store hook with getState method\n * @param {() => S} useAuthStore.getState - Function to get current store state\n * @returns {object} Adapter object with auth functions\n *\n * @example\n * ```typescript\n * // Define your Zustand store type\n * interface AuthStore {\n *   sessionInfo?: SessionInfo;\n *   tokens?: AuthTokens;\n *   user?: AuthUser;\n *   signOut: () => void;\n * }\n *\n * // Create the adapter\n * const authAdapter = createZustandAuthAdapter(useAuthStore);\n *\n * // Use with AuthProvider\n * <AuthProvider\n *   checkAuthFn={authAdapter.checkAuth}\n *   signOutFn={authAdapter.signOut}\n *   getUserFn={authAdapter.getUser}\n *   getSessionFn={authAdapter.getSessionInfo}\n *   getTokensFn={authAdapter.getTokens}\n * >\n *   <App />\n * </AuthProvider>\n * ```\n */\nexport function createZustandAuthAdapter<\n  S extends {\n    sessionInfo?: unknown;\n    tokens?: unknown;\n    user?: unknown;\n    signOut?: () => void;\n  },\n>(useAuthStore: { getState: () => S }) {\n  return {\n    /**\n     * Check if the user is authenticated based on sessionInfo and tokens\n     *\n     * @returns {Promise<boolean>} Promise that resolves to authentication status\n     */\n    checkAuth: async (): Promise<boolean> => {\n      const { sessionInfo, tokens } = useAuthStore.getState();\n      return Boolean(sessionInfo && tokens);\n    },\n    /**\n     * Get the current user from the store\n     *\n     * @returns {unknown} Current user data from the store\n     */\n    getUser: () => useAuthStore.getState().user,\n    /**\n     * Get the current session information from the store\n     *\n     * @returns {unknown} Current session info from the store\n     */\n    getSessionInfo: () => useAuthStore.getState().sessionInfo,\n    /**\n     * Get the current authentication tokens from the store\n     *\n     * @returns {unknown} Current tokens from the store\n     */\n    getTokens: () => useAuthStore.getState().tokens,\n    /**\n     * Sign out the user by calling the store's signOut function if available\n     *\n     * @returns {void}\n     */\n    signOut: () => {\n      const signOutFn = useAuthStore.getState().signOut;\n      if (typeof signOutFn === 'function') signOutFn();\n    },\n  };\n}\n"],"mappings":";AAkCO,SAAS,yBAOd,cAAqC;AACrC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,WAAW,YAA8B;AACvC,YAAM,EAAE,aAAa,OAAO,IAAI,aAAa,SAAS;AACtD,aAAO,QAAQ,eAAe,MAAM;AAAA,IACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAS,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMvC,gBAAgB,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM9C,WAAW,MAAM,aAAa,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMzC,SAAS,MAAM;AACb,YAAM,YAAY,aAAa,SAAS,EAAE;AAC1C,UAAI,OAAO,cAAc,WAAY,WAAU;AAAA,IACjD;AAAA,EACF;AACF;","names":[]}

package/dist/index.d.mts

@@ -30,6 +30,8 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.mjs';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.mjs';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.mjs';
+export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.mjs';
+export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.d.ts

@@ -30,6 +30,8 @@ export { default as Menu, MenuContent, MenuItem, MenuOverflow } from './Menu/ind
 export { CardActivitiesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardSimulado, CardStatus, CardTopic } from './Card/index.js';
 export { Skeleton, SkeletonCard, SkeletonCircle, SkeletonList, SkeletonRectangle, SkeletonRounded, SkeletonTable, SkeletonText } from './Skeleton/index.js';
 export { AuthProvider, ProtectedRoute, PublicRoute, useAuth, useAuthGuard, useRouteAuth, withAuth } from './Auth/index.js';
+export { createZustandAuthAdapter } from './Auth/zustandAuthAdapter/index.js';
+export { useUrlAuthentication } from './Auth/useUrlAuthentication/index.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'zustand';

package/dist/index.js

@@ -85,10 +85,12 @@ __export(src_exports, {
   TextArea: () => TextArea_default,
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
+  createZustandAuthAdapter: () => createZustandAuthAdapter,
   useAuth: () => useAuth,
   useAuthGuard: () => useAuthGuard,
   useRouteAuth: () => useRouteAuth,
   useToastStore: () => ToastStore_default,
+  useUrlAuthentication: () => useUrlAuthentication,
   withAuth: () => withAuth
 });
 module.exports = __toCommonJS(src_exports);
@@ -5872,6 +5874,14 @@ var ProtectedRoute = ({
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: loadingComponent || defaultLoadingComponent });
   }
   if (!isAuthenticated) {
+    if (typeof window !== "undefined") {
+      const rootDomain = getRootDomain();
+      const currentLocation = `${window.location.protocol}//${window.location.hostname}${window.location.port ? ":" + window.location.port : ""}`;
+      if (rootDomain !== currentLocation) {
+        window.location.href = rootDomain;
+        return null;
+      }
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom.Navigate, { to: redirectTo, replace: true });
   }
   if (additionalCheck && !additionalCheck({ isAuthenticated, isLoading, ...authState })) {
@@ -5917,6 +5927,127 @@ var useRouteAuth = (fallbackPath = "/") => {
     redirectToLogin
   };
 };
+var getRootDomain = () => {
+  const { hostname, protocol, port } = window.location;
+  const portStr = port ? ":" + port : "";
+  if (hostname === "localhost") {
+    return `${protocol}//${hostname}${portStr}`;
+  }
+  const parts = hostname.split(".");
+  if (parts.length > 2) {
+    const base = parts.slice(-2).join(".");
+    return `${protocol}//${base}${portStr}`;
+  }
+  return `${protocol}//${hostname}${portStr}`;
+};
+
+// src/components/Auth/zustandAuthAdapter.ts
+function createZustandAuthAdapter(useAuthStore) {
+  return {
+    /**
+     * Check if the user is authenticated based on sessionInfo and tokens
+     *
+     * @returns {Promise<boolean>} Promise that resolves to authentication status
+     */
+    checkAuth: async () => {
+      const { sessionInfo, tokens } = useAuthStore.getState();
+      return Boolean(sessionInfo && tokens);
+    },
+    /**
+     * Get the current user from the store
+     *
+     * @returns {unknown} Current user data from the store
+     */
+    getUser: () => useAuthStore.getState().user,
+    /**
+     * Get the current session information from the store
+     *
+     * @returns {unknown} Current session info from the store
+     */
+    getSessionInfo: () => useAuthStore.getState().sessionInfo,
+    /**
+     * Get the current authentication tokens from the store
+     *
+     * @returns {unknown} Current tokens from the store
+     */
+    getTokens: () => useAuthStore.getState().tokens,
+    /**
+     * Sign out the user by calling the store's signOut function if available
+     *
+     * @returns {void}
+     */
+    signOut: () => {
+      const signOutFn = useAuthStore.getState().signOut;
+      if (typeof signOutFn === "function") signOutFn();
+    }
+  };
+}
+
+// src/components/Auth/useUrlAuthentication.ts
+var import_react20 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
+var getAuthParams = (location, extractParams) => {
+  const searchParams = new URLSearchParams(location.search);
+  return extractParams ? extractParams(searchParams) : {
+    sessionId: searchParams.get("sessionId"),
+    token: searchParams.get("token"),
+    refreshToken: searchParams.get("refreshToken")
+  };
+};
+var hasValidAuthParams = (authParams) => {
+  return !!(authParams?.sessionId && authParams?.token && authParams?.refreshToken);
+};
+var hasValidProfileData = (data) => {
+  return data !== null && typeof data === "object" && data !== void 0;
+};
+var handleProfileSelection = (responseData, setSelectedProfile) => {
+  if (!setSelectedProfile) return;
+  if (!hasValidProfileData(responseData)) return;
+  const profileId = responseData.profileId;
+  const isValidProfileId = profileId !== null && profileId !== void 0;
+  if (isValidProfileId) {
+    setSelectedProfile({
+      id: profileId
+    });
+  }
+};
+function useUrlAuthentication(options) {
+  const location = (0, import_react_router_dom2.useLocation)();
+  (0, import_react20.useEffect)(() => {
+    const handleAuthentication = async () => {
+      const authParams = getAuthParams(location, options.extractParams);
+      if (!hasValidAuthParams(authParams)) {
+        return;
+      }
+      try {
+        options.setTokens({
+          token: authParams.token,
+          refreshToken: authParams.refreshToken
+        });
+        const response = await options.api.get(options.endpoint, {
+          headers: {
+            Authorization: `Bearer ${authParams.token}`
+          }
+        });
+        options.setSessionInfo(response.data.data);
+        handleProfileSelection(response.data.data, options.setSelectedProfile);
+        options.clearParamsFromURL?.();
+      } catch (error) {
+        console.error("Erro ao obter informa\xE7\xF5es da sess\xE3o:", error);
+      }
+    };
+    handleAuthentication();
+  }, [
+    location.search,
+    options.setSessionInfo,
+    options.setSelectedProfile,
+    options.setTokens,
+    options.api,
+    options.endpoint,
+    options.extractParams,
+    options.clearParamsFromURL
+  ]);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -5984,10 +6115,12 @@ var useRouteAuth = (fallbackPath = "/") => {
   TextArea,
   Toast,
   Toaster,
+  createZustandAuthAdapter,
   useAuth,
   useAuthGuard,
   useRouteAuth,
   useToastStore,
+  useUrlAuthentication,
   withAuth
 });
 //# sourceMappingURL=index.js.map