@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/Notification/hooks/useInboxActions.js

@@ -0,0 +1,58 @@
+import { useCallback as o } from "react";
+import { useNavigate as U } from "react-router-dom";
+import { useNotificationStore as d } from "./useNotificationStore.js";
+import { useNotificationsApi as b } from "./useNotificationsApi.js";
+import { isMention as x, buildNotificationLink as M } from "../lib/notificationText.js";
+function O(p, n, c, l) {
+  const m = U(), i = b(), e = d((t) => t.updateNotification), f = d((t) => t.removeNotification), s = o(
+    (t, a) => {
+      const r = d.getState(), { all: T, mentions: w } = r.unreadCounts;
+      r.setUnreadCounts({
+        all: Math.max(0, T + t),
+        mentions: x(a) ? Math.max(0, w + t) : w
+      });
+    },
+    []
+  ), h = o((t) => {
+    new URL(t, window.location.origin).pathname === window.location.pathname ? window.location.assign(t) : (m(t), l?.());
+  }, [m, l]), A = o(
+    async (t) => {
+      const a = M(t.notificationType, t.objectId, t.parentId, p, t.link);
+      if (!t.read) {
+        e(t.id, { read: !0 }), s(-1, t.notificationType), a && h(a), await i.markAsRead([t.id]), n();
+        return;
+      }
+      a && (m(a), l?.());
+    },
+    [i, m, h, e, n, p, s, l]
+  ), y = o(async (t) => {
+    const a = d.getState().notifications.find((r) => r.id === t);
+    e(t, { read: !0 }), a && !a.read && s(-1, a.notificationType), await i.markAsRead([t]), n();
+  }, [i, e, n, s]), k = o(async (t) => {
+    const a = d.getState().notifications.find((r) => r.id === t);
+    e(t, { read: !1 }), a && a.read && s(1, a.notificationType), await i.markAsUnread([t]), n();
+  }, [i, e, n, s]), u = o((t) => {
+    i.archiveIds([t]), f(t), n();
+  }, [i, f, n]), v = o((t) => {
+    i.unarchiveIds([t]), f(t), n();
+  }, [i, f, n]), R = o(async () => {
+    await i.markAllAsRead(), c(0);
+  }, [i, c]), I = o(async () => {
+    await i.archiveAll(), c(0);
+  }, [i, c]), N = o(async () => {
+    await i.archiveRead(), c(0);
+  }, [i, c]);
+  return {
+    handleClick: A,
+    handleRead: y,
+    handleUnread: k,
+    handleArchive: u,
+    handleUnarchive: v,
+    handleMarkAllRead: R,
+    handleArchiveAll: I,
+    handleArchiveRead: N
+  };
+}
+export {
+  O as useInboxActions
+};

package/dist/components/Notification/hooks/useInboxLoader.d.ts

@@ -0,0 +1,8 @@
+export declare function useInboxLoader(activeWorkspaceId: string): {
+    loadPage: (p: number) => Promise<void>;
+    handleLoadMore: () => void;
+    refreshCounts: () => Promise<void>;
+    loading: boolean;
+    hasMore: boolean;
+};
+//# sourceMappingURL=useInboxLoader.d.ts.map

package/dist/components/Notification/hooks/useInboxLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInboxLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useInboxLoader.ts"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,CAAC,iBAAiB,EAAE,MAAM;kBAiB1C,MAAM;;;;;EA8CnB"}

package/dist/components/Notification/hooks/useInboxLoader.js

