@edifice.io/react 2.5.23-develop.20260623093925 → 2.5.23-develop.20260623104003

package/dist/modules/homepage/components/MessageFlashList/services/api/index.d.ts

@@ -0,0 +1,4 @@
+export declare const messageFlashService: {
+    getMessagesFlash(): Promise<import('@edifice.io/client').IFlashMessageModel[]>;
+    markAsRead(message: import('@edifice.io/client').IFlashMessageModel): Promise<void>;
+};

package/dist/modules/homepage/components/MessageFlashList/services/api/index.js

@@ -0,0 +1,5 @@
+import { createMessagesFlashService } from "./messagesFlashService.js";
+const messageFlashService = createMessagesFlashService("");
+export {
+  messageFlashService
+};

package/dist/modules/homepage/components/MessageFlashList/services/api/messagesFlashService.d.ts

@@ -0,0 +1,20 @@
+import { IFlashMessageModel } from '@edifice.io/client';
+/**
+ * Creates a message flash service with methods to interact with flash messages.
+ *
+ * @param baseURL The base URL for the message flash service API.
+ * @returns A service exposing methods to retrieve flash messages and mark them as read.
+ */
+export declare const createMessagesFlashService: (baseURL: string) => {
+    /**
+     * Get message flash.
+     * @returns a message flash object
+     */
+    getMessagesFlash(): Promise<IFlashMessageModel[]>;
+    /**
+     * Mark a flash message as read.
+     * @param message - The flash message to mark as read
+     * @returns A promise that resolves when the operation is complete
+     */
+    markAsRead(message: IFlashMessageModel): Promise<void>;
+};

package/dist/modules/homepage/components/MessageFlashList/services/api/messagesFlashService.js

@@ -0,0 +1,21 @@
+import { odeServices } from "@edifice.io/client";
+const createMessagesFlashService = (baseURL) => ({
+  /**
+   * Get message flash.
+   * @returns a message flash object
+   */
+  getMessagesFlash() {
+    return odeServices.http().get(`${baseURL}/timeline/flashmsg/listuser`);
+  },
+  /**
+   * Mark a flash message as read.
+   * @param message - The flash message to mark as read
+   * @returns A promise that resolves when the operation is complete
+   */
+  markAsRead(message) {
+    return odeServices.http().put(`${baseURL}/timeline/flashmsg/` + message.id + "/markasread");
+  }
+});
+export {
+  createMessagesFlashService
+};

package/dist/modules/homepage/components/MessageFlashList/services/queries/messagesFlash.d.ts

@@ -0,0 +1,13 @@
+import { IFlashMessageModel } from '@edifice.io/client';
+export declare const messagesFlashQueryKeys: {
+    all: () => readonly ["messagesFlash"];
+};
+export declare const messagesFlashQueryOptions: {
+    getMessagesFlash(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<IFlashMessageModel[], Error, IFlashMessageModel[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<IFlashMessageModel[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, IFlashMessageModel[]>;
+    };
+};
+export declare const useMessagesFlash: () => import('@tanstack/react-query').UseQueryResult<IFlashMessageModel[], Error>;
+export declare const useMarkAsRead: () => import('@tanstack/react-query').UseMutationResult<void, Error, IFlashMessageModel, void>;

package/dist/modules/homepage/components/MessageFlashList/services/queries/messagesFlash.js

@@ -0,0 +1,31 @@
+import { useQuery, useQueryClient, useMutation, queryOptions } from "@tanstack/react-query";
+import { messageFlashService } from "../api/index.js";
+const messagesFlashQueryKeys = {
+  all: () => ["messagesFlash"]
+}, messagesFlashQueryOptions = {
+  getMessagesFlash() {
+    return queryOptions({
+      queryKey: messagesFlashQueryKeys.all(),
+      queryFn: async () => messageFlashService.getMessagesFlash()
+    });
+  }
+}, useMessagesFlash = () => useQuery(messagesFlashQueryOptions.getMessagesFlash()), useMarkAsRead = () => {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (message) => messageFlashService.markAsRead(message),
+    onMutate: async (message) => {
+      queryClient.setQueryData(messagesFlashQueryKeys.all(), (oldMessages) => oldMessages.filter((msg) => msg.id !== message.id));
+    },
+    onError() {
+      queryClient.invalidateQueries({
+        queryKey: messagesFlashQueryKeys.all()
+      });
+    }
+  });
+};
+export {
+  messagesFlashQueryKeys,
+  messagesFlashQueryOptions,
+  useMarkAsRead,
+  useMessagesFlash
+};

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

