@edifice.io/react 2.6.7-develop-b2school.20261009142401 → 2.6.7-develop-b2school.20261009185039

package/dist/components/Layout/components/Header.js

@@ -138,7 +138,7 @@ const Header = ({
     /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), children: /* @__PURE__ */ jsx(SvgIconHome, { color: "#fff" }) }) }),
       /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: appsRef, id: popoverAppsId, "aria-haspopup": "true", "aria-expanded": isAppsHovered, children: [
-        /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), children: /* @__PURE__ */ jsx(SvgIconMyApps, { color: "#fff" }) }),
+        /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), "data-testid": "header-my-apps-button", children: /* @__PURE__ */ jsx(SvgIconMyApps, { color: "#fff" }) }),
         /* @__PURE__ */ jsxs(Popover, { className: "top-100 widget", id: popoverAppsId, isVisible: isAppsHovered, children: [
           /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(WidgetAppsBody, { bookmarkedApps }) }),
           /* @__PURE__ */ jsx(PopoverFooter, { className: "widget-footer border-top border-ghost", children: /* @__PURE__ */ jsx(WidgetAppsFooter, {}) })
@@ -174,17 +174,17 @@ const Header = ({
       /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("div", { className: "dropdown", children: [
         /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !isCollapsed, "aria-label": t("navbar.open.menu"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(SvgIconRafterDown, { className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
         /* @__PURE__ */ jsxs("ul", { className: `dropdown-menu dropdown-menu-end ${isCollapsed ? "" : "show"}`, id: "dropdown-navbar", children: [
-          communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", children: [
+          communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", "data-testid": "header-community-button", children: [
             /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities" }),
             /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
           ] }) }),
           searchWorkflow ? /* @__PURE__ */ jsx(SearchEngine, {}) : null,
-          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
+          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", "data-testid": "header-user-profile-button", children: [
             /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }),
             /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.myaccount") })
           ] }) }),
           /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx("hr", { className: "dropdown-divider" }) }),
-          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link dropdown-item", children: [
+          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link dropdown-item", "data-testid": "header-logout-button", children: [
             /* @__PURE__ */ jsx(SvgIconDisconnect, { className: "icon logout" }),
             /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
           ] }) })

package/dist/components/Layout/components/NavLink.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-export interface NavLinkProps<T> {
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface NavLinkProps<T> extends Omit<ComponentPropsWithoutRef<'a'>, 'className' | 'translate'> {
     /**
      * href link
      */
@@ -21,4 +21,4 @@ export interface NavLinkProps<T> {
      */
     button?: boolean;
 }
-export declare function NavLink({ link, className, children, translate, button, ...restProps }: NavLinkProps<string>): import("react/jsx-runtime").JSX.Element;
+export declare const NavLink: import('react').ForwardRefExoticComponent<NavLinkProps<string> & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/Layout/components/NavLink.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import VisuallyHidden from "../../VisuallyHidden/VisuallyHidden.js";
-function NavLink({
+function NavLinkRender({
   link,
   className,
   children,
@@ -9,13 +10,14 @@ function NavLink({
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   button,
   ...restProps
-}) {
+}, ref) {
   const classes = clsx("nav-link", className);
-  return /* @__PURE__ */ jsxs("a", { href: link, className: classes, ...restProps, children: [
+  return /* @__PURE__ */ jsxs("a", { ref, href: link, className: classes, ...restProps, children: [
     children,
     translate && /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { className: "nav-text", children: translate }) })
   ] });
 }
+const NavLink = /* @__PURE__ */ forwardRef(NavLinkRender);
 export {
   NavLink
 };

package/dist/homepage.js

@@ -11,6 +11,9 @@ import { default as default11 } from "./modules/homepage/components/Notification
 import { NotificationListContainer } from "./modules/homepage/components/Notifications/NotificationListContainer.js";
 import { default as default12 } from "./modules/homepage/components/SchoolSpace/SchoolSpace.js";
 import { default as default13 } from "./modules/homepage/components/UserSpace/UserSpace.js";
+import { Agenda } from "./modules/homepage/components/Agenda/Agenda.js";
+import { AgendaContainer } from "./modules/homepage/components/Agenda/AgendaContainer.js";
+import { AgendaEventCard } from "./modules/homepage/components/Agenda/AgendaEventCard.js";
 import { CommunitiesContainer } from "./modules/homepage/components/Communities/CommunitiesContainer.js";
 import { Favorites } from "./modules/homepage/components/Favorites/Favorites.js";
 import { FavoritesContainer } from "./modules/homepage/components/Favorites/FavoritesContainer.js";
@@ -28,6 +31,9 @@ import { WidgetToggle } from "./modules/homepage/components/WidgetsPersonalizati
 import { WidgetsPersonalizationPanel } from "./modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js";
 import { useCommunities } from "./modules/homepage/components/Communities/useCommunities.js";
 export {
+  Agenda,
+  AgendaContainer,
+  AgendaEventCard,
   default2 as Communities,
   CommunitiesContainer,
   default3 as CommunitiesItem,

package/dist/modules/homepage/components/Agenda/Agenda.d.ts

@@ -0,0 +1,10 @@
+import { CalendarEvent } from '@edifice.io/client';
+export interface AgendaProps {
+    events: CalendarEvent[];
+    onEventClick?: (event: CalendarEvent) => void;
+    onOpenAgendaClick?: () => void;
+}
+export declare const Agenda: {
+    ({ events, onEventClick, onOpenAgendaClick, }: AgendaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/modules/homepage/components/Agenda/Agenda.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import illuEmptyAgenda from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-agenda.svg";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import { AgendaEventCard } from "./AgendaEventCard.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1), Agenda = ({
+  events,
+  onEventClick,
+  onOpenAgendaClick = () => window.open("/calendar", "_self")
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate,
+    dateIsSame
+  } = useDate(), dayGroups = useMemo(() => {
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    return events.reduce((groups, event) => {
+      const lastGroup = groups[groups.length - 1];
+      return lastGroup && dateIsSame(lastGroup.date, event.startMoment, "day") ? (lastGroup.events.push(event), groups) : (groups.push({
+        key: event.id,
+        date: event.startMoment,
+        weekday: capitalize(formatDate(event.startMoment, "ddd")),
+        day: formatDate(event.startMoment, "D"),
+        month: dateIsSame(event.startMoment, now, "month") ? void 0 : formatDate(event.startMoment, "MMM"),
+        events: [event]
+      }), groups);
+    }, []);
+  }, [events, dateIsSame, formatDate]);
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.agenda.title"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconExternalLink, { width: "20", height: "20" }), onActionClick: onOpenAgendaClick, actionProps: {
+      "aria-label": t("homepage.agenda.openAgenda"),
+      "data-testid": "agenda-button-open"
+    } }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: dayGroups.length === 0 ? /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "8", className: "agenda-empty", children: [
+      /* @__PURE__ */ jsx("img", { src: illuEmptyAgenda, alt: "", width: 64, height: 64 }),
+      /* @__PURE__ */ jsx("span", { className: "agenda-empty-text", children: t("homepage.agenda.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", className: "agenda-content", children: dayGroups.map((group) => /* @__PURE__ */ jsxs(Flex, { gap: "4", className: "agenda-day-group", "data-testid": "agenda-day-group", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", className: "agenda-day-group-date", children: [
+        /* @__PURE__ */ jsx("span", { children: group.weekday }),
+        /* @__PURE__ */ jsx("span", { className: "agenda-day-group-date-number", children: group.day }),
+        group.month && /* @__PURE__ */ jsx("span", { children: group.month })
+      ] }),
+      /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", className: "agenda-day-group-events", children: group.events.map((event) => /* @__PURE__ */ jsx(AgendaEventCard, { event, onClick: () => onEventClick == null ? void 0 : onEventClick(event) }, event.id)) })
+    ] }, group.key)) }) })
+  ] });
+};
+export {
+  Agenda
+};