@@ -0,0 +1,49 @@
+import { useCallback as d, useEffect as L, useRef as M } from "react";
+import { useNotificationStore as n, getActiveSourceValues as p } from "./useNotificationStore.js";
+import { useNotificationsApi as P } from "./useNotificationsApi.js";
+const A = 20;
+function T(e) {
+  const a = P(), c = n((t) => t.tab), r = n((t) => t.unreadOnly), s = n((t) => t.activeSources), g = n((t) => t.page), y = n((t) => t.loading), f = n((t) => t.hasMore), N = n((t) => t.refreshTrigger), C = n((t) => t.setNotifications), x = n((t) => t.appendNotifications), u = n((t) => t.setUnreadCounts), h = n((t) => t.setLoading), m = n((t) => t.nextPage), i = d(
+    async (t) => {
+      h(!0);
+      try {
+        const b = p(s), o = await a.fetchNotifications(
+          c,
+          t,
+          A,
+          r,
+          b,
+          e || void 0
+        );
+        t === 0 ? C(o.data.notifications, o.pagination.totalElements) : x(o.data.notifications, o.pagination.totalElements), u({ all: o.data.unreadCount, mentions: o.data.unreadMentions });
+      } catch {
+      } finally {
+        h(!1);
+      }
+    },
+    [a, c, r, s, e]
+  );
+  L(() => {
+    i(0);
+  }, [c, r, s, e, N]);
+  const l = M(!1), E = d(() => {
+    if (l.current || !f) return;
+    l.current = !0;
+    const t = g + 1;
+    m(), i(t).finally(() => {
+      l.current = !1;
+    });
+  }, [f, g, m, i]), S = d(async () => {
+    try {
+      const t = p(s);
+      u(
+        await a.fetchCounts(e || void 0, t)
+      );
+    } catch {
+    }
+  }, [a, e, s, u]);
+  return { loadPage: i, handleLoadMore: E, refreshCounts: S, loading: y, hasMore: f };
+}
+export {
+  T as useInboxLoader
+};

package/dist/components/Notification/hooks/useNotificationItem.d.ts

@@ -0,0 +1,26 @@
+import type { NotificationDTO, NotificationVariant } from '../lib/types';
+export declare function useNotificationItem(n: NotificationDTO): {
+    resolved: string | null;
+    variant: NotificationVariant;
+    isUser: boolean;
+    actorName: string;
+    verb: string;
+    source: string;
+    sourceKey: string | null;
+    time: string;
+    statusValue: string | null;
+    statusOldValue: string | null;
+    taskKey: string | null;
+    commentPreview: string | null;
+    objectName: string;
+    systemTitle: string | null;
+    showInvitationActor: boolean;
+    fallbackUser: {
+        id: string;
+        avatar: string | null;
+        name: string | null;
+    } | null;
+    statusFirst: boolean;
+    tailConnector: string;
+};
+//# sourceMappingURL=useNotificationItem.d.ts.map

package/dist/components/Notification/hooks/useNotificationItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useNotificationItem.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAoBzE,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,eAAe;;;;;;;;;;;;;;;;;;;;;;;EAuIrD"}

package/dist/components/Notification/hooks/useNotificationItem.js

