@edifice.io/react 2.6.2-feat-INTEG-1924-port-react-nextcloud-filetree.20260824153355 → 2.6.3-develop-enabling.20260825190837

package/dist/modules/homepage/components/Notifications/NotificationList.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import illuEmptyNotification from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-notifications.png";
+import illuEmptyNotification from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-notifications.png";
 import { useTranslation } from "react-i18next";
 import SvgIconClose from "../../../icons/components/IconClose.js";
+import NotificationFilterMenu from "./components/NotificationFilterMenu.js";
 import NotificationItem from "./NotificationItem.js";
 import NotificationListSkeleton from "./NotificationListSkeleton.js";
 import NotificationSkeleton from "./NotificationSkeleton.js";
@@ -12,6 +13,9 @@ import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
 import Divider from "../../../../components/Divider/Divider.js";
 const NotificationList = ({
   notifications,
+  notificationTypes,
+  selectedTypes,
+  onFilterChange,
   onCloseNotifications,
   onLoadNextPage,
   hasNextPage,
@@ -26,10 +30,13 @@ const NotificationList = ({
   };
   return /* @__PURE__ */ jsx("section", { role: "region", className: "notification-list", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", wrap: "nowrap", className: "py-16 ps-24 pe-8", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-truncate", children: t("homepage.notifications-list.title") }),
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "notification-list-title", children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-truncate", children: t("homepage.notifications-list.title") }),
+        notificationTypes && notificationTypes.length > 0 && /* @__PURE__ */ jsx(NotificationFilterMenu, { notificationTypes, selectedTypes: selectedTypes ?? notificationTypes, onFilterChange: (types) => onFilterChange == null ? void 0 : onFilterChange(types) })
+      ] }),
       onCloseNotifications && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", variant: "ghost", rightIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), onClick: handleCloseClick, "aria-label": t("homepage.notifications-list.close"), title: t("homepage.notifications-list.close"), "data-testid": "notification-list-close-button" })
     ] }),
