@umituz/web-dashboard 5.0.1 → 6.0.0

package/src/domains/session/OrgSwitcher.tsx

@@ -1,102 +0,0 @@
-import { useState } from "react";
-import { Building2, Check, ChevronDown } from "lucide-react";
-import { cn } from "@umituz/web-design-system/utils/cn";
-import { useT } from "@umituz/web-localization/react";
-import { SESSION_KEYS } from "./utils/i18nKeys";
-import type { Tenant } from "./types";
-
-export interface OrgSwitcherProps {
-  tenants: Tenant[];
-  activeTenantId?: string | null;
-  onSwitch: (tenantId: string) => void;
-  disabled?: boolean;
-  className?: string;
-}
-
-const initialsOf = (tenant: Tenant): string =>
-  tenant.initials ??
-  tenant.name
-    .split(/\s+/)
-    .slice(0, 2)
-    .map((word) => word.charAt(0).toUpperCase())
-    .join("");
-
-export const OrgSwitcher = ({
-  tenants,
-  activeTenantId,
-  onSwitch,
-  disabled = false,
-  className,
-}: OrgSwitcherProps) => {
-  const t = useT();
-  const [open, setOpen] = useState(false);
-
-  if (tenants.length === 0) return null;
-
-  const active = tenants.find((tenant) => tenant.id === activeTenantId) ?? tenants[0];
-
-  return (
-    <div className={cn("udb-header__anchor", className)}>
-      <button
-        type="button"
-        className="udb-profile-btn"
-        disabled={disabled}
-        aria-haspopup="menu"
-        aria-expanded={open}
-        aria-label={t(SESSION_KEYS.orgSwitcher.label)}
-        onClick={() => setOpen((prev) => !prev)}
-      >
-        <span className="udb-avatar">{initialsOf(active)}</span>
-        <span className="udb-org">
-          <span className="udb-org__name">{active.name}</span>
-          {active.plan && <span className="udb-org__meta">{active.plan}</span>}
-        </span>
-        <ChevronDown
-          className={cn(
-            "udb-profile-btn__chevron",
-            open && "udb-profile-btn__chevron--open",
-          )}
-          aria-hidden="true"
-        />
-      </button>
-
-      {open && (
-        <>
-          <button
-            type="button"
-            className="udb-overlay"
-            aria-label="close tenant menu"
-            tabIndex={-1}
-            onClick={() => setOpen(false)}
-          />
-          <div className="udb-menu udb-org-menu" role="menu">
-            {tenants.map((tenant) => {
-              const isActive = tenant.id === active.id;
-              return (
-                <button
-                  key={tenant.id}
-                  type="button"
-                  role="menuitem"
-                  className={cn(
-                    "udb-menu__item",
-                    isActive && "udb-menu__item--active",
-                  )}
-                  onClick={() => {
-                    onSwitch(tenant.id);
-                    setOpen(false);
-                  }}
-                >
-                  <Building2 className="udb-menu__item-icon" aria-hidden="true" />
-                  <span className="udb-org-menu__label">{tenant.name}</span>
-                  {isActive && <Check className="udb-org-menu__check" aria-hidden="true" />}
-                </button>
-              );
-            })}
-          </div>
-        </>
-      )}
-    </div>
-  );
-};
-
-export default OrgSwitcher;

package/src/domains/session/SessionContext.tsx

