@edifice.io/react 2.6.9 → 2.6.10-develop-b2school.20261019104630

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", wrap: "wrap", 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, className: "home-card-header-action", 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/ReportNotificationModal.js

@@ -1,7 +1,7 @@
 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 ModalBeta from "../../../../../components/ModalBeta/ModalBeta.js";
 import ButtonBeta from "../../../../../components/ButtonBeta/ButtonBeta.js";
 const ReportNotificationModal = ({
   isOpen,
@@ -11,18 +11,12 @@ const ReportNotificationModal = ({
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ jsxs(Modal, { id: "report-notification-modal", size: "sm", 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: [
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "report-notification-modal", size: "m", isOpen, onModalClose: onCancel, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onCancel, children: t("homepage.notifications.report-modal.title") }),
+    /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsx("p", { children: t("homepage.notifications.report-modal.body") }) }),
+    /* @__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: onConfirm, type: "button", variant: "filled", leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), children: t("homepage.notifications.report-modal.confirm", {
-        defaultValue: "Signaler la notification"
-      }) })
+      /* @__PURE__ */ jsx(ButtonBeta, { color: "default", onClick: onConfirm, type: "button", variant: "filled", leftIcon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}), children: t("homepage.notifications.report-modal.confirm") })
     ] })
   ] });
 };

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/Qwant/Qwant.d.ts

@@ -0,0 +1,4 @@
+export interface QwantProps {
+    handleActionClick: () => void;
+}
+export default function Qwant({ handleActionClick }: QwantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import illuQwant from "@edifice.io/bootstrap/dist/images/homepage/illu-qwant.png";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import SvgIconSearch from "../../../icons/components/IconSearch.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import Image from "../../../../components/Image/Image.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Input from "../../../../components/Input/Input.js";
+function Qwant({
+  handleActionClick
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    register
+  } = useForm();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsxs("div", { className: "qwant__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "qwant__title", children: t("homepage.widget.qwant.title") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { className: "qwant__header-button", "data-testid": "qwant-button-open", "aria-label": t("homepage.widget.qwant.open"), onClick: handleActionClick, leftIcon: /* @__PURE__ */ jsx(SvgIconExternalLink, {}), variant: "ghost", color: "tertiary" })
+    ] }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsxs("div", { className: "qwant", children: [
+      /* @__PURE__ */ jsxs("div", { className: "qwant__intro", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuQwant, alt: "Qwant", className: "qwant__logo" }),
+        /* @__PURE__ */ jsx("p", { className: "qwant__description", children: t("homepage.widget.qwant.description") })
+      ] }),
+      /* @__PURE__ */ jsx("form", { method: "GET", action: "https://www.qwant.com", target: "_blank", className: "qwant__search", children: /* @__PURE__ */ jsxs(FormControl, { id: "inputQwantQuery", className: "qwant__search-field", children: [
+        /* @__PURE__ */ jsx(FormControl.Label, { className: "visually-hidden", children: t("search") }),
+        /* @__PURE__ */ jsx(Input, { "data-testid": "qwant-search-input", placeholder: t("search"), size: "md", type: "text", maxLength: 255, ...register("q") }),
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: "l", value: "fr" }),
+        /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconSearch, {}), type: "submit", "aria-label": t("search"), variant: "filled", color: "default" })
+      ] }) })
+    ] }) })
+  ] });
+}
+export {
+  Qwant as default
+};

package/dist/modules/homepage/components/Qwant/QwantContainer.d.ts

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

package/dist/modules/homepage/components/Qwant/QwantContainer.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import Qwant from "./Qwant.js";
+function QwantContainer() {
+  return /* @__PURE__ */ jsx(Qwant, { handleActionClick: () => {
+    window.open("https://www.qwant.com", "_blank", "noopener,noreferrer");
+  } });
+}
+export {
+  QwantContainer
+};

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

@@ -0,0 +1,3 @@
+export * from './Qwant';
+export { default as Qwant } from './Qwant';
+export * from './QwantContainer';