@@ -0,0 +1,51 @@
+import { useTranslation as U } from "react-i18next";
+import { IconEntity as G } from "../../ProjectIcon/ProjectIcon.js";
+import { useAppContainerDataStore as x } from "../../AppContainer/hooks/useAppContainerDataStore.js";
+import { resolveNotificationType as F, getNotificationVerbSelf as $, getNotificationVerb as Y, getSourceLabel as B, getSourceKey as W, getSystemMessage as X } from "../lib/notificationText.js";
+import { stripHtml as q } from "../lib/stripHtml.js";
+import { useNotificationTime as z } from "./useNotificationTime.js";
+function J(e) {
+  const o = e || "";
+  return o.includes("WORKSPACE_CREATED") ? "system-success" : o.includes("INVITATION_ACCEPTED") ? "system-invitation-accepted" : o.includes("INVITATION_DECLINED") ? "system-invitation-declined" : o.includes("WORKSPACE_DELETED") ? "system-alert" : o === "MISSED_CALL" ? "system-call-missed" : o.includes("SUBSCRIPTION") || o.includes("EXPIRE") ? "system-warning" : "user-action";
+}
+function De(e) {
+  const { t: o } = U("appContainer"), r = x((n) => n.user), v = z(), t = F(e.notificationType), A = J(t), E = A === "user-action", D = !e.actorUserId || e.actorUserId === r.id, _ = D ? "" : e.actorName || o("inbox.actor.someone"), c = e.params?.reaction || "", d = c.includes("=") && G.parse(c)?.emoji || c, N = d ? { emoji: d } : void 0, O = D ? $(o, e.notificationType, N) : Y(o, e.notificationType, N), M = B(o, e.notificationType, e.link ?? e.parentId), P = W(e.notificationType, e.link ?? e.parentId), b = v(e.createdAt), l = t === "ACCESS_GRANTED" || t === "ACCESS_REVOKED" || t === "INVITATION_ACCEPTED_BY", C = (n) => {
+    const a = `inbox.role.${n}`, i = o(a, { defaultValue: n });
+    return i === a ? n : i;
+  }, T = t === "TASK_TIME_ESTIMATE_ADDED", m = t === "TASK_TIME_ESTIMATE_CHANGED", S = (n) => {
+    if (!n) return null;
+    const a = Number(n);
+    if (!Number.isFinite(a) || a <= 0) return null;
+    const i = a / 60;
+    return i >= 1 ? i % 1 === 0 ? `${i}h` : `${i.toFixed(1)}h` : `${Math.round(a)}m`;
+  }, p = t === "TASK_TIME_ESTIMATE_REMOVED" || (t === "TASK_START_DATE_REMOVED" || t === "TASK_DUE_DATE_REMOVED") || t === "TASK_PARENT_REMOVED" ? null : e.params?.newValue || null, f = e.params?.oldValue || null, u = l ? e.params?.role || null : T || m ? S(p) : p, K = l && u ? C(u) : u, I = t === "TASK_START_DATE_CHANGED" || t === "TASK_DUE_DATE_CHANGED", R = t === "TASK_START_DATE_ADDED" || t === "TASK_DUE_DATE_ADDED", V = I || m ? m ? S(f) : f : null, g = o(l ? "inbox.asConnector" : "inbox.statusConnector"), h = e.params?.taskKey || null, y = (t === "TASK_COMMENT_ADDED" || t === "PAGE_COMMENT_ADDED" || t === "COMMENT_REPLIED") && e.params?.commentPreview || "", w = y && q(y) || null, k = t === "COMMENT_RESOLVED" || t === "COMMENT_REACTION_ADDED" || t === "MISSED_CALL" || t === "CHANNEL_ADDED" ? "" : e.objectName || "", s = {};
+  e.objectName && (s.role = e.objectName, s.channel = e.objectName, s.workspace = e.objectName), e.params?.role && (s.role = C(e.params.role)), e.params?.actor ? s.actor = e.params.actor : e.actorName && (s.actor = e.actorName);
+  const L = E ? null : X(
+    o,
+    e.notificationType,
+    Object.keys(s).length ? s : void 0
+  ) || e.notificationType || "", j = !E && !!_ && !!(t?.includes("INVITATION_ACCEPTED") || t?.includes("INVITATION_DECLINED")), H = r.id ? { id: r.id, avatar: r.avatar || null, name: r.name || null } : null;
+  return {
+    resolved: t,
+    variant: A,
+    isUser: E,
+    actorName: _,
+    verb: O,
+    source: M,
+    sourceKey: P,
+    time: b,
+    statusValue: K,
+    statusOldValue: V,
+    taskKey: h,
+    commentPreview: w,
+    objectName: k,
+    systemTitle: L,
+    showInvitationActor: j,
+    fallbackUser: H,
+    statusFirst: t === "TASK_STATUS_CHANGED" || t === "TASK_TYPE_CHANGED" || t === "TASK_PRIORITY_CHANGED" || t === "TASK_PARENT_CHANGED" || I || R || T || m,
+    tailConnector: g
+  };
+}
+export {
+  De as useNotificationItem
+};