@@ -0,0 +1,20 @@
+import { NotificationModel } from '@edifice.io/client';
+export type { SystemWebNotification, UserWebNotification, WebNotification, } from './components/notificationAdapter';
+export type NotificationProps = {
+    notification: NotificationModel;
+};
+/**
+ * Renders a single notification from a raw `NotificationModel`.
+ *
+ * Internally adapts the model into one of two display variants:
+ * - **user** — triggered by another user (e.g. shared a resource); shows their avatar.
+ * - **system** — triggered by an application event; shows the app icon.
+ *
+ * @example
+ * <Notification notification={notificationModel} />
+ */
+declare const Notification: {
+    ({ notification }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Notification;

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

@@ -0,0 +1,16 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import SystemNotification from "./components/SystemNotification.js";
+import UserNotification from "./components/UserNotification.js";
+import { notificationAdapter } from "./components/notificationAdapter.js";
+const Notification = ({
+  notification
+}) => {
+  const notif = notificationAdapter(notification);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    notif.type === "user" && /* @__PURE__ */ jsx(UserNotification, { notification: notif }),
+    notif.type === "system" && /* @__PURE__ */ jsx(SystemNotification, { notification: notif })
+  ] });
+};
+export {
+  Notification as default
+};

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

@@ -0,0 +1,18 @@
+import { NotificationModel } from '@edifice.io/client';
+export type NotificationListProps = {
+    /** List of notifications to display */
+    notifications?: NotificationModel[];
+    /** Callback when the notifications list is closed */
+    onCloseNotifications?: () => void;
+    /** Callback to load the next page of notifications, used for infinite scrolling */
+    onLoadNextPage?: () => void;
+    /** Indicates if there are more notifications to load, used for infinite scrolling */
+    hasNextPage?: boolean;
+    /** Loading state for fetching notifications, used to prevent multiple simultaneous fetches */
+    isLoading?: boolean;
+};
+declare const NotificationList: {
+    ({ notifications, onCloseNotifications, onLoadNextPage, hasNextPage, isLoading, }: NotificationListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationList;

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

@@ -0,0 +1,44 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import illuEmptyNotification from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-notifications.png";
+import { useTranslation } from "react-i18next";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import Notification from "./Notification.js";
+import NotificationListSkeleton from "./NotificationListSkeleton.js";
+import NotificationSkeleton from "./NotificationSkeleton.js";
+import useInfiniteScroll from "../../../../hooks/useInfiniteScroll/useInfiniteScroll.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import EmptyScreen from "../../../../components/EmptyScreen/EmptyScreen.js";
+import Divider from "../../../../components/Divider/Divider.js";
+const NotificationList = ({
+  notifications,
+  onCloseNotifications,
+  onLoadNextPage,
+  hasNextPage,
+  isLoading
+}) => {
+  const {
+    t
+  } = useTranslation(), loadNextRef = useInfiniteScroll({
+    callback: () => onLoadNextPage == null ? void 0 : onLoadNextPage()
+  }), handleCloseClick = () => {
+    onCloseNotifications && onCloseNotifications();
+  };
+  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") }),
+      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: [
+      /* @__PURE__ */ jsx("ul", { children: notifications == null ? void 0 : notifications.map((notification, index) => /* @__PURE__ */ jsxs("li", { children: [
+        /* @__PURE__ */ jsx(Notification, { notification }),
+        /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
+      ] }, "notification-list-" + notification._id + "-" + index)) }),
+      hasNextPage && /* @__PURE__ */ jsx(NotificationSkeleton, { ref: loadNextRef }),
+      isLoading && /* @__PURE__ */ jsx(NotificationListSkeleton, {})
+    ] })
+  ] }) });
+};
+export {
+  NotificationList as default
+};

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

