@layers-app/shared 0.4.6 → 0.4.8

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

@@ -0,0 +1,10 @@
+import type { TFunction } from 'i18next';
+export declare function resolveNotificationType(raw: string | null): string | null;
+export declare function getNotificationVerb(t: TFunction, notificationType: string | null, params?: Record<string, string>): string;
+export declare function getNotificationVerbSelf(t: TFunction, notificationType: string | null, params?: Record<string, string>): string;
+export declare function getSystemMessage(t: TFunction, notificationType: string | null, params?: Record<string, string>): string | null;
+export declare function getSourceLabel(t: TFunction, notificationType: string | number | null, storedLink?: string | null): string;
+export declare function getSourceKey(notificationType: string | number | null, storedLink?: string | null): string | null;
+export declare function isMention(notificationType: string | null): boolean;
+export declare function buildNotificationLink(notificationType: string | null, objectId: string | null, parentId: string | null, wsAlias: string, storedLink?: string | null): string | null;
+//# sourceMappingURL=notificationText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notificationText.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/lib/notificationText.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAYzC,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAMzE;AAED,wBAAgB,mBAAmB,CACjC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7E,MAAM,CAKR;AAED,wBAAgB,uBAAuB,CACrC,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7E,MAAM,CAOR;AAED,wBAAgB,gBAAgB,CAC9B,CAAC,EAAE,SAAS,EACZ,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC9B,MAAM,GAAG,IAAI,CAMf;AAmFD,wBAAgB,cAAc,CAC5B,CAAC,EAAE,SAAS,EACZ,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GACzB,MAAM,CASR;AAED,wBAAgB,YAAY,CAC1B,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GACzB,MAAM,GAAG,IAAI,CAQf;AAED,wBAAgB,SAAS,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAIlE;AAED,wBAAgB,qBAAqB,CACnC,gBAAgB,EAAE,MAAM,GAAG,IAAI,EAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,OAAO,EAAE,MAAM,EACf,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GACzB,MAAM,GAAG,IAAI,CAgCf"}

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