package/dist/modules/homepage/components/Agenda/AgendaContainer.d.ts

@@ -0,0 +1 @@
+export declare function AgendaContainer(): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/Agenda/AgendaContainer.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Agenda } from "./Agenda.js";
+import { useAgendaContainer } from "./hooks/useAgendaContainer.js";
+function AgendaContainer() {
+  const {
+    events
+  } = useAgendaContainer();
+  return /* @__PURE__ */ jsx(Agenda, { events, onEventClick: (event) => {
+    window.open(`/calendar#/view/${event.calendarId}/event/${event.id}`, "_self");
+  } });
+}
+export {
+  AgendaContainer
+};

package/dist/modules/homepage/components/Agenda/AgendaEventCard.d.ts

@@ -0,0 +1,10 @@
+import { CalendarEvent } from '@edifice.io/client';
+import { MouseEventHandler } from 'react';
+export interface AgendaEventCardProps {
+    event: CalendarEvent;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const AgendaEventCard: {
+    ({ event, onClick }: AgendaEventCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/modules/homepage/components/Agenda/AgendaEventCard.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconClock from "../../../icons/components/IconClock.js";
+import useDate from "../../../../hooks/useDate/useDate.js";
+import Flex from "../../../../components/Flex/Flex.js";
+const capitalize = (value) => value.charAt(0).toUpperCase() + value.slice(1), AgendaEventCard = ({
+  event,
+  onClick
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    formatDate,
+    dateIsSame
+  } = useDate(), formatTime = (date) => formatDate(date, "HH[h]mm"), timeLabel = event.allDay ? t("homepage.agenda.allDay") : dateIsSame(event.startMoment, event.endMoment, "day") ? `${formatTime(event.startMoment)} - ${formatTime(event.endMoment)}` : t("homepage.agenda.multiDayTime", {
+    startTime: formatTime(event.startMoment),
+    endDay: capitalize(formatDate(event.endMoment, "ddd D")),
+    endTime: formatTime(event.endMoment)
+  });
+  return /* @__PURE__ */ jsxs("button", { type: "button", className: "agenda-event-card", onClick, "data-testid": "agenda-event-card", children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "agenda-event-card-time", children: [
+      /* @__PURE__ */ jsx(SvgIconClock, { width: "20", height: "20" }),
+      /* @__PURE__ */ jsx("span", { children: timeLabel })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "agenda-event-card-title", children: event.title })
+  ] });
+};
+export {
+  AgendaEventCard
+};

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.d.ts

@@ -0,0 +1,14 @@
+import { CalendarEvent } from '@edifice.io/client';
+/** Number of upcoming events shown by the widget. */
+export declare const MAX_VISIBLE_EVENTS = 3;
+export interface UseAgendaContainerReturn {
+    events: CalendarEvent[];
+    isLoading: boolean;
+    error: Error | null;
+}
+/**
+ * Loads the current user's calendars, then their events, and keeps only the
+ * next `MAX_VISIBLE_EVENTS` events that haven't fully elapsed yet — an event
+ * still in progress (end date in the future) counts as "upcoming" too.
+ */
+export declare const useAgendaContainer: () => UseAgendaContainerReturn;

package/dist/modules/homepage/components/Agenda/hooks/useAgendaContainer.js

@@ -0,0 +1,27 @@
+import dayjs from "dayjs";
+import { useMemo } from "react";
+import { useCalendars, useEvents } from "../services/queries/agenda.js";
+const MAX_VISIBLE_EVENTS = 3, useAgendaContainer = () => {
+  const {
+    data: calendars,
+    isLoading: isLoadingCalendars,
+    error: calendarsError
+  } = useCalendars(), calendarIds = useMemo(() => (calendars == null ? void 0 : calendars.map((calendar) => calendar.id)) ?? [], [calendars]), {
+    data: rawEvents,
+    isLoading: isLoadingEvents,
+    error: eventsError
+  } = useEvents(calendarIds, MAX_VISIBLE_EVENTS);
+  return {
+    events: useMemo(() => {
+      if (!rawEvents) return [];
+      const now = dayjs();
+      return rawEvents.filter((event) => dayjs(event.endMoment).isAfter(now)).sort((a, b) => dayjs(a.startMoment).diff(dayjs(b.startMoment))).slice(0, MAX_VISIBLE_EVENTS);
+    }, [rawEvents]),
+    isLoading: isLoadingCalendars || isLoadingEvents,
+    error: calendarsError ?? eventsError
+  };
+};
+export {
+  MAX_VISIBLE_EVENTS,
+  useAgendaContainer
+};

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

@@ -0,0 +1,3 @@
+export * from './Agenda';
+export * from './AgendaContainer';
+export * from './AgendaEventCard';

package/dist/modules/homepage/components/Agenda/services/api/agendaService.d.ts

@@ -0,0 +1,24 @@
+import { Calendar, CalendarEvent } from '@edifice.io/client';
+/**
+ * Creates an agenda service with methods to fetch the current user's
+ * calendars and upcoming events (homepage "Agenda" widget).
+ *
+ * Backend contract (provisional, see IMPULS-5880/IMPULS-6095): `GET
+ * /calendar/calendars` lists the user's calendars, `GET
+ * /calendar/events/widget?calendarId=...&nb=N` returns up to `N` events for
+ * the given calendars. Whether that second endpoint already excludes past
+ * (fully elapsed) events isn't guaranteed, so callers should re-apply that
+ * filter themselves.
+ *
+ * @param baseURL The base URL for the agenda service API.
+ */
+export declare const createAgendaService: (baseURL: string) => {
+    /**
+     * Get the calendars the current user can see events from.
+     */
+    getCalendars(): Promise<Calendar[]>;
+    /**
+     * Get up to `nb` events for the given calendars, in no particular order.
+     */
+    getEvents(calendarIds: string[], nb: number): Promise<CalendarEvent[]>;
+};

package/dist/modules/homepage/components/Agenda/services/api/agendaService.js

@@ -0,0 +1,45 @@
+import { odeServices } from "@edifice.io/client";
+const toCalendar = ({
+  _id,
+  title,
+  color,
+  isExternal
+}) => ({
+  id: _id,
+  title,
+  color,
+  isExternal
+}), toCalendarEvent = ({
+  _id,
+  title,
+  allday,
+  startMoment,
+  endMoment,
+  calendar
+}) => ({
+  id: _id,
+  calendarId: calendar[0],
+  title,
+  startMoment,
+  endMoment,
+  allDay: allday
+}), createAgendaService = (baseURL) => ({
+  /**
+   * Get the calendars the current user can see events from.
+   */
+  async getCalendars() {
+    return (await odeServices.http().get(`${baseURL}/calendar/calendars`)).map(toCalendar);
+  },
+  /**
+   * Get up to `nb` events for the given calendars, in no particular order.
+   */
+  async getEvents(calendarIds, nb) {
+    if (calendarIds.length === 0)
+      return [];
+    const query = new URLSearchParams();
+    return calendarIds.forEach((id) => query.append("calendarId", id)), query.set("nb", String(nb)), (await odeServices.http().get(`${baseURL}/calendar/events/widget?${query.toString()}`)).map(toCalendarEvent);
+  }
+});
+export {
+  createAgendaService
+};

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

@@ -0,0 +1,4 @@
+export declare const agendaService: {
+    getCalendars(): Promise<import('@edifice.io/client').Calendar[]>;
+    getEvents(calendarIds: string[], nb: number): Promise<import('@edifice.io/client').CalendarEvent[]>;
+};

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

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

package/dist/modules/homepage/components/Agenda/services/queries/agenda.d.ts

@@ -0,0 +1,19 @@
+import { Calendar, CalendarEvent } from '@edifice.io/client';
+export declare const agendaQueryKeys: {
+    calendars: () => readonly ["agenda", "calendars"];
+    events: (calendarIds: string[], nb: number) => readonly ["agenda", "events", string[], number];
+};
+export declare const agendaQueryOptions: {
+    getCalendars(): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<Calendar[], Error, Calendar[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<Calendar[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, Calendar[]>;
+    };
+    getEvents(calendarIds: string[], nb: number): import('@tanstack/react-query').OmitKeyof<import('@tanstack/react-query').UseQueryOptions<CalendarEvent[], Error, CalendarEvent[], import('@tanstack/react-query').QueryKey>, "queryFn"> & {
+        queryFn?: import('@tanstack/react-query').QueryFunction<CalendarEvent[], import('@tanstack/react-query').QueryKey, never> | undefined;
+    } & {
+        queryKey: import('@tanstack/react-query').DataTag<import('@tanstack/react-query').QueryKey, CalendarEvent[]>;
+    };
+};
+export declare const useCalendars: () => import('@tanstack/react-query').UseQueryResult<Calendar[], Error>;
+export declare const useEvents: (calendarIds: string[], nb: number) => import('@tanstack/react-query').UseQueryResult<CalendarEvent[], Error>;

package/dist/modules/homepage/components/Agenda/services/queries/agenda.js

@@ -0,0 +1,26 @@
+import { useQuery, queryOptions } from "@tanstack/react-query";
+import { agendaService } from "../api/index.js";
+const agendaQueryKeys = {
+  calendars: () => ["agenda", "calendars"],
+  events: (calendarIds, nb) => ["agenda", "events", calendarIds, nb]
+}, agendaQueryOptions = {
+  getCalendars() {
+    return queryOptions({
+      queryKey: agendaQueryKeys.calendars(),
+      queryFn: async () => agendaService.getCalendars()
+    });
+  },
+  getEvents(calendarIds, nb) {
+    return queryOptions({
+      queryKey: agendaQueryKeys.events(calendarIds, nb),
+      queryFn: async () => agendaService.getEvents(calendarIds, nb),
+      enabled: calendarIds.length > 0
+    });
+  }
+}, useCalendars = () => useQuery(agendaQueryOptions.getCalendars()), useEvents = (calendarIds, nb) => useQuery(agendaQueryOptions.getEvents(calendarIds, nb));
+export {
+  agendaQueryKeys,
+  agendaQueryOptions,
+  useCalendars,
+  useEvents
+};

package/dist/modules/homepage/components/Communities/Communities.js

@@ -24,8 +24,8 @@ const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communi
         height: 80
       } }),
       /* @__PURE__ */ jsxs("div", { className: "communities-empty-content", children: [
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle", "Créez votre première communauté pour animer votre classe !") }),
-        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description", "Vous pouvez centraliser et organiser les documents et les ressources pour vos élèves.") })
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description") })
       ] })
     ] }) }) })
   ] });