package/dist/components/Notification/hooks/useNotificationStore.d.ts

@@ -0,0 +1,49 @@
+import type { NotificationDTO, NotificationTab, SourceCategoryKey, UnreadCounts } from '../lib/types';
+interface PerWorkspaceFilter {
+    activeSources: SourceCategoryKey[];
+    unreadOnly: boolean;
+}
+interface NotificationStore {
+    notifications: NotificationDTO[];
+    tab: NotificationTab;
+    unreadOnly: boolean;
+    activeSources: Set<SourceCategoryKey>;
+    unreadCounts: UnreadCounts;
+    page: number;
+    totalElements: number;
+    loading: boolean;
+    hasMore: boolean;
+    refreshTrigger: number;
+    currentWorkspaceId: string | null;
+    wsFilters: Record<string, PerWorkspaceFilter>;
+    setTab: (tab: NotificationTab) => void;
+    setUnreadOnly: (v: boolean) => void;
+    toggleSource: (key: SourceCategoryKey) => void;
+    setSources: (keys: SourceCategoryKey[]) => void;
+    setWorkspaceContext: (workspaceId: string) => void;
+    setNotifications: (items: NotificationDTO[], total: number) => void;
+    appendNotifications: (items: NotificationDTO[], total: number) => void;
+    setUnreadCounts: (counts: UnreadCounts) => void;
+    setLoading: (v: boolean) => void;
+    nextPage: () => void;
+    resetPage: () => void;
+    updateNotification: (id: number, patch: Partial<NotificationDTO>) => void;
+    removeNotification: (id: number) => void;
+    triggerRefresh: () => void;
+}
+export declare const useNotificationStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<NotificationStore>, "setState" | "persist"> & {
+    setState(partial: NotificationStore | Partial<NotificationStore> | ((state: NotificationStore) => NotificationStore | Partial<NotificationStore>), replace?: false | undefined): unknown;
+    setState(state: NotificationStore | ((state: NotificationStore) => NotificationStore), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<NotificationStore, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: NotificationStore) => void) => () => void;
+        onFinishHydration: (fn: (state: NotificationStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<NotificationStore, unknown, unknown>>;
+    };
+}>;
+export declare function getActiveSourceValues(sources: Set<SourceCategoryKey>): number[] | undefined;
+export {};
+//# sourceMappingURL=useNotificationStore.d.ts.map

package/dist/components/Notification/hooks/useNotificationStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationStore.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useNotificationStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,YAAY,EACb,MAAM,cAAc,CAAC;AAGtB,UAAU,kBAAkB;IAC1B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,GAAG,EAAE,eAAe,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAE9C,MAAM,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,mBAAmB,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,eAAe,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAC1E,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AA+CD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EA8GhC,CAAC;AAQF,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAC9B,MAAM,EAAE,GAAG,SAAS,CAWtB"}

package/dist/components/Notification/hooks/useNotificationStore.js