@@ -0,0 +1,9 @@
+export type NotificationListContainerProps = {
+    /** Callback when the notifications list is closed */
+    onCloseNotifications?: () => void;
+};
+export declare const NotificationListContainer: {
+    ({ onCloseNotifications, }: NotificationListContainerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationListContainer;

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import NotificationList from "./NotificationList.js";
+import { useNotificationListContainer } from "./hooks/useNotificationList.js";
+const NotificationListContainer = ({
+  onCloseNotifications
+}) => {
+  const {
+    notifications,
+    hasNextPage,
+    loadNextPage,
+    isLoading
+  } = useNotificationListContainer();
+  return /* @__PURE__ */ jsx(NotificationList, { notifications, onCloseNotifications, onLoadNextPage: () => {
+    hasNextPage && !isLoading && loadNextPage();
+  }, hasNextPage, isLoading });
+};
+export {
+  NotificationListContainer,
+  NotificationListContainer as default
+};

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

@@ -0,0 +1,5 @@
+declare const NotificationListSkeleton: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationListSkeleton;

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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import NotificationSkeleton from "./NotificationSkeleton.js";
+import Divider from "../../../../components/Divider/Divider.js";
+const NotificationListSkeleton = () => /* @__PURE__ */ jsxs("ul", { children: [
+  /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx(NotificationSkeleton, {}),
+    /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
+  ] }),
+  /* @__PURE__ */ jsxs("li", { children: [
+    /* @__PURE__ */ jsx(NotificationSkeleton, {}),
+    /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
+  ] }),
+  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NotificationSkeleton, {}) })
+] });
+export {
+  NotificationListSkeleton as default
+};

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const NotificationSkeleton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export default NotificationSkeleton;

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

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import Flex from "../../../../components/Flex/Flex.js";
+import Avatar from "../../../../components/Avatar/Avatar.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+const NotificationSkeleton = /* @__PURE__ */ React.forwardRef((_props, ref) => /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification", gap: "8", ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
+  /* @__PURE__ */ jsx("div", { className: "notification-picture", children: /* @__PURE__ */ jsx(Avatar, { alt: "Notification Picture", variant: "circle", className: "notification-avatar" }) }),
+  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-message", children: [
+    /* @__PURE__ */ jsx(TextSkeleton, {}),
+    /* @__PURE__ */ jsx(TextSkeleton, {}),
+    /* @__PURE__ */ jsx("div", { className: "placeholder col-4", style: {
+      height: "2rem"
+    } }),
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-2" })
+  ] })
+] }) }));
+export {
+  NotificationSkeleton as default
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type NotificationItemProps = {
+    picture: ReactNode;
+    message: string;
+    date: Date;
+    uri?: string;
+    children?: ReactNode;
+};
+/**
+ * Base layout for a single notification row.
+ *
+ * Renders a picture slot (avatar or app icon), a clickable message linking to
+ * `uri`, a relative timestamp (e.g. "2 hours ago"), and an optional `children`
+ * area for extra content below the message.
+ *
+ * This is a presentational component — it does not know whether the
+ * notification comes from a user or a system event. Use `UserNotification` or
+ * `SystemNotification` instead of consuming this directly.
+ */
+declare const NotificationItem: {
+    ({ picture, message, date, uri, children, }: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationItem;

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

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import useDate from "../../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../../components/Flex/Flex.js";
+const NotificationItem = ({
+  picture,
+  message,
+  date,
+  uri,
+  children
+}) => {
+  const {
+    formatTimeAgo,
+    formatDate
+  } = useDate();
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification", gap: "8", children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
+    /* @__PURE__ */ jsx("div", { className: "notification-picture", children: picture }),
+    /* @__PURE__ */ jsx("a", { href: uri, "data-testid": "notification-content", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", children: [
+      /* @__PURE__ */ jsx("div", { className: "notification-message", dangerouslySetInnerHTML: {
+        __html: message
+      } }),
+      children,
+      /* @__PURE__ */ jsx("p", { className: "notification-date", title: formatDate(date, "LLL"), children: formatTimeAgo(date) })
+    ] }) })
+  ] }) });
+};
+export {
+  NotificationItem as default
+};

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