package/dist/modules/homepage/components/Header/Header.js

@@ -2,6 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { useId } from "react";
+import { MyAppsPopoverBody, MyAppsPopoverFooter } from "./MyAppsPopover.js";
+import { useSafeHoverPopover } from "./useSafeHoverPopover.js";
 import { Navbar } from "../../../../components/Layout/components/Navbar.js";
 import { NavItem } from "../../../../components/Layout/components/NavItem.js";
 import { NavLink } from "../../../../components/Layout/components/NavLink.js";
@@ -18,13 +20,13 @@ import useConversation from "../../../../hooks/useConversation/useConversation.j
 import useUser from "../../../../hooks/useUser/useUser.js";
 import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
 import { useEdificeTheme } from "../../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import useHover from "../../../../hooks/useHover/useHover.js";
+import useBreakpoint from "../../../../hooks/useBreakpoint/useBreakpoint.js";
 import LogoBeta from "../../../../components/LogoBeta/LogoBeta.js";
 import Badge from "../../../../components/Badge/Badge.js";
 import VisuallyHidden from "../../../../components/VisuallyHidden/VisuallyHidden.js";
 import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
 import Avatar from "../../../../components/Avatar/Avatar.js";
-import { Popover, PopoverBody } from "../../../../components/Popover/Popover.js";
+import { Popover, PopoverBody, PopoverFooter } from "../../../../components/Popover/Popover.js";
 const Header = ({
   src = "",
   onNotificationsClick,
@@ -41,13 +43,21 @@ const Header = ({
     userAvatar,
     userName,
     communitiesWorkflow,
-    conversationWorflow
+    conversationWorflow,
+    bookmarkedApps
   } = useHeader({
     user,
     avatar
   }), {
     theme
-  } = useEdificeTheme(), hasMessages = messages > 0, hasNotificationToday = useHasNotificationToday(), [userRef, isUserHovered] = useHover(), popoverUserId = useId(), handleNotificationsClick = () => {
+  } = useEdificeTheme(), hasMessages = messages > 0, hasNotificationToday = useHasNotificationToday(), popoverUserId = useId(), popoverAppsId = useId(), {
+    lg: isDesktop
+  } = useBreakpoint(), myApps = useSafeHoverPopover({
+    hoverEnabled: isDesktop,
+    clickEnabled: !isDesktop
+  }), userMenu = useSafeHoverPopover(), handleMyAppsClick = (event) => {
+    isDesktop || event.preventDefault();
+  }, handleNotificationsClick = () => {
     onNotificationsClick == null || onNotificationsClick();
   };
   return /* @__PURE__ */ jsx("header", { className: classes, "data-product": dataProduct, children: /* @__PURE__ */ jsxs(Navbar, { className: "px-24", children: [
@@ -66,7 +76,15 @@ const Header = ({
         /* @__PURE__ */ jsx(SvgIconMessagesBeta, {}),
         /* @__PURE__ */ jsx(VisuallyHidden, { children: t("conversation") })
       ] }) }),
-      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), "data-testid": "header-my-apps-button", children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }) }),
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
+        /* @__PURE__ */ jsx(NavLink, { ref: myApps.setReference, link: "/welcome", translate: t("navbar.applications"), id: popoverAppsId, "aria-haspopup": "true", "aria-expanded": myApps.open, "data-testid": "header-my-apps-button", ...myApps.getReferenceProps({
+          onClick: handleMyAppsClick
+        }), children: /* @__PURE__ */ jsx(SvgIconMyAppsBeta, {}) }),
+        /* @__PURE__ */ jsxs(Popover, { ref: myApps.setFloating, className: "my-apps-popover", id: popoverAppsId, isVisible: myApps.open, ...myApps.getFloatingProps(), children: [
+          /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(MyAppsPopoverBody, { bookmarkedApps }) }),
+          /* @__PURE__ */ jsx(PopoverFooter, { className: "d-flex justify-content-center", children: /* @__PURE__ */ jsx(MyAppsPopoverFooter, {}) })
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
         /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconNotificationBeta, {}), variant: "ghost", onClick: handleNotificationsClick }),
         hasNotificationToday && /* @__PURE__ */ jsx("span", { style: {
@@ -81,13 +99,11 @@ const Header = ({
           pointerEvents: "none",
           zIndex: 1,
           display: "block"
-        }, "aria-label": t("homepage.notifications.new-badge", {
-          defaultValue: "Nouvelle notification"
-        }) })
+        }, "aria-label": t("homepage.notifications.new-badge") })
       ] }),
