@serhii.olishevskyi/docs 1.0.5 → 1.0.6

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

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

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

@@ -1,5 +1,5 @@
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { useEffect as useEffect8, useState as useState12 } from "react";
+import { useEffect as useEffect9, useState as useState13 } from "react";
 import {
   Popover,
   Box as Box4,
@@ -1389,9 +1389,73 @@ var useConfirmation = () => {
   return context.confirm;
 };
 
+// src/context/AppSettingsProvider.tsx
+import { createContext as createContext11, useContext as useContext11, useEffect as useEffect7, useState as useState10, useCallback as useCallback5 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DEFAULT_SETTINGS = {
+  max_group_members: 100
+};
+var AppSettingsContext = createContext11(void 0);
+var AppSettingsProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const [settings, setSettings] = useState10(DEFAULT_SETTINGS);
+  const [loading, setLoading] = useState10(true);
+  const [error, setError] = useState10(null);
+  const fetchSettings = useCallback5(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const { data, error: supabaseError } = await supabase.from("app_settings").select("key, value");
+      if (supabaseError) throw supabaseError;
+      if (data) {
+        const parsedSettings = data.reduce((acc, item) => {
+          acc[item.key] = item.value;
+          return acc;
+        }, { ...DEFAULT_SETTINGS });
+        setSettings(parsedSettings);
+      }
+    } catch (err) {
+      console.error("\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438 \u0441\u0438\u0441\u0442\u0435\u043C\u043D\u044B\u0445 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A:", err.message || err);
+      setError(err.message || "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect7(() => {
+    fetchSettings();
+  }, [fetchSettings]);
+  const getSetting = useCallback5((key, defaultValue) => {
+    if (key in settings && settings[key] !== null && settings[key] !== void 0) {
+      return settings[key];
+    }
+    return defaultValue;
+  }, [settings]);
+  return /* @__PURE__ */ jsx13(
+    AppSettingsContext.Provider,
+    {
+      value: {
+        settings,
+        loading,
+        error,
+        getSetting,
+        refetchSettings: fetchSettings
+      },
+      children
+    }
+  );
+};
+var useAppSettings = () => {
+  const context = useContext11(AppSettingsContext);
+  if (!context) {
+    throw new Error("useAppSettings should be used within the AppSettingsProvider");
+  }
+  return context;
+};
+
 // src/context/index.ts
 var Providers = {
   Supabase: SupabaseProvider,
+  AppSettings: AppSettingsProvider,
   Translate: TranslateProvider,
   TranslationEdit: TranslationEditProvider,
   Localization: LocalizationProvider,
@@ -1403,26 +1467,26 @@ var Providers = {
 };
 
 // src/UI/components/data.display/UserStatusChipComponent.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var UserStatusChipComponent = ({ overrideNamespace, state }) => {
   const confirm = useConfirmation();
   const handleShowReason = async (e) => {
     e.stopPropagation();
     if (!state.locked_reason) return;
     await confirm({
-      title: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
+      title: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Lock Reason" }),
       message: state.locked_reason,
       type: "info",
-      confirmText: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
+      confirmText: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "OK" }),
       showNoButton: false,
       showCancelButton: false
     });
   };
   if (state.profile_archived) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Archived" }),
         color: "default",
         size: "small",
         variant: "filled"
@@ -1430,10 +1494,10 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.profile_locked) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "System Locked" }),
         color: "error",
         size: "small",
         variant: "filled"
@@ -1441,30 +1505,30 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
     );
   }
   if (state.excluded) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Excluded" }),
         size: "small"
       }
     );
   }
   if (state.locked) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Chip,
       {
-        label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
+        label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Locked" }),
         color: "error",
         size: "small",
         onDelete: state.locked_reason ? handleShowReason : void 0,
-        deleteIcon: state.locked_reason ? /* @__PURE__ */ jsx13(IconButton2, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ jsx13(InfoOutlinedIcon, { fontSize: "small" }) }) : void 0
+        deleteIcon: state.locked_reason ? /* @__PURE__ */ jsx14(IconButton2, { size: "small", component: "span", sx: { p: 0.2 }, children: /* @__PURE__ */ jsx14(InfoOutlinedIcon, { fontSize: "small" }) }) : void 0
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Chip,
     {
-      label: /* @__PURE__ */ jsx13(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
+      label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Active" }),
       color: "success",
       size: "small",
       variant: "outlined"
@@ -1474,32 +1538,32 @@ var UserStatusChipComponent = ({ overrideNamespace, state }) => {
 
 // src/UI/components/data.display/UserRoleChipComponent.tsx
 import { Chip as Chip2 } from "@mui/material";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var UserRoleChipComponent = ({ overrideNamespace, role }) => {
   switch (role) {
     case "superadmin":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Superadministrator" }),
           color: "error",
           size: "small"
         }
       );
     case "admin":
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "Administrator" }),
           color: "primary",
           size: "small"
         }
       );
     default:
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Chip2,
         {
-          label: /* @__PURE__ */ jsx14(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
+          label: /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace: overrideNamespace || "system_widgets", children: "User" }),
           variant: "outlined",
           size: "small"
         }
