impact-nova 1.7.43 → 1.7.50

package/dist/components/ui/notification-panel/notification-list.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-import { NotificationListProps, NotificationGroupProps } from '../types/notification-panel.types';
-export declare const NotificationEmpty: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationList: ({ children, className, onLoadMore, isLoading, hasMore, loader, emptyState }: NotificationListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationGroup: ({ label, children, className }: NotificationGroupProps) => import("react/jsx-runtime").JSX.Element;
+import { NotificationListProps, NotificationGroupProps, NotificationEmptyProps } from '../types/notification-panel.types';
+export declare const NotificationEmpty: ({ title, description, className, ...props }: NotificationEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationList: ({ children, className, onLoadMore, isLoading, hasMore, loader, }: NotificationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationGroup: ({ label, children, className, }: NotificationGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/notification-panel/notification-list.js

@@ -1,45 +1,82 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import p, { useRef as d, useEffect as x } from "react";
-import { cn as i } from "../../../lib/utils.js";
-import { Loader2 as h } from "lucide-react";
-import { MulticolorBell as v } from "../../../icons/index.js";
-const E = ({ className: t, ...r }) => /* @__PURE__ */ c("div", { className: i("flex flex-col gap-4 items-center justify-center h-full text-center p-8", t), ...r, children: [
-  /* @__PURE__ */ e(v, { size: 72 }),
-  /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ e("h3", { className: "text-xl font-bold text-content", children: "Everything looks quiet for now" }),
-    /* @__PURE__ */ e("p", { className: "text-sm  text-navigation-muted", children: "We'll notify you when something new comes up" })
-  ] })
-] }), j = ({
-  children: t,
-  className: r,
-  onLoadMore: l,
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useRef as p, useEffect as u } from "react";
+import { cn as a } from "../../../lib/utils.js";
+import { Loader2 as d } from "lucide-react";
+import { MulticolorBell as x } from "../../../icons/index.js";
+import { useImpactNovaI18n as v } from "../../../i18n/ImpactNovaI18nContext.js";
+const w = ({
+  title: r,
+  description: i,
+  className: t,
+  ...o
+}) => {
+  const { t: c } = v(), s = r ?? c("notificationPanel.everythingQuiet"), n = i ?? c("notificationPanel.everythingQuietSub");
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-component": "notification-empty",
+      className: a(
+        "flex min-h-0 w-full flex-1 flex-col items-center justify-center gap-4 text-center",
+        t
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e(x, { size: 72, className: "shrink-0", alt: "", "aria-hidden": !0 }),
+        /* @__PURE__ */ l("div", { className: "flex w-full flex-col items-center justify-center gap-1 px-8 text-center", children: [
+          /* @__PURE__ */ e("span", { className: "text-xl font-extrabold leading-7 text-content", children: s }),
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium leading-normal text-content-icon", children: n })
+        ] })
+      ]
+    }
+  );
+}, j = ({
+  children: r,
+  className: i,
+  onLoadMore: t,
   isLoading: o,
-  hasMore: s,
-  loader: m,
-  emptyState: a
+  hasMore: c,
+  loader: s
 }) => {
-  const n = d(null);
-  return x(() => {
+  const n = p(null);
+  return u(() => {
     const f = new IntersectionObserver(
-      (u) => {
-        u[0].isIntersecting && s && !o && l && l();
+      (m) => {
+        m[0].isIntersecting && c && !o && t && t();
       },
       { threshold: 0.1 }
     );
     return n.current && f.observe(n.current), () => {
       n.current && f.unobserve(n.current);
     };
-  }, [s, o, l]), p.Children.count(t) === 0 && !o && a ? /* @__PURE__ */ e("div", { className: "h-full w-full", children: a }) : /* @__PURE__ */ c("div", { className: i("flex flex-1 flex-col overflow-y-auto min-h-0", r), children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: t }),
+  }, [c, o, t]), /* @__PURE__ */ l("div", { className: a("flex flex-1 flex-col overflow-y-auto min-h-0", i), children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r }),
     /* @__PURE__ */ e("div", { ref: n, className: "h-4 w-full flex-shrink-0" }),
-    o && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: m || /* @__PURE__ */ e(h, { className: "h-6 w-6 animate-spin text-content-muted" }) })
+    o && /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: s || /* @__PURE__ */ e(d, { className: "h-6 w-6 animate-spin text-content-muted" }) })
   ] });