-      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: userRef, id: popoverUserId, "aria-haspopup": "true", "aria-expanded": isUserHovered, "data-testid": "header-user-menu-button", children: [
-        /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", translate: t("navbar.myaccount"), "data-testid": "header-user-profile-button", children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
-        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", children: [
+        /* @__PURE__ */ jsx(NavLink, { ref: userMenu.setReference, link: "/userbook/mon-compte", translate: t("navbar.myaccount"), id: popoverUserId, "aria-haspopup": "true", "aria-expanded": userMenu.open, "data-testid": "header-user-profile-button", ...userMenu.getReferenceProps(), children: /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }) }),
+        /* @__PURE__ */ jsx(Popover, { ref: userMenu.setFloating, align: "end", className: "widget", id: popoverUserId, isVisible: userMenu.open, ...userMenu.getFloatingProps(), children: /* @__PURE__ */ jsxs(PopoverBody, { children: [
           /* @__PURE__ */ jsxs("a", { href: "/timeline/customize?callback=" + encodeURIComponent(`${window.location.pathname}${window.location.search}`), className: "nav-link customize d-flex align-items-center gap-8", "data-testid": "header-customize-button", children: [
             /* @__PURE__ */ jsx(SvgIconSetBackground, { className: "icon" }),
             /* @__PURE__ */ jsx("span", { id: "cutomize-label", className: "nav-text", children: t("navbar.customize") })

package/dist/modules/homepage/components/Header/MyAppsPopover.d.ts

@@ -0,0 +1,5 @@
+import { IWebApp } from '@edifice.io/client';
+export declare const MyAppsPopoverFooter: () => import("react/jsx-runtime").JSX.Element;
+export declare const MyAppsPopoverBody: ({ bookmarkedApps, }: {
+    bookmarkedApps: IWebApp[] | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/Header/MyAppsPopover.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyFavorite from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-favorite.svg";
+import Flex from "../../../../components/Flex/Flex.js";
+import AppIcon from "../../../../components/AppIcon/AppIcon.js";
+const MAX_VISIBLE_APPS = 10, appToOpenOnBlank = ["Administration"], MyAppsPopoverFooter = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("a", { href: "/welcome", className: "btn-beta btn-beta-tertiary btn-beta--ghost btn-beta--small", "data-testid": "header-my-apps-popover-more", children: /* @__PURE__ */ jsx("span", { children: t("homepage.header.myapps.seeMore") }) });
+}, MyAppsPopoverBody = ({
+  bookmarkedApps
+}) => {
+  const {
+    t
+  } = useTranslation(), getAppName = (app) => app.prefix && app.prefix.length > 1 ? t(app.prefix.substring(1)) : t(app.displayName) || "";
+  return bookmarkedApps != null && bookmarkedApps.length ? /* @__PURE__ */ jsx("div", { className: "my-apps-popover-grid", "data-testid": "header-my-apps-popover", children: bookmarkedApps.slice(0, MAX_VISIBLE_APPS).map((app, index) => {
+    const opensInNewTab = appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank", appName = getAppName(app);
+    return /* @__PURE__ */ jsx("a", { href: app.address, title: appName, "aria-label": appName, className: "my-apps-popover-item", "data-testid": "header-my-apps-popover-item", target: opensInNewTab ? "_blank" : void 0, rel: opensInNewTab ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index);
+  }) }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "8", children: [
+    /* @__PURE__ */ jsx("img", { src: illuEmptyFavorite, alt: "", width: 50, height: 50 }),
+    /* @__PURE__ */ jsx("span", { className: "my-apps-popover-empty-text text-center", children: t("homepage.header.myapps.empty") })
+  ] });
+};
+export {
+  MyAppsPopoverBody,
+  MyAppsPopoverFooter
+};

package/dist/modules/homepage/components/Header/useSafeHoverPopover.js

@@ -0,0 +1,32 @@
+import { useState } from "react";
+import { useFloating, useHover, safePolygon, useClick, useDismiss, useFocus, useInteractions } from "@floating-ui/react";
+function useSafeHoverPopover({
+  hoverEnabled = !0,
+  clickEnabled = !1
+} = {}) {
+  const [open, setOpen] = useState(!1), {
+    refs,
+    context
+  } = useFloating({
+    open,
+    onOpenChange: setOpen
+  }), hover = useHover(context, {
+    enabled: hoverEnabled,
+    handleClose: safePolygon()
+  }), click = useClick(context, {
+    enabled: clickEnabled
+  }), dismiss = useDismiss(context), focus = useFocus(context), {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([hover, click, dismiss, focus]);
+  return {
+    open,
+    setReference: refs.setReference,
+    setFloating: refs.setFloating,
+    getReferenceProps,
+    getFloatingProps
+  };
+}
+export {
+  useSafeHoverPopover
+};

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.d.ts

@@ -3,7 +3,11 @@ import { ButtonBeta } from '../../../../components';
 export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /** Title displayed on the left side of the header. */
     title: ReactNode;
-    /** Label of the action button displayed on the right side of the header. */
+    /**
+     * Label of the action button displayed on the right side of the header.
+     * Can be omitted for an icon-only button — pass `aria-label` via
+     * `actionProps` in that case.
+     */
     actionLabel?: ReactNode;
     /** Callback invoked when the action button is clicked. */
     onActionClick?: MouseEventHandler<HTMLButtonElement>;

package/dist/modules/homepage/components/HomeCard/HomeCardHeader.js

@@ -12,7 +12,7 @@ const HomeCardHeader = ({
   className,
   ...rest
 }) => {
-  const hasAction = !!actionLabel && !!onActionClick;
+  const hasAction = !!onActionClick && (!!actionLabel || !!actionLeftIcon || !!actionRightIcon);
   return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
     /* @__PURE__ */ jsx("h3", { className: "home-card-header-title", children: title }),
     hasAction && /* @__PURE__ */ jsx(ButtonBeta, { color: "tertiary", size: "sm", variant: "ghost", onClick: onActionClick, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", ...actionProps, children: actionLabel })

package/dist/modules/homepage/components/MessageFlashList/MessageFlash.js

@@ -47,7 +47,7 @@ const MessageFlash = ({
     }), title: t("close.message", {
       title: message.title
     }) }),
-    /* @__PURE__ */ jsx("div", { className: "message-flash-icon", role: "img", "aria-label": message.color === "red" ? t("warning") : t("information"), children: message.color && message.color === "red" ? /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}) : /* @__PURE__ */ jsx(SvgIconInfoCircle, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "message-flash-icon", role: "img", "aria-label": message.color === "red" ? t("homepage.messageFlash.warning") : t("homepage.messageFlash.information"), children: message.color && message.color === "red" ? /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}) : /* @__PURE__ */ jsx(SvgIconInfoCircle, {}) }),
     /* @__PURE__ */ jsxs(Flex, { direction: "column", className: "w-100 message-flash-body", children: [
       /* @__PURE__ */ jsx(Card.Title, { children: message.title }),
       /* @__PURE__ */ jsx("div", { ref: contentRef, className: classesContent, dangerouslySetInnerHTML: {

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

@@ -14,7 +14,7 @@ import Divider from "../../../../components/Divider/Divider.js";
 const NotificationList = ({
   notifications,
   notificationTypes,
-  selectedTypes,
+  selectedTypes = [],
   onFilterChange,
   onCloseNotifications,
   onLoadNextPage,
@@ -25,19 +25,19 @@ const NotificationList = ({
     t
   } = useTranslation(), loadNextRef = useInfiniteScroll({
     callback: () => onLoadNextPage == null ? void 0 : onLoadNextPage()
-  }), handleCloseClick = () => {
+  }), handleFilterChange = (types) => onFilterChange == null ? void 0 : onFilterChange(types), 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__ */ 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) })
+        notificationTypes && notificationTypes.length > 0 && /* @__PURE__ */ jsx(NotificationFilterMenu, { notificationTypes, selectedTypes, onFilterChange: handleFilterChange })
       ] }),
       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: 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: [
+    isLoading && !(notifications != null && notifications.length) ? /* @__PURE__ */ jsx(NotificationListSkeleton, {}) : !notifications || 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.map((notification, index) => /* @__PURE__ */ jsxs("li", { children: [
         /* @__PURE__ */ jsx(NotificationItem, { notification }),
         /* @__PURE__ */ jsx(Divider, { className: "border-grey-300 my-0" })
       ] }, "notification-list-" + notification._id + "-" + index)) }),

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

@@ -3,9 +3,9 @@ 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: [
+const NotificationSkeleton = /* @__PURE__ */ React.forwardRef((_props, ref) => /* @__PURE__ */ jsx(Flex, { direction: "column", className: "notification-item", gap: "8", ref, children: /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
   /* @__PURE__ */ jsx("div", { className: "notification-item-picture", children: /* @__PURE__ */ jsx(Avatar, { alt: "Notification Picture", variant: "circle", className: "notification-item-avatar" }) }),
-  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-message", children: [
+  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-item-message", children: [
     /* @__PURE__ */ jsx(TextSkeleton, {}),
     /* @__PURE__ */ jsx(TextSkeleton, {}),
     /* @__PURE__ */ jsx("div", { className: "placeholder col-4", style: {

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

@@ -16,11 +16,7 @@ const NotificationFilterMenu = ({
     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" }),
+    /* @__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"), title: t("homepage.notifications.filter-modal.trigger"), onClick: () => setIsOpen(!0), "data-testid": "notification-filter-button" }),
     isOpen && /* @__PURE__ */ jsx(NotificationFilterModal, { isOpen, allTypes: notificationTypes, appliedTypes: selectedTypes, onCancel: () => setIsOpen(!1), onApply: handleApply })
   ] });
 };

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

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useState, useRef, useMemo, useEffect } from "react";
+import { useState, useMemo } 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 ModalBeta from "../../../../../components/ModalBeta/ModalBeta.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 = ({
@@ -18,7 +19,7 @@ const NotificationFilterModal = ({
   const {
     t,
     i18n
-  } = useTranslation(), [selected, setSelected] = useState(appliedTypes), refSelectAllCheckbox = useRef(null), allTypesSorted = useMemo(() => allTypes.map((type) => {
+  } = useTranslation(), [selected, setSelected] = useState(appliedTypes), allTypesSorted = useMemo(() => allTypes.map((type) => {
     const [appCode, appI18nKey] = getAppCodeAndI18nKey(type), label = t(appI18nKey, {
       defaultValue: appCode
     });
@@ -35,16 +36,13 @@ const NotificationFilterModal = ({
   }, toggleAll = () => {
     setSelected(selected.length === allTypes.length ? [] : allTypes);
   };
-  return useEffect(() => {
-    refSelectAllCheckbox.current && (refSelectAllCheckbox.current.indeterminate = selected.length > 0 && selected.length < allTypes.length);
-  }, [selected.length, allTypes.length]), /* @__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") }),
-    /* @__PURE__ */ jsx(Modal.Subtitle, { children: t("homepage.notifications.filter-modal.subtitle") }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "notification-filter-modal", size: "l", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { subtitle: t("homepage.notifications.filter-modal.subtitle"), onModalClose: onCancel, children: t("homepage.notifications.filter-modal.title") }),
+    /* @__PURE__ */ jsxs(ModalBeta.Body, { children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "8", className: "mb-24", children: [
         /* @__PURE__ */ jsxs("label", { className: "notification-filter-select-all notification-filter-chip", children: [
           /* @__PURE__ */ jsx("span", { children: t("homepage.notifications.filter-modal.select-all") }),
-          /* @__PURE__ */ jsx("input", { type: "checkbox", ref: refSelectAllCheckbox, checked: selected.length === allTypes.length, className: "notification-filter-checkbox", onChange: toggleAll })
+          /* @__PURE__ */ jsx(Checkbox, { 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,
@@ -62,11 +60,11 @@ const NotificationFilterModal = ({
         }), children: [
           /* @__PURE__ */ jsx(AppIcon, { app: appCode, size: "24", iconFit: "contain" }),
           /* @__PURE__ */ jsx("span", { children: label }),
-          /* @__PURE__ */ jsx("input", { type: "checkbox", className: "notification-filter-checkbox", checked, onChange: () => toggleType(type) })
+          /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => toggleType(type) })
         ] }, type);
       }) })
     ] }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+    /* @__PURE__ */ jsxs(ModalBeta.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") })
     ] })

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

@@ -20,16 +20,10 @@ const NotificationOptionsMenu = ({
   } = 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__ */ jsx(IconButton, { ...triggerProps, type: "button", "aria-label": t("homepage.notifications.options.label"), 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"
-        }) })
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), onClick: () => setIsReportModalOpen(!0), children: t("homepage.notifications.options.report") }),
+        /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), onClick: () => deleteNotification(notificationId), children: t("homepage.notifications.options.delete") })
       ] })
     ] }) }),
     isReportModalOpen && /* @__PURE__ */ jsx(ReportNotificationModal, { isOpen: isReportModalOpen, onCancel: () => setIsReportModalOpen(!1), onConfirm: () => {

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

@@ -8,34 +8,36 @@ const resolveNotificationResourceUri = (params, type, appCode, eventType) => {
       return value;
 }, parseNotificationMessage = (message) => message.replace(/<\/a>/gi, "</strong>").replace(/<a\b[^>]*>/gi, "<strong>"), getAppCodeAndI18nKey = (appCode) => {
   appCode = appCode.toLowerCase();
-  let appI18nKey = appCode;
+  const appI18nKey = `homepage.notification.type.${appCode}`;
   switch (appCode) {
+    case "collaborativeeditor":
+      appCode = "pad";
+      break;
     case "collaborativewall":
       appCode = "collaborative-wall";
       break;
     case "formulaire":
-      appI18nKey = "formulaire", appCode = "forms";
+      appCode = "forms";
       break;
     case "messagerie":
-      appI18nKey = appCode = "conversation";
+      appCode = "conversation";
       break;
     case "news":
-      appI18nKey = appCode = "actualites";
+      appCode = "actualites";
       break;
     case "homeworks":
       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":
-      appI18nKey = "userbook_discovervisiblegroups", appCode = "userbook";
+      appCode = "userbook";
+      break;
+    case "viescolaire":
+      appCode = "vie-scolaire";
       break;
     default:
-      appI18nKey = appCode = appCode.replace(/_/g, "-");
+      appCode = appCode.replace(/_/g, "-");
   }
   return [appCode, appI18nKey];
 }, notificationAdapter = (notification) => {

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

@@ -14,31 +14,30 @@ const useNotificationListContainer = () => {
     mutate: saveTimelinePreference
   } = useSaveTimelinePreference(), [selectedTypes, setSelectedTypesState] = useState();
   useEffect(() => {
-    if (selectedTypes === void 0 && isFetchedTypes && isFetchedPreference) {
-      const preferredTypes = preference == null ? void 0 : preference.type;
-      setSelectedTypesState(preferredTypes && preferredTypes.length > 0 ? preferredTypes : notificationTypes ?? []);
-    }
+    selectedTypes === void 0 && isFetchedTypes && isFetchedPreference && setSelectedTypesState((preference == null ? void 0 : preference.type) ?? notificationTypes ?? []);
   }, [selectedTypes, isFetchedTypes, isFetchedPreference, preference, notificationTypes]);
   const setSelectedTypes = (types) => {
     setSelectedTypesState(types), saveTimelinePreference({
       ...preference,
       type: types
     });
-  }, {
-    data: notifications,
+  }, hasNoTypeSelected = (selectedTypes == null ? void 0 : selectedTypes.length) === 0, {
+    data,
     hasNextPage,
     isLoading: isLoadingNotifications,
     error: errorNotifications,
     fetchNextPage
-  } = useNotifications(selectedTypes ?? [], isFetchedTypes && !!selectedTypes);
+  } = useNotifications(selectedTypes ?? [], isFetchedTypes && !!selectedTypes && !hasNoTypeSelected);
   return {
-    notifications,
+    notifications: hasNoTypeSelected ? [] : data,
     notificationTypes,
     selectedTypes,
     setSelectedTypes,
-    hasNextPage,
+    hasNextPage: hasNoTypeSelected ? !1 : hasNextPage,
     loadNextPage: () => fetchNextPage(),
-    isLoading: isLoadingTypes || isLoadingNotifications,
+    // The notification query stays disabled until the saved filter is
+    // read, so this wait must count as loading too.
+    isLoading: isLoadingTypes || selectedTypes === void 0 || isLoadingNotifications,
     error: errorTypes || errorNotifications
   };
 }, useHasNotificationToday = () => {

package/dist/modules/homepage/components/UserSpace/UserSpace.js

@@ -27,7 +27,7 @@ function UserSpace({
           /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
         ] })
       ] }),
-      onCustomizeWidgetsClick && /* @__PURE__ */ jsx(IconButton, { className: "user-space--customize-widgets", icon: /* @__PURE__ */ jsx(SvgIconAddWidget, {}), variant: "ghost", color: "tertiary", "aria-label": t("homepage.userSpace.customizeWidgets", "Personnaliser mes widgets"), onClick: onCustomizeWidgetsClick })
+      onCustomizeWidgetsClick && /* @__PURE__ */ jsx(IconButton, { className: "user-space--customize-widgets", icon: /* @__PURE__ */ jsx(SvgIconAddWidget, {}), variant: "ghost", color: "tertiary", "aria-label": t("homepage.userSpace.customizeWidgets"), onClick: onCustomizeWidgetsClick })
     ] }),
     children && /* @__PURE__ */ jsx(HomeCard.Content, { children })
   ] });

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