-    (notifications == null ? void 0 : notifications.length) === 0 ? /* @__PURE__ */ jsx("div", { className: "mx-24", children: /* @__PURE__ */ jsx(EmptyScreen, { size: 120, imageSrc: illuEmptyNotification, imageAlt: t("homepage.notifications-list.empty.description"), text: t("homepage.notifications-list.empty.description") }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    (notifications == null ? void 0 : notifications.length) === 0 ? /* @__PURE__ */ jsx("div", { className: "mx-24", children: /* @__PURE__ */ jsx(EmptyScreen, { size: 135, imageSrc: illuEmptyNotification, imageAlt: t("homepage.notifications-list.empty.description"), text: t("homepage.notifications-list.empty.description") }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("ul", { children: notifications == null ? void 0 : notifications.map((notification, index) => /* @__PURE__ */ jsxs("li", { children: [
         /* @__PURE__ */ jsx(NotificationItem, { notification }),
         /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })

package/dist/modules/homepage/components/Notifications/NotificationListContainer.js

@@ -6,11 +6,14 @@ const NotificationListContainer = ({
 }) => {
   const {
     notifications,
+    notificationTypes,
+    selectedTypes,
+    setSelectedTypes,
     hasNextPage,
     loadNextPage,
     isLoading
   } = useNotificationListContainer();
-  return /* @__PURE__ */ jsx(NotificationList, { notifications, onCloseNotifications, onLoadNextPage: () => {
+  return /* @__PURE__ */ jsx(NotificationList, { notifications, notificationTypes, selectedTypes, onFilterChange: setSelectedTypes, onCloseNotifications, onLoadNextPage: () => {
     hasNextPage && !isLoading && loadNextPage();
   }, hasNextPage, isLoading });
 };

package/dist/modules/homepage/components/Notifications/components/CommonNotificationItem.d.ts

@@ -5,6 +5,7 @@ export type NotificationItemProps = {
     date: Date;
     uri?: string;
     children?: ReactNode;
+    menu?: ReactNode;
 };
 /**
  * Base layout for a single notification row.
@@ -18,7 +19,7 @@ export type NotificationItemProps = {
  * `SystemNotification` instead of consuming this directly.
  */
 declare const CommonNotificationItem: {
-    ({ picture, message, date, uri, children, }: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ picture, message, date, uri, children, menu, }: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CommonNotificationItem;

package/dist/modules/homepage/components/Notifications/components/CommonNotificationItem.js

@@ -6,21 +6,25 @@ const CommonNotificationItem = ({
   message,
   date,
   uri,
-  children
+  children,
+  menu
 }) => {
   const {
     formatTimeAgo,
     formatDate
   } = useDate();
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
-    /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: picture }),
-    /* @__PURE__ */ jsx("a", { href: uri, "data-testid": "notification-item-content", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", children: [
-      /* @__PURE__ */ jsx("div", { className: "notification-item-message", dangerouslySetInnerHTML: {
-        __html: message
-      } }),
-      children,
-      /* @__PURE__ */ jsx("p", { className: "notification-item-date", title: formatDate(date, "LLL"), children: formatTimeAgo(date) })
-    ] }) })
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", justify: "between", wrap: "nowrap", gap: "8", children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "start", gap: "8", className: "notification-item-content-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: picture }),
+      /* @__PURE__ */ jsx("a", { href: uri, className: "notification-item-link", "data-testid": "notification-item-content", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", children: [
+        /* @__PURE__ */ jsx("div", { className: "notification-item-message", dangerouslySetInnerHTML: {
+          __html: message
+        } }),
+        children,
+        /* @__PURE__ */ jsx("p", { className: "notification-item-date", title: formatDate(date, "LLL"), children: formatTimeAgo(date) })
+      ] }) })
+    ] }),
+    menu && /* @__PURE__ */ jsx("div", { className: "notification-item-menu", children: menu })
   ] }) });
 };
 export {

package/dist/modules/homepage/components/Notifications/components/NotificationFilterMenu.d.ts

@@ -0,0 +1,16 @@
+export type NotificationFilterMenuProps = {
+    /** All notification types available */
+    notificationTypes: string[];
+    /** Notification types currently applied as filter */
+    selectedTypes: string[];
+    /** Callback when the user validates a new filter selection */
+    onFilterChange: (types: string[]) => void;
+};
+/**
+ * Trigger button opening the notification types filter modal.
+ */
+declare const NotificationFilterMenu: {
+    ({ notificationTypes, selectedTypes, onFilterChange, }: NotificationFilterMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationFilterMenu;

package/dist/modules/homepage/components/Notifications/components/NotificationFilterMenu.js

@@ -0,0 +1,29 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconFilter from "../../../../icons/components/IconFilter.js";
+import SvgIconRafterDown from "../../../../icons/components/IconRafterDown.js";
+import NotificationFilterModal from "./NotificationFilterModal.js";
+import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
+const NotificationFilterMenu = ({
+  notificationTypes,
+  selectedTypes,
+  onFilterChange
+}) => {
+  const {
+    t
+  } = useTranslation(), [isOpen, setIsOpen] = useState(!1), handleApply = (types) => {
+    onFilterChange(types), setIsOpen(!1);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ButtonBeta, { type: "button", color: "secondary", variant: "outline", size: "md", leftIcon: /* @__PURE__ */ jsx(SvgIconFilter, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, {}), "aria-label": t("homepage.notifications.filter-modal.trigger", {
+      defaultValue: "Filtrer les notifications"
+    }), title: t("homepage.notifications.filter-modal.trigger", {
+      defaultValue: "Filtrer les notifications"
+    }), onClick: () => setIsOpen(!0), "data-testid": "notification-filter-button" }),
+    isOpen && /* @__PURE__ */ jsx(NotificationFilterModal, { isOpen, allTypes: notificationTypes, appliedTypes: selectedTypes, onCancel: () => setIsOpen(!1), onApply: handleApply })
+  ] });
+};
+export {
+  NotificationFilterMenu as default
+};