-}, z = ({ label: t, children: r, className: l }) => /* @__PURE__ */ c("div", { "data-component": "notification-group", className: i("flex flex-col", l), children: [
-  /* @__PURE__ */ e("div", { "data-component": "notification-group-label", className: "sticky top-0 z-10 bg-canvas/95 backdrop-blur supports-[backdrop-filter]:bg-canvas/60 px-4 py-2 text-sm font-medium text-content-muted border-b border-stroke/50", children: t }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: r })
-] });
+}, I = ({
+  label: r,
+  children: i,
+  className: t
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-component": "notification-group",
+    className: a("flex flex-col", t),
+    children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          "data-component": "notification-group-label",
+          className: "sticky top-0 z-10 bg-canvas/95 backdrop-blur supports-[backdrop-filter]:bg-canvas/60 px-4 py-2 text-sm font-medium text-content-muted border-b border-stroke/50",
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 p-2", children: i })
+    ]
+  }
+);
 export {
-  E as NotificationEmpty,
-  z as NotificationGroup,
+  w as NotificationEmpty,
+  I as NotificationGroup,
   j as NotificationList
 };

package/dist/components/ui/types/notification-panel.types.d.ts

@@ -43,10 +43,10 @@ export interface NotificationListProps {
      * Custom loader component to show when isLoading is true
      */
     loader?: React.ReactNode;
-    /**
-     * Component to show when list is empty
-     */
-    emptyState?: React.ReactNode;
+}
+export interface NotificationEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
 }
 export interface NotificationGroupProps {
     label: string;

package/dist/i18n/defaultMessages.d.ts

@@ -195,6 +195,16 @@ export interface FilterPanelMessages {
 export interface NotificationPanelMessages {
     title: string;
     description: string;
+    everythingQuiet: string;
+    everythingQuietSub: string;
+    emptyUnreadTitle: string;
+    emptyUnreadSub: string;
+    emptyReadTitle: string;
+    emptyReadSub: string;
+    emptyBookmarkedTitle: string;
+    emptyBookmarkedSub: string;
+    emptyArchivedTitle: string;
+    emptyArchivedSub: string;
 }
 export interface HorizontalScrollerMessages {
     scrollLeft: string;

package/dist/i18n/defaultMessages.js

@@ -168,7 +168,17 @@ const e = {
   additionalInfoAvailable: "Additional information available"
 }, u = {
   title: "Notifications",
-  description: "Notifications"
+  description: "Notifications",
+  everythingQuiet: "Everything looks quiet for now",
+  everythingQuietSub: "We'll notify you when something new comes up",
+  emptyUnreadTitle: "No unread notifications",
+  emptyUnreadSub: "You have no unread notifications in this view.",
+  emptyReadTitle: "No read notifications",
+  emptyReadSub: "You have no read notifications in this view.",
+  emptyBookmarkedTitle: "No bookmarked notifications",
+  emptyBookmarkedSub: "Bookmark notifications to find them here.",
+  emptyArchivedTitle: "No archived notifications",
+  emptyArchivedSub: "Archived notifications will appear here."
 }, m = {
   scrollLeft: "Scroll left",
   scrollRight: "Scroll right"

package/dist/i18n/locales/de.js

@@ -230,7 +230,17 @@ const e = {
   },
   notificationPanel: {
     title: "Benachrichtigungen",
-    description: "Benachrichtigungen"
+    description: "Benachrichtigungen",
+    everythingQuiet: "Alles wirkt gerade ruhig",
+    everythingQuietSub: "Wir benachrichtigen Sie, wenn etwas Neues kommt.",
+    emptyUnreadTitle: "Keine ungelesenen Benachrichtigungen",
+    emptyUnreadSub: "In dieser Ansicht gibt es keine ungelesenen Benachrichtigungen.",
+    emptyReadTitle: "Keine gelesenen Benachrichtigungen",
+    emptyReadSub: "In dieser Ansicht gibt es keine gelesenen Benachrichtigungen.",
+    emptyBookmarkedTitle: "Keine Lesezeichen-Benachrichtigungen",
+    emptyBookmarkedSub: "Markieren Sie Benachrichtigungen, um sie hier zu finden.",
+    emptyArchivedTitle: "Keine archivierten Benachrichtigungen",
+    emptyArchivedSub: "Archivierte Benachrichtigungen erscheinen hier."
   },
   horizontalScroller: {
     scrollLeft: "Nach links scrollen",

package/dist/i18n/locales/es.js

@@ -230,7 +230,17 @@ const e = {
   },
   notificationPanel: {
     title: "Notificaciones",
-    description: "Notificaciones"
+    description: "Notificaciones",
+    everythingQuiet: "Todo está en silencio por ahora",
+    everythingQuietSub: "Te avisaremos cuando haya novedades.",
+    emptyUnreadTitle: "No hay notificaciones no leídas",
+    emptyUnreadSub: "No tienes notificaciones no leídas en esta vista.",
+    emptyReadTitle: "No hay notificaciones leídas",
+    emptyReadSub: "No tienes notificaciones leídas en esta vista.",
+    emptyBookmarkedTitle: "No hay notificaciones marcadas",
+    emptyBookmarkedSub: "Marca notificaciones para encontrarlas aquí.",
+    emptyArchivedTitle: "No hay notificaciones archivadas",
+    emptyArchivedSub: "Las notificaciones archivadas aparecerán aquí."
   },
   horizontalScroller: {
     scrollLeft: "Desplazar a la izquierda",

package/dist/i18n/locales/hi.js

@@ -230,7 +230,17 @@ const e = {
   },
   notificationPanel: {
     title: "सूचनाएं",
-    description: "सूचनाएं"
+    description: "सूचनाएं",
+    everythingQuiet: "अभी सब शांत लग रहा है",
+    everythingQuietSub: "जब कुछ नया आएगा तो हम सूचित करेंगे।",
+    emptyUnreadTitle: "कोई अपठित सूचना नहीं",
+    emptyUnreadSub: "इस दृश्य में कोई अपठित सूचना नहीं है।",
+    emptyReadTitle: "कोई पढ़ी हुई सूचना नहीं",
+    emptyReadSub: "इस दृश्य में कोई पढ़ी हुई सूचना नहीं है।",
+    emptyBookmarkedTitle: "कोई बुकमार्क सूचना नहीं",
+    emptyBookmarkedSub: "सूचनाओं को बुकमार्क करें ताकि वे यहाँ मिलें।",
+    emptyArchivedTitle: "कोई संग्रहीत सूचना नहीं",
+    emptyArchivedSub: "संग्रहीत सूचनाएँ यहाँ दिखाई देंगी।"
   },
   horizontalScroller: {
     scrollLeft: "बाएं स्क्रॉल करें",

package/dist/i18n/locales/kn.js

@@ -230,7 +230,17 @@ const e = {
   },
   notificationPanel: {
     title: "ಅಧಿಸೂಚನೆಗಳು",
-    description: "ಅಧಿಸೂಚನೆಗಳು"
+    description: "ಅಧಿಸೂಚನೆಗಳು",
+    everythingQuiet: "ಇದೀಗ ಎಲ್ಲವೂ ಶಾಂತವಾಗಿದೆ",
+    everythingQuietSub: "ಏನಾದರೂ ಹೊಸದು ಬಂದಾಗ ನಾವು ನಿಮಗೆ ತಿಳಿಸುತ್ತೇವೆ.",
+    emptyUnreadTitle: "ಓದದ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ",
+    emptyUnreadSub: "ಈ ವೀಕ್ಷಣೆಯಲ್ಲಿ ಓದದ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ.",
+    emptyReadTitle: "ಓದಿದ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ",
+    emptyReadSub: "ಈ ವೀಕ್ಷಣೆಯಲ್ಲಿ ಓದಿದ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ.",
+    emptyBookmarkedTitle: "ಬುಕ್ಮಾರ್ಕ್ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ",
+    emptyBookmarkedSub: "ಅಧಿಸೂಚನೆಗಳನ್ನು ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿ ಇಲ್ಲಿ ಹುಡುಕಿ.",
+    emptyArchivedTitle: "ಆರ್ಕೈವ್ ಅಧಿಸೂಚನೆಗಳಿಲ್ಲ",
+    emptyArchivedSub: "ಆರ್ಕೈವ್ ಮಾಡಿದ ಅಧಿಸೂಚನೆಗಳು ಇಲ್ಲಿ ಕಾಣಿಸುತ್ತವೆ."
   },
   horizontalScroller: {
     scrollLeft: "ಎಡಕ್ಕೆ ಸ್ಕ್ರಾಲ್ ಮಾಡಿ",

package/dist/icons/assets/circleDoubleTick.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M6.66667 13.3333C5.74444 13.3333 4.87778 13.1583 4.06667 12.8083C3.25556 12.4583 2.55 11.9833 1.95 11.3833C1.35 10.7833 0.875 10.0778 0.525 9.26667C0.175 8.45555 0 7.58889 0 6.66667C0 5.74444 0.175 4.87778 0.525 4.06667C0.875 3.25556 1.35 2.55 1.95 1.95C2.55 1.35 3.25556 0.875 4.06667 0.525C4.87778 0.175 5.74444 0 6.66667 0C7.58889 0 8.45555 0.175 9.26667 0.525C10.0778 0.875 10.7833 1.35 11.3833 1.95C11.9833 2.55 12.4583 3.25556 12.8083 4.06667C13.1583 4.87778 13.3333 5.74444 13.3333 6.66667C13.3333 7.58889 13.1583 8.45555 12.8083 9.26667C12.4583 10.0778 11.9833 10.7833 11.3833 11.3833C10.7833 11.9833 10.0778 12.4583 9.26667 12.8083C8.45555 13.1583 7.58889 13.3333 6.66667 13.3333ZM6.66667 12C8.15555 12 9.41667 11.4833 10.45 10.45C11.4833 9.41667 12 8.15555 12 6.66667C12 5.17778 11.4833 3.91667 10.45 2.88333C9.41667 1.85 8.15555 1.33333 6.66667 1.33333C5.17778 1.33333 3.91667 1.85 2.88333 2.88333C1.85 3.91667 1.33333 5.17778 1.33333 6.66667C1.33333 8.15555 1.85 9.41667 2.88333 10.45C3.91667 11.4833 5.17778 12 6.66667 12Z", fill: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M2.77 7.05L4.59 8.99C4.59 8.99 4.89 8.33 5.52 7.83", stroke: "currentColor", strokeWidth: 1.1, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M5.11 7.05L7.15 8.99L10.57 5.11", stroke: "currentColor", strokeWidth: 1.1, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M8.23 5.11L6.84 6.59", stroke: "currentColor", strokeWidth: 1.1, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  r as default
+};

package/dist/icons/index.d.ts

@@ -53,6 +53,7 @@ export declare const Bookmark: IconComponent;
 export declare const BookmarkFilled: IconComponent;
 export declare const Download: IconComponent;
 export declare const CircleTick: IconComponent;
+export declare const CircleDoubleTick: IconComponent;
 export declare const CircleCross: IconComponent;
 export declare const Info: IconComponent;
 export declare const InfoCircleFilled: IconComponent;