@@ -1,3 +1,4 @@
+export * from './Agenda';
 export * from './Communities';
 export * from './Favorites';
 export * from './Header';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.6.7-develop-b2school.20261009142401",
+  "version": "2.6.7-develop-b2school.20261009185039",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -140,9 +140,9 @@
     "swiper": "10.1.0",
     "ua-parser-js": "1.0.36",
     "zustand": "4.5.7",
-    "@edifice.io/bootstrap": "2.6.7-develop-b2school.20261009142401",
-    "@edifice.io/tiptap-extensions": "2.6.7-develop-b2school.20261009142401",
-    "@edifice.io/utilities": "2.6.7-develop-b2school.20261009142401"
+    "@edifice.io/bootstrap": "2.6.7-develop-b2school.20261009185039",
+    "@edifice.io/tiptap-extensions": "2.6.7-develop-b2school.20261009185039",
+    "@edifice.io/utilities": "2.6.7-develop-b2school.20261009185039"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.27.1",
@@ -173,8 +173,8 @@
     "vite": "5.4.14",
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
-    "@edifice.io/client": "2.6.7-develop-b2school.20261009142401",
-    "@edifice.io/config": "2.6.7-develop-b2school.20261009142401"
+    "@edifice.io/config": "2.6.7-develop-b2school.20261009185039",
+    "@edifice.io/client": "2.6.7-develop-b2school.20261009185039"
   },
   "peerDependencies": {
     "@react-spring/web": "9.7.5",