@layers-app/shared 0.4.7 → 0.4.9

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

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

@@ -0,0 +1,183 @@
+import { jsxs as r, jsx as n, Fragment as l } from "react/jsx-runtime";
+import { useRef as _, useState as D, useCallback as J } from "react";
+import { HashtagIcon as O, Video01Icon as Q, WorkflowSquareIcon as R, File02Icon as E, CheckListIcon as A, PlazaIcon as X } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as Y } from "@hugeicons/react";
+import { Stack as H, Tooltip as M, Text as e, Group as w, Box as g } from "@mantine/core";
+import { useTranslation as Z } from "react-i18next";
+import u from "../Notification.module.css.js";
+const P = {
+  workspace: X,
+  pages: E,
+  projects: A,
+  tasks: A,
+  comments: E,
+  forms: R,
+  flow: R,
+  chat: Q,
+  channel: O
+};
+function K({ sourceKey: i }) {
+  if (!i) return null;
+  const c = P[i];
+  return c ? /* @__PURE__ */ n(
+    Y,
+    {
+      icon: c,
+      size: 14,
+      style: { color: "var(--mantine-color-gray-6)", flexShrink: 0 }
+    }
+  ) : null;
+}
+function j() {
+  const i = _(null), [c, o] = D(!1), h = J(() => {
+    const a = i.current;
+    a && o(a.scrollWidth > a.clientWidth);
+  }, []);
+  return { ref: i, truncated: c, onMouseEnter: h };
+}
+function ln({
+  actorName: i,
+  verb: c,
+  objectName: o,
+  source: h,
+  sourceKey: a,
+  sourceIcon: b,
+  time: d,
+  isSystem: q,
+  systemTitle: F,
+  statusValue: t,
+  statusOldValue: m,
+  commentPreview: f,
+  taskKey: y,
+  showInvitationActor: G,
+  statusFirst: k,
+  tailConnector: L
+}) {
+  const C = b ?? /* @__PURE__ */ n(K, { sourceKey: a }), { t: x } = Z("appContainer"), { ref: S, truncated: $, onMouseEnter: W } = j(), s = t ? L : "", p = x("inbox.locationConnector"), I = x("inbox.fromConnector"), z = x("inbox.statusConnector"), T = !!(m && t);
+  if (q) {
+    const B = [
+      G ? i : "",
+      F
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r(H, { gap: 6, className: u.itemContent, children: [
+      /* @__PURE__ */ n(M, { label: B, disabled: !$, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ n(
+        e,
+        {
+          ref: S,
+          onMouseEnter: W,
+          fz: 14,
+          fw: 500,
+          lh: 1.45,
+          lineClamp: 2,
+          style: { minWidth: 0, wordBreak: "break-word" },
+          children: B
+        }
+      ) }),
+      /* @__PURE__ */ r(w, { gap: 6, wrap: "nowrap", align: "center", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ r(w, { gap: 4, wrap: "nowrap", align: "center", style: { minWidth: 0, flexShrink: 1 }, children: [
+          C,
+          /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: h })
+        ] }),
+        d && /* @__PURE__ */ r(l, { children: [
+          /* @__PURE__ */ n(g, { w: 3, h: 3, style: { borderRadius: "50%", backgroundColor: "var(--mantine-color-gray-5)", flexShrink: 0 } }),
+          /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: d })
+        ] })
+      ] })
+    ] });
+  }
+  const v = T ? [
+    i,
+    c,
+    `${I} ${m} ${z} ${t}`,
+    o ? `${p} ${o}` : ""
+  ].filter(Boolean).join(" ") : k && t ? [
+    i,
+    c,
+    `${s} ${t}`,
+    o ? `${p} ${o}` : ""
+  ].filter(Boolean).join(" ") : [
+    i,
+    c,
+    o,
+    t ? `${s} ${t}` : ""
+  ].filter(Boolean).join(" "), U = f ? `${v} — ${f}` : v;
+  return /* @__PURE__ */ r(H, { gap: 6, className: u.itemContent, children: [
+    /* @__PURE__ */ n(M, { label: U, disabled: !$, multiline: !0, maw: 320, withArrow: !0, children: /* @__PURE__ */ r(
+      e,
+      {
+        ref: S,
+        onMouseEnter: W,
+        fz: 14,
+        lh: 1.45,
+        c: "var(--mantine-color-text)",
+        lineClamp: 2,
+        style: { minWidth: 0, wordBreak: "break-word" },
+        children: [
+          i && /* @__PURE__ */ r(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: [
+            i,
+            " "
+          ] }),
+          c,
+          T ? /* @__PURE__ */ r(l, { children: [
+            " ",
+            I,
+            " ",
+            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: m }),
+            " ",
+            z,
+            " ",
+            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t }),
+            o && /* @__PURE__ */ r(l, { children: [
+              " ",
+              p,
+              " ",
+              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+            ] })
+          ] }) : k && t ? /* @__PURE__ */ r(l, { children: [
+            " ",
+            s,
+            " ",
+            /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t }),
+            o && /* @__PURE__ */ r(l, { children: [
+              " ",
+              p,
+              " ",
+              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+            ] })
+          ] }) : /* @__PURE__ */ r(l, { children: [
+            o && /* @__PURE__ */ r(l, { children: [
+              " ",
+              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: o })
+            ] }),
+            t && /* @__PURE__ */ r(l, { children: [
+              " ",
+              s,
+              " ",
+              /* @__PURE__ */ n(e, { span: !0, fw: 600, c: "var(--mantine-color-text)", children: t })
+            ] })
+          ] })
+        ]
+      }
+    ) }),
+    f && /* @__PURE__ */ n(g, { className: u.replyPreview, children: /* @__PURE__ */ n(e, { fz: 13, c: "var(--mantine-color-text)", lh: 1.45, lineClamp: 2, style: { flex: 1, minWidth: 0 }, children: f }) }),
+    /* @__PURE__ */ r(w, { gap: 6, wrap: "nowrap", align: "center", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ r(w, { gap: 4, wrap: "nowrap", align: "center", style: { minWidth: 0, flexShrink: 1 }, children: [
+        C,
+        /* @__PURE__ */ r(e, { fz: 12, c: "gray.6", lh: 1.4, truncate: "end", style: { minWidth: 0 }, children: [
+          h,
+          y && /* @__PURE__ */ r(l, { children: [
+            " · ",
+            /* @__PURE__ */ n(e, { span: !0, c: "gray.6", fw: 500, children: y })
+          ] })
+        ] })
+      ] }),
+      d && /* @__PURE__ */ r(l, { children: [
+        /* @__PURE__ */ n(g, { w: 3, h: 3, style: { borderRadius: "50%", backgroundColor: "var(--mantine-color-gray-5)", flexShrink: 0 } }),
+        /* @__PURE__ */ n(e, { fz: 12, c: "gray.6", lh: 1.4, style: { whiteSpace: "nowrap", flexShrink: 0 }, children: d })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ln as NotificationContent
+};

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

@@ -0,0 +1,7 @@
+export { NotificationAvatar } from './NotificationAvatar';
+export { NotificationContent } from './NotificationContent';
+export { NotificationActions } from './NotificationActions';
+export { InboxEmpty } from './InboxEmpty';
+export { InboxHeader } from './InboxHeader';
+export { InboxTabs } from './InboxTabs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { NotificationDTO } from '../lib/types';
+interface InboxItemProps {
+    notification: NotificationDTO;
+    onRead: (id: number) => void;
+    onUnread: (id: number) => void;
+    onArchive: (id: number) => void;
+    onUnarchive: (id: number) => void;
+    onClick: (notification: NotificationDTO) => void;
+    sourceIcons?: Record<string, ReactNode | null>;
+}
+export declare function InboxItem({ notification: n, onRead, onUnread, onArchive, onUnarchive, onClick, sourceIcons, }: InboxItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InboxItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InboxItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/organisms/InboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAOpD,UAAU,cAAc;IACtB,YAAY,EAAE,eAAe,CAAC;IAC9B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,wBAAgB,SAAS,CAAC,EACxB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAChF,EAAE,cAAc,2CAmDhB"}

package/dist/components/Notification/organisms/InboxItem.js

@@ -0,0 +1,100 @@
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { useCallback as m } from "react";
+import { Flex as F, Box as K } from "@mantine/core";
+import { useNotificationItem as V } from "../hooks/useNotificationItem.js";
+import { NotificationActions as B } from "../molecules/NotificationActions.js";
+import { NotificationAvatar as O } from "../molecules/NotificationAvatar.js";
+import { NotificationContent as S } from "../molecules/NotificationContent.js";
+import l from "../Notification.module.css.js";
+function M({
+  notification: o,
+  onRead: r,
+  onUnread: e,
+  onArchive: c,
+  onUnarchive: s,
+  onClick: d,
+  sourceIcons: p
+}) {
+  const {
+    variant: f,
+    isUser: n,
+    actorName: u,
+    verb: v,
+    source: g,
+    sourceKey: i,
+    time: N,
+    statusValue: y,
+    statusOldValue: h,
+    taskKey: x,
+    commentPreview: I,
+    objectName: b,
+    systemTitle: k,
+    showInvitationActor: A,
+    fallbackUser: C,
+    statusFirst: T,
+    tailConnector: P
+  } = V(o), U = m((t) => {
+    t.stopPropagation(), o.read ? e(o.id) : r(o.id);
+  }, [o.id, o.read, r, e]), j = m((t) => {
+    t.stopPropagation(), o.archived ? s(o.id) : c(o.id);
+  }, [o.id, o.archived, c, s]);
+  return /* @__PURE__ */ w(
+    F,
+    {
+      gap: 10,
+      px: 16,
+      py: o.archived ? 10 : 12,
+      pos: "relative",
+      className: l.item,
+      onClick: () => d(o),
+      style: o.read ? void 0 : { backgroundColor: "var(--mantine-color-gray-light)" },
+      children: [
+        /* @__PURE__ */ a(
+          O,
+          {
+            actorUserId: o.actorUserId,
+            actorName: o.actorName,
+            actorAvatarUrl: o.actorAvatarUrl,
+            variant: f,
+            notificationType: o.notificationType,
+            fallbackUser: C,
+            unread: !o.read
+          }
+        ),
+        /* @__PURE__ */ a(
+          S,
+          {
+            actorName: u,
+            verb: v,
+            objectName: b,
+            source: g,
+            sourceKey: i,
+            sourceIcon: i ? p?.[i] ?? null : null,
+            time: N,
+            isSystem: !n,
+            systemTitle: k,
+            statusValue: y,
+            statusOldValue: h,
+            commentPreview: I,
+            taskKey: x,
+            showInvitationActor: A,
+            statusFirst: T,
+            tailConnector: P
+          }
+        ),
+        /* @__PURE__ */ a(K, { className: l.itemActions, onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ a(
+          B,
+          {
+            read: o.read,
+            archived: o.archived,
+            onToggleRead: U,
+            onToggleArchive: j
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  M as InboxItem
+};

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

@@ -0,0 +1,4 @@
+export declare function InboxPanel({ onNavigate }?: {
+    onNavigate?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InboxPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InboxPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/organisms/InboxPanel.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CAAO,2CAkG1E"}

package/dist/components/Notification/organisms/InboxPanel.js

@@ -0,0 +1,99 @@
+import { jsx as r, jsxs as W } from "react/jsx-runtime";
+import { useMemo as a, useCallback as B } from "react";
+import { useLocation as D } from "react-router-dom";
+import { Stack as G } from "@mantine/core";
+import { useAppContainerDataStore as C } from "../../AppContainer/hooks/useAppContainerDataStore.js";
+import { InfiniteScroll as J } from "../InfiniteScroll.js";
+import { useInboxActions as N } from "../hooks/useInboxActions.js";
+import { useInboxLoader as V } from "../hooks/useInboxLoader.js";
+import { useNotificationStore as t } from "../hooks/useNotificationStore.js";
+import { InboxEmpty as Y } from "../molecules/InboxEmpty.js";
+import { InboxHeader as q } from "../molecules/InboxHeader.js";
+import { InboxTabs as Q } from "../molecules/InboxTabs.js";
+import { InboxItem as X } from "./InboxItem.js";
+const Z = [
+  { key: "PAGE", toolId: "pages", i18nKey: "pages" },
+  { key: "PROJECT", toolId: "projects", i18nKey: "projects" },
+  { key: "FORM", toolId: "forms", i18nKey: "forms" },
+  { key: "FLOW", toolId: "flow", i18nKey: "flow" }
+];
+function ho({ onNavigate: w } = {}) {
+  const u = D(), x = a(() => u.pathname.split("/").filter(Boolean)[0] || "", [u.pathname]), O = C((o) => o.workspaceMenu?.active?.workspaceId || ""), c = C((o) => o.tools), m = t((o) => o.notifications), p = t((o) => o.tab), g = t((o) => o.unreadOnly), i = t((o) => o.activeSources), R = t((o) => o.unreadCounts), L = t((o) => o.setTab), U = t((o) => o.setUnreadOnly), h = t((o) => o.setSources), { loadPage: T, handleLoadMore: j, refreshCounts: E, loading: A, hasMore: K } = V(O), {
+    handleClick: I,
+    handleRead: y,
+    handleUnread: b,
+    handleArchive: v,
+    handleUnarchive: S,
+    handleMarkAllRead: P,
+    handleArchiveAll: z,
+    handleArchiveRead: H
+  } = N(x, E, T, w), f = a(() => {
+    const o = new Map(c.map((e) => [e.id, e]));
+    return Z.map(({ key: e, toolId: n, i18nKey: d }) => {
+      const s = o.get(n);
+      return { key: e, i18nKey: d, icon: s?.icon?.({ size: 18 }) };
+    });
+  }, [c]), M = a(() => {
+    const o = new Map(c.map((n) => [n.id, n])), e = (n) => o.get(n)?.icon?.({ size: 14 }) ?? null;
+    return {
+      pages: e("pages"),
+      projects: e("projects"),
+      forms: e("forms"),
+      flow: e("flow"),
+      tasks: e("projects"),
+      comments: e("pages")
+    };
+  }, [c]), l = a(() => f.map((o) => o.key), [f]), _ = B((o) => {
+    if (i.size === 0) {
+      h(l.filter((s) => s !== o));
+      return;
+    }
+    const n = new Set(i);
+    n.has(o) ? n.delete(o) : n.add(o);
+    const d = l.length > 0 && l.every((s) => n.has(s));
+    h(d ? [] : [...n]);
+  }, [i, l, h]), k = m.length === 0 && !A, F = a(
+    () => m.map((o) => /* @__PURE__ */ r(
+      X,
+      {
+        notification: o,
+        onClick: I,
+        onRead: y,
+        onUnread: b,
+        onArchive: v,
+        onUnarchive: S,
+        sourceIcons: M
+      },
+      o.id
+    )),
+    [m, I, y, b, v, S, M]
+  );
+  return /* @__PURE__ */ W(G, { h: "100%", gap: 0, style: { overflow: "hidden", minHeight: 0 }, children: [
+    /* @__PURE__ */ r(
+      q,
+      {
+        sourceItems: f,
+        activeSources: i,
+        onToggleSource: _,
+        unreadOnly: g,
+        onUnreadOnlyChange: U
+      }
+    ),
+    /* @__PURE__ */ r(
+      Q,
+      {
+        tab: p,
+        onTabChange: L,
+        unreadCounts: R,
+        onMarkAllRead: P,
+        onArchiveAll: z,
+        onArchiveRead: H,
+        isEmpty: k,
+        children: k ? /* @__PURE__ */ r(Y, { tab: p, caughtUp: g && p !== "ARCHIVE" }) : /* @__PURE__ */ r(J, { onLoadMore: j, isLoading: A, disabled: !K, children: F })
+      }
+    )
+  ] });
+}
+export {
+  ho as InboxPanel
+};

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

@@ -0,0 +1,3 @@
+export { InboxItem } from './InboxItem';
+export { InboxPanel } from './InboxPanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/organisms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -1,4 +1,4 @@
-const t = "_tabsList_j9rf7_1", s = "_tab_j9rf7_1", a = "_tabPill_j9rf7_23", b = {
+const t = "_tabsList_1dv7h_1", s = "_tab_1dv7h_1", a = "_tabPill_1dv7h_45", b = {
   tabsList: t,
   tab: s,
   tabPill: a

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

@@ -1,4 +1,4 @@
-const l = "_filterPill_11m7s_1", e = "_filterPillLabel_11m7s_10", i = {
+const l = "_filterPill_euc2m_1", e = "_filterPillLabel_euc2m_19", i = {
   filterPill: l,
   filterPillLabel: e
 };

package/dist/components/SettingsSection/styles.module.css.js

@@ -1,4 +1,4 @@
-const t = "_contentWrapper_2wgq8_1", e = {
+const t = "_contentWrapper_a1t2j_1", e = {
   contentWrapper: t
 };
 export {

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

@@ -1,4 +1,4 @@
-const s = "_section_1uxy4_1", t = {
+const s = "_section_1zd4r_1", t = {
   section: s
 };
 export {

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

@@ -1,11 +1,11 @@
-const t = "_container_4tsvl_1", e = "_depthBox_4tsvl_11", o = "_item_4tsvl_19", n = {
+const t = "_container_f42en_1", e = "_depthBox_f42en_21", n = "_item_f42en_37", o = {
   container: t,
   depthBox: e,
-  item: o
+  item: n
 };
 export {
   t as container,
-  n as default,
+  o as default,
   e as depthBox,
-  o as item
+  n as item
 };

package/dist/components/modals/RemoveConfirmModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SAsFF,CAAC"}
+{"version":3,"file":"RemoveConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/RemoveConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,CAAC,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB,SAsFF,CAAC"}

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,27 +1,28 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { Delete02Icon as v } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as y } from "@hugeicons/react";
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { Delete02Icon as y } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as x } from "@hugeicons/react";
 import { Stack as C, Text as c } from "@mantine/core";
 import { modals as a } from "@mantine/modals";
-const z = (s) => {
+import s from "i18next";
+const D = (m) => {
   const {
-    title: m,
-    children: d,
+    title: d,
+    children: p,
     onConfirm: o,
-    onClose: p,
-    labels: n,
-    icon: t = /* @__PURE__ */ e(
-      y,
+    onClose: f,
+    labels: t,
+    icon: n = /* @__PURE__ */ e(
+      x,
       {
         size: 20,
-        icon: v,
+        icon: y,
         color: "var(--mantine-color-red-filled)"
       }
     ),
-    confirmProps: f,
-    closeOnConfirm: u = !0,
-    ...h
-  } = s, w = a.openConfirmModal({
+    confirmProps: u,
+    closeOnConfirm: h = !0,
+    ...w
+  } = m, g = a.openConfirmModal({
     withCloseButton: !1,
     keepMounted: !1,
     centered: !0,
@@ -36,18 +37,18 @@ const z = (s) => {
       }
     },
     confirmProps: {
-      color: f?.color ?? "red",
+      color: u?.color ?? "red",
       fullWidth: !0,
       variant: "filled",
       size: "sm",
-      children: n?.confirm ?? "Delete",
+      children: t?.confirm ?? (s.t("delete") || "Delete"),
       style: { whiteSpace: "nowrap" }
     },
     cancelProps: {
       variant: "default",
       size: "sm",
       fullWidth: !0,
-      children: n?.cancel ?? "Cancel",
+      children: t?.cancel ?? (s.t("cancel") || "Cancel"),
       style: { whiteSpace: "nowrap" }
     },
     groupProps: {
@@ -55,22 +56,22 @@ const z = (s) => {
       wrap: "nowrap",
       gap: 8
     },
-    children: /* @__PURE__ */ g(C, { gap: 0, align: "center", mb: 0, children: [
-      t && t,
-      /* @__PURE__ */ e(c, { c: "bright", mt: "xs", fw: "700", ta: "center", children: m }),
-      /* @__PURE__ */ e(c, { mt: 6, size: "sm", c: "gray", ta: "center", children: d })
+    children: /* @__PURE__ */ v(C, { gap: 0, align: "center", mb: 0, children: [
+      n && n,
+      /* @__PURE__ */ e(c, { c: "bright", mt: "xs", fw: "700", ta: "center", children: d }),
+      /* @__PURE__ */ e(c, { mt: 6, size: "sm", c: "gray", ta: "center", children: p })
     ] }),
     onConfirm: o,
     onClose: () => {
-      window.removeEventListener("keydown", r), p?.();
+      window.removeEventListener("keydown", r), f?.();
     },
-    ...h
+    ...w
   }), r = (i) => {
     const l = document.activeElement?.tagName;
-    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), u && a.close(w));
+    l === "TEXTAREA" || l === "INPUT" || i.key === "Enter" && (i.preventDefault(), o?.(), h && a.close(g));
   };
   window.addEventListener("keydown", r);
 };
 export {
-  z as openRemoveConfirmModal
+  D as openRemoveConfirmModal
 };

package/dist/components/table/FrontTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAAhB,CAAA;iBACA,CAAC;gBACC,CAAA;;CAOP,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"FrontTable.d.ts","sourceRoot":"","sources":["../../../src/components/table/FrontTable.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;gBAAV,CAAA;iBACA,CAAC;gBACA,CAAC;;CAOb,CAAC;AAEH,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

package/dist/components/table/hooks/useColumnsResizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAgB5D,GAAG;;CAmEZ,CAAC"}
+{"version":3,"file":"useColumnsResizing.d.ts","sourceRoot":"","sources":["../../../../src/components/table/hooks/useColumnsResizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,kBAAkB,GAAI,UAAU,gBAAgB,CAAC,OAAO,CAAC;oBAc/B,GAAG;;CAqEzC,CAAC"}