@@ -1508,14 +1572,14 @@ var UserRoleChipComponent = ({ overrideNamespace, role }) => {
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { IconButton as IconButton3 } from "@mui/material";
 import CheckIcon from "@mui/icons-material/Check";
 import CopyIcon from "@mui/icons-material/ContentCopy";
 
 // src/UI/components/data.display/TranslatableTooltipComponent.tsx
 import { Tooltip as Tooltip2 } from "@mui/material";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var TranslatableTooltipComponent = ({
   overrideNamespace,
   title,
@@ -1524,10 +1588,10 @@ var TranslatableTooltipComponent = ({
   ...props
 }) => {
   const { isTranslationMode } = useTranslationEdit();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Tooltip2,
     {
-      title: typeof title === "string" ? /* @__PURE__ */ jsx15(TranslateText, { overrideNamespace, children: title }) : title,
+      title: typeof title === "string" ? /* @__PURE__ */ jsx16(TranslateText, { overrideNamespace, children: title }) : title,
       slotProps: {
         popper: {
           sx: isTranslationMode ? {
@@ -1541,13 +1605,13 @@ var TranslatableTooltipComponent = ({
       },
       leaveDelay: isTranslationMode ? 1e3 : 100,
       ...props,
-      children: disableSpan ? children : /* @__PURE__ */ jsx15("span", { children })
+      children: disableSpan ? children : /* @__PURE__ */ jsx16("span", { children })
     }
   );
 };
 
 // src/UI/components/buttons/CopyClipboardButtonComponent.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var CopyClipboardButtonComponent = ({
   overrideNamespace,
   textToCopy,
@@ -1560,7 +1624,7 @@ var CopyClipboardButtonComponent = ({
   sx,
   ...iconButtonProps
 }) => {
-  const [copied, setCopied] = useState10(false);
+  const [copied, setCopied] = useState11(false);
   const handleCopy = async (e) => {
     e.stopPropagation();
     if (!textToCopy) return;
@@ -1577,7 +1641,7 @@ var CopyClipboardButtonComponent = ({
       console.error("Failed to copy text to clipboard:", error);
     }
   };
-  return /* @__PURE__ */ jsx16(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx16("span", { children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(TranslatableTooltipComponent, { title: copied ? copiedTooltipText : copyTooltipText, children: /* @__PURE__ */ jsx17("span", { children: /* @__PURE__ */ jsx17(
     IconButton3,
     {
       size,
@@ -1585,17 +1649,17 @@ var CopyClipboardButtonComponent = ({
       disabled: !textToCopy || iconButtonProps.disabled,
       sx: { p: 0.25, ...sx },
       ...iconButtonProps,
-      children: copied ? /* @__PURE__ */ jsx16(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx16(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
+      children: copied ? /* @__PURE__ */ jsx17(CheckIcon, { fontSize: size === "large" ? "medium" : "small", color: "success" }) : /* @__PURE__ */ jsx17(CopyIcon, { fontSize: size === "large" ? "medium" : "small" })
     }
   ) }) });
 };
 
 // src/context/UserSettingsProvider.tsx
-import { createContext as createContext11, useContext as useContext11, useEffect as useEffect7, useState as useState11, useCallback as useCallback5 } from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var UserSettingsContext = createContext11(void 0);
+import { createContext as createContext12, useContext as useContext12, useEffect as useEffect8, useState as useState12, useCallback as useCallback6 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var UserSettingsContext = createContext12(void 0);
 var useUserSettings = () => {
-  const context = useContext11(UserSettingsContext);
+  const context = useContext12(UserSettingsContext);
   if (!context) {
     throw new Error("useUserSettings should be used within the UserSettingsProvider");
   }
@@ -1603,11 +1667,11 @@ var useUserSettings = () => {
 };
 
 // src/UI/components/data.display/UserPopoverComponent.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
 var useUserStatus = (supabase, userId, open) => {
-  const [lastSeenAt, setLastSeenAt] = useState12(null);
-  const [loading, setLoading] = useState12(true);
-  useEffect8(() => {
+  const [lastSeenAt, setLastSeenAt] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  useEffect9(() => {
     if (!userId || !open) {
       setLastSeenAt(null);
       setLoading(false);
@@ -1656,13 +1720,13 @@ var UserPopoverComponent = ({
   const { activeCompanyId, membership: currentMembership } = useAuth();
   const { openChatWithUser } = useUserSettings();
   const { formatDate, formatRelativeTime } = useLocalization();
-  const [profileData, setProfileData] = useState12(null);
-  const [membershipData, setMembershipData] = useState12(null);
-  const [avatarUrl, setAvatarUrl] = useState12(null);
-  const [coverUrl, setCoverUrl] = useState12(null);
-  const [loading, setLoading] = useState12(true);
+  const [profileData, setProfileData] = useState13(null);
+  const [membershipData, setMembershipData] = useState13(null);
+  const [avatarUrl, setAvatarUrl] = useState13(null);
+  const [coverUrl, setCoverUrl] = useState13(null);
+  const [loading, setLoading] = useState13(true);
   const { lastSeenAt, isOnline } = useUserStatus(supabase, userId, open);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!open || !userId || !activeCompanyId) return;
     let isMounted = true;
     setLoading(true);
@@ -1708,7 +1772,7 @@ var UserPopoverComponent = ({
   }, [open, userId, currentMembership?.id, activeCompanyId]);
   const getStatusChip = () => {
     if (!profileData) return null;
-    return /* @__PURE__ */ jsx18(UserStatusChipComponent, { state: { profile_archived: profileData.archived, profile_locked: profileData.locked, excluded: membershipData?.excluded || false, locked: membershipData?.locked || false, locked_reason: membershipData?.locked_reason || "" } });
+    return /* @__PURE__ */ jsx19(UserStatusChipComponent, { state: { profile_archived: profileData.archived, profile_locked: profileData.locked, excluded: membershipData?.excluded || false, locked: membershipData?.locked || false, locked_reason: membershipData?.locked_reason || "" } });
   };
   const getStatusTypographyColor = (isOnline2, lastSeenAt2) => {
     if (isOnline2) return "success";
@@ -1729,7 +1793,7 @@ var UserPopoverComponent = ({
     return "inherit";
   };
   const canChat = currentMembership && membershipData && currentMembership.id !== membershipData.id;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Popover,
     {
       open,
@@ -1748,7 +1812,7 @@ var UserPopoverComponent = ({
           }
         }
       },
-      children: loading ? /* @__PURE__ */ jsx18(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx18(CircularProgress2, { size: 28 }) }) : profileData ? /* @__PURE__ */ jsxs6(Box4, { sx: { display: "flex", flexDirection: "column" }, children: [
+      children: loading ? /* @__PURE__ */ jsx19(Box4, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx19(CircularProgress2, { size: 28 }) }) : profileData ? /* @__PURE__ */ jsxs6(Box4, { sx: { display: "flex", flexDirection: "column" }, children: [
         /* @__PURE__ */ jsxs6(
           Box4,
           {
@@ -1759,7 +1823,7 @@ var UserPopoverComponent = ({
               bgcolor: "action.selected"
             },
             children: [
-              coverUrl && /* @__PURE__ */ jsx18(
+              coverUrl && /* @__PURE__ */ jsx19(
                 Box4,
                 {
                   component: "img",
@@ -1775,7 +1839,7 @@ var UserPopoverComponent = ({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 IconButton4,
                 {
                   size: "small",
@@ -1793,7 +1857,7 @@ var UserPopoverComponent = ({
                       transform: "scale(1.1)"
                     }
                   },
-                  children: /* @__PURE__ */ jsx18(CloseIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx19(CloseIcon, { fontSize: "small" })
                 }
               )
             ]
@@ -1801,7 +1865,7 @@ var UserPopoverComponent = ({
         ),
         /* @__PURE__ */ jsxs6(Box4, { sx: { p: 2, pt: 0 }, children: [
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1.5, sx: { alignItems: "flex-end", mt: "-18px", mb: 1 }, children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               Badge,
               {
                 overlap: "circular",
@@ -1838,7 +1902,7 @@ var UserPopoverComponent = ({
                     }
                   }
                 },
-                children: /* @__PURE__ */ jsx18(
+                children: /* @__PURE__ */ jsx19(
                   Avatar,
                   {
                     src: avatarUrl || coverUrl || void 0,
@@ -1858,52 +1922,52 @@ var UserPopoverComponent = ({
               }
             ),
             /* @__PURE__ */ jsxs6(Box4, { sx: { overflow: "hidden", pb: 0.5 }, children: [
-              /* @__PURE__ */ jsx18(Typography2, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
-              membershipData?.employee_post && /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
+              /* @__PURE__ */ jsx19(Typography2, { variant: "subtitle1", sx: { fontWeight: 600, lineHeight: 1.2 }, noWrap: true, children: profileData.display_name || `${profileData.first_name || ""} ${profileData.last_name || ""}` }),
+              membershipData?.employee_post && /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.secondary", noWrap: true, children: membershipData.employee_post })
             ] })
           ] }),
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { my: 1, flexWrap: "wrap", gap: 0.5 }, children: [
             getStatusChip(),
-            /* @__PURE__ */ jsx18(UserRoleChipComponent, { role: membershipData?.role || "user" })
+            /* @__PURE__ */ jsx19(UserRoleChipComponent, { role: membershipData?.role || "user" })
           ] }),
-          /* @__PURE__ */ jsx18(Divider, { sx: { my: 1.5 } }),
+          /* @__PURE__ */ jsx19(Divider, { sx: { my: 1.5 } }),
           /* @__PURE__ */ jsxs6(Stack, { spacing: 1, sx: { fontSize: "0.875rem", mb: 1.5 }, children: [
             /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(AccessTimeIcon, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
-                /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
+              /* @__PURE__ */ jsx19(AccessTimeIcon, { fontSize: "small", color: getStatusIconColor(isOnline, lastSeenAt) }),
+              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: getStatusTypographyColor(isOnline, lastSeenAt), children: isOnline ? /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Online" }) : lastSeenAt ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Last seen" }),
                 ":",
                 " ",
-                /* @__PURE__ */ jsx18("strong", { children: formatRelativeTime(lastSeenAt) })
-              ] }) : /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
+                /* @__PURE__ */ jsx19("strong", { children: formatRelativeTime(lastSeenAt) })
+              ] }) : /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Offline" }) })
             ] }),
             profileData.email && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(EmailIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
-              /* @__PURE__ */ jsx18(CopyClipboardButtonComponent, { textToCopy: profileData.email })
+              /* @__PURE__ */ jsx19(EmailIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: profileData.email }),
+              /* @__PURE__ */ jsx19(CopyClipboardButtonComponent, { textToCopy: profileData.email })
             ] }),
             membershipData?.employee_post && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(WorkIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
-              /* @__PURE__ */ jsx18(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
+              /* @__PURE__ */ jsx19(WorkIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", noWrap: true, sx: { flexGrow: 1 }, children: membershipData.employee_post }),
+              /* @__PURE__ */ jsx19(CopyClipboardButtonComponent, { textToCopy: membershipData.employee_post })
             ] }),
             profileData.phone && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(PhoneIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", children: profileData.phone })
+              /* @__PURE__ */ jsx19(PhoneIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", children: profileData.phone })
             ] }),
             profileData.birthday && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(CakeIcon, { fontSize: "small" }),
-              /* @__PURE__ */ jsx18(Typography2, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
+              /* @__PURE__ */ jsx19(CakeIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(Typography2, { variant: "body2", color: "text.primary", children: formatDate(profileData.birthday) })
             ] }),
             membershipData?.created_at && /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, color: "text.secondary", children: [
-              /* @__PURE__ */ jsx18(CalendarIcon, { fontSize: "small" }),
+              /* @__PURE__ */ jsx19(CalendarIcon, { fontSize: "small" }),
               /* @__PURE__ */ jsxs6(Typography2, { variant: "body2", color: "text.primary", children: [
-                /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
+                /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "In company from" }),
                 ": ",
                 formatDate(membershipData.created_at)
               ] })
             ] }),
-            profileData.description && /* @__PURE__ */ jsx18(
+            profileData.description && /* @__PURE__ */ jsx19(
               Typography2,
               {
                 variant: "caption",
@@ -1919,28 +1983,28 @@ var UserPopoverComponent = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx18(Divider, { sx: { my: 1 } }),
+          /* @__PURE__ */ jsx19(Divider, { sx: { my: 1 } }),
           /* @__PURE__ */ jsxs6(Stack, { direction: "row", spacing: 1, sx: { justifyContent: "space-around", pt: 0.5 }, children: [
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ jsx18(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx18(NotificationIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ jsx18(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx18(TaskIcon, { fontSize: "small" }) }) }),
-            /* @__PURE__ */ jsx18(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Send a notification" }), children: /* @__PURE__ */ jsx19(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx19(NotificationIcon, { fontSize: "small" }) }) }),
+            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set a task" }), children: /* @__PURE__ */ jsx19(IconButton4, { size: "small", color: "primary", children: /* @__PURE__ */ jsx19(TaskIcon, { fontSize: "small" }) }) }),
+            /* @__PURE__ */ jsx19(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Start a chat" }), children: /* @__PURE__ */ jsx19(
               IconButton4,
               {
                 size: "small",
                 color: "primary",
                 disabled: !canChat,
                 onClick: () => membershipData && openChatWithUser(membershipData.id),
-                children: /* @__PURE__ */ jsx18(ChatIcon, { fontSize: "small" })
+                children: /* @__PURE__ */ jsx19(ChatIcon, { fontSize: "small" })
               }
             ) })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx18(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx18(
+      ] }) : /* @__PURE__ */ jsx19(Box4, { sx: { p: 2 }, children: /* @__PURE__ */ jsx19(
         Typography2,
         {
           color: "error",
           variant: "body2",
-          children: /* @__PURE__ */ jsx18(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
+          children: /* @__PURE__ */ jsx19(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Failed to load user data" })
         }
       ) })
     }
@@ -1971,6 +2035,8 @@ export {
   useToast,
   ConfirmationProvider,
   useConfirmation,
+  AppSettingsProvider,
+  useAppSettings,
   Providers,
   UserStatusChipComponent,
   UserRoleChipComponent,

package/dist/index.d.mts

@@ -217,6 +217,22 @@ declare const SupabaseProvider: React__default.FC<SupabaseProviderProps>;
 /** Хук для доступа к Supabase из любого компонента */
 declare const useSupabase: () => SupabaseClient;
 
+interface AppSettingsMap {
+    max_group_members: number;
+    [key: string]: any;
+}
+interface AppSettingsContextType {
+    settings: AppSettingsMap;
+    loading: boolean;
+    error: string | null;
+    getSetting: <T = any>(key: string, defaultValue: T) => T;
+    refetchSettings: () => Promise<void>;
+}
+declare const AppSettingsProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAppSettings: () => AppSettingsContextType;
+
 interface TranslateTextProps {
     overrideNamespace?: string;
     children: string;
@@ -337,6 +353,9 @@ declare const useToast: () => ToastContextType;
 
 declare const Providers: {
     readonly Supabase: React$1.FC<SupabaseProviderProps>;
+    readonly AppSettings: React$1.FC<{
+        children: React.ReactNode;
+    }>;
     readonly Translate: React$1.FC<TranslateProviderProps>;
     readonly TranslationEdit: React$1.FC<{
         children: React.ReactNode;
@@ -357,4 +376,4 @@ declare const Providers: {
     readonly AI: React$1.FC<AIProviderProps>;
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, 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, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };
+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 };

package/dist/index.d.ts

@@ -217,6 +217,22 @@ declare const SupabaseProvider: React__default.FC<SupabaseProviderProps>;
 /** Хук для доступа к Supabase из любого компонента */
 declare const useSupabase: () => SupabaseClient;
 
+interface AppSettingsMap {
+    max_group_members: number;
+    [key: string]: any;
+}
+interface AppSettingsContextType {
+    settings: AppSettingsMap;
+    loading: boolean;
+    error: string | null;
+    getSetting: <T = any>(key: string, defaultValue: T) => T;
+    refetchSettings: () => Promise<void>;
+}
+declare const AppSettingsProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+declare const useAppSettings: () => AppSettingsContextType;
+
 interface TranslateTextProps {
     overrideNamespace?: string;
     children: string;
@@ -337,6 +353,9 @@ declare const useToast: () => ToastContextType;
 
 declare const Providers: {
     readonly Supabase: React$1.FC<SupabaseProviderProps>;
+    readonly AppSettings: React$1.FC<{
+        children: React.ReactNode;
+    }>;
     readonly Translate: React$1.FC<TranslateProviderProps>;
     readonly TranslationEdit: React$1.FC<{
         children: React.ReactNode;
@@ -357,4 +376,4 @@ declare const Providers: {
     readonly AI: React$1.FC<AIProviderProps>;
 };
 
-export { type AIConfig, type AIGenerateOptions, AIProvider, type AIProviderProps, type AIProviderType, 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, useAppTheme, useBreadcrumb, useConfirmation, useLocalization, useSupabase, useToast, useTranslationEdit, useTranslationNamespace };
+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 };