@serhii.olishevskyi/docs 1.0.6 → 1.0.8

package/dist/{UserPopoverComponent-MG2V632M.mjs → UserPopoverComponent-YKVTSRTJ.mjs}

@@ -1,7 +1,7 @@
 import {
   UserPopoverComponent,
   UserPopoverComponent_default
-} from "./chunk-UYCEKHKQ.mjs";
+} from "./chunk-ABYNAO4A.mjs";
 export {
   UserPopoverComponent,
   UserPopoverComponent_default as default

package/dist/{chunk-UYCEKHKQ.mjs → chunk-ABYNAO4A.mjs}

@@ -189,7 +189,54 @@ var config_default = i18n;
 // src/context/AuthProvider.tsx
 import { createContext as createContext3, useContext as useContext3, useEffect, useState, useCallback, useRef } from "react";
 
+// src/utils/deviceId.ts
+var getDeviceId = () => {
+  let deviceId = localStorage.getItem("app_device_id");
+  if (!deviceId) {
+    deviceId = crypto.randomUUID();
+    localStorage.setItem("app_device_id", deviceId);
+  }
+  return deviceId;
+};
+
 // src/services/session.service.ts
+var trackUserSession = async (supabase, userId) => {
+  const deviceId = getDeviceId();
+  let ip = "";
+  try {
+    const ipRes = await fetch("https://api.ipify.org?format=json");
+    const ipData = await ipRes.json();
+    ip = ipData.ip;
+  } catch (e) {
+    console.warn("Failed to fetch IP address", e);
+  }
+  await supabase.from("user_sessions").upsert(
+    {
+      user_id: userId,
+      device_id: deviceId,
+      user_agent: navigator.userAgent,
+      ip_address: ip,
+      url: window.location.href,
+      last_seen_at: (/* @__PURE__ */ new Date()).toISOString()
+    },
+    { onConflict: "user_id, device_id" }
+  );
+};
+var isCurrentSessionValid = async (supabase, userId) => {
+  try {
+    const currentDeviceId = getDeviceId();
+    const { data, error } = await supabase.from("user_sessions").select("id").eq("user_id", userId).eq("device_id", currentDeviceId).maybeSingle();
+    if (error) {
+      console.warn("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u043A\u0438 \u0441\u0435\u0441\u0456\u0457:", error.message);
+      return true;
+    }
+    if (!data) return false;
+    return true;
+  } catch (err) {
+    console.error("\u041D\u0435\u0441\u043F\u043E\u0434\u0456\u0432\u0430\u043D\u0430 \u043F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+    return true;
+  }
+};
 var getUserLastSeenAt = async (supabase, userId) => {
   const { data, error } = await supabase.from("user_sessions").select("last_seen_at").eq("user_id", userId).order("last_seen_at", { ascending: false }).limit(1).maybeSingle();
   if (error || !data) return null;
@@ -199,6 +246,179 @@ var getUserLastSeenAt = async (supabase, userId) => {
 // src/context/AuthProvider.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var AuthContext = createContext3(void 0);
+var AuthProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const [user, setUser] = useState(null);
+  const [profile, setProfile] = useState(null);
+  const [membership, setMembership] = useState(null);
+  const [session, setSession] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const currentUserIdRef = useRef(null);
+  const fetchProfileAndMembership = useCallback(async (userId) => {
+    try {
+      const { data, error } = await supabase.rpc("get_user_avatar_and_profile", {
+        p_user_id: userId
+      });
+      if (error || !data) {
+        console.error("Error fetching user context via RPC:", error?.message);
+        setProfile(null);
+        setMembership(null);
+        return;
+      }
+      const response = data;
+      if (response?.profile) {
+        const profileData = response.profile;
+        if (profileData.avatar_path && !profileData.avatar_path.startsWith("http")) {
+          const cleanPath = profileData.avatar_path.replace(/^user-media\//, "");
+          const { data: avatarSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+          if (avatarSignedData?.signedUrl) {
+            profileData.avatar_url = avatarSignedData.signedUrl;
+          }
+        }
+        if (profileData.cover_image_path && !profileData.cover_image_path.startsWith("http")) {
+          const cleanPath = profileData.cover_image_path.replace(/^user-media\//, "");
+          const { data: coverSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+          if (coverSignedData?.signedUrl) {
+            profileData.cover_image_url = coverSignedData.signedUrl;
+          }
+        }
+        let updatedMembership = response.membership;
+        if (updatedMembership) {
+          const now = (/* @__PURE__ */ new Date()).toISOString();
+          const isFirstLogin = !updatedMembership.first_login_at;
+          const updateData = {
+            last_login_at: now,
+            ...isFirstLogin && { first_login_at: now }
+          };
+          const { error: updateError } = await supabase.from("memberships").update(updateData).eq("id", updatedMembership.id);
+          if (updateError) {
+            console.error("Error updating membership login timestamps:", updateError.message);
+          } else {
+            updatedMembership = {
+              ...updatedMembership,
+              ...updateData
+            };
+          }
+        }
+        setProfile(profileData);
+        setMembership(updatedMembership);
+      }
+    } catch (err) {
+      console.error("Unexpected error fetching user context:", err);
+      setProfile(null);
+      setMembership(null);
+    }
+  }, []);
+  const refreshProfile = async () => {
+    if (currentUserIdRef.current) {
+      await fetchProfileAndMembership(currentUserIdRef.current);
+    }
+  };
+  const signOut = useCallback(async () => {
+    await supabase.auth.signOut();
+    currentUserIdRef.current = null;
+    setUser(null);
+    setProfile(null);
+    setMembership(null);
+    setSession(null);
+  }, []);
+  const setActiveCompany = async (companyId) => {
+    if (!user) {
+      throw new Error("\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u043D\u0435 \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D");
+    }
+    const { error: profileError } = await supabase.from("profiles").update({ active_company_id: companyId }).eq("id", user.id);
+    if (profileError) {
+      console.error("Error updating active company:", profileError);
+      throw new Error(profileError.message);
+    }
+    await refreshProfile();
+  };
+  const updateProfile = (newProfileData) => {
+    setProfile((prev) => prev ? { ...prev, ...newProfileData } : null);
+  };
+  useEffect(() => {
+    const { data: { subscription } } = supabase.auth.onAuthStateChange(async (event, currentSession) => {
+      if (event === "TOKEN_REFRESHED" && currentUserIdRef.current === currentSession?.user?.id) {
+        setSession(currentSession);
+        return;
+      }
+      const currentUser = currentSession?.user ?? null;
+      const newUserId = currentUser?.id ?? null;
+      if (newUserId !== currentUserIdRef.current) {
+        currentUserIdRef.current = newUserId;
+        setUser(currentUser);
+        if (newUserId) {
+          await trackUserSession(supabase, newUserId).catch(console.error);
+          const isAuthLinkEvent = event === "SIGNED_IN" || event === "INITIAL_SESSION" || event === "PASSWORD_RECOVERY";
+          if (!isAuthLinkEvent) {
+            const isValid = await isCurrentSessionValid(supabase, newUserId);
+            if (!isValid) {
+              await supabase.auth.signOut();
+              currentUserIdRef.current = null;
+              setUser(null);
+              setProfile(null);
+              setMembership(null);
+              setLoading(false);
+              return;
+            }
+          }
+          await fetchProfileAndMembership(newUserId);
+          setSession(currentSession);
+        } else {
+          setProfile(null);
+          setMembership(null);
+        }
+      }
+      setLoading(false);
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [fetchProfileAndMembership]);
+  useEffect(() => {
+    if (!user) return;
+    const checkSession = async () => {
+      try {
+        const valid = await isCurrentSessionValid(supabase, user.id);
+        if (!valid) {
+          console.warn("\u0421\u0435\u0441\u0456\u044E \u0432\u0456\u0434\u043A\u043B\u0438\u043A\u0430\u043D\u043E \u0437 \u0456\u043D\u0448\u043E\u0433\u043E \u043F\u0440\u0438\u0441\u0442\u0440\u043E\u044E.");
+          await signOut();
+        }
+      } catch (err) {
+        console.error("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+      }
+    };
+    const interval = setInterval(checkSession, 6e4);
+    const handleFocus = () => checkSession();
+    window.addEventListener("focus", handleFocus);
+    return () => {
+      clearInterval(interval);
+      window.removeEventListener("focus", handleFocus);
+    };
+  }, [user, signOut]);
+  const activeCompanyId = profile?.active_company_id ?? null;
+  const userRole = membership?.role ?? null;
+  return /* @__PURE__ */ jsx3(
+    AuthContext.Provider,
+    {
+      value: {
+        user,
+        profile,
+        membership,
+        userRole,
+        activeCompanyId,
+        session,
+        isAuthenticated: !!user,
+        loading,
+        signOut,
+        updateProfile,
+        refreshProfile,
+        setActiveCompany
+      },
+      children
+    }
+  );
+};
 var useAuth = () => {
   const context = useContext3(AuthContext);
   if (!context) {
@@ -1456,6 +1676,7 @@ var useAppSettings = () => {
 var Providers = {
   Supabase: SupabaseProvider,
   AppSettings: AppSettingsProvider,
+  Auth: AuthProvider,
   Translate: TranslateProvider,
   TranslationEdit: TranslationEditProvider,
   Localization: LocalizationProvider,
@@ -2015,6 +2236,8 @@ var UserPopoverComponent_default = UserPopoverComponent;
 export {
   SupabaseProvider,
   useSupabase,
+  AuthProvider,
+  useAuth,
   TranslationEditProvider,
   useTranslationEdit,
   translationService,

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { TextFieldProps, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
-import { SupabaseClient } from '@supabase/supabase-js';
+import { SupabaseClient, User, Session } from '@supabase/supabase-js';
 
 interface UrlValue {
     url: string;
@@ -112,7 +112,50 @@ interface UserPopoverComponentProps {
     onClose: () => void;
 }
 
+interface UserProfile {
+    id: string;
+    email: string;
+    system_role: 'superadmin' | 'admin' | 'support' | null;
+    updated_at: string;
+    avatar_url: string | null;
+    avatar_path?: string | null;
+    first_name: string | null;
+    middle_name: string | null;
+    last_name: string | null;
+    display_name: string | null;
+    locked: boolean;
+    archived: boolean;
+    birthday: string | null;
+    phone: string | null;
+    description: string | null;
+    created_at: string;
+    cover_image_url: string | null;
+    cover_image_path?: string | null;
+    active_company_id: string | null;
+    name_order: 'first_last' | 'last_first' | null;
+    include_middle_name: boolean | null;
+    name_genitive: string | null;
+    name_dative: string | null;
+    name_instrumental: string | null;
+    name_vocative: string | null;
+}
+
 type MembershipRole = 'superadmin' | 'admin' | 'user';
+interface Membership {
+    id: string;
+    user_id: string;
+    company_id: string;
+    role: 'superadmin' | 'admin' | 'user';
+    created_at: string;
+    last_updated_at: string | null;
+    first_login_at?: string | null;
+    last_login_at?: string | null;
+    employee_post: string | null;
+    work_schedule_id: string | null;
+    locked: boolean;
+    locked_reason: string | null;
+    excluded: boolean;
+}
 
 interface UserRoleChipComponentProps {
     overrideNamespace?: string;
@@ -233,6 +276,25 @@ declare const AppSettingsProvider: React__default.FC<{
 }>;
 declare const useAppSettings: () => AppSettingsContextType;
 
+interface AuthContextType {
+    user: User | null;
+    profile: UserProfile | null;
+    membership: Membership | null;
+    userRole: MembershipRole | null;
+    activeCompanyId: string | null;
+    session: Session | null;
+    isAuthenticated: boolean;
+    loading: boolean;
+    signOut: () => Promise<void>;
+    updateProfile: (newProfileData: Partial<UserProfile>) => void;
+    refreshProfile: () => Promise<void>;
+    setActiveCompany: (companyId: string) => Promise<void>;
+}
+declare const AuthProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAuth: () => AuthContextType;
+
 interface TranslateTextProps {
     overrideNamespace?: string;
     children: string;
@@ -356,6 +418,9 @@ declare const Providers: {
     readonly AppSettings: React$1.FC<{
         children: React.ReactNode;
     }>;
+    readonly Auth: React$1.FC<{
+        children: React.ReactNode;
+    }>;
     readonly Translate: React$1.FC<TranslateProviderProps>;
     readonly TranslationEdit: React$1.FC<{
         children: React.ReactNode;
@@ -376,4 +441,4 @@ declare const Providers: {
     readonly AI: React$1.FC<AIProviderProps>;
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps as CopyClipboardButtonProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps as EmailInputProps, type Language, LocalizationProvider, type NumberInputComponentProps as NumberInputProps, Providers, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps as TextFieldProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps as TranslatableTooltipProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps as UserAvatarProps, type UserPopoverComponentProps as UserPopoverProps, type UserRoleChipComponentProps as UserRoleChipProps, type UserStatusChipComponentProps as UserStatusChipProps, useAI, useAppSettings, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps as CopyClipboardButtonProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps as EmailInputProps, type Language, LocalizationProvider, type NumberInputComponentProps as NumberInputProps, Providers, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps as TextFieldProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps as TranslatableTooltipProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps as UserAvatarProps, type UserPopoverComponentProps as UserPopoverProps, type UserRoleChipComponentProps as UserRoleChipProps, type UserStatusChipComponentProps as UserStatusChipProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import { TextFieldProps, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
-import { SupabaseClient } from '@supabase/supabase-js';
+import { SupabaseClient, User, Session } from '@supabase/supabase-js';
 
 interface UrlValue {
     url: string;
@@ -112,7 +112,50 @@ interface UserPopoverComponentProps {
     onClose: () => void;
 }
 
+interface UserProfile {
+    id: string;
+    email: string;
+    system_role: 'superadmin' | 'admin' | 'support' | null;
+    updated_at: string;
+    avatar_url: string | null;
+    avatar_path?: string | null;
+    first_name: string | null;
+    middle_name: string | null;
+    last_name: string | null;
+    display_name: string | null;
+    locked: boolean;
+    archived: boolean;
+    birthday: string | null;
+    phone: string | null;
+    description: string | null;
+    created_at: string;
+    cover_image_url: string | null;
+    cover_image_path?: string | null;
+    active_company_id: string | null;
+    name_order: 'first_last' | 'last_first' | null;
+    include_middle_name: boolean | null;
+    name_genitive: string | null;
+    name_dative: string | null;
+    name_instrumental: string | null;
+    name_vocative: string | null;
+}
+
 type MembershipRole = 'superadmin' | 'admin' | 'user';
+interface Membership {
+    id: string;
+    user_id: string;
+    company_id: string;
+    role: 'superadmin' | 'admin' | 'user';
+    created_at: string;
+    last_updated_at: string | null;
+    first_login_at?: string | null;
+    last_login_at?: string | null;
+    employee_post: string | null;
+    work_schedule_id: string | null;
+    locked: boolean;
+    locked_reason: string | null;
+    excluded: boolean;
+}
 
 interface UserRoleChipComponentProps {
     overrideNamespace?: string;
@@ -233,6 +276,25 @@ declare const AppSettingsProvider: React__default.FC<{
 }>;
 declare const useAppSettings: () => AppSettingsContextType;
 
+interface AuthContextType {
+    user: User | null;
+    profile: UserProfile | null;
+    membership: Membership | null;
+    userRole: MembershipRole | null;
+    activeCompanyId: string | null;
+    session: Session | null;
+    isAuthenticated: boolean;
+    loading: boolean;
+    signOut: () => Promise<void>;
+    updateProfile: (newProfileData: Partial<UserProfile>) => void;
+    refreshProfile: () => Promise<void>;
+    setActiveCompany: (companyId: string) => Promise<void>;
+}
+declare const AuthProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAuth: () => AuthContextType;
+
 interface TranslateTextProps {
     overrideNamespace?: string;
     children: string;
@@ -356,6 +418,9 @@ declare const Providers: {
     readonly AppSettings: React$1.FC<{
         children: React.ReactNode;
     }>;
+    readonly Auth: React$1.FC<{
+        children: React.ReactNode;
+    }>;
     readonly Translate: React$1.FC<TranslateProviderProps>;
     readonly TranslationEdit: React$1.FC<{
         children: React.ReactNode;
@@ -376,4 +441,4 @@ declare const Providers: {
     readonly AI: React$1.FC<AIProviderProps>;
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps as CopyClipboardButtonProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps as EmailInputProps, type Language, LocalizationProvider, type NumberInputComponentProps as NumberInputProps, Providers, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps as TextFieldProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps as TranslatableTooltipProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps as UserAvatarProps, type UserPopoverComponentProps as UserPopoverProps, type UserRoleChipComponentProps as UserRoleChipProps, type UserStatusChipComponentProps as UserStatusChipProps, useAI, useAppSettings, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps as CopyClipboardButtonProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps as EmailInputProps, type Language, LocalizationProvider, type NumberInputComponentProps as NumberInputProps, Providers, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps as TextFieldProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps as TranslatableTooltipProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps as UserAvatarProps, type UserPopoverComponentProps as UserPopoverProps, type UserRoleChipComponentProps as UserRoleChipProps, type UserStatusChipComponentProps as UserStatusChipProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };

package/dist/index.js

@@ -153,18 +153,64 @@ var init_config = __esm({
 });
 
 // src/utils/deviceId.ts
+var getDeviceId;
 var init_deviceId = __esm({
   "src/utils/deviceId.ts"() {
     "use strict";
+    getDeviceId = () => {
+      let deviceId = localStorage.getItem("app_device_id");
+      if (!deviceId) {
+        deviceId = crypto.randomUUID();
+        localStorage.setItem("app_device_id", deviceId);
+      }
+      return deviceId;
+    };
   }
 });
 
 // src/services/session.service.ts
-var getUserLastSeenAt;
+var trackUserSession, isCurrentSessionValid, getUserLastSeenAt;
 var init_session_service = __esm({
   "src/services/session.service.ts"() {
     "use strict";
     init_deviceId();
+    trackUserSession = async (supabase, userId) => {
+      const deviceId = getDeviceId();
+      let ip = "";
+      try {
+        const ipRes = await fetch("https://api.ipify.org?format=json");
+        const ipData = await ipRes.json();
+        ip = ipData.ip;
+      } catch (e) {
+        console.warn("Failed to fetch IP address", e);
+      }
+      await supabase.from("user_sessions").upsert(
+        {
+          user_id: userId,
+          device_id: deviceId,
+          user_agent: navigator.userAgent,
+          ip_address: ip,
+          url: window.location.href,
+          last_seen_at: (/* @__PURE__ */ new Date()).toISOString()
+        },
+        { onConflict: "user_id, device_id" }
+      );
+    };
+    isCurrentSessionValid = async (supabase, userId) => {
+      try {
+        const currentDeviceId = getDeviceId();
+        const { data, error } = await supabase.from("user_sessions").select("id").eq("user_id", userId).eq("device_id", currentDeviceId).maybeSingle();
+        if (error) {
+          console.warn("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u043A\u0438 \u0441\u0435\u0441\u0456\u0457:", error.message);
+          return true;
+        }
+        if (!data) return false;
+        return true;
+      } catch (err) {
+        console.error("\u041D\u0435\u0441\u043F\u043E\u0434\u0456\u0432\u0430\u043D\u0430 \u043F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+        return true;
+      }
+    };
     getUserLastSeenAt = async (supabase, userId) => {
       const { data, error } = await supabase.from("user_sessions").select("last_seen_at").eq("user_id", userId).order("last_seen_at", { ascending: false }).limit(1).maybeSingle();
       if (error || !data) return null;
@@ -209,7 +255,7 @@ var init_SupabaseProvider = __esm({
 });
 
 // src/context/AuthProvider.tsx
-var import_react2, import_jsx_runtime2, AuthContext, useAuth;
+var import_react2, import_jsx_runtime2, AuthContext, AuthProvider, useAuth;
 var init_AuthProvider = __esm({
   "src/context/AuthProvider.tsx"() {
     "use strict";
@@ -218,6 +264,179 @@ var init_AuthProvider = __esm({
     init_SupabaseProvider();
     import_jsx_runtime2 = require("react/jsx-runtime");
     AuthContext = (0, import_react2.createContext)(void 0);
+    AuthProvider = ({ children }) => {
+      const supabase = useSupabase();
+      const [user, setUser] = (0, import_react2.useState)(null);
+      const [profile, setProfile] = (0, import_react2.useState)(null);
+      const [membership, setMembership] = (0, import_react2.useState)(null);
+      const [session, setSession] = (0, import_react2.useState)(null);
+      const [loading, setLoading] = (0, import_react2.useState)(true);
+      const currentUserIdRef = (0, import_react2.useRef)(null);
+      const fetchProfileAndMembership = (0, import_react2.useCallback)(async (userId) => {
+        try {
+          const { data, error } = await supabase.rpc("get_user_avatar_and_profile", {
+            p_user_id: userId
+          });
+          if (error || !data) {
+            console.error("Error fetching user context via RPC:", error?.message);
+            setProfile(null);
+            setMembership(null);
+            return;
+          }
+          const response = data;
+          if (response?.profile) {
+            const profileData = response.profile;
+            if (profileData.avatar_path && !profileData.avatar_path.startsWith("http")) {
+              const cleanPath = profileData.avatar_path.replace(/^user-media\//, "");
+              const { data: avatarSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+              if (avatarSignedData?.signedUrl) {
+                profileData.avatar_url = avatarSignedData.signedUrl;
+              }
+            }
+            if (profileData.cover_image_path && !profileData.cover_image_path.startsWith("http")) {
+              const cleanPath = profileData.cover_image_path.replace(/^user-media\//, "");
+              const { data: coverSignedData } = await supabase.storage.from("user-media").createSignedUrl(cleanPath, 3600);
+              if (coverSignedData?.signedUrl) {
+                profileData.cover_image_url = coverSignedData.signedUrl;
+              }
+            }
+            let updatedMembership = response.membership;
+            if (updatedMembership) {
+              const now = (/* @__PURE__ */ new Date()).toISOString();
+              const isFirstLogin = !updatedMembership.first_login_at;
+              const updateData = {
+                last_login_at: now,
+                ...isFirstLogin && { first_login_at: now }
+              };
+              const { error: updateError } = await supabase.from("memberships").update(updateData).eq("id", updatedMembership.id);
+              if (updateError) {
+                console.error("Error updating membership login timestamps:", updateError.message);
+              } else {
+                updatedMembership = {
+                  ...updatedMembership,
+                  ...updateData
+                };
+              }
+            }
+            setProfile(profileData);
+            setMembership(updatedMembership);
+          }
+        } catch (err) {
+          console.error("Unexpected error fetching user context:", err);
+          setProfile(null);
+          setMembership(null);
+        }
+      }, []);
+      const refreshProfile = async () => {
+        if (currentUserIdRef.current) {
+          await fetchProfileAndMembership(currentUserIdRef.current);
+        }
+      };
+      const signOut = (0, import_react2.useCallback)(async () => {
+        await supabase.auth.signOut();
+        currentUserIdRef.current = null;
+        setUser(null);
+        setProfile(null);
+        setMembership(null);
+        setSession(null);
+      }, []);
+      const setActiveCompany = async (companyId) => {
+        if (!user) {
+          throw new Error("\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C \u043D\u0435 \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u043E\u0432\u0430\u043D");
+        }
+        const { error: profileError } = await supabase.from("profiles").update({ active_company_id: companyId }).eq("id", user.id);
+        if (profileError) {
+          console.error("Error updating active company:", profileError);
+          throw new Error(profileError.message);
+        }
+        await refreshProfile();
+      };
+      const updateProfile = (newProfileData) => {
+        setProfile((prev) => prev ? { ...prev, ...newProfileData } : null);
+      };
+      (0, import_react2.useEffect)(() => {
+        const { data: { subscription } } = supabase.auth.onAuthStateChange(async (event, currentSession) => {
+          if (event === "TOKEN_REFRESHED" && currentUserIdRef.current === currentSession?.user?.id) {
+            setSession(currentSession);
+            return;
+          }
+          const currentUser = currentSession?.user ?? null;
+          const newUserId = currentUser?.id ?? null;
+          if (newUserId !== currentUserIdRef.current) {
+            currentUserIdRef.current = newUserId;
+            setUser(currentUser);
+            if (newUserId) {
+              await trackUserSession(supabase, newUserId).catch(console.error);
+              const isAuthLinkEvent = event === "SIGNED_IN" || event === "INITIAL_SESSION" || event === "PASSWORD_RECOVERY";
+              if (!isAuthLinkEvent) {
+                const isValid = await isCurrentSessionValid(supabase, newUserId);
+                if (!isValid) {
+                  await supabase.auth.signOut();
+                  currentUserIdRef.current = null;
+                  setUser(null);
+                  setProfile(null);
+                  setMembership(null);
+                  setLoading(false);
+                  return;
+                }
+              }
+              await fetchProfileAndMembership(newUserId);
+              setSession(currentSession);
+            } else {
+              setProfile(null);
+              setMembership(null);
+            }
+          }
+          setLoading(false);
+        });
+        return () => {
+          subscription.unsubscribe();
+        };
+      }, [fetchProfileAndMembership]);
+      (0, import_react2.useEffect)(() => {
+        if (!user) return;
+        const checkSession = async () => {
+          try {
+            const valid = await isCurrentSessionValid(supabase, user.id);
+            if (!valid) {
+              console.warn("\u0421\u0435\u0441\u0456\u044E \u0432\u0456\u0434\u043A\u043B\u0438\u043A\u0430\u043D\u043E \u0437 \u0456\u043D\u0448\u043E\u0433\u043E \u043F\u0440\u0438\u0441\u0442\u0440\u043E\u044E.");
+              await signOut();
+            }
+          } catch (err) {
+            console.error("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043F\u0440\u0438 \u043F\u0435\u0440\u0435\u0432\u0456\u0440\u0446\u0456 \u0441\u0435\u0441\u0456\u0457:", err);
+          }
+        };
+        const interval = setInterval(checkSession, 6e4);
+        const handleFocus = () => checkSession();
+        window.addEventListener("focus", handleFocus);
+        return () => {
+          clearInterval(interval);
+          window.removeEventListener("focus", handleFocus);
+        };
+      }, [user, signOut]);
+      const activeCompanyId = profile?.active_company_id ?? null;
+      const userRole = membership?.role ?? null;
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        AuthContext.Provider,
+        {
+          value: {
+            user,
+            profile,
+            membership,
+            userRole,
+            activeCompanyId,
+            session,
+            isAuthenticated: !!user,
+            loading,
+            signOut,
+            updateProfile,
+            refreshProfile,
+            setActiveCompany
+          },
+          children
+        }
+      );
+    };
     useAuth = () => {
       const context = (0, import_react2.useContext)(AuthContext);
       if (!context) {
@@ -1600,8 +1819,10 @@ var init_context = __esm({
     init_ConfirmationProvider();
     init_AIProvider();
     init_AppSettingsProvider();
+    init_AuthProvider();
     init_SupabaseProvider();
     init_AppSettingsProvider();
+    init_AuthProvider();
     init_TranslateProvider();
     init_TranslateText();
     init_TranslationEditProvider();
@@ -1614,6 +1835,7 @@ var init_context = __esm({
     Providers = {
       Supabase: SupabaseProvider,
       AppSettings: AppSettingsProvider,
+      Auth: AuthProvider,
       Translate: TranslateProvider,
       TranslationEdit: TranslationEditProvider,
       Localization: LocalizationProvider,
@@ -2204,6 +2426,7 @@ var index_exports = {};
 __export(index_exports, {
   AIProvider: () => AIProvider,
   AppSettingsProvider: () => AppSettingsProvider,
+  AuthProvider: () => AuthProvider,
   BreadcrumbProvider: () => BreadcrumbProvider,
   ConfirmationProvider: () => ConfirmationProvider,
   LocalizationProvider: () => LocalizationProvider,
@@ -2218,6 +2441,7 @@ __export(index_exports, {
   useAI: () => useAI,
   useAppSettings: () => useAppSettings,
   useAppTheme: () => useAppTheme,
+  useAuth: () => useAuth,
   useBreadcrumb: () => useBreadcrumb,
   useConfirmation: () => useConfirmation,
   useLocalization: () => useLocalization,
@@ -3069,6 +3293,7 @@ init_context();
 0 && (module.exports = {
   AIProvider,
   AppSettingsProvider,
+  AuthProvider,
   BreadcrumbProvider,
   ConfirmationProvider,
   LocalizationProvider,
@@ -3083,6 +3308,7 @@ init_context();
   useAI,
   useAppSettings,
   useAppTheme,
+  useAuth,
   useBreadcrumb,
   useConfirmation,
   useLocalization,

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import {
   AIProvider,
   AppSettingsProvider,
+  AuthProvider,
   BreadcrumbProvider,
   ConfirmationProvider,
   CopyClipboardButtonComponent,
@@ -21,6 +22,7 @@ import {
   useAI,
   useAppSettings,
   useAppTheme,
+  useAuth,
   useBreadcrumb,
   useConfirmation,
   useLocalization,
@@ -28,7 +30,7 @@ import {
   useToast,
   useTranslationEdit,
   useTranslationNamespace
-} from "./chunk-UYCEKHKQ.mjs";
+} from "./chunk-ABYNAO4A.mjs";
 
 // src/UI/components/inputs/TextFieldComponent.tsx
 import { useState } from "react";
@@ -726,7 +728,7 @@ var EmailInputComponent = ({
 import { useState as useState5, useEffect as useEffect2, lazy, Suspense } from "react";
 import { Avatar, Tooltip as Tooltip3, Typography as Typography2 } from "@mui/material";
 import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var LazyUserPopover = lazy(() => import("./UserPopoverComponent-MG2V632M.mjs"));
+var LazyUserPopover = lazy(() => import("./UserPopoverComponent-YKVTSRTJ.mjs"));
 var getInitials = (name) => {
   if (!name) return "?";
   const parts = name.trim().split(" ");
@@ -865,6 +867,7 @@ var UI = {
 export {
   AIProvider,
   AppSettingsProvider,
+  AuthProvider,
   BreadcrumbProvider,
   ConfirmationProvider,
   LocalizationProvider,
@@ -879,6 +882,7 @@ export {
   useAI,
   useAppSettings,
   useAppTheme,
+  useAuth,
   useBreadcrumb,
   useConfirmation,
   useLocalization,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@serhii.olishevskyi/docs",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "DOCS.UA react packages",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",