package/dist/modules/homepage/components/Notifications/components/NotificationFilterModal.d.ts

@@ -0,0 +1,18 @@
+export type NotificationFilterModalProps = {
+    isOpen: boolean;
+    /** All notification types available */
+    allTypes: string[];
+    /** Notification types currently applied as filter */
+    appliedTypes: string[];
+    onCancel: () => void;
+    onApply: (types: string[]) => void;
+};
+/**
+ * Modal letting the user choose which notification types to display in the
+ * homepage notifications list.
+ */
+declare const NotificationFilterModal: {
+    ({ isOpen, allTypes, appliedTypes, onCancel, onApply, }: NotificationFilterModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationFilterModal;

package/dist/modules/homepage/components/Notifications/components/NotificationFilterModal.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconCheck from "../../../../icons/components/IconCheck.js";
+import { getAppCodeAndI18nKey } from "./notificationAdapter.js";
+import Modal from "../../../../../components/Modal/Modal.js";
+import Flex from "../../../../../components/Flex/Flex.js";
+import Checkbox from "../../../../../components/Checkbox/Checkbox.js";
+import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
+import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
+const NotificationFilterModal = ({
+  isOpen,
+  allTypes,
+  appliedTypes,
+  onCancel,
+  onApply
+}) => {
+  const {
+    t
+  } = useTranslation(), [selected, setSelected] = useState(appliedTypes), toggleType = (type) => {
+    setSelected((current) => current.includes(type) ? current.filter((value) => value !== type) : [...current, type]);
+  }, toggleAll = () => {
+    setSelected(selected.length === allTypes.length ? [] : allTypes);
+  };
+  return /* @__PURE__ */ jsxs(Modal, { id: "notification-filter-modal", size: "lg", scrollable: !0, isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("homepage.notifications.filter-modal.title", {
+      defaultValue: "Filtrer les notifications"
+    }) }),
+    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("homepage.notifications.filter-modal.subtitle", {
+      defaultValue: "Sélectionnez seulement les notifications importantes pour vous"
+    }) }),
+    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "mb-16", children: [
+        /* @__PURE__ */ jsx("div", { className: "notification-filter-select-all", children: /* @__PURE__ */ jsx(Checkbox, { label: t("homepage.notifications.filter-modal.select-all", {
+          defaultValue: "Tout sélectionner"
+        }), checked: selected.length === allTypes.length, indeterminate: selected.length > 0 && selected.length < allTypes.length, onChange: toggleAll }) }),
+        /* @__PURE__ */ jsx("span", { className: "notification-filter-count", children: t("homepage.notifications.filter-modal.count", {
+          selected: selected.length,
+          total: allTypes.length,
+          defaultValue: "[[selected]] / [[total]] sélectionnées"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "8", className: "notification-filter-options", children: allTypes.map((type) => {
+        const [appCode, appI18nKey] = getAppCodeAndI18nKey(type), checked = selected.includes(type);
+        return /* @__PURE__ */ jsxs("label", { className: clsx("notification-filter-chip", {
+          "is-checked": checked
+        }), children: [
+          /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }),
+          /* @__PURE__ */ jsx("span", { children: t(appI18nKey, {
+            defaultValue: appCode
+          }) }),
+          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "form-check-input", checked, onChange: () => toggleType(type) })
+        ] }, type);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "default", onClick: () => onApply(selected), type: "button", variant: "filled", rightIcon: /* @__PURE__ */ jsx(SvgIconCheck, {}), children: t("homepage.notifications.filter-modal.confirm", {
+        defaultValue: "Enregistrer"
+      }) })
+    ] })
+  ] });
+};
+export {
+  NotificationFilterModal as default
+};

