@serhii.olishevskyi/docs 1.1.7 → 1.1.9

package/dist/{UserPopoverComponent-5F4S3X4F.mjs → UserPopoverComponent-TEHD5DSA.mjs}

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

package/dist/{chunk-UA57YNRJ.mjs → chunk-ZIMI3BRO.mjs}

@@ -2546,6 +2546,7 @@ var UserPopoverComponent = ({
 var UserPopoverComponent_default = UserPopoverComponent;
 
 export {
+  getDeviceId,
   fetchCompanySessions,
   trackUserSession,
   trackUserSessionByRoute,

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
+import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient, User, Session } from '@supabase/supabase-js';
 
@@ -224,6 +224,13 @@ interface MyAvatarComponentProps {
     sx?: SxProps<Theme>;
 }
 
+interface ExpandableNoteComponentProps extends Omit<TypographyProps, 'children'> {
+    overrideNamespace?: string;
+    text?: string;
+    maxLength?: number;
+    label?: React__default.ReactNode;
+}
+
 declare const UI: {
     Inputs: {
         TextField: React$1.FC<TextFieldComponentProps>;
@@ -243,6 +250,7 @@ declare const UI: {
         UserRoleChip: React$1.FC<UserRoleChipComponentProps>;
         UserStatusChip: React$1.FC<UserStatusChipComponentProps>;
         MyAvatar: React$1.FC<MyAvatarComponentProps>;
+        ExpandableNote: React$1.FC<ExpandableNoteComponentProps>;
     };
     Widgets: {
         ProtectedLanguageSelector: React$1.FC<{}>;
@@ -563,10 +571,17 @@ declare const Services: {
     };
 };
 
+type UserStatusType = 'online' | 'away' | 'offline';
+
 declare function useDebounce<T>(value: T, delay?: number): T;
 
 declare const Hooks: {
     readonly useDebounce: typeof useDebounce;
+    readonly useUserStatus: (userId?: string, initialLastSeenAt?: string | null, currentAuthUserId?: string) => {
+        status: UserStatusType;
+        isOnline: boolean;
+        lastSeen: string | null;
+    };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme } from '@mui/material';
+import { TextFieldProps, SelectProps, SelectChangeEvent, IconButtonProps, TooltipProps, SxProps, Theme, TypographyProps } from '@mui/material';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient, User, Session } from '@supabase/supabase-js';
 
@@ -224,6 +224,13 @@ interface MyAvatarComponentProps {
     sx?: SxProps<Theme>;
 }
 
+interface ExpandableNoteComponentProps extends Omit<TypographyProps, 'children'> {
+    overrideNamespace?: string;
+    text?: string;
+    maxLength?: number;
+    label?: React__default.ReactNode;
+}
+
 declare const UI: {
     Inputs: {
         TextField: React$1.FC<TextFieldComponentProps>;
@@ -243,6 +250,7 @@ declare const UI: {
         UserRoleChip: React$1.FC<UserRoleChipComponentProps>;
         UserStatusChip: React$1.FC<UserStatusChipComponentProps>;
         MyAvatar: React$1.FC<MyAvatarComponentProps>;
+        ExpandableNote: React$1.FC<ExpandableNoteComponentProps>;
     };
     Widgets: {
         ProtectedLanguageSelector: React$1.FC<{}>;
@@ -563,10 +571,17 @@ declare const Services: {
     };
 };
 
+type UserStatusType = 'online' | 'away' | 'offline';
+
 declare function useDebounce<T>(value: T, delay?: number): T;
 
 declare const Hooks: {
     readonly useDebounce: typeof useDebounce;
+    readonly useUserStatus: (userId?: string, initialLastSeenAt?: string | null, currentAuthUserId?: string) => {
+        status: UserStatusType;
+        isOnline: boolean;
+        lastSeen: string | null;
+    };
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };
+export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, AppSettingsProvider, AuthProvider, BreadcrumbProvider, type ConfirmOptions, type ConfirmResult, ConfirmationProvider, type ConfirmationProviderProps, type CopyClipboardButtonComponentProps, type DialogSeverity, type DisplayState, type EmailInputComponentProps, type ExpandableNoteComponentProps, Hooks, type Language, LocalizationProvider, type MyAvatarComponentProps, type NumberInputComponentProps, Providers, type SearchComponentProps, type SelectComponentProps, type SelectOption, Services, type SupabaseConfig, SupabaseProvider, type SupabaseProviderProps, type TextFieldComponentProps, type ThemeColors, type ThemeConfig, type ThemeMode, ThemeProvider, ToastProvider, type ToastType, type TranslatableTooltipComponentProps, TranslateProvider, TranslateText, TranslationEditProvider, type TypographyConfig, UI, type UrlComponentProps as UrlProps, type UserAvatarComponentProps, type UserGroupedSessions, type UserPopoverComponentProps, type UserRoleChipComponentProps, type UserSessionItem, UserSettingsProvider, type UserStatusChipComponentProps, useAI, useAppSettings, useAppTheme, useAuth, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace, useUserSettings };

package/dist/index.js

@@ -4311,6 +4311,72 @@ var SelectComponent = ({
   );
 };
 
+// src/UI/components/data.display/ExpandableNoteComponent.tsx
+var import_react27 = require("react");
+var import_material20 = require("@mui/material");
+init_context();
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var ExpandableNoteComponent = ({
+  overrideNamespace,
+  text,
+  maxLength = 100,
+  label,
+  sx,
+  ...restProps
+}) => {
+  const [isExpanded, setIsExpanded] = (0, import_react27.useState)(false);
+  if (!text) return null;
+  const isLong = text.length > maxLength;
+  const displayedText = isExpanded || !isLong ? text : `${text.slice(0, maxLength).trim()}...`;
+  const toggleExpand = (e) => {
+    e.stopPropagation();
+    setIsExpanded((prev) => !prev);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    import_material20.Typography,
+    {
+      variant: "caption",
+      sx: {
+        color: "text.secondary",
+        fontStyle: "italic",
+        display: "inline-block",
+        ...sx
+      },
+      ...restProps,
+      children: [
+        label !== void 0 ? label : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Note" }),
+          ": "
+        ] }),
+        " ",
+        displayedText,
+        " ",
+        isLong && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_material20.Link,
+          {
+            component: "button",
+            type: "button",
+            variant: "caption",
+            underline: "hover",
+            onClick: toggleExpand,
+            sx: {
+              fontStyle: "normal",
+              fontWeight: "bold",
+              ml: 0.5,
+              cursor: "pointer",
+              verticalAlign: "baseline"
+            },
+            children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "less" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "more" }),
+              "..."
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -4330,7 +4396,8 @@ var UI = {
     UserPopover: UserPopoverComponent_default,
     UserRoleChip: UserRoleChipComponent,
     UserStatusChip: UserStatusChipComponent,
-    MyAvatar: MyAvatarComponent
+    MyAvatar: MyAvatarComponent,
+    ExpandableNote: ExpandableNoteComponent
   },
   /*Layout: {
     Row: FormRow,
@@ -4360,9 +4427,101 @@ var Services = {
   }
 };
 
+// src/hooks/useUserStatus.ts
+var import_react28 = require("react");
+init_deviceId();
+init_context();
+var ONLINE_THRESHOLD_MINUTES = 2;
+var AWAY_THRESHOLD_MINUTES = 15;
+var useUserStatus2 = (userId, initialLastSeenAt, currentAuthUserId) => {
+  const supabase = useSupabase();
+  const [status, setStatus] = (0, import_react28.useState)("offline");
+  const [lastSeen, setLastSeen] = (0, import_react28.useState)(initialLastSeenAt ?? null);
+  const lastSeenRef = (0, import_react28.useRef)(initialLastSeenAt ?? null);
+  lastSeenRef.current = lastSeen;
+  const calculateStatus = (isOnline, lastSeenIso) => {
+    if (isOnline) return "online";
+    if (!lastSeenIso) return "offline";
+    const lastSeenTime = new Date(lastSeenIso).getTime();
+    if (isNaN(lastSeenTime)) return "offline";
+    const diffInMinutes = (Date.now() - lastSeenTime) / (1e3 * 60);
+    if (diffInMinutes >= 0 && diffInMinutes <= ONLINE_THRESHOLD_MINUTES) {
+      return "online";
+    }
+    if (diffInMinutes > ONLINE_THRESHOLD_MINUTES && diffInMinutes <= AWAY_THRESHOLD_MINUTES) {
+      return "away";
+    }
+    return "offline";
+  };
+  (0, import_react28.useEffect)(() => {
+    if (!userId) return;
+    let isMounted = true;
+    const isSelf = currentAuthUserId && userId === currentAuthUserId;
+    const fetchLastSeen = async () => {
+      if (initialLastSeenAt !== void 0) return;
+      let query = supabase.from("user_sessions").select("last_seen_at").eq("user_id", userId);
+      if (isSelf) {
+        query = query.eq("device_id", getDeviceId());
+      } else {
+        query = query.order("last_seen_at", { ascending: false });
+      }
+      const { data, error } = await query.limit(1).maybeSingle();
+      if (error) {
+        console.warn(`[useUserStatus] Error fetching session for ${userId}:`, error.message);
+        return;
+      }
+      if (data && isMounted) {
+        setLastSeen(data.last_seen_at);
+        setStatus(calculateStatus(false, data.last_seen_at));
+      }
+    };
+    fetchLastSeen();
+    const channel = supabase.channel(`presence_user_${userId}`);
+    channel.on("presence", { event: "sync" }, () => {
+      const state = channel.presenceState();
+      const isOnline = Object.keys(state).length > 0;
+      if (isMounted) {
+        setStatus(isOnline ? "online" : calculateStatus(false, lastSeenRef.current));
+      }
+    }).on("presence", { event: "join" }, () => {
+      if (isMounted) setStatus("online");
+    }).on("presence", { event: "leave" }, () => {
+      const nowIso = (/* @__PURE__ */ new Date()).toISOString();
+      if (isMounted) {
+        setLastSeen(nowIso);
+        setStatus(calculateStatus(false, nowIso));
+      }
+    }).on(
+      "postgres_changes",
+      {
+        event: "*",
+        schema: "public",
+        table: "user_sessions",
+        filter: isSelf ? `device_id=eq.${getDeviceId()}` : `user_id=eq.${userId}`
+      },
+      (payload) => {
+        if (!isMounted) return;
+        const newLastSeen = payload.new?.last_seen_at ?? (/* @__PURE__ */ new Date()).toISOString();
+        setLastSeen(newLastSeen);
+        setStatus(calculateStatus(false, newLastSeen));
+      }
+    ).subscribe();
+    return () => {
+      isMounted = false;
+      supabase.removeChannel(channel);
+    };
+  }, [userId, initialLastSeenAt, currentAuthUserId]);
+  return {
+    status,
+    isOnline: status === "online",
+    lastSeen
+  };
+};
+
 // src/hooks/index.ts
 var Hooks = {
-  useDebounce
+  useDebounce,
+  useUserStatus: useUserStatus2
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -21,6 +21,7 @@ import {
   UserStatusChipComponent,
   fetchCompanySessions,
   fetchUserSessions,
+  getDeviceId,
   getUserLastSeenAt,
   getUsersLastSeenMap,
   groupSessionsByUser,
@@ -40,7 +41,7 @@ import {
   useTranslationEdit,
   useTranslationNamespace,
   useUserSettings
-} from "./chunk-UA57YNRJ.mjs";
+} from "./chunk-ZIMI3BRO.mjs";
 
 // src/UI/components/inputs/TextFieldComponent.tsx
 import { useState } from "react";
@@ -738,7 +739,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-5F4S3X4F.mjs"));
+var LazyUserPopover = lazy(() => import("./UserPopoverComponent-TEHD5DSA.mjs"));
 var getInitials = (name) => {
   if (!name) return "?";
   const parts = name.trim().split(" ");
@@ -1585,6 +1586,71 @@ var SelectComponent = ({
   );
 };
 
+// src/UI/components/data.display/ExpandableNoteComponent.tsx
+import { useState as useState10 } from "react";
+import { Typography as Typography5, Link } from "@mui/material";
+import { Fragment as Fragment8, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var ExpandableNoteComponent = ({
+  overrideNamespace,
+  text,
+  maxLength = 100,
+  label,
+  sx,
+  ...restProps
+}) => {
+  const [isExpanded, setIsExpanded] = useState10(false);
+  if (!text) return null;
+  const isLong = text.length > maxLength;
+  const displayedText = isExpanded || !isLong ? text : `${text.slice(0, maxLength).trim()}...`;
+  const toggleExpand = (e) => {
+    e.stopPropagation();
+    setIsExpanded((prev) => !prev);
+  };
+  return /* @__PURE__ */ jsxs9(
+    Typography5,
+    {
+      variant: "caption",
+      sx: {
+        color: "text.secondary",
+        fontStyle: "italic",
+        display: "inline-block",
+        ...sx
+      },
+      ...restProps,
+      children: [
+        label !== void 0 ? label : /* @__PURE__ */ jsxs9(Fragment8, { children: [
+          /* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Note" }),
+          ": "
+        ] }),
+        " ",
+        displayedText,
+        " ",
+        isLong && /* @__PURE__ */ jsx10(
+          Link,
+          {
+            component: "button",
+            type: "button",
+            variant: "caption",
+            underline: "hover",
+            onClick: toggleExpand,
+            sx: {
+              fontStyle: "normal",
+              fontWeight: "bold",
+              ml: 0.5,
+              cursor: "pointer",
+              verticalAlign: "baseline"
+            },
+            children: isExpanded ? /* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "less" }) : /* @__PURE__ */ jsxs9(Fragment8, { children: [
+              /* @__PURE__ */ jsx10(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "more" }),
+              "..."
+            ] })
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/UI/index.ts
 var UI = {
   Inputs: {
@@ -1604,7 +1670,8 @@ var UI = {
     UserPopover: UserPopoverComponent_default,
     UserRoleChip: UserRoleChipComponent,
     UserStatusChip: UserStatusChipComponent,
-    MyAvatar: MyAvatarComponent
+    MyAvatar: MyAvatarComponent,
+    ExpandableNote: ExpandableNoteComponent
   },
   /*Layout: {
     Row: FormRow,
@@ -1629,9 +1696,99 @@ var Services = {
   }
 };
 
+// src/hooks/useUserStatus.ts
+import { useEffect as useEffect6, useRef, useState as useState11 } from "react";
+var ONLINE_THRESHOLD_MINUTES = 2;
+var AWAY_THRESHOLD_MINUTES = 15;
+var useUserStatus = (userId, initialLastSeenAt, currentAuthUserId) => {
+  const supabase = useSupabase();
+  const [status, setStatus] = useState11("offline");
+  const [lastSeen, setLastSeen] = useState11(initialLastSeenAt ?? null);
+  const lastSeenRef = useRef(initialLastSeenAt ?? null);
+  lastSeenRef.current = lastSeen;
+  const calculateStatus = (isOnline, lastSeenIso) => {
+    if (isOnline) return "online";
+    if (!lastSeenIso) return "offline";
+    const lastSeenTime = new Date(lastSeenIso).getTime();
+    if (isNaN(lastSeenTime)) return "offline";
+    const diffInMinutes = (Date.now() - lastSeenTime) / (1e3 * 60);
+    if (diffInMinutes >= 0 && diffInMinutes <= ONLINE_THRESHOLD_MINUTES) {
+      return "online";
+    }
+    if (diffInMinutes > ONLINE_THRESHOLD_MINUTES && diffInMinutes <= AWAY_THRESHOLD_MINUTES) {
+      return "away";
+    }
+    return "offline";
+  };
+  useEffect6(() => {
+    if (!userId) return;
+    let isMounted = true;
+    const isSelf = currentAuthUserId && userId === currentAuthUserId;
+    const fetchLastSeen = async () => {
+      if (initialLastSeenAt !== void 0) return;
+      let query = supabase.from("user_sessions").select("last_seen_at").eq("user_id", userId);
+      if (isSelf) {
+        query = query.eq("device_id", getDeviceId());
+      } else {
+        query = query.order("last_seen_at", { ascending: false });
+      }
+      const { data, error } = await query.limit(1).maybeSingle();
+      if (error) {
+        console.warn(`[useUserStatus] Error fetching session for ${userId}:`, error.message);
+        return;
+      }
+      if (data && isMounted) {
+        setLastSeen(data.last_seen_at);
+        setStatus(calculateStatus(false, data.last_seen_at));
+      }
+    };
+    fetchLastSeen();
+    const channel = supabase.channel(`presence_user_${userId}`);
+    channel.on("presence", { event: "sync" }, () => {
+      const state = channel.presenceState();
+      const isOnline = Object.keys(state).length > 0;
+      if (isMounted) {
+        setStatus(isOnline ? "online" : calculateStatus(false, lastSeenRef.current));
+      }
+    }).on("presence", { event: "join" }, () => {
+      if (isMounted) setStatus("online");
+    }).on("presence", { event: "leave" }, () => {
+      const nowIso = (/* @__PURE__ */ new Date()).toISOString();
+      if (isMounted) {
+        setLastSeen(nowIso);
+        setStatus(calculateStatus(false, nowIso));
+      }
+    }).on(
+      "postgres_changes",
+      {
+        event: "*",
+        schema: "public",
+        table: "user_sessions",
+        filter: isSelf ? `device_id=eq.${getDeviceId()}` : `user_id=eq.${userId}`
+      },
+      (payload) => {
+        if (!isMounted) return;
+        const newLastSeen = payload.new?.last_seen_at ?? (/* @__PURE__ */ new Date()).toISOString();
+        setLastSeen(newLastSeen);
+        setStatus(calculateStatus(false, newLastSeen));
+      }
+    ).subscribe();
+    return () => {
+      isMounted = false;
+      supabase.removeChannel(channel);
+    };
+  }, [userId, initialLastSeenAt, currentAuthUserId]);
+  return {
+    status,
+    isOnline: status === "online",
+    lastSeen
+  };
+};
+
 // src/hooks/index.ts
 var Hooks = {
-  useDebounce
+  useDebounce,
+  useUserStatus
 };
 export {
   AIProvider,

package/package.json

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