@@ -0,0 +1,139 @@
+import { create as l } from "zustand";
+import { persist as d, createJSONStorage as g } from "zustand/middleware";
+import { NotificationSourceCategory as S } from "../lib/types.js";
+const p = /* @__PURE__ */ new Set(["INVITATION_CREATED", "INVITATION_CREATE"]), E = /* @__PURE__ */ new Set([
+  "ROLE_CREATED",
+  "ROLE_ASSIGNED",
+  "ROLE_UPDATED",
+  "ROLE_DELETED"
+]);
+function c(t) {
+  return t.filter((e) => !(e.objectName?.startsWith("_system.") || e.notificationType && p.has(e.notificationType) || !e.notificationType && e.title && E.has(e.title)));
+}
+const m = /* @__PURE__ */ new Set([
+  "PAGE",
+  "PROJECT",
+  "FORM",
+  "FLOW"
+]);
+function h(t) {
+  return Array.isArray(t) ? t.filter(
+    (e) => typeof e == "string" && m.has(e)
+  ) : [];
+}
+function o(t) {
+  return t.currentWorkspaceId ? {
+    ...t.wsFilters,
+    [t.currentWorkspaceId]: {
+      activeSources: [...t.activeSources],
+      unreadOnly: t.unreadOnly
+    }
+  } : t.wsFilters;
+}
+const N = l()(
+  d(
+    (t) => ({
+      notifications: [],
+      tab: "ALL",
+      unreadOnly: !1,
+      activeSources: /* @__PURE__ */ new Set(),
+      unreadCounts: { all: 0, mentions: 0 },
+      page: 0,
+      totalElements: 0,
+      loading: !1,
+      hasMore: !0,
+      refreshTrigger: 0,
+      currentWorkspaceId: null,
+      wsFilters: {},
+      setTab: (e) => t({ tab: e, page: 0, notifications: [], hasMore: !0 }),
+      setUnreadOnly: (e) => t((r) => ({
+        unreadOnly: e,
+        wsFilters: o({ ...r, unreadOnly: e }),
+        page: 0,
+        notifications: [],
+        hasMore: !0
+      })),
+      toggleSource: (e) => t((r) => {
+        const i = new Set(r.activeSources);
+        return i.has(e) ? i.delete(e) : i.add(e), {
+          activeSources: i,
+          wsFilters: o({ ...r, activeSources: i }),
+          page: 0,
+          notifications: [],
+          hasMore: !0
+        };
+      }),
+      setSources: (e) => t((r) => {
+        const i = new Set(e);
+        return {
+          activeSources: i,
+          wsFilters: o({ ...r, activeSources: i }),
+          page: 0,
+          notifications: [],
+          hasMore: !0
+        };
+      }),
+      setWorkspaceContext: (e) => t((r) => {
+        if (r.currentWorkspaceId === e) return r;
+        const i = o(r), n = i[e];
+        return {
+          currentWorkspaceId: e,
+          wsFilters: i,
+          activeSources: new Set(h(n?.activeSources)),
+          unreadOnly: n?.unreadOnly ?? !1,
+          page: 0,
+          notifications: [],
+          hasMore: !0
+        };
+      }),
+      setNotifications: (e, r) => {
+        const i = c(e);
+        t({
+          notifications: i,
+          totalElements: r,
+          hasMore: e.length < r
+        });
+      },
+      appendNotifications: (e, r) => t((i) => {
+        const n = c(e), u = new Set(i.notifications.map((a) => a.id)), f = n.filter((a) => !u.has(a.id)), s = [...i.notifications, ...f];
+        return {
+          notifications: s,
+          totalElements: r,
+          hasMore: e.length > 0 && s.length < r
+        };
+      }),
+      setUnreadCounts: (e) => t({ unreadCounts: e }),
+      setLoading: (e) => t({ loading: e }),
+      nextPage: () => t((e) => ({ page: e.page + 1 })),
+      resetPage: () => t({ page: 0, notifications: [], hasMore: !0 }),
+      updateNotification: (e, r) => t((i) => ({
+        notifications: i.notifications.map(
+          (n) => n.id === e ? { ...n, ...r } : n
+        )
+      })),
+      removeNotification: (e) => t((r) => ({
+        notifications: r.notifications.filter((i) => i.id !== e),
+        totalElements: r.totalElements - 1
+      })),
+      triggerRefresh: () => t((e) => ({ refreshTrigger: e.refreshTrigger + 1 }))
+    }),
+    {
+      name: "inbox-filters",
+      version: 1,
+      storage: g(() => localStorage),
+      partialize: (t) => ({ wsFilters: t.wsFilters }),
+      migrate: (t, e) => ({ wsFilters: {} })
+    }
+  )
+);
+function I(t) {
+  if (t.size === 0) return;
+  const e = /* @__PURE__ */ new Set();
+  for (const r of t)
+    e.add(S[r]), r === "PROJECT" && (e.add(4), e.add(5));
+  return [...e];
+}
+export {
+  I as getActiveSourceValues,
+  N as useNotificationStore
+};