package/dist/modules/homepage/components/Notifications/components/NotificationItemResource.d.ts

@@ -1,5 +1,6 @@
 export type NotificationItemResourceProps = {
     appCode: string;
+    appI18nKey: string;
 };
 /**
  * Displays the originating application of a notification as a small icon + label.
@@ -9,7 +10,7 @@ export type NotificationItemResourceProps = {
  *
  */
 declare const NotificationItemResource: {
-    ({ appCode, }: NotificationItemResourceProps): import("react/jsx-runtime").JSX.Element;
+    ({ appCode, appI18nKey, }: NotificationItemResourceProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default NotificationItemResource;

package/dist/modules/homepage/components/Notifications/components/NotificationItemResource.js

@@ -2,11 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
 const NotificationItemResource = ({
-  appCode
+  appCode,
+  appI18nKey
 }) => {
   const {
     t
-  } = useTranslation(), appLabel = t(`${appCode}`, {
+  } = useTranslation(), appLabel = t(`${appI18nKey}`, {
     defaultValue: appCode
   }), appCssClass = `app-${appCode}`;
   return /* @__PURE__ */ jsxs("div", { className: `notification-item-resource ${appCssClass} bg-app-light`, children: [

package/dist/modules/homepage/components/Notifications/components/NotificationOptionsMenu.d.ts

@@ -0,0 +1,12 @@
+export type NotificationOptionsMenuProps = {
+    notificationId: string;
+};
+/**
+ * Options menu for a single notification row, allowing the user to report
+ * or delete it.
+ */
+declare const NotificationOptionsMenu: {
+    ({ notificationId, }: NotificationOptionsMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationOptionsMenu;

package/dist/modules/homepage/components/Notifications/components/NotificationOptionsMenu.js

@@ -0,0 +1,42 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconAlertTriangle from "../../../../icons/components/IconAlertTriangle.js";
+import SvgIconDelete from "../../../../icons/components/IconDelete.js";
+import SvgIconOptions from "../../../../icons/components/IconOptions.js";
+import { useReportNotification, useDeleteNotification } from "../services/queries/notification.js";
+import ReportNotificationModal from "./ReportNotificationModal.js";
+import Dropdown from "../../../../../components/Dropdown/Dropdown.js";
+import IconButton from "../../../../../components/Button/IconButton.js";
+const NotificationOptionsMenu = ({
+  notificationId
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    mutate: reportNotification
+  } = useReportNotification(), {
+    mutate: deleteNotification
+  } = useDeleteNotification(), [isReportModalOpen, setIsReportModalOpen] = useState(!1);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dropdown, { overflow: !1, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", "aria-label": t("homepage.notifications.options.label", {
+        defaultValue: "Options de la notification"
+      }), color: "tertiary", variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconOptions, {}), "data-testid": "notification-item-options-button" }),
+      /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), onClick: () => setIsReportModalOpen(!0), children: t("homepage.notifications.options.report", {
+          defaultValue: "Signaler"
+        }) }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: () => deleteNotification(notificationId), children: t("homepage.notifications.options.delete", {
+          defaultValue: "Supprimer"
+        }) })
+      ] })
+    ] }) }),
+    isReportModalOpen && /* @__PURE__ */ jsx(ReportNotificationModal, { isOpen: isReportModalOpen, onCancel: () => setIsReportModalOpen(!1), onConfirm: () => {
+      reportNotification(notificationId), setIsReportModalOpen(!1);
+    } })
+  ] });
+};
+export {
+  NotificationOptionsMenu as default
+};

package/dist/modules/homepage/components/Notifications/components/ReportNotificationModal.d.ts