package/dist/modules/homepage/components/SchoolSpace/SchoolSpaceContainer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import SchoolSpace from "./SchoolSpace.js";
-import { useUserSchools } from "./useUserSchools.js";
+import { useUserSchools } from "../../hooks/useUserSchools.js";
 function SchoolSpaceContainer() {
   const {
     handleSelectedSchoolChange,

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

@@ -0,0 +1,8 @@
+import { School } from '@edifice.io/client';
+export interface UniversalisProps {
+    handleActionClick: () => void;
+    selectedSchool?: School;
+    onSelectedSchoolChange?: (school: School) => void;
+    schools?: School[];
+}
+export default function Universalis({ handleActionClick, selectedSchool, onSelectedSchoolChange, schools, }: UniversalisProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,62 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import illuUniversalis from "@edifice.io/bootstrap/dist/images/homepage/illu-universalis.png";
+import clsx from "clsx";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import SvgIconExternalLink from "../../../icons/components/IconExternalLink.js";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconSearch from "../../../icons/components/IconSearch.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+import Image from "../../../../components/Image/Image.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Input from "../../../../components/Input/Input.js";
+import { getRotateTransitionStyle } from "../../../../utilities/rotate-transition-style/get-rotate-transition-style.js";
+const UNIVERSALIS_ENGINE_PARAM = "www";
+function Universalis({
+  handleActionClick,
+  selectedSchool,
+  onSelectedSchoolChange,
+  schools
+}) {
+  const {
+    t
+  } = useTranslation(), {
+    register
+  } = useForm(), [isExpanded, setIsExpanded] = useState(!1), hasManySchools = !!(schools && schools.length > 1), hasUai = !!(selectedSchool != null && selectedSchool.UAI), searchLabel = t(hasUai ? "search" : "homepage.widget.universalis.noUai");
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsxs("div", { className: "universalis__header", children: [
+      /* @__PURE__ */ jsx("h3", { className: "universalis__title", children: t("homepage.widget.universalis.title") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { className: "universalis__header-button", "data-testid": "universalis-button-open", "aria-label": t("homepage.widget.universalis.open"), onClick: handleActionClick, leftIcon: /* @__PURE__ */ jsx(SvgIconExternalLink, {}), variant: "ghost", color: "tertiary" })
+    ] }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsxs("div", { className: "universalis", children: [
+      /* @__PURE__ */ jsxs("div", { className: "universalis__intro", children: [
+        /* @__PURE__ */ jsx(Image, { src: illuUniversalis, alt: "Universalis Éducation", className: "universalis__logo" }),
+        /* @__PURE__ */ jsx("p", { className: "universalis__description", children: t("homepage.widget.universalis.description") })
+      ] }),
+      hasManySchools && /* @__PURE__ */ jsx(Dropdown, { placement: "bottom-start", onToggle: setIsExpanded, children: (triggerProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("button", { ...triggerProps, type: "button", "aria-expanded": isExpanded, className: clsx("universalis__school-selector", {
+          "universalis__school-selector--open": isExpanded
+        }), children: [
+          /* @__PURE__ */ jsx("span", { className: "universalis__school-selector-label", children: selectedSchool == null ? void 0 : selectedSchool.name }),
+          /* @__PURE__ */ jsx(SvgIconRafterDown, { className: "universalis__school-selector-icon", style: getRotateTransitionStyle(isExpanded, {
+            degrees: 180
+          }) })
+        ] }),
+        /* @__PURE__ */ jsx(Dropdown.Menu, { children: schools == null ? void 0 : schools.map((school) => /* @__PURE__ */ jsx(Dropdown.Item, { onClick: () => onSelectedSchoolChange == null ? void 0 : onSelectedSchoolChange(school), children: school.name }, school.id)) })
+      ] }) }),
+      /* @__PURE__ */ jsx("form", { method: "GET", action: "https://www.universalis-edu.com/nomade/precherche/", target: "_blank", className: "universalis__search", children: /* @__PURE__ */ jsxs(FormControl, { id: "inputUniversalisQuery", className: "universalis__search-field", children: [
+        /* @__PURE__ */ jsx(FormControl.Label, { className: "visually-hidden", children: searchLabel }),
+        /* @__PURE__ */ jsx(Input, { placeholder: searchLabel, size: "md", type: "text", maxLength: 255, disabled: !hasUai, ...register("q") }),
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: "r", value: UNIVERSALIS_ENGINE_PARAM }),
+        /* @__PURE__ */ jsx("input", { type: "hidden", name: "uai", value: selectedSchool == null ? void 0 : selectedSchool.UAI }),
+        /* @__PURE__ */ jsx(ButtonBeta, { leftIcon: /* @__PURE__ */ jsx(SvgIconSearch, {}), type: "submit", "aria-label": searchLabel, variant: "filled", color: "default", disabled: !hasUai })
+      ] }) })
+    ] }) })
+  ] });
+}
+export {
+  Universalis as default
+};