@@ -0,0 +1,15 @@
+export type NotificationResourceProps = {
+    appCode: string;
+};
+/**
+ * Displays the originating application of a notification as a small icon + label.
+ *
+ * Resolves the human-readable app name via i18n key `<appCode>` present in entcore/portal/backend/src/main/resources/i18n/fr.json,
+ * falling back to the raw `appCode` if no translation exists.
+ *
+ */
+declare const NotificationResource: {
+    ({ appCode }: NotificationResourceProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NotificationResource;

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

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
+const NotificationResource = ({
+  appCode
+}) => {
+  const {
+    t
+  } = useTranslation(), appLabel = t(`${appCode}`, {
+    defaultValue: appCode
+  }), appCssClass = `app-${appCode}`;
+  return /* @__PURE__ */ jsxs("div", { className: `notification-resource ${appCssClass} bg-app-light`, children: [
+    /* @__PURE__ */ jsx("span", { className: "notification-resource-icon", children: /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }) }),
+    /* @__PURE__ */ jsx("span", { className: "notification-resource-name color-app", children: appLabel })
+  ] });
+};
+export {
+  NotificationResource as default
+};

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

@@ -0,0 +1,15 @@
+import { SystemWebNotification } from './notificationAdapter';
+export type SystemNotificationProps = {
+    notification: SystemWebNotification;
+};
+/**
+ * Renders a system notification (no sender) using an app icon as the picture.
+ *
+ * Wraps `NotificationItem` — prefer using `Notification` at the top level
+ * rather than this component directly.
+ */
+declare const SystemNotification: {
+    ({ notification }: SystemNotificationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SystemNotification;

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

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import NotificationItem from "./NotificationItem.js";
+import AppIcon from "../../../../../components/AppIcon/AppIcon.js";
+const SystemNotification = ({
+  notification
+}) => {
+  const {
+    params,
+    message,
+    date,
+    uri
+  } = notification, {
+    t
+  } = useTranslation(), appName = t(params.appCode);
+  return /* @__PURE__ */ jsx(NotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: uri, title: appName, "data-testid": "notification-app-icon", "aria-label": t("homepage.notifications.app-icon.placeholder"), children: /* @__PURE__ */ jsx(AppIcon, { app: params.appCode, size: "24", variant: "square", className: "notification-app-icon" }) }) });
+};
+export {
+  SystemNotification as default
+};

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