@@ -0,0 +1,13 @@
+export type ReportNotificationModalProps = {
+    isOpen: boolean;
+    onCancel: () => void;
+    onConfirm: () => void;
+};
+/**
+ * Confirmation modal shown before reporting a notification as inappropriate.
+ */
+declare const ReportNotificationModal: {
+    ({ isOpen, onCancel, onConfirm, }: ReportNotificationModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ReportNotificationModal;

package/dist/modules/homepage/components/Notifications/components/ReportNotificationModal.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconAlertTriangle from "../../../../icons/components/IconAlertTriangle.js";
+import Modal from "../../../../../components/Modal/Modal.js";
+import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
+const ReportNotificationModal = ({
+  isOpen,
+  onCancel,
+  onConfirm
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(Modal, { id: "report-notification-modal", size: "lg", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: t("homepage.notifications.report-modal.title", {
+      defaultValue: "Signaler une notification"
+    }) }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { children: t("homepage.notifications.report-modal.body", {
+      defaultValue: "Attention ! Vous souhaitez signaler une notification inappropriée ou qui ne respecte pas les conditions d'utilisation de ONE. L'heure et l'origine de ce signalement seront enregistrées et transmises à un administrateur pour traitement."
+    }) }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("cancel") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "default", onClick: onConfirm, type: "button", variant: "filled", leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), children: t("homepage.notifications.report-modal.confirm", {
+        defaultValue: "Signaler la notification"
+      }) })
+    ] })
+  ] });
+};
+export {
+  ReportNotificationModal as default
+};

