@layers-app/shared 0.4.7 → 0.4.8

package/dist/components/NavMenu/NavMenu.module.css.js

@@ -1,23 +1,23 @@
-const t = "_container_x64pi_1", e = "_depthBox_x64pi_13", n = "_itemContainer_x64pi_38", o = "_item_x64pi_38", i = "_icon_x64pi_91", _ = "_chevron_x64pi_95", p = "_droppable_x64pi_120", a = "_draggableOverlay_x64pi_177", c = "_editInput_x64pi_197", r = {
+const t = "_container_1khh8_1", e = "_depthBox_1khh8_25", n = "_itemContainer_1khh8_75", o = "_item_1khh8_75", _ = "_icon_1khh8_181", h = "_chevron_1khh8_189", a = "_droppable_1khh8_239", c = "_draggableOverlay_1khh8_353", r = "_editInput_1khh8_393", i = {
   container: t,
   depthBox: e,
   itemContainer: n,
   item: o,
-  icon: i,
-  chevron: _,
-  droppable: p,
-  draggableOverlay: a,
-  editInput: c
+  icon: _,
+  chevron: h,
+  droppable: a,
+  draggableOverlay: c,
+  editInput: r
 };
 export {
-  _ as chevron,
+  h as chevron,
   t as container,
-  r as default,
+  i as default,
   e as depthBox,
-  a as draggableOverlay,
-  p as droppable,
-  c as editInput,
-  i as icon,
+  c as draggableOverlay,
+  a as droppable,
+  r as editInput,
+  _ as icon,
   o as item,
   n as itemContainer
 };

package/dist/components/NavbarResizer/NavbarResizer.module.css.js

@@ -1,7 +1,7 @@
-const e = "_resizer_hdrhk_1", r = {
+const e = "_resizer_1qg2p_1", s = {
   resizer: e
 };
 export {
-  r as default,
+  s as default,
   e as resizer
 };

package/dist/components/NotPublicPanel/NotPublicPanel.module.css.js

@@ -1,19 +1,19 @@
-const e = "_previewBoxTitle_1xmos_1", o = "_previewBox_1xmos_1", r = "_previewContainer_1xmos_45", t = "_previewHeader_1xmos_58", i = "_headerDot_1xmos_70", s = "_previewContent_1xmos_80", n = "_processing_1xmos_103", _ = {
+const e = "_previewBoxTitle_p1noi_1", o = "_previewBox_p1noi_1", i = "_previewContainer_p1noi_89", n = "_previewHeader_p1noi_115", r = "_headerDot_p1noi_139", p = "_previewContent_p1noi_159", t = "_processing_p1noi_205", _ = {
   previewBoxTitle: e,
   previewBox: o,
-  previewContainer: r,
-  previewHeader: t,
-  headerDot: i,
-  previewContent: s,
-  processing: n
+  previewContainer: i,
+  previewHeader: n,
+  headerDot: r,
+  previewContent: p,
+  processing: t
 };
 export {
   _ as default,
-  i as headerDot,
+  r as headerDot,
   o as previewBox,
   e as previewBoxTitle,
-  r as previewContainer,
-  s as previewContent,
-  t as previewHeader,
-  n as processing
+  i as previewContainer,
+  p as previewContent,
+  n as previewHeader,
+  t as processing
 };

package/dist/components/Notification/InfiniteScroll.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface InfiniteScrollProps {
+    children: ReactNode;
+    isLoading?: boolean;
+    height?: number | string;
+    threshold?: number;
+    disabled?: boolean;
+    onLoadMore?: () => void;
+}
+export declare function InfiniteScroll({ children, isLoading, height, threshold, disabled, onLoadMore, }: InfiniteScrollProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InfiniteScroll.d.ts.map

package/dist/components/Notification/InfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/InfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIvD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAiB,EACjB,MAAe,EACf,SAAe,EACf,QAAgB,EAChB,UAAU,GACX,EAAE,mBAAmB,2CA4CrB"}

package/dist/components/Notification/InfiniteScroll.js

@@ -0,0 +1,42 @@
+import { jsx as l, jsxs as p } from "react/jsx-runtime";
+import { useRef as n, useCallback as S } from "react";
+import { ScrollArea as R, Stack as g, Center as d, Loader as H } from "@mantine/core";
+function k({
+  children: f,
+  isLoading: r = !1,
+  height: a = "100%",
+  threshold: o = 200,
+  disabled: t = !1,
+  onLoadMore: c
+}) {
+  const i = n(null), s = n(r), h = n(t);
+  s.current = r, h.current = t;
+  const u = S(
+    ({ y: m }) => {
+      if (s.current || h.current) return;
+      const e = i.current?.querySelector(
+        ".mantine-ScrollArea-viewport"
+      );
+      if (!e?.clientHeight || !e?.scrollHeight) return;
+      m + e.clientHeight + o >= e.scrollHeight && c && c();
+    },
+    [o, c]
+  );
+  return /* @__PURE__ */ l(
+    R,
+    {
+      ref: i,
+      h: a,
+      scrollbars: "y",
+      pr: 12,
+      onScrollPositionChange: u,
+      children: /* @__PURE__ */ p(g, { gap: 0, children: [
+        f,
+        r && !t && /* @__PURE__ */ l(d, { py: "md", children: /* @__PURE__ */ l(H, { size: "sm" }) })
+      ] })
+    }
+  );
+}
+export {
+  k as InfiniteScroll
+};

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

@@ -1,2 +1,5 @@
-export declare const Notification: () => import("react/jsx-runtime").JSX.Element;
+export { InboxPanel as Notification } from './organisms/InboxPanel';
+export { useNotificationStore } from './hooks/useNotificationStore';
+export { useNotificationStream } from './hooks/useNotificationStream';
+export type { NotificationDTO, NotificationTab, UnreadCounts, SourceCategoryKey } from './lib/types';
 //# sourceMappingURL=Notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,YAAY,+CA0JxB,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Notification/Notification.module.css.js

@@ -1,7 +1,31 @@
-const e = "_headerCounter_1kh0c_1", t = {
-  headerCounter: e
+const t = "_tabsList_1bfw3_5", e = "_tabsBar_1bfw3_27", n = "_tabDivider_1bfw3_39", i = "_inboxMenu_1bfw3_65", b = "_inboxMenuLabel_1bfw3_93", _ = "_inboxMenuItem_1bfw3_109", o = "_inboxMenuItemActive_1bfw3_127", s = "_tab_1bfw3_5", a = "_shrink_1bfw3_227", c = "_item_1bfw3_245", r = "_itemContent_1bfw3_273", w = "_itemActions_1bfw3_283", m = "_replyPreview_1bfw3_341", f = {
+  tabsList: t,
+  tabsBar: e,
+  tabDivider: n,
+  inboxMenu: i,
+  inboxMenuLabel: b,
+  inboxMenuItem: _,
+  inboxMenuItemActive: o,
+  tab: s,
+  shrink: a,
+  item: c,
+  itemContent: r,
+  itemActions: w,
+  replyPreview: m
 };
 export {
-  t as default,
-  e as headerCounter
+  f as default,
+  i as inboxMenu,
+  _ as inboxMenuItem,
+  o as inboxMenuItemActive,
+  b as inboxMenuLabel,
+  c as item,
+  w as itemActions,
+  r as itemContent,
+  m as replyPreview,
+  a as shrink,
+  s as tab,
+  n as tabDivider,
+  e as tabsBar,
+  t as tabsList
 };

package/dist/components/Notification/atoms/ActionBadge.d.ts

@@ -0,0 +1,11 @@
+import { Delete03Icon } from '@hugeicons/core-free-icons';
+export declare function resolveActionBadge(notificationType: string | null): {
+    bg: string;
+    Icon: typeof Delete03Icon;
+};
+interface ActionBadgeProps {
+    notificationType: string | null;
+}
+export declare function ActionBadge({ notificationType }: ActionBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionBadge.d.ts.map

package/dist/components/Notification/atoms/ActionBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/ActionBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,YAAY,EAQb,MAAM,4BAA4B,CAAC;AAsBpC,wBAAgB,kBAAkB,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI;QAnB/B,MAAM;UAAQ,OAAO,YAAY;EAsCnE;AAED,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,EAAE,gBAAgB,EAAE,EAAE,gBAAgB,2CAuBjE"}

package/dist/components/Notification/atoms/ActionBadge.js

@@ -0,0 +1,53 @@
+import { jsx as e } from "react/jsx-runtime";
+import { EditIcon as t, CallDisabled02Icon as D, HashtagIcon as A, CheckmarkCircle02Icon as a, UserAdd02Icon as E, UserRemove01Icon as i, AtIcon as l, Link04Icon as I, Message01Icon as S, UndoIcon as T, Delete03Icon as C, CircleIcon as c, Appointment02Icon as g } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+const o = {
+  CREATED: { bg: "var(--mantine-color-green-6)", Icon: t },
+  UPDATED: { bg: "var(--mantine-color-yellow-6)", Icon: c },
+  STATUS_CHANGED: { bg: "var(--mantine-color-yellow-6)", Icon: c },
+  DUE_DATE: { bg: "var(--mantine-color-orange-5)", Icon: g },
+  MENTIONED: { bg: "var(--mantine-color-indigo-5)", Icon: l },
+  COMMENTED: { bg: "var(--mantine-color-indigo-5)", Icon: S },
+  COMMENT_RESOLVED: { bg: "var(--mantine-color-green-6)", Icon: a },
+  DELETED: { bg: "var(--mantine-color-red-6)", Icon: C },
+  RESTORED: { bg: "var(--mantine-color-green-6)", Icon: T },
+  ASSIGNED: { bg: "var(--mantine-color-blue-5)", Icon: E },
+  UNASSIGNED: { bg: "var(--mantine-color-orange-5)", Icon: i },
+  ACCESS_GRANTED: { bg: "var(--mantine-color-orange-5)", Icon: E },
+  ACCESS_REVOKED: { bg: "var(--mantine-color-red-6)", Icon: i },
+  MISSED_CALL: { bg: "var(--mantine-color-red-6)", Icon: D },
+  CHANNEL_ADDED: { bg: "var(--mantine-color-indigo-5)", Icon: A },
+  ATTACHMENT: { bg: "var(--mantine-color-gray-6)", Icon: I }
+};
+function N(r) {
+  if (!r) return o.CREATED;
+  const n = r.toUpperCase();
+  return n === "MISSED_CALL" ? o.MISSED_CALL : n === "CHANNEL_ADDED" ? o.CHANNEL_ADDED : n === "COMMENT_RESOLVED" ? o.COMMENT_RESOLVED : n === "ACCESS_GRANTED" ? o.ACCESS_GRANTED : n === "ACCESS_REVOKED" ? o.ACCESS_REVOKED : n.includes("MENTION") ? o.MENTIONED : n.includes("ATTACHMENT") ? o.ATTACHMENT : n.includes("COMMENT") ? o.COMMENTED : n.includes("RESTORE") ? o.RESTORED : n.includes("DELETE") ? o.DELETED : n.includes("UNASSIGN") ? o.UNASSIGNED : n.includes("ASSIGN") ? o.ASSIGNED : n.includes("STATUS") ? o.STATUS_CHANGED : n.includes("DUE_DATE") || n.includes("START_DATE") ? o.DUE_DATE : n.includes("UPDATE") ? o.UPDATED : o.CREATED;
+}
+function b({ notificationType: r }) {
+  const n = N(r);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        width: 14,
+        height: 14,
+        borderRadius: "50%",
+        backgroundColor: n.bg,
+        boxSizing: "border-box",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1
+      },
+      children: /* @__PURE__ */ e(u, { icon: n.Icon, size: 10, color: "white", strokeWidth: 2.5 })
+    }
+  );
+}
+export {
+  b as ActionBadge,
+  N as resolveActionBadge
+};

package/dist/components/Notification/atoms/ArchiveIcon.d.ts

@@ -0,0 +1,7 @@
+interface ArchiveIconProps {
+    size?: number;
+    color?: string;
+}
+export declare function ArchiveIcon({ size, color }: ArchiveIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ArchiveIcon.d.ts.map

package/dist/components/Notification/atoms/ArchiveIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/ArchiveIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,EAAE,gBAAgB,2CAwBlF"}

package/dist/components/Notification/atoms/ArchiveIcon.js

@@ -0,0 +1,40 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+function n({ size: i = 20, color: C = "currentColor" }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: i,
+      height: i,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M2.70838 12.4998V6.6665C2.70838 6.32133 2.9882 6.0415 3.33338 6.0415C3.67855 6.0415 3.95838 6.32133 3.95838 6.6665V12.4998C3.95838 13.6958 3.96005 14.5299 4.04464 15.1593C4.12685 15.7708 4.27705 16.0949 4.50769 16.3255C4.73833 16.5562 5.0624 16.7064 5.67387 16.7886C6.30329 16.8732 7.13741 16.8748 8.33338 16.8748H11.6667C12.8627 16.8748 13.6968 16.8732 14.3262 16.7886C14.9377 16.7064 15.2617 16.5562 15.4924 16.3255C15.723 16.0949 15.8732 15.7708 15.9554 15.1593C16.04 14.5299 16.0417 13.6958 16.0417 12.4998V6.6665C16.0417 6.32133 16.3215 6.0415 16.6667 6.0415C17.0119 6.0415 17.2917 6.32133 17.2917 6.6665V12.4998C17.2917 13.6606 17.2933 14.5941 17.1949 15.3262C17.094 16.0763 16.8778 16.7077 16.3762 17.2093C15.8746 17.7109 15.2431 17.9271 14.493 18.028C13.761 18.1264 12.8275 18.1248 11.6667 18.1248H8.33338C7.17262 18.1248 6.23913 18.1264 5.50704 18.028C4.75696 17.9271 4.1255 17.7109 3.6239 17.2093C3.12231 16.7077 2.90607 16.0763 2.80522 15.3262C2.70681 14.5941 2.70838 13.6606 2.70838 12.4998Z",
+            fill: C
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M17.7083 4.58333C17.7083 4.1824 17.7074 3.92342 17.6896 3.72721C17.6811 3.63324 17.6696 3.56931 17.6578 3.52458L17.6245 3.4375C17.5834 3.36641 17.5289 3.30416 17.4642 3.2544L17.3958 3.20882C17.3617 3.18916 17.2936 3.16072 17.1061 3.14372C16.9099 3.12593 16.6509 3.125 16.25 3.125H3.74996C3.34903 3.125 3.09005 3.12593 2.89384 3.14372C2.7063 3.16072 2.63818 3.18916 2.60413 3.20882C2.50914 3.26367 2.43029 3.34252 2.37545 3.4375C2.35579 3.47155 2.32735 3.53967 2.31034 3.72721C2.29256 3.92343 2.29163 4.18241 2.29163 4.58333C2.29163 4.98426 2.29256 5.24324 2.31034 5.43945C2.32735 5.62699 2.35579 5.69512 2.37545 5.72917C2.43029 5.82415 2.50914 5.903 2.60413 5.95785C2.63818 5.9775 2.7063 6.00594 2.89384 6.02295C3.09005 6.04073 3.34903 6.04167 3.74996 6.04167H16.25C16.6509 6.04167 16.9099 6.04073 17.1061 6.02295C17.2936 6.00594 17.3617 5.97751 17.3958 5.95785L17.4642 5.91227C17.5289 5.86251 17.5834 5.80026 17.6245 5.72917L17.6578 5.64209C17.6696 5.59736 17.6811 5.53343 17.6896 5.43945C17.7074 5.24325 17.7083 4.98426 17.7083 4.58333ZM18.9583 4.58333C18.9583 4.96125 18.9588 5.28684 18.9347 5.55257C18.9129 5.79246 18.8679 6.03021 18.7581 6.25733L18.7068 6.35417C18.5629 6.60344 18.364 6.81574 18.1258 6.9751L18.0208 7.0402C17.7649 7.18793 17.4934 7.24319 17.2192 7.26807C16.9535 7.29215 16.6279 7.29167 16.25 7.29167H3.74996C3.37204 7.29167 3.04645 7.29215 2.78072 7.26807C2.50653 7.24319 2.23502 7.18794 1.97913 7.0402C1.69418 6.87566 1.45763 6.63912 1.29309 6.35417C1.14535 6.09827 1.09011 5.82677 1.06523 5.55257C1.04114 5.28685 1.04163 4.96126 1.04163 4.58333C1.04163 4.20541 1.04114 3.87982 1.06523 3.6141C1.09011 3.3399 1.14535 3.0684 1.29309 2.8125C1.45763 2.52755 1.69418 2.291 1.97913 2.12647C2.23502 1.97873 2.50653 1.92348 2.78072 1.8986C3.04645 1.87452 3.37204 1.875 3.74996 1.875H16.25C16.6279 1.875 16.9535 1.87452 17.2192 1.8986C17.4934 1.92348 17.7649 1.97874 18.0208 2.12647L18.1258 2.19157C18.364 2.35092 18.5629 2.56322 18.7068 2.8125L18.7581 2.90934C18.8679 3.13646 18.9129 3.37421 18.9347 3.6141C18.9588 3.87983 18.9583 4.20541 18.9583 4.58333Z",
+            fill: C
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M11.6667 8.5415C12.0119 8.5415 12.2917 8.82133 12.2917 9.1665C12.2917 9.51168 12.0119 9.7915 11.6667 9.7915H8.33337C7.9882 9.7915 7.70837 9.51168 7.70837 9.1665C7.70837 8.82133 7.9882 8.5415 8.33337 8.5415H11.6667Z",
+            fill: C
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  n as ArchiveIcon
+};

package/dist/components/Notification/atoms/InboxIcon.d.ts

@@ -0,0 +1,7 @@
+interface InboxIconProps {
+    size?: number;
+    color?: string;
+}
+export declare function InboxIcon({ size, color }: InboxIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InboxIcon.d.ts.map

package/dist/components/Notification/atoms/InboxIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InboxIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/InboxIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,EAAE,cAAc,2CAoB9E"}

package/dist/components/Notification/atoms/InboxIcon.js

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+function i({ size: C = 20, color: t = "currentColor" }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: C,
+      height: C,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M17.7083 11.7961C17.7083 11.2936 17.7054 11.1226 17.6741 10.9603V10.9595C17.6428 10.7974 17.582 10.6371 17.3958 10.1717L15.6771 5.87484C15.3676 5.10108 15.1531 4.56775 14.9414 4.17074C14.7369 3.78739 14.5617 3.58473 14.3587 3.44727C14.1556 3.30978 13.902 3.22208 13.47 3.17464C13.0228 3.12556 12.4478 3.125 11.6146 3.125H8.3854C7.55214 3.125 6.97716 3.12556 6.52993 3.17464C6.09799 3.22208 5.84431 3.30979 5.64126 3.44727C5.43823 3.58473 5.263 3.78738 5.05857 4.17074C4.84687 4.56775 4.63241 5.10106 4.3229 5.87484L2.60496 10.1717H2.60415C2.41754 10.6382 2.35708 10.798 2.32583 10.9603C2.29457 11.1226 2.29165 11.2935 2.29165 11.7961V12.5C2.29165 13.696 2.29332 14.5301 2.37791 15.1595C2.46012 15.771 2.61032 16.095 2.84096 16.3257C3.0716 16.5563 3.39567 16.7065 4.00714 16.7887C4.63656 16.8733 5.47068 16.875 6.66665 16.875H13.3333C14.5293 16.875 15.3634 16.8733 15.9928 16.7887C16.6043 16.7065 16.9283 16.5563 17.159 16.3257C17.3896 16.095 17.5398 15.771 17.622 15.1595C17.7066 14.5301 17.7083 13.696 17.7083 12.5V11.7961ZM18.9583 12.5C18.9583 13.6608 18.9599 14.5942 18.8615 15.3263C18.7606 16.0764 18.5444 16.7079 18.0428 17.2095C17.5412 17.7111 16.9097 17.9273 16.1596 18.0282C15.4276 18.1266 14.4941 18.125 13.3333 18.125H6.66665C5.50589 18.125 4.5724 18.1266 3.84031 18.0282C3.09023 17.9273 2.45877 17.7111 1.95717 17.2095C1.45558 16.7079 1.23934 16.0764 1.13849 15.3263C1.04008 14.5942 1.04165 13.6608 1.04165 12.5V11.7961C1.04165 11.3389 1.03885 11.0296 1.0978 10.7235C1.15678 10.4174 1.2739 10.1314 1.44367 9.70703L3.16242 5.41097C3.46176 4.66261 3.70443 4.05389 3.95587 3.58236C4.21453 3.09737 4.50886 2.7044 4.94057 2.41211C5.37238 2.11978 5.8467 1.9928 6.39321 1.93278C6.92439 1.87445 7.57943 1.875 8.3854 1.875H11.6146C12.4205 1.875 13.0756 1.87445 13.6068 1.93278C14.1533 1.9928 14.6276 2.11979 15.0594 2.41211L15.2148 2.52686C15.5639 2.80447 15.8177 3.15799 16.0441 3.58236C16.2955 4.05389 16.5382 4.6626 16.8375 5.41097L18.5563 9.70703C18.6837 10.0256 18.7811 10.2662 18.8468 10.4956L18.9022 10.7235V10.7243C18.961 11.0302 18.9583 11.3391 18.9583 11.7961V12.5Z",
+            fill: t
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: "M4.65493 10.2086C5.1003 10.2086 5.44401 10.2031 5.77146 10.2964C5.94036 10.3446 6.10348 10.4118 6.2573 10.4975L6.36635 10.5634C6.61571 10.7258 6.83289 10.9493 7.10854 11.225C7.47333 11.5898 7.57441 11.6833 7.6839 11.7442C7.75345 11.7829 7.82753 11.8134 7.90444 11.8353C8.02489 11.8697 8.1625 11.8752 8.67836 11.8752H11.3216C11.8375 11.8752 11.9752 11.8697 12.0955 11.8353C12.1725 11.8134 12.2466 11.7829 12.3161 11.7442V11.7434C12.4255 11.6825 12.5268 11.5897 12.8914 11.225C13.2064 10.9101 13.445 10.663 13.7427 10.4975L13.8598 10.4372C13.9785 10.3799 14.1018 10.3326 14.2285 10.2964C14.5559 10.2031 14.8997 10.2086 15.345 10.2086H17.9166V11.4586H15.345C14.8292 11.4586 14.6915 11.4641 14.5711 11.4984C14.4942 11.5204 14.42 11.5509 14.3506 11.5896V11.5904C14.2411 11.6513 14.1399 11.7441 13.7752 12.1088C13.4996 12.3844 13.2824 12.6079 13.033 12.7704L12.924 12.8363C12.7702 12.922 12.607 12.9892 12.4381 13.0373C12.1107 13.1307 11.7669 13.1252 11.3216 13.1252H8.67836C8.233 13.1252 7.88929 13.1307 7.56183 13.0373C7.43512 13.0012 7.31186 12.9539 7.19318 12.8965L7.07599 12.8363C6.77845 12.6707 6.53977 12.4238 6.22475 12.1088C5.85996 11.744 5.75888 11.6505 5.64939 11.5896C5.57984 11.5509 5.50577 11.5204 5.42885 11.4984C5.3084 11.4641 5.1708 11.4586 4.65493 11.4586H2.08331V10.2086H4.65493Z",
+            fill: t
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  i as InboxIcon
+};

package/dist/components/Notification/atoms/MarkReadIcon.d.ts

@@ -0,0 +1,7 @@
+interface MarkReadIconProps {
+    size?: number;
+    color?: string;
+}
+export declare function MarkReadIcon({ size, color }: MarkReadIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MarkReadIcon.d.ts.map

package/dist/components/Notification/atoms/MarkReadIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkReadIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/MarkReadIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,iBAAiB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,EAAE,iBAAiB,2CAoBpF"}

package/dist/components/Notification/atoms/MarkReadIcon.js

@@ -0,0 +1,33 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+function e({ size: C = 20, color: r = "currentColor" }) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: C,
+      height: C,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M1.04163 10.4167C1.04163 8.56856 1.04041 7.11958 1.19218 5.9904C1.34642 4.84318 1.66924 3.93294 2.3844 3.21777C3.09957 2.50261 4.00981 2.17979 5.15702 2.02555C6.28621 1.87378 7.73518 1.875 9.58329 1.875H9.99996C10.3451 1.875 10.625 2.15482 10.625 2.5C10.625 2.84518 10.3451 3.125 9.99996 3.125H9.58329C7.69965 3.125 6.34962 3.12614 5.32304 3.26416C4.31452 3.39977 3.71238 3.65738 3.26819 4.10156C2.82401 4.54575 2.56639 5.14789 2.43079 6.15641C2.29277 7.183 2.29163 8.53302 2.29163 10.4167C2.29163 12.3003 2.29277 13.6503 2.43079 14.6769C2.56639 15.6854 2.82402 16.2876 3.26819 16.7318C3.71238 17.1759 4.31452 17.4336 5.32304 17.5692C6.34962 17.7072 7.69965 17.7083 9.58329 17.7083C11.4669 17.7083 12.817 17.7072 13.8435 17.5692C14.8521 17.4336 15.4542 17.1759 15.8984 16.7318C16.3426 16.2876 16.6002 15.6854 16.7358 14.6769C16.8738 13.6503 16.875 12.3003 16.875 10.4167V10C16.875 9.65482 17.1548 9.375 17.5 9.375C17.8451 9.375 18.125 9.65482 18.125 10V10.4167C18.125 12.2648 18.1262 13.7137 17.9744 14.8429C17.8202 15.9902 17.4973 16.9004 16.7822 17.6156C16.067 18.3307 15.1568 18.6535 14.0096 18.8078C12.8804 18.9596 11.4314 18.9583 9.58329 18.9583C7.73518 18.9583 6.28621 18.9595 5.15702 18.8078C4.00981 18.6535 3.09957 18.3307 2.3844 17.6156C1.66925 16.9004 1.34642 15.9902 1.19218 14.8429C1.04041 13.7137 1.04163 12.2648 1.04163 10.4167Z",
+            fill: r
+          }
+        ),
+        /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M17.6495 2.28239C17.8478 1.99543 18.2518 1.91845 18.5519 2.11021C18.852 2.30208 18.9344 2.6902 18.7361 2.97721L15.8627 7.13473C15.7599 7.28328 15.5956 7.38207 15.4112 7.40632C15.2267 7.43054 15.0396 7.37784 14.8976 7.26138L12.8644 5.59355C12.5903 5.36867 12.5571 4.9742 12.79 4.71228C13.0229 4.45043 13.4338 4.42061 13.7079 4.64545L15.1811 5.8531L17.6495 2.28239Z",
+            fill: r
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  e as MarkReadIcon
+};

package/dist/components/Notification/atoms/ResourceIcon.d.ts

@@ -0,0 +1,7 @@
+interface ResourceIconProps {
+    notificationType: string | null;
+    size?: number;
+}
+export declare function ResourceIcon({ notificationType, size }: ResourceIconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ResourceIcon.d.ts.map

package/dist/components/Notification/atoms/ResourceIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/ResourceIcon.tsx"],"names":[],"mappings":"AAaA,UAAU,iBAAiB;IACzB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAAE,gBAAgB,EAAE,IAAS,EAAE,EAAE,iBAAiB,kDAS9E"}

package/dist/components/Notification/atoms/TabBadge.d.ts

@@ -0,0 +1,7 @@
+interface TabBadgeProps {
+    count: number;
+    active: boolean;
+}
+export declare function TabBadge({ count, active }: TabBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TabBadge.d.ts.map

package/dist/components/Notification/atoms/TabBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/TabBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAOD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,aAAa,kDA6BxD"}

package/dist/components/Notification/atoms/TabBadge.js

@@ -0,0 +1,32 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Box as e } from "@mantine/core";
+function i(n) {
+  return n > 99 ? "99+" : String(n);
+}
+function a({ count: n, active: r }) {
+  return n <= 0 ? null : /* @__PURE__ */ o(
+    e,
+    {
+      px: r ? 10 : 8,
+      py: r ? 2 : void 0,
+      h: r ? void 0 : 21,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: 32,
+        backgroundColor: r ? "var(--mantine-primary-color-filled)" : "var(--mantine-color-gray-light)",
+        color: r ? "var(--mantine-color-white)" : "var(--mantine-color-gray-6)",
+        fontSize: r ? 12 : 13,
+        fontWeight: r ? 600 : 500,
+        lineHeight: 1.4,
+        textTransform: r ? "uppercase" : void 0,
+        whiteSpace: "nowrap"
+      },
+      children: i(n)
+    }
+  );
+}
+export {
+  a as TabBadge
+};

package/dist/components/Notification/atoms/UnreadDot.d.ts

@@ -0,0 +1,6 @@
+interface UnreadDotProps {
+    size?: number;
+}
+export declare function UnreadDot({ size }: UnreadDotProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UnreadDot.d.ts.map

package/dist/components/Notification/atoms/UnreadDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadDot.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/UnreadDot.tsx"],"names":[],"mappings":"AAAA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAS,EAAE,EAAE,cAAc,2CAiBtD"}

package/dist/components/Notification/atoms/UnreadDot.js

@@ -0,0 +1,23 @@
+import { jsx as r } from "react/jsx-runtime";
+function i({ size: o = 10 }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: -2,
+        left: -2,
+        width: o,
+        height: o,
+        borderRadius: "50%",
+        backgroundColor: "var(--mantine-primary-color-filled)",
+        border: "2px solid var(--mantine-color-body)",
+        boxSizing: "content-box",
+        zIndex: 2
+      }
+    }
+  );
+}
+export {
+  i as UnreadDot
+};

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

@@ -0,0 +1,5 @@
+export { UnreadDot } from './UnreadDot';
+export { ActionBadge, resolveActionBadge } from './ActionBadge';
+export { ResourceIcon } from './ResourceIcon';
+export { TabBadge } from './TabBadge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+export { useInboxActions } from './useInboxActions';
+export { useInboxLoader } from './useInboxLoader';
+export { useNotificationItem } from './useNotificationItem';
+export { useNotificationsApi } from './useNotificationsApi';
+export { useNotificationStore, getActiveSourceValues } from './useNotificationStore';
+export { useNotificationStream } from './useNotificationStream';
+export { useNotificationTime } from './useNotificationTime';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { NotificationDTO } from '../lib/types';
+export declare function useInboxActions(wsAlias: string, refreshCounts: () => void, loadPage: (p: number) => Promise<void>, onNavigate?: () => void): {
+    handleClick: (n: NotificationDTO) => Promise<void>;
+    handleRead: (id: number) => Promise<void>;
+    handleUnread: (id: number) => Promise<void>;
+    handleArchive: (id: number) => void;
+    handleUnarchive: (id: number) => void;
+    handleMarkAllRead: () => Promise<void>;
+    handleArchiveAll: () => Promise<void>;
+    handleArchiveRead: () => Promise<void>;
+};
+//# sourceMappingURL=useInboxActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInboxActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/hooks/useInboxActions.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,MAAM,IAAI,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,EACtC,UAAU,CAAC,EAAE,MAAM,IAAI;qBAgCX,eAAe;qBAkBe,MAAM;uBAQJ,MAAM;wBAQX,MAAM;0BAMJ,MAAM;;;;EA0BhD"}

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"}