@@ -0,0 +1,15 @@
+import { UserWebNotification } from './notificationAdapter';
+export type UserNotificationProps = {
+    notification: UserWebNotification;
+};
+/**
+ * Renders a user-triggered notification using the sender's avatar as the picture.
+ *
+ * The avatar and its link are resolved via `useDirectory`. Wraps `NotificationItem`
+ * — prefer using `Notification` at the top level rather than this component directly.
+ */
+declare const UserNotification: {
+    ({ notification }: UserNotificationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default UserNotification;

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

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import NotificationItem from "./NotificationItem.js";
+import NotificationResource from "./NotificationResource.js";
+import useDirectory from "../../../../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../../../../../components/Avatar/Avatar.js";
+const UserNotification = ({
+  notification
+}) => {
+  const {
+    getAvatarURL,
+    getUserbookURL
+  } = useDirectory(), {
+    params,
+    message,
+    date,
+    uri
+  } = notification, {
+    t
+  } = useTranslation(), userName = t(params.username);
+  return /* @__PURE__ */ jsx(NotificationItem, { uri, message, date, picture: /* @__PURE__ */ jsx("a", { href: getUserbookURL(params.userId, "user"), title: userName, "data-testid": "notification-avatar", children: /* @__PURE__ */ jsx(Avatar, { "aria-label": t("homepage.notifications.avatar.placeholder"), src: getAvatarURL(params.userId, "user"), alt: userName, variant: "circle", className: "notification-avatar" }) }), children: /* @__PURE__ */ jsx(NotificationResource, { appCode: params.appCode }) });
+};
+export {
+  UserNotification as default
+};

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

@@ -0,0 +1,27 @@
+import { NotificationModel } from '@edifice.io/client';
+type WebNotificationBase = {
+    id: string;
+    uri?: string;
+    message: string;
+    date: Date;
+};
+/** Notification triggered by another user (e.g. shared a resource). */
+export type UserWebNotification = WebNotificationBase & {
+    type: 'user';
+    params: {
+        appCode: string;
+        username: string;
+        userId: string;
+    };
+};
+/** 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 notificationAdapter: (notification: NotificationModel) => WebNotification;
+export {};

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

@@ -0,0 +1,53 @@
+const resolveNotificationResourceUri = (params, type) => {
+  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) {
+    case "collaborativewall":
+      return "collaborative-wall";
+    case "formulaire":
+      return "forms";
+    case "messagerie":
+      return "conversation";
+    case "news":
+      return "actualites";
+    case "homeworks":
+      return "cahier-de-texte";
+    case "userbook_motto":
+    case "userbook_mood":
+    case "userbook_discovervisiblegroups":
+      return "userbook";
+    default:
+      return appCode.replace(/_/g, "-");
+  }
+}, 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 = {
+    id: notification._id,
+    uri,
+    message,
+    date
+  };
+  return type === "user" ? {
+    ...base,
+    type: "user",
+    params: {
+      username: notification.params.username,
+      // cannot be undefined if sender is present (user type)
+      userId: notification.sender,
+      // cannot be undefined if sender is present (user type)
+      appCode
+    }
+  } : {
+    ...base,
+    type: "system",
+    params: {
+      appCode
+    }
+  };
+};
+export {
+  notificationAdapter
+};

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

@@ -0,0 +1,20 @@
+import { NotificationModel } from '@edifice.io/client';
+export interface UseNotificationListContainerReturn {
+    /** Array of notifications */
+    notifications: NotificationModel[] | undefined;
+    /** Array of notification types */
+    notificationTypes: string[] | undefined;
+    /** Indicates if there are more notifications to load */
+    hasNextPage: boolean | undefined;
+    /** Callback to load the next page of notifications */
+    loadNextPage: () => void;
+    /** Loading state for fetching notifications */
+    isLoading: boolean;
+    /** Error state from fetching notifications */
+    error: Error | null;
+}
+/**
+ * Custom hook that provides notifications data and handlers with exposed loading states
+ * @returns Object containing notifications, loading state, and error state
+ */
+export declare const useNotificationListContainer: () => UseNotificationListContainerReturn;

package/dist/modules/homepage/components/Notifications/hooks/useNotificationList.js

@@ -0,0 +1,26 @@
+import { useNotificationTypes, useNotifications } from "../services/queries/notification.js";
+const useNotificationListContainer = () => {
+  const {
+    data: notificationTypes,
+    isLoading: isLoadingTypes,
+    isFetched: isFetchedTypes,
+    error: errorTypes
+  } = useNotificationTypes(), {
+    data: notifications,
+    hasNextPage,
+    isLoading: isLoadingNotifications,
+    error: errorNotifications,
+    fetchNextPage
+  } = useNotifications(notificationTypes ?? [], isFetchedTypes && !!notificationTypes);
+  return {
+    notifications,
+    notificationTypes,
+    hasNextPage,
+    loadNextPage: () => fetchNextPage(),
+    isLoading: isLoadingTypes || isLoadingNotifications,
+    error: errorTypes || errorNotifications
+  };
+};
+export {
+  useNotificationListContainer
+};

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

@@ -0,0 +1,6 @@
+export * from './Notification';
+export { default as Notification } from './Notification';
+export * from './NotificationList';
+export { default as NotificationList } from './NotificationList';
+export * from './NotificationListContainer';
+export { default as NotificationListContainer } from './NotificationListContainer';

package/dist/modules/homepage/components/Notifications/services/api/index.d.ts

@@ -0,0 +1,4 @@
+export declare const notificationService: {
+    getNotifications(types: string[], page: number): Promise<import('@edifice.io/client').NotificationModel[]>;
+    getNotificationTypes(): Promise<string[]>;
+};

package/dist/modules/homepage/components/Notifications/services/api/index.js

@@ -0,0 +1,5 @@
+import { createNotificationService } from "./notificationService.js";
+const notificationService = createNotificationService("");
+export {
+  notificationService
+};

package/dist/modules/homepage/components/Notifications/services/api/notificationService.d.ts

@@ -0,0 +1,15 @@
+import { NotificationModel } from '@edifice.io/client';
+/**
+ * Creates a notification service with methods to interact with notifications.
+ *
+ * @param baseURL The base URL for the notification service API.
+ * @returns A service exposing methods to retrieve notifications.
+ */
+export declare const createNotificationService: (baseURL: string) => {
+    /**
+     * Get notifications.
+     * @returns list of notification objects
+     */
+    getNotifications(types: string[], page: number): Promise<NotificationModel[]>;
+    getNotificationTypes(): Promise<string[]>;
+};