package/dist/modules/homepage/components/Notifications/components/SystemNotificationItem.d.ts

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { SystemWebNotification } from './notificationAdapter';
 export type SystemNotificationItemProps = {
     notification: SystemWebNotification;
+    menu?: ReactNode;
 };
 /**
  * Renders a system notification (no sender) using an app icon as the picture.
@@ -9,7 +11,7 @@ export type SystemNotificationItemProps = {
  * rather than this component directly.
  */
 declare const SystemNotificationItem: {
-    ({ notification, }: SystemNotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ notification, menu, }: SystemNotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SystemNotificationItem;

package/dist/modules/homepage/components/Notifications/components/SystemNotificationItem.js

@@ -3,7 +3,8 @@ import { useTranslation } from "react-i18next";
 import CommonNotificationItem from "./CommonNotificationItem.js";
 import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
 const SystemNotificationItem = ({
-  notification
+  notification,
+  menu
 }) => {
   const {
     params,
@@ -13,7 +14,7 @@ const SystemNotificationItem = ({
   } = notification, {
     t
   } = useTranslation(), appName = t(params.appCode);
-  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-item-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-item-app-icon" }) }) });
+  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, menu, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-item-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-item-app-icon" }) }) });
 };
 export {
   SystemNotificationItem as default

package/dist/modules/homepage/components/Notifications/components/UserNotificationItem.d.ts

@@ -1,6 +1,8 @@
+import { ReactNode } from 'react';
 import { UserWebNotification } from './notificationAdapter';
 export type UserNotificationItemProps = {
     notification: UserWebNotification;
+    menu?: ReactNode;
 };
 /**
  * Renders a user-triggered notification using the sender's avatar as the picture.
@@ -9,7 +11,7 @@ export type UserNotificationItemProps = {
  * — prefer using `Notification` at the top level rather than this component directly.
  */
 declare const UserNotificationItem: {
-    ({ notification }: UserNotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ notification, menu, }: UserNotificationItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default UserNotificationItem;

package/dist/modules/homepage/components/Notifications/components/UserNotificationItem.js

@@ -5,7 +5,8 @@ import NotificationItemResource from "./NotificationItemResource.js";
 import useDirectory from "../../../../../hooks/useDirectory/useDirectory.js";
 import Avatar from "../../../../../components/Avatar/Avatar.js";
 const UserNotificationItem = ({
-  notification
+  notification,
+  menu
 }) => {
   const {
     getAvatarURL,
@@ -18,7 +19,7 @@ const UserNotificationItem = ({
   } = notification, {
     t
   } = useTranslation(), userName = t(params.username);
-  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: getUserbookURL(params.userId, "user"), title: userName, "data-testid": "notification-item-avatar", children: /* @__PURE__ */ jsx(Avatar, { "aria-label": t("homepage.notifications.avatar.placeholder"), src: getAvatarURL(params.userId, "user"), alt: userName, variant: "circle", className: "notification-item-avatar" }) }), children: /* @__PURE__ */ jsx(NotificationItemResource, { appCode: params.appCode }) });
+  return /* @__PURE__ */ jsx(CommonNotificationItem, { uri, message, date, menu, picture: /* @__PURE__ */ jsx("a", { href: getUserbookURL(params.userId, "user"), title: userName, "data-testid": "notification-item-avatar", children: /* @__PURE__ */ jsx(Avatar, { "aria-label": t("homepage.notifications.avatar.placeholder"), src: getAvatarURL(params.userId, "user"), alt: userName, variant: "circle", className: "notification-item-avatar" }) }), children: /* @__PURE__ */ jsx(NotificationItemResource, { appCode: params.appCode, appI18nKey: params.appI18nKey }) });
 };
 export {
   UserNotificationItem as default

package/dist/modules/homepage/components/Notifications/components/notificationAdapter.d.ts

@@ -1,15 +1,21 @@
 import { NotificationModel } from '@edifice.io/client';
-type WebNotificationBase = {
+type NotificationType = 'system' | 'user';
+interface WebNotificationParamsBase {
+    appCode: string;
+    appI18nKey: string;
+}
+interface WebNotificationBase {
+    type: NotificationType;
     id: string;
     uri?: string;
     message: string;
     date: Date;
-};
+    params: WebNotificationParamsBase;
+}
 /** Notification triggered by another user (e.g. shared a resource). */
 export type UserWebNotification = WebNotificationBase & {
     type: 'user';
-    params: {
-        appCode: string;
+    params: WebNotificationParamsBase & {
         username: string;
         userId: string;
     };
@@ -17,11 +23,20 @@ export type UserWebNotification = WebNotificationBase & {
 /** Notification triggered by an application event (no sender). */
 export type SystemWebNotification = WebNotificationBase & {
     type: 'system';
-    params: {
-        appCode: string;
-    };
 };
 /** Discriminated union — narrow on `type` to get the specific variant. */
 export type WebNotification = UserWebNotification | SystemWebNotification;
+export declare const getAppCodeAndI18nKey: (appCode: string) => [string, string];
+/**
+ * Transforms a raw `NotificationModel` (API shape) into a `WebNotification`
+ * ready for rendering.
+ *
+ * Responsibilities:
+ * - Determines the variant: **user** when a `sender` is present, **system** otherwise.
+ * - Resolves the target URI from the model's `params` (handles both user and system naming conventions).
+ * - Converts the MongoDB `$date` timestamp to a JS `Date`.
+ * - Normalises the `type` field into a kebab-case `appCode` (e.g. `"BLOG_POST"` → `"blog-post"`).
+ * - Strips anchor tags from the message, keeping only the inner text as `<strong>`.
+ */
 export declare const notificationAdapter: (notification: NotificationModel) => WebNotification;
 export {};

package/dist/modules/homepage/components/Notifications/components/notificationAdapter.js

@@ -1,30 +1,45 @@
-const resolveNotificationResourceUri = (params, type) => {
+const resolveNotificationResourceUri = (params, type, appCode, eventType) => {
+  if (appCode === "timeline" && eventType === "NOTIFY-REPORT")
+    return "/admin";
   if (type === "user")
     return params.resourceUri || params.uri;
   for (const [key, value] of Object.entries(params))
     if (typeof value == "string" && value.length > 0 && key.endsWith("Uri") && key !== "profilUri" && key !== "resourceFolderUri")
       return value;
-}, parseNotificationMessage = (message) => message.replace(/<\/a>/gi, "</strong>").replace(/<a\b[^>]*>/gi, "<strong>"), getAppCode = (appCode) => {
-  switch (appCode = appCode.toLowerCase(), appCode) {
+}, parseNotificationMessage = (message) => message.replace(/<\/a>/gi, "</strong>").replace(/<a\b[^>]*>/gi, "<strong>"), getAppCodeAndI18nKey = (appCode) => {
+  appCode = appCode.toLowerCase();
+  let appI18nKey = appCode;
+  switch (appCode) {
     case "collaborativewall":
-      return "collaborative-wall";
+      appCode = "collaborative-wall";
+      break;
     case "formulaire":
-      return "forms";
+      appI18nKey = "formulaire", appCode = "forms";
+      break;
     case "messagerie":
-      return "conversation";
+      appI18nKey = appCode = "conversation";
+      break;
     case "news":
-      return "actualites";
+      appI18nKey = appCode = "actualites";
+      break;
     case "homeworks":
-      return "cahier-de-texte";
+      appCode = "cahier-de-texte";
+      break;
     case "userbook_motto":
+      appI18nKey = "userbook_motto", appCode = "userbook";
+      break;
     case "userbook_mood":
+      appI18nKey = "userbook_mood", appCode = "userbook";
+      break;
     case "userbook_discovervisiblegroups":
-      return "userbook";
+      appI18nKey = "userbook_discovervisiblegroups", appCode = "userbook";
+      break;
     default:
-      return appCode.replace(/_/g, "-");
+      appI18nKey = appCode = appCode.replace(/_/g, "-");
   }
+  return [appCode, appI18nKey];
 }, notificationAdapter = (notification) => {
-  const type = notification.sender ? "user" : "system", uri = resolveNotificationResourceUri(notification.params, type), date = new Date(notification.date.$date), appCode = getAppCode(notification.type), message = parseNotificationMessage(notification.message), base = {
+  const type = notification.sender ? "user" : "system", [appCode, appI18nKey] = getAppCodeAndI18nKey(notification.type), uri = resolveNotificationResourceUri(notification.params, type, appCode, notification["event-type"] || notification.eventType), date = new Date(notification.date.$date), message = parseNotificationMessage(notification.message), base = {
     id: notification._id,
     uri,
     message,
@@ -38,16 +53,19 @@ const resolveNotificationResourceUri = (params, type) => {
       // cannot be undefined if sender is present (user type)
       userId: notification.sender,
       // cannot be undefined if sender is present (user type)
-      appCode
+      appCode,
+      appI18nKey
     }
   } : {
     ...base,
     type: "system",
     params: {
-      appCode
+      appCode,
+      appI18nKey
     }
   };
 };
 export {
+  getAppCodeAndI18nKey,
   notificationAdapter
 };

package/dist/modules/homepage/components/Notifications/hooks/useNotificationList.d.ts

@@ -2,8 +2,12 @@ import { NotificationModel } from '@edifice.io/client';
 export interface UseNotificationListContainerReturn {
     /** Array of notifications */
     notifications: NotificationModel[] | undefined;
-    /** Array of notification types */
+    /** Array of all notification types available */
     notificationTypes: string[] | undefined;
+    /** Array of notification types currently selected as filter */
+    selectedTypes: string[] | undefined;
+    /** Callback to change the selected notification types filter */
+    setSelectedTypes: (types: string[]) => void;
     /** Indicates if there are more notifications to load */
     hasNextPage: boolean | undefined;
     /** Callback to load the next page of notifications */
@@ -18,3 +22,9 @@ export interface UseNotificationListContainerReturn {
  * @returns Object containing notifications, loading state, and error state
  */
 export declare const useNotificationListContainer: () => UseNotificationListContainerReturn;
+/**
+ * Indicates whether the user has at least one notification dated today,
+ * across all notification types. Used to display a "new notification"
+ * badge on the notification bell icon, independently of the list overlay.
+ */
+export declare const useHasNotificationToday: () => boolean;