package/dist/modules/homepage/components/Universalis/UniversalisContainer.d.ts

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

package/dist/modules/homepage/components/Universalis/UniversalisContainer.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { WIDGET_NAME } from "@edifice.io/client";
+import { useUserSchools } from "../../hooks/useUserSchools.js";
+import Universalis from "./Universalis.js";
+function UniversalisContainer() {
+  const {
+    handleSelectedSchoolChange,
+    ...otherProps
+  } = useUserSchools(WIDGET_NAME.UNIVERSALIS);
+  return /* @__PURE__ */ jsx(Universalis, { handleActionClick: () => {
+    window.open("http://www.universalis-edu.com", "_blank", "noopener,noreferrer");
+  }, onSelectedSchoolChange: handleSelectedSchoolChange, ...otherProps });
+}
+export {
+  UniversalisContainer
+};

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

@@ -0,0 +1,3 @@
+export * from './Universalis';
+export { default as Universalis } from './Universalis';
+export * from './UniversalisContainer';

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

@@ -5,8 +5,10 @@ export type UserSpaceProps = {
     avatar: string;
     profile: UserProfile[number];
     children?: ReactNode;
+    /** Renders a trigger button in the top-right corner when provided. */
+    onCustomizeWidgetsClick?: () => void;
 };
-declare function UserSpace({ name, avatar, profile, children, }: UserSpaceProps): import("react/jsx-runtime").JSX.Element;
+declare function UserSpace({ name, avatar, profile, children, onCustomizeWidgetsClick, }: UserSpaceProps): import("react/jsx-runtime").JSX.Element;
 declare namespace UserSpace {
     var displayName: string;
 }

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

@@ -1,27 +1,33 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import SvgIconAddWidget from "../../../icons/components/IconAddWidget.js";
 import SvgIconClass from "../../../icons/components/IconClass.js";
 import { useProfileLinks } from "./hooks/useProfileLinks.js";
 import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Avatar from "../../../../components/Avatar/Avatar.js";
+import IconButton from "../../../../components/Button/IconButton.js";
 import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
 function UserSpace({
   name,
   avatar,
   profile,
-  children
+  children,
+  onCustomizeWidgetsClick
 }) {
   const {
     t
   } = useTranslation(), links = useProfileLinks(profile);
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "user", footer: !!links && /* @__PURE__ */ jsx(Flex, { children: links.map((link, index) => /* @__PURE__ */ jsx(ButtonBeta, { size: "sm", variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgIconClass, {}), onClick: () => window.location.href = link.url, children: link.text }, `${link.url}-${index}`)) }), children: [
-    /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", gap: "8", children: [
-      /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
-        /* @__PURE__ */ jsx("div", { "data-testid": "user-space-profile", className: "user-space--profile", children: t(profile) })
-      ] })
+    /* @__PURE__ */ jsxs(Flex, { className: "user-space", direction: "row", justify: "between", gap: "8", children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", gap: "8", children: [
+        /* @__PURE__ */ jsx(Avatar, { className: "user-space--avatar", size: "auto", alt: name, src: avatar, variant: "circle" }),
+        /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+          /* @__PURE__ */ jsx("div", { "data-testid": "user-space-name", className: "user-space--name", children: name }),
+          /* @__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"), onClick: onCustomizeWidgetsClick })
     ] }),
     children && /* @__PURE__ */ jsx(HomeCard.Content, { children })
   ] });