@@ -0,0 +1,131 @@
+const D = {
+  PAGE_DELETE: "PAGE_DELETED",
+  PROJECT_DELETE: "PROJECT_DELETED",
+  PROJECTTASK_DELETE: "TASK_DELETED",
+  TASK_DELETE: "TASK_DELETED",
+  INVITATION_CREATE: "INVITATION_CREATED",
+  ACCESS_GRANT: "ACCESS_GRANTED",
+  ACCESS_REVOKE: "ACCESS_REVOKED"
+};
+function A(E) {
+  if (!E) return null;
+  if (D[E]) return D[E];
+  const T = E.replace(/_DESC$/, "");
+  return D[T] ? D[T] : E;
+}
+function S(E, T, t) {
+  const e = A(T);
+  if (!e) return "";
+  const r = E(`inbox.verb.${e}`, { ...t, defaultValue: "" });
+  return r === `inbox.verb.${e}` ? "" : r;
+}
+function u(E, T, t) {
+  const e = A(T);
+  if (!e) return "";
+  const r = `inbox.verbSelf.${e}`, _ = E(r, { ...t, defaultValue: "" });
+  return _ && _ !== r ? _ : S(E, T, t);
+}
+function O(E, T, t) {
+  const e = A(T);
+  if (!e) return null;
+  const r = `inbox.system.${e}`, _ = E(r, { ...t, defaultValue: "" });
+  return _ === r || !_ ? null : _;
+}
+const n = {
+  MENTION_IN_PAGE: "pages",
+  MENTION_IN_TASK: "projects",
+  MENTION_IN_COMMENT: "comments",
+  MENTION_IN_CHAT_CHANNEL: "chat",
+  MENTION_IN_CHAT_DM: "chat",
+  TASK_ASSIGNED: "projects",
+  TASK_UNASSIGNED: "projects",
+  TASK_DELETED: "projects",
+  TASK_RESTORED: "projects",
+  TASK_STATUS_CHANGED: "projects",
+  TASK_TYPE_CHANGED: "projects",
+  TASK_PRIORITY_CHANGED: "projects",
+  TASK_START_DATE_ADDED: "projects",
+  TASK_START_DATE_CHANGED: "projects",
+  TASK_START_DATE_REMOVED: "projects",
+  TASK_DUE_DATE_ADDED: "projects",
+  TASK_DUE_DATE_CHANGED: "projects",
+  TASK_DUE_DATE_REMOVED: "projects",
+  TASK_TIME_ESTIMATE_ADDED: "projects",
+  TASK_TIME_ESTIMATE_CHANGED: "projects",
+  TASK_TIME_ESTIMATE_REMOVED: "projects",
+  TASK_PARENT_CHANGED: "projects",
+  TASK_PARENT_REMOVED: "projects",
+  TASK_TITLE_CHANGED: "projects",
+  TASK_COMMENT_ADDED: "projects",
+  TASK_LIST_DELETED: "projects",
+  TASK_LIST_RESTORED: "projects",
+  PAGE_CREATED: "pages",
+  PAGE_DELETED: "pages",
+  PAGE_RESTORED: "pages",
+  PAGE_COMMENT_ADDED: "pages",
+  PROJECT_DELETED: "projects",
+  PROJECT_RESTORED: "projects",
+  FORM_DELETED: "forms",
+  FORM_RESTORED: "forms",
+  FLOW_DELETED: "flow",
+  FLOW_RESTORED: "flow",
+  INVITATION_CREATED: "workspace",
+  INVITATION_ACCEPTED_BY: "workspace",
+  INVITATION_DECLINED_BY: "workspace",
+  INVITATION_REVOKED: "workspace",
+  INVITATION_ROLE_CHANGED: "workspace",
+  INVITATION_ROLE_CHANGED_BY_OWNER: "workspace",
+  COMMENT_RESOLVED: "comments",
+  COMMENT_REPLIED: "comments",
+  ACCESS_GRANTED: "workspace",
+  ACCESS_REVOKED: "workspace",
+  CHANNEL_ADDED: "chat",
+  MISSED_CALL: "chat",
+  WORKSPACE_DELETED: "workspace",
+  WORKSPACE_CREATED: "workspace",
+  WORKSPACE_UPDATED: "workspace"
+};
+function N(E) {
+  return !E || typeof E != "string" ? null : E.includes("/pages/") ? "pages" : E.includes("/projects/") ? "projects" : E.includes("/forms/") ? "forms" : E.includes("/flow/") ? "flow" : E.includes("/connect/") ? "chat" : null;
+}
+const c = /* @__PURE__ */ new Set([
+  "ACCESS_GRANTED",
+  "ACCESS_REVOKED",
+  "COMMENT_REPLIED",
+  "COMMENT_RESOLVED",
+  "MENTION_IN_COMMENT",
+  "INVITATION_ROLE_CHANGED",
+  "INVITATION_ROLE_CHANGED_BY_OWNER"
+]);
+function l(E, T, t) {
+  if (T == null) return "";
+  const e = A(String(T));
+  let r = e ? n[e] : null;
+  return e && c.has(e) && (r = N(t) ?? r), r ? E(`inbox.sourceLabel.${r}`, { defaultValue: r }) : "";
+}
+function C(E, T) {
+  if (E == null) return null;
+  const t = A(String(E));
+  let e = t ? n[t] : null;
+  return t && c.has(t) && (e = N(T) ?? e), e;
+}
+function I(E) {
+  return E ? A(E)?.startsWith("MENTION_") ?? !1 : !1;
+}
+function R(E, T, t, e, r) {
+  const _ = e ? `/${e}` : "", o = r && r.startsWith("/") ? r : t && t.startsWith("/") ? t : null;
+  if (o) return `${_}${o}`;
+  if (!T) return null;
+  const s = A(E);
+  return s ? s.startsWith("TASK_") || s === "MENTION_IN_TASK" ? t ? `${_}/projects/${t}/issues/${T}` : null : s.startsWith("PAGE") || s === "MENTION_IN_PAGE" ? `${_}/pages/${T}` : s.startsWith("PROJECT") ? `${_}/projects/${T}` : (s === "MENTION_IN_COMMENT" || s.startsWith("INVITATION") || s.startsWith("ACCESS"), null) : null;
+}
+export {
+  R as buildNotificationLink,
+  S as getNotificationVerb,
+  u as getNotificationVerbSelf,
+  C as getSourceKey,
+  l as getSourceLabel,
+  O as getSystemMessage,
+  I as isMention,
+  A as resolveNotificationType
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stripHtml.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/lib/stripHtml.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI9C"}

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

@@ -0,0 +1,6 @@
+function e(t) {
+  return !t || !t.includes("<") ? t : new DOMParser().parseFromString(t, "text/html").body.textContent?.trim() || "";
+}
+export {
+  e as stripHtml
+};

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

@@ -0,0 +1,45 @@
+export interface NotificationDTO {
+    id: number;
+    actorUserId: string | null;
+    actorName: string | null;
+    actorAvatarUrl: string | null;
+    notificationType: string | null;
+    link: string | null;
+    read: boolean;
+    archived: boolean;
+    objectId: string | null;
+    objectName: string | null;
+    parentId: string | null;
+    createdAt: string;
+    archivedAt: string | null;
+    priority: string | null;
+    notificationCategory: string | null;
+    params: Record<string, string> | null;
+    title: string | null;
+}
+export interface UnreadCounts {
+    all: number;
+    mentions: number;
+}
+export interface NotificationsResponse {
+    pagination: {
+        page: number;
+        size: number;
+        totalElements: number;
+    };
+    data: {
+        notifications: NotificationDTO[];
+        unreadCount: number;
+        unreadMentions: number;
+    };
+}
+export type NotificationTab = 'ALL' | 'MENTIONS' | 'ARCHIVE';
+export declare const NotificationSourceCategory: {
+    readonly PAGE: 2;
+    readonly PROJECT: 3;
+    readonly FORM: 6;
+    readonly FLOW: 11;
+};
+export type SourceCategoryKey = keyof typeof NotificationSourceCategory;
+export type NotificationVariant = 'user-action' | 'system-success' | 'system-info' | 'system-alert' | 'system-warning' | 'system-invitation-accepted' | 'system-invitation-declined' | 'system-call-missed' | 'system-channel-added';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,aAAa,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,EAAE;QACJ,aAAa,EAAE,eAAe,EAAE,CAAC;QACjC,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AAE7D,eAAO,MAAM,0BAA0B;;;;;CAK7B,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAExE,MAAM,MAAM,mBAAmB,GAC3B,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,4BAA4B,GAC5B,4BAA4B,GAC5B,oBAAoB,GACpB,sBAAsB,CAAC"}

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

@@ -0,0 +1,9 @@
+const o = {
+  PAGE: 2,
+  PROJECT: 3,
+  FORM: 6,
+  FLOW: 11
+};
+export {
+  o as NotificationSourceCategory
+};

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

@@ -0,0 +1,8 @@
+import type { NotificationTab } from '../lib/types';
+interface InboxEmptyProps {
+    tab: NotificationTab;
+    caughtUp?: boolean;
+}
+export declare function InboxEmpty({ tab, caughtUp }: InboxEmptyProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InboxEmpty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InboxEmpty.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/InboxEmpty.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,UAAU,eAAe;IACvB,GAAG,EAAE,eAAe,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAWD,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAe5D"}

package/dist/components/Notification/molecules/InboxEmpty.js

@@ -0,0 +1,21 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { Stack as f, Text as i } from "@mantine/core";
+import { IconCheck as I, IconArchive as C, IconInbox as h, IconMail as y } from "@tabler/icons-react";
+const t = "var(--mantine-color-gray-5)", s = {
+  ALL: /* @__PURE__ */ o(y, { size: 32, stroke: 1.5, color: t }),
+  MENTIONS: /* @__PURE__ */ o(h, { size: 32, stroke: 1.5, color: t }),
+  ARCHIVE: /* @__PURE__ */ o(C, { size: 32, stroke: 1.5, color: t }),
+  CAUGHT_UP: /* @__PURE__ */ o(I, { size: 32, stroke: 1.75, color: "var(--mantine-color-indigo-5)" })
+};
+function A({ tab: e, caughtUp: n }) {
+  const { t: r } = x("appContainer"), c = n ? "caughtUp" : e.toLowerCase(), l = r(`inbox.empty.${c}.title`), a = r(`inbox.empty.${c}.desc`), m = n ? s.CAUGHT_UP : s[e];
+  return /* @__PURE__ */ p(f, { gap: 10, align: "center", justify: "center", px: 10, style: { flex: 1, minHeight: 0 }, children: [
+    m,
+    /* @__PURE__ */ o(i, { fw: 600, fz: 16, lh: 1.55, ta: "center", c: "var(--mantine-color-text)", children: l }),
+    /* @__PURE__ */ o(i, { fz: 14, c: "gray.6", lh: 1.45, ta: "center", children: a })
+  ] });
+}
+export {
+  A as InboxEmpty
+};

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

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { SourceCategoryKey } from '../lib/types';
+interface SourceItem {
+    key: SourceCategoryKey;
+    i18nKey: string;
+    icon: ReactNode | null;
+}
+interface InboxHeaderProps {
+    sourceItems: SourceItem[];
+    activeSources: Set<SourceCategoryKey>;
+    onToggleSource: (key: SourceCategoryKey) => void;
+    unreadOnly: boolean;
+    onUnreadOnlyChange: (value: boolean) => void;
+}
+export declare function InboxHeader({ sourceItems, activeSources, onToggleSource, unreadOnly, onUnreadOnlyChange, }: InboxHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InboxHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InboxHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/InboxHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAItD,UAAU,UAAU;IAClB,GAAG,EAAE,iBAAiB,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACtC,cAAc,EAAE,CAAC,GAAG,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EAAE,aAAa,EAAE,cAAc,EAC1C,UAAU,EAAE,kBAAkB,GAC/B,EAAE,gBAAgB,2CAwDlB"}

package/dist/components/Notification/molecules/InboxHeader.js

@@ -0,0 +1,73 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTranslation as x } from "react-i18next";
+import { Group as a, Text as s, Switch as f, Menu as i, ActionIcon as g } from "@mantine/core";
+import { IconSettings as I, IconCheck as z } from "@tabler/icons-react";
+import t from "../Notification.module.css.js";
+function T({
+  sourceItems: p,
+  activeSources: c,
+  onToggleSource: d,
+  unreadOnly: m,
+  onUnreadOnlyChange: h
+}) {
+  const { t: n } = x("appContainer"), w = c.size === 0;
+  return /* @__PURE__ */ r(a, { justify: "space-between", wrap: "nowrap", px: "md", py: "md", gap: "md", children: [
+    /* @__PURE__ */ e(s, { fw: 700, fz: 18, lh: 1.6, style: { whiteSpace: "nowrap" }, children: n("inbox.title") }),
+    /* @__PURE__ */ r(a, { gap: 10, wrap: "nowrap", align: "center", children: [
+      /* @__PURE__ */ r(a, { gap: 8, wrap: "nowrap", align: "center", children: [
+        /* @__PURE__ */ e(s, { fz: 14, lh: 1.45, c: "var(--mantine-color-text)", style: { whiteSpace: "nowrap" }, children: n("inbox.showUnread") }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            size: "xs",
+            checked: m,
+            onChange: (o) => h(o.currentTarget.checked)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        i,
+        {
+          position: "bottom-end",
+          shadow: "md",
+          withinPortal: !1,
+          closeOnItemClick: !1,
+          classNames: { dropdown: t.inboxMenu, item: t.inboxMenuItem, label: t.inboxMenuLabel },
+          children: [
+            /* @__PURE__ */ e(i.Target, { children: /* @__PURE__ */ e(
+              g,
+              {
+                variant: "subtle",
+                size: 28,
+                radius: "md",
+                color: "gray",
+                "aria-label": n("inbox.sources"),
+                children: /* @__PURE__ */ e(I, { size: 18, stroke: 1.5 })
+              }
+            ) }),
+            /* @__PURE__ */ r(i.Dropdown, { w: 200, children: [
+              /* @__PURE__ */ e(i.Label, { children: n("inbox.sources") }),
+              p.map(({ key: o, i18nKey: b, icon: u }) => {
+                const l = w || c.has(o);
+                return /* @__PURE__ */ e(
+                  i.Item,
+                  {
+                    leftSection: u,
+                    rightSection: l ? /* @__PURE__ */ e(z, { size: 16, stroke: 1.75, color: "var(--mantine-color-indigo-5)" }) : null,
+                    onClick: () => d(o),
+                    className: l ? t.inboxMenuItemActive : void 0,
+                    children: n(`inbox.sourceLabel.${b}`)
+                  },
+                  o
+                );
+              })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  T as InboxHeader
+};

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { NotificationTab, UnreadCounts } from '../lib/types';
+interface InboxTabsProps {
+    tab: NotificationTab;
+    onTabChange: (tab: NotificationTab) => void;
+    unreadCounts: UnreadCounts;
+    onMarkAllRead: () => void;
+    onArchiveAll: () => void;
+    onArchiveRead: () => void;
+    children: ReactNode;
+    isEmpty: boolean;
+}
+export declare function InboxTabs({ tab, onTabChange, unreadCounts, onMarkAllRead, onArchiveAll, onArchiveRead, children, isEmpty, }: InboxTabsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InboxTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InboxTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/InboxTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAIlE,UAAU,cAAc;IACtB,GAAG,EAAE,eAAe,CAAC;IACrB,WAAW,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EAAE,WAAW,EAAE,YAAY,EAC9B,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,GAC9D,EAAE,cAAc,2CA6ChB"}

package/dist/components/Notification/molecules/InboxTabs.js

@@ -0,0 +1,60 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useTranslation as I } from "react-i18next";
+import { Tabs as a, Stack as c, Group as g, Box as k, Menu as n, ActionIcon as v } from "@mantine/core";
+import { IconDotsVertical as T, IconChecks as N, IconArchive as m } from "@tabler/icons-react";
+import { TabBadge as h } from "../atoms/TabBadge.js";
+import i from "../Notification.module.css.js";
+function z({
+  tab: r,
+  onTabChange: d,
+  unreadCounts: l,
+  onMarkAllRead: b,
+  onArchiveAll: p,
+  onArchiveRead: x,
+  children: f,
+  isEmpty: u
+}) {
+  const { t } = I("appContainer");
+  return /* @__PURE__ */ e(
+    a,
+    {
+      value: r,
+      onChange: (s) => s && d(s),
+      variant: "pills",
+      classNames: { list: i.tabsList, tab: i.tab },
+      style: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" },
+      children: /* @__PURE__ */ o(c, { gap: 0, h: "100%", style: { minHeight: 0 }, children: [
+        /* @__PURE__ */ o(g, { justify: "space-between", wrap: "nowrap", gap: 0, px: "md", className: i.tabsBar, children: [
+          /* @__PURE__ */ o(a.List, { children: [
+            /* @__PURE__ */ e(a.Tab, { value: "ALL", rightSection: /* @__PURE__ */ e(h, { count: l.all, active: r === "ALL" }), children: t("inbox.tab.all") }),
+            /* @__PURE__ */ e(a.Tab, { value: "MENTIONS", rightSection: /* @__PURE__ */ e(h, { count: l.mentions, active: r === "MENTIONS" }), children: t("inbox.tab.mentions") }),
+            /* @__PURE__ */ e(k, { className: i.tabDivider }),
+            /* @__PURE__ */ e(a.Tab, { value: "ARCHIVE", children: t("inbox.tab.archive") })
+          ] }),
+          /* @__PURE__ */ o(
+            n,
+            {
+              position: "bottom-end",
+              shadow: "md",
+              withinPortal: !1,
+              closeOnItemClick: !0,
+              classNames: { dropdown: i.inboxMenu, item: i.inboxMenuItem },
+              children: [
+                /* @__PURE__ */ e(n.Target, { children: /* @__PURE__ */ e(v, { variant: "subtle", size: 28, radius: "md", color: "gray", mt: 4, children: /* @__PURE__ */ e(T, { size: 20, stroke: 1.5 }) }) }),
+                /* @__PURE__ */ o(n.Dropdown, { w: 200, children: [
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(N, { size: 16, stroke: 1.5 }), onClick: b, children: t("inbox.markAllRead") }),
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: p, children: t("inbox.archiveAll") }),
+                  /* @__PURE__ */ e(n.Item, { leftSection: /* @__PURE__ */ e(m, { size: 16, stroke: 1.5 }), onClick: x, children: t("inbox.archiveRead") })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(c, { gap: 0, style: { flex: 1, minHeight: 0, justifyContent: u ? "center" : "flex-start" }, className: i.shrink, children: f })
+      ] })
+    }
+  );
+}
+export {
+  z as InboxTabs
+};

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

@@ -0,0 +1,9 @@
+interface NotificationActionsProps {
+    read: boolean;
+    archived: boolean;
+    onToggleRead: (e: React.MouseEvent) => void;
+    onToggleArchive: (e: React.MouseEvent) => void;
+}
+export declare function NotificationActions({ read, archived, onToggleRead, onToggleArchive, }: NotificationActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/NotificationActions.tsx"],"names":[],"mappings":"AASA,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAChD;AAID,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,GAC9C,EAAE,wBAAwB,2CAwD1B"}

package/dist/components/Notification/molecules/NotificationActions.js

@@ -0,0 +1,64 @@
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { UndoIcon as p } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as h } from "@hugeicons/react";
+import { Flex as l, Tooltip as o, ActionIcon as n } from "@mantine/core";
+import { ArchiveIcon as b } from "../atoms/ArchiveIcon.js";
+import { MarkReadIcon as u } from "../atoms/MarkReadIcon.js";
+const a = "var(--mantine-color-gray-6)";
+function C({
+  read: e,
+  archived: c,
+  onToggleRead: s,
+  onToggleArchive: t
+}) {
+  const { t: i } = d("appContainer");
+  return c ? /* @__PURE__ */ r(l, { gap: 2, style: { flexShrink: 0 }, children: /* @__PURE__ */ r(o, { label: i("inbox.unarchive"), withArrow: !0, position: "top", children: /* @__PURE__ */ r(
+    n,
+    {
+      variant: "subtle",
+      size: 28,
+      radius: "md",
+      color: "gray",
+      onClick: t,
+      "aria-label": i("inbox.unarchive"),
+      children: /* @__PURE__ */ r(
+        h,
+        {
+          icon: p,
+          size: 20,
+          color: a,
+          strokeWidth: 1.5
+        }
+      )
+    }
+  ) }) }) : /* @__PURE__ */ m(l, { gap: 2, style: { flexShrink: 0 }, children: [
+    /* @__PURE__ */ r(o, { label: i(e ? "inbox.markUnread" : "inbox.markRead"), withArrow: !0, position: "top", children: /* @__PURE__ */ r(
+      n,
+      {
+        variant: "subtle",
+        size: 28,
+        radius: "md",
+        color: "gray",
+        onClick: s,
+        "aria-label": i(e ? "inbox.markUnread" : "inbox.markRead"),
+        children: /* @__PURE__ */ r(u, { size: 20, color: a })
+      }
+    ) }),
+    /* @__PURE__ */ r(o, { label: i("inbox.archive"), withArrow: !0, position: "top", children: /* @__PURE__ */ r(
+      n,
+      {
+        variant: "subtle",
+        size: 28,
+        radius: "md",
+        color: "gray",
+        onClick: t,
+        "aria-label": i("inbox.archive"),
+        children: /* @__PURE__ */ r(b, { size: 20, color: a })
+      }
+    ) })
+  ] });
+}
+export {
+  C as NotificationActions
+};

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

@@ -0,0 +1,17 @@
+import type { NotificationVariant } from '../lib/types';
+interface NotificationAvatarProps {
+    actorUserId: string | null;
+    actorName: string | null;
+    actorAvatarUrl: string | null;
+    variant: NotificationVariant;
+    notificationType: string | null;
+    fallbackUser: {
+        id: string;
+        avatar: string | null;
+        name: string | null;
+    } | null;
+    unread?: boolean;
+}
+export declare function NotificationAvatar({ actorUserId, actorName, actorAvatarUrl, variant, notificationType, fallbackUser, unread, }: NotificationAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/NotificationAvatar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,UAAU,uBAAuB;IAC/B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAaD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,GACxF,EAAE,uBAAuB,2CAuBzB"}

package/dist/components/Notification/molecules/NotificationAvatar.js

@@ -0,0 +1,38 @@
+import { jsxs as t, Fragment as d, jsx as o } from "react/jsx-runtime";
+import { HashtagIcon as I, CallDisabled02Icon as h, UserRemove01Icon as f, UserCheck01Icon as u, AlertCircleIcon as y, Alert02Icon as g, InformationCircleIcon as p, CheckmarkCircle02Icon as v } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as C } from "@hugeicons/react";
+import { Box as x, ThemeIcon as U } from "@mantine/core";
+import { UserAvatar as k } from "../../UserAvatar/index.js";
+import { ActionBadge as A } from "../atoms/ActionBadge.js";
+import { UnreadDot as w } from "../atoms/UnreadDot.js";
+const S = {
+  "system-success": { color: "green", Icon: v },
+  "system-info": { color: "blue", Icon: p },
+  "system-alert": { color: "red", Icon: g },
+  "system-warning": { color: "yellow", Icon: y },
+  "system-invitation-accepted": { color: "green", Icon: u },
+  "system-invitation-declined": { color: "yellow", Icon: f },
+  "system-call-missed": { color: "red", Icon: h },
+  "system-channel-added": { color: "indigo", Icon: I }
+};
+function E({
+  actorUserId: r,
+  actorName: i,
+  actorAvatarUrl: s,
+  variant: n,
+  notificationType: l,
+  fallbackUser: a,
+  unread: m
+}) {
+  const c = n === "user-action", e = c ? void 0 : S[n];
+  return /* @__PURE__ */ t(x, { pos: "relative", style: { flexShrink: 0, width: 38, height: 38 }, children: [
+    c ? /* @__PURE__ */ t(d, { children: [
+      /* @__PURE__ */ o(k, { user: r ? { id: r, avatar: s ?? null, name: i ?? null } : a, size: 38, radius: "xl" }),
+      /* @__PURE__ */ o(A, { notificationType: l })
+    ] }) : e ? /* @__PURE__ */ o(U, { variant: "light", color: e.color, size: 38, radius: 100, children: /* @__PURE__ */ o(C, { icon: e.Icon, size: 24, strokeWidth: 1.5 }) }) : null,
+    m && /* @__PURE__ */ o(w, {})
+  ] });
+}
+export {
+  E as NotificationAvatar
+};

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

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+interface NotificationContentProps {
+    actorName: string;
+    verb: string;
+    objectName: string;
+    source: string;
+    sourceKey: string | null;
+    sourceIcon?: ReactNode;
+    time: string;
+    isSystem: boolean;
+    systemTitle: string | null;
+    statusValue: string | null;
+    statusOldValue: string | null;
+    commentPreview: string | null;
+    taskKey: string | null;
+    showInvitationActor: boolean;
+    statusFirst: boolean;
+    tailConnector: string;
+}
+export declare function NotificationContent({ actorName, verb, objectName, source, sourceKey, sourceIcon, time, isSystem, systemTitle, statusValue, statusOldValue, commentPreview, taskKey, showInvitationActor, statusFirst, tailConnector, }: NotificationContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/NotificationContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyCtE,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAcD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAChE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAClE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,GACzD,EAAE,wBAAwB,2CAsI1B"}