package/dist/components/Notification/hooks/useNotificationStream.d.ts

@@ -0,0 +1,2 @@
+export declare function useNotificationStream(enabled?: boolean, workspaceId?: string): void;
+//# sourceMappingURL=useNotificationStream.d.ts.map

package/dist/components/Notification/hooks/useNotificationStream.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationStream.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useNotificationStream.ts"],"names":[],"mappings":"AAWA,wBAAgB,qBAAqB,CAAC,OAAO,UAAO,EAAE,WAAW,CAAC,EAAE,MAAM,QA4JzE"}

package/dist/components/Notification/hooks/useNotificationStream.js

@@ -0,0 +1,86 @@
+import { useRef as v, useEffect as g } from "react";
+import { fetchUnreadCounts as U } from "../lib/api.js";
+import { useNotificationStore as S, getActiveSourceValues as p } from "./useNotificationStore.js";
+const w = "/v1/notifications/stream", A = 15e3, M = 1e4, O = 6e4;
+function V(u = !0, t) {
+  const C = S((e) => e.setUnreadCounts), y = S((e) => e.triggerRefresh), a = S((e) => e.activeSources), L = S(
+    (e) => e.setWorkspaceContext
+  ), f = v(C), E = v(y), _ = v(t), h = v(a);
+  f.current = C, E.current = y, _.current = t, h.current = a, g(() => {
+    t && L(t);
+  }, [t, L]), g(() => {
+    if (!u) return;
+    let e = null, n, s, l = M, c = !1, r = !1;
+    const o = async () => {
+      if (!r)
+        try {
+          const i = p(h.current), m = await U(
+            _.current,
+            i
+          );
+          r || f.current(m);
+        } catch (i) {
+          console.warn("[NotificationStream] Failed to fetch counts:", i);
+        }
+    }, N = () => {
+      n || r || (n = setInterval(o, A));
+    }, T = () => {
+      n && (clearInterval(n), n = void 0);
+    }, R = () => {
+      if (!r) {
+        e && (e.close(), e = null);
+        try {
+          e = new EventSource(w, { withCredentials: !0 }), e.onopen = () => {
+            l = M, c = !1, T();
+          }, e.addEventListener("notification_created", () => {
+            o(), E.current();
+          }), e.addEventListener("badge_update", (i) => {
+            if (!r) {
+              if (h.current.size > 0) {
+                o();
+                return;
+              }
+              try {
+                const m = JSON.parse(i.data);
+                f.current({
+                  all: m.allUnread ?? 0,
+                  mentions: m.mentionsUnread ?? 0
+                });
+              } catch {
+                o();
+              }
+            }
+          }), e.onerror = () => {
+            e && (e.close(), e = null), !r && (c || (c = !0, o(), N()), s = setTimeout(() => {
+              R();
+            }, l), l = Math.min(l * 2, O));
+          };
+        } catch {
+          c = !0, N();
+        }
+      }
+    };
+    o(), R();
+    const d = () => {
+      document.visibilityState === "visible" && (o(), E.current(), (c || !e) && R());
+    };
+    return document.addEventListener("visibilitychange", d), window.addEventListener("focus", d), () => {
+      r = !0, e && (e.close(), e = null), s && clearTimeout(s), T(), document.removeEventListener("visibilitychange", d), window.removeEventListener("focus", d);
+    };
+  }, [u]), g(() => {
+    if (!u) return;
+    let e = !1;
+    return (async () => {
+      try {
+        const n = p(a), s = await U(t, n);
+        e || f.current(s);
+      } catch {
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [u, t, a]);
+}
+export {
+  V as useNotificationStream
+};

package/dist/components/Notification/hooks/useNotificationTime.d.ts

@@ -0,0 +1,2 @@
+export declare function useNotificationTime(): (dateStr: string) => string;
+//# sourceMappingURL=useNotificationTime.d.ts.map

package/dist/components/Notification/hooks/useNotificationTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationTime.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useNotificationTime.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,IAAI,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAyBjE"}

package/dist/components/Notification/hooks/useNotificationTime.js

@@ -0,0 +1,23 @@
+import { useCallback as c } from "react";
+import { useTranslation as f } from "react-i18next";
+function h() {
+  const { t, i18n: o } = f("appContainer");
+  return c(
+    (u) => {
+      const e = new Date(u), i = /* @__PURE__ */ new Date(), r = i.getTime() - e.getTime(), n = Math.floor(r / 6e4), a = Math.floor(r / 36e5);
+      if (n < 1) return t("inbox.time.justNow");
+      if (n < 60) return t("inbox.time.minutesAgo", { count: n });
+      if (a < 24) return t("inbox.time.hoursAgo", { count: a });
+      const s = o.language === "ru" ? "ru-RU" : "en-US", m = e.getFullYear() === i.getFullYear();
+      return new Intl.DateTimeFormat(s, {
+        day: "numeric",
+        month: "short",
+        ...m ? {} : { year: "numeric" }
+      }).format(e);
+    },
+    [t, o.language]
+  );
+}
+export {
+  h as useNotificationTime
+};

package/dist/components/Notification/hooks/useNotificationsApi.d.ts

@@ -0,0 +1,25 @@
+import type { NotificationsResponse, NotificationTab, UnreadCounts } from '../lib/types';
+declare function fetchNotifications(tab: NotificationTab, page: number, size: number, unreadOnly: boolean, sources?: number[], workspaceId?: string): Promise<NotificationsResponse>;
+declare function fetchCounts(workspaceId?: string, sources?: number[]): Promise<UnreadCounts>;
+declare function markAsRead(ids: number[]): Promise<unknown>;
+declare function markAsUnread(ids: number[]): Promise<unknown>;
+declare function markAllAsRead(): Promise<unknown>;
+declare function archiveIds(ids: number[]): Promise<unknown>;
+declare function unarchiveIds(ids: number[]): Promise<unknown>;
+declare function archiveAll(): Promise<unknown>;
+declare function archiveRead(): Promise<unknown>;
+declare const api: {
+    readonly fetchNotifications: typeof fetchNotifications;
+    readonly fetchCounts: typeof fetchCounts;
+    readonly markAsRead: typeof markAsRead;
+    readonly markAsUnread: typeof markAsUnread;
+    readonly markAllAsRead: typeof markAllAsRead;
+    readonly archiveIds: typeof archiveIds;
+    readonly unarchiveIds: typeof unarchiveIds;
+    readonly archiveAll: typeof archiveAll;
+    readonly archiveRead: typeof archiveRead;
+};
+export type NotificationsApi = typeof api;
+export declare function useNotificationsApi(): NotificationsApi;
+export {};
+//# sourceMappingURL=useNotificationsApi.d.ts.map

package/dist/components/Notification/hooks/useNotificationsApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationsApi.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useNotificationsApi.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EACf,YAAY,EACb,MAAM,cAAc,CAAC;AAEtB,iBAAS,kBAAkB,CACzB,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,OAAO,EACnB,OAAO,CAAC,EAAE,MAAM,EAAE,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,qBAAqB,CAAC,CAchC;AAED,iBAAS,WAAW,CAClB,WAAW,CAAC,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,MAAM,EAAE,GACjB,OAAO,CAAC,YAAY,CAAC,CAEvB;AAED,iBAAS,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,oBAKhC;AAED,iBAAS,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,oBAKlC;AAED,iBAAS,aAAa,qBAErB;AAED,iBAAS,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,oBAKhC;AAED,iBAAS,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,oBAKlC;AAED,iBAAS,UAAU,qBAElB;AAED,iBAAS,WAAW,qBAEnB;AAED,QAAA,MAAM,GAAG;;;;;;;;;;CAUC,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,CAAC;AAE1C,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD"}

package/dist/components/Notification/hooks/useNotificationsApi.js

@@ -0,0 +1,64 @@
+import { useMemo as s } from "react";
+import { apiFetch as n, fetchUnreadCounts as d } from "../lib/api.js";
+function u(i, t, a, c, r, e) {
+  const o = new URLSearchParams({
+    tab: i,
+    page: String(t),
+    size: String(a),
+    unreadOnly: String(c)
+  });
+  return r?.length && r.forEach((f) => o.append("sources", String(f))), e && o.set("workspaceId", e), n(`/v1/notifications?${o}`);
+}
+function h(i, t) {
+  return d(i, t);
+}
+function m(i) {
+  return n("/v1/notifications/read", {
+    method: "PATCH",
+    body: JSON.stringify({ notificationIds: i })
+  });
+}
+function v(i) {
+  return n("/v1/notifications/unread", {
+    method: "PATCH",
+    body: JSON.stringify({ notificationIds: i })
+  });
+}
+function A() {
+  return n("/v1/notifications/readAll", { method: "PATCH" });
+}
+function g(i) {
+  return n("/v1/notifications/archive", {
+    method: "PATCH",
+    body: JSON.stringify({ notificationIds: i })
+  });
+}
+function l(i) {
+  return n("/v1/notifications/unarchive", {
+    method: "PATCH",
+    body: JSON.stringify({ notificationIds: i })
+  });
+}
+function p() {
+  return n("/v1/notifications/archiveAll", { method: "PATCH" });
+}
+function y() {
+  return n("/v1/notifications/archiveRead", { method: "PATCH" });
+}
+const C = {
+  fetchNotifications: u,
+  fetchCounts: h,
+  markAsRead: m,
+  markAsUnread: v,
+  markAllAsRead: A,
+  archiveIds: g,
+  unarchiveIds: l,
+  archiveAll: p,
+  archiveRead: y
+};
+function H() {
+  return s(() => C, []);
+}
+export {
+  H as useNotificationsApi
+};

package/dist/components/Notification/lib/api.d.ts

@@ -0,0 +1,4 @@
+import type { UnreadCounts } from './types';
+export declare function apiFetch<T>(url: string, options?: RequestInit): Promise<T>;
+export declare function fetchUnreadCounts(workspaceId?: string, sources?: number[]): Promise<UnreadCounts>;
+//# sourceMappingURL=api.d.ts.map

package/dist/components/Notification/lib/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/lib/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAsB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,CAQhF;AAED,wBAAsB,iBAAiB,CACrC,WAAW,CAAC,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,MAAM,EAAE,GACjB,OAAO,CAAC,YAAY,CAAC,CAMvB"}

package/dist/components/Notification/lib/api.js

@@ -0,0 +1,19 @@
+async function o(n, e) {
+  const t = await fetch(n, {
+    credentials: "include",
+    headers: { "Content-Type": "application/json" },
+    ...e
+  });
+  if (!t.ok) throw new Error(`${t.status} ${t.statusText}`);
+  return t.json();
+}
+async function r(n, e) {
+  const t = new URLSearchParams();
+  n && t.set("workspaceId", n), e?.length && e.forEach((a) => t.append("sources", String(a)));
+  const s = t.toString();
+  return o(`/v1/notifications/counts${s ? `?${s}` : ""}`);
+}
+export {
+  o as apiFetch,
+  r as fetchUnreadCounts
+};

package/dist/components/Notification/lib/index.d.ts

@@ -0,0 +1,5 @@
+export * from './api';
+export * from './stripHtml';
+export * from './types';
+export * from './notificationText';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Notification/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC"}