@@ -1,150 +0,0 @@
-/**
- * Session context — user + active tenant state over an injected
- * AuthAdapter. Restores the current user on mount, exposes
- * login/logout/demoLogin, loads tenants for the user and keeps an
- * `activeTenant` the OrgSwitcher drives via `switchTenant`.
- */
-
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState,
-  type ReactNode,
-} from "react";
-import type {
-  AuthAdapter,
-  LoginCredentials,
-  SessionStatus,
-  SessionUser,
-  Tenant,
-} from "./types";
-
-export interface SessionProviderProps {
-  adapter: AuthAdapter;
-  children: ReactNode;
-}
-
-interface SessionContextValue {
-  user: SessionUser | null;
-  tenants: Tenant[];
-  activeTenant: Tenant | null;
-  status: SessionStatus;
-  login: (credentials: LoginCredentials) => Promise<SessionUser>;
-  logout: () => Promise<void>;
-  demoLogin: (userId: string) => Promise<SessionUser>;
-  switchTenant: (tenantId: string) => void;
-}
-
-const SessionContext = createContext<SessionContextValue | null>(null);
-
-export const SessionProvider = ({ adapter, children }: SessionProviderProps) => {
-  const [user, setUser] = useState<SessionUser | null>(null);
-  const [tenants, setTenants] = useState<Tenant[]>([]);
-  const [activeTenantId, setActiveTenantId] = useState<string | null>(null);
-  const [status, setStatus] = useState<SessionStatus>("loading");
-
-  // Restore the session once on mount.
-  useEffect(() => {
-    let cancelled = false;
-    adapter
-      .current()
-      .then((current) => {
-        if (cancelled) return;
-        setUser(current);
-        setStatus(current ? "authenticated" : "anonymous");
-      })
-      .catch(() => {
-        if (!cancelled) setStatus("anonymous");
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [adapter]);
-
-  // Load tenants whenever the authenticated user changes.
-  useEffect(() => {
-    if (!user || !adapter.listTenants) {
-      setTenants([]);
-      setActiveTenantId(null);
-      return;
-    }
-    let cancelled = false;
-    adapter
-      .listTenants(user.id)
-      .then((list) => {
-        if (cancelled) return;
-        setTenants(list);
-        setActiveTenantId((prev) =>
-          prev && list.some((tenant) => tenant.id === prev) ? prev : (list[0]?.id ?? null),
-        );
-      })
-      .catch(() => {
-        if (!cancelled) setTenants([]);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [adapter, user]);
-
-  const login = useCallback(
-    async (credentials: LoginCredentials) => {
-      const next = await adapter.login(credentials);
-      setUser(next);
-      setStatus("authenticated");
-      return next;
-    },
-    [adapter],
-  );
-
-  const logout = useCallback(async () => {
-    await adapter.logout();
-    setUser(null);
-    setStatus("anonymous");
-  }, [adapter]);
-
-  const demoLogin = useCallback(
-    async (userId: string) => {
-      if (!adapter.demoLogin) {
-        throw new Error("AuthAdapter does not support demoLogin");
-      }
-      const next = await adapter.demoLogin(userId);
-      setUser(next);
-      setStatus("authenticated");
-      return next;
-    },
-    [adapter],
-  );
-
-  const switchTenant = useCallback((tenantId: string) => {
-    setActiveTenantId(tenantId);
-  }, []);
-
-  const value = useMemo<SessionContextValue>(
-    () => ({
-      user,
-      tenants,
-      activeTenant: tenants.find((tenant) => tenant.id === activeTenantId) ?? null,
-      status,
-      login,
-      logout,
-      demoLogin,
-      switchTenant,
-    }),
-    [user, tenants, activeTenantId, status, login, logout, demoLogin, switchTenant],
-  );
-
-  return (
-    <SessionContext.Provider value={value}>{children}</SessionContext.Provider>
-  );
-};
-
-export const useSession = (): SessionContextValue => {
-  const context = useContext(SessionContext);
-  if (!context) {
-    throw new Error("useSession requires a <SessionProvider> ancestor");
-  }
-  return context;
-};

package/src/domains/session/inMemoryAuthAdapter.ts

@@ -1,53 +0,0 @@
-/**
- * In-memory auth adapter — zero-dependency default for demos,
- * Storybook-style setups and tests. Credentials are NOT checked
- * (any password logs in); demo accounts log in by user id.
- */
-
-import type {
-  AuthAdapter,
-  LoginCredentials,
-  SessionUser,
-} from "./types";
-
-export interface InMemoryAuthAdapterOptions {
-  /** Users available for login/demo. */
-  users: readonly SessionUser[];
-}
-
-export const createInMemoryAuthAdapter = ({
-  users,
-}: InMemoryAuthAdapterOptions): AuthAdapter => {
-  let currentUser: SessionUser | null = null;
-
-  const findByEmail = (email: string): SessionUser | undefined =>
-    users.find((user) => user.email === email);
-
-  return {
-    async login({ email }: LoginCredentials): Promise<SessionUser> {
-      const user = findByEmail(email);
-      if (!user) {
-        throw new Error(`No user with email ${email}`);
-      }
-      currentUser = user;
-      return user;
-    },
-
-    async logout(): Promise<void> {
-      currentUser = null;
-    },
-
-    async current(): Promise<SessionUser | null> {
-      return currentUser;
-    },
-
-    async demoLogin(userId: string): Promise<SessionUser> {
-      const user = users.find((candidate) => candidate.id === userId);
-      if (!user) {
-        throw new Error(`No demo user with id ${userId}`);
-      }
-      currentUser = user;
-      return user;
-    },
-  };
-};

package/src/domains/session/index.ts

@@ -1,18 +0,0 @@
-export {
-  SessionProvider,
-  useSession,
-  type SessionProviderProps,
-} from "./SessionContext";
-export { OrgSwitcher, type OrgSwitcherProps } from "./OrgSwitcher";
-export { DemoLogin, type DemoLoginProps } from "./DemoLogin";
-export { createInMemoryAuthAdapter, type InMemoryAuthAdapterOptions } from "./inMemoryAuthAdapter";
-export {
-  SESSION_KEYS,
-} from "./utils/i18nKeys";
-export type {
-  AuthAdapter,
-  LoginCredentials,
-  SessionStatus,
-  SessionUser,
-  Tenant,
-} from "./types";

package/src/domains/session/types.ts

@@ -1,47 +0,0 @@
-/**
- * Session model — the host-facing auth contract.
- *
- * The package performs no authentication itself; hosts adapt their
- * provider (Firebase, Supabase, NEON-backed REST, mock...) to this
- * interface and hand it to <SessionProvider>.
- */
-
-/** Authenticated user as the dashboard presents it. */
-export interface SessionUser {
-  id: string;
-  name: string;
-  email: string;
-  /** Host role key — pairs with the permissions matrix. */
-  role: string;
-  avatarUrl?: string;
-}
-
-/** Tenant/organization the user may switch between. */
-export interface Tenant {
-  id: string;
-  name: string;
-  /** Short initials for avatar-style rendering. */
-  initials?: string;
-  /** Optional plan badge (e.g. "starter" | "growth" | "enterprise"). */
-  plan?: string;
-}
-
-export interface LoginCredentials {
-  email: string;
-  password: string;
-}
-
-/**
- * Auth adapter seam. `login`/`logout`/`current` are required;
- * `listTenants` and `demoLogin` power the multi-tenant switcher and
- * one-click demo entry when the host supports them.
- */
-export interface AuthAdapter {
-  login(credentials: LoginCredentials): Promise<SessionUser>;
-  logout(): Promise<void>;
-  current(): Promise<SessionUser | null>;
-  listTenants?(userId: string): Promise<Tenant[]>;
-  demoLogin?(userId: string): Promise<SessionUser>;
-}
-
-export type SessionStatus = "loading" | "authenticated" | "anonymous";

package/src/domains/session/utils/i18nKeys.ts

@@ -1,12 +0,0 @@
-/**
- * Session domain i18n keys — the documented string contract.
- */
-
-export const SESSION_KEYS = {
-  orgSwitcher: {
-    label: "session.orgSwitcher.label",
-  },
-  demoLogin: {
-    action: "session.demoLogin.action",
-  },
-} as const;