@edifice.io/react 2.6.7 → 2.6.8-develop-pedago.20261008121224

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

@@ -2,9 +2,10 @@ import { CommunityItemProps } from './CommunityItem';
 export interface CommunitiesProps {
     communitiesList?: CommunityItemProps[];
     handleActionClick: () => void;
+    canCreateCommunity?: boolean;
 }
 declare const Communities: {
-    ({ communitiesList, handleActionClick, }: CommunitiesProps): import("react/jsx-runtime").JSX.Element;
+    ({ communitiesList, handleActionClick, canCreateCommunity, }: CommunitiesProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Communities;

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

@@ -1,32 +1,33 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import illuCommunities from "@edifice.io/bootstrap/dist/images/homepage/illu-communities.svg";
-import { useMeasure } from "@uidotdev/usehooks";
 import { useTranslation } from "react-i18next";
 import SvgIconArrowRight from "../../../icons/components/IconArrowRight.js";
 import CommunityItem from "./CommunityItem.js";
 import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import Image from "../../../../components/Image/Image.js";
-const NARROW_CONTAINER_WIDTH = 800, MAX_ITEMS = 4, MAX_ITEMS_NARROW = 3, Communities = ({
+const Communities = ({
   communitiesList = [],
-  handleActionClick
+  handleActionClick,
+  canCreateCommunity = !1
 }) => {
   const {
     t
-  } = useTranslation(), [containerRef, {
-    width
-  }] = useMeasure(), maxItems = width !== null && width < NARROW_CONTAINER_WIDTH ? MAX_ITEMS_NARROW : MAX_ITEMS, visibleCommunities = communitiesList.slice(0, maxItems), itemWidth = `${100 / maxItems}%`;
+  } = useTranslation();
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 ? t("homepage.communities.actionLabel.seeMore") : t("homepage.communities.actionLabel.create"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title") }),
-    /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { ref: containerRef, gap: "16", children: visibleCommunities.length > 0 ? visibleCommunities.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: itemWidth }, index)) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { actionLabel: communitiesList.length > 0 || !canCreateCommunity ? t("homepage.communities.actionLabel.seeMore", "Voir plus") : t("homepage.communities.actionLabel.create", "Créer une communauté"), actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), onActionClick: handleActionClick, title: t("homepage.communities.title", "Mes communautés") }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: communitiesList.length > 0 ? /* @__PURE__ */ jsx("div", { className: "communities-list", children: communitiesList.map((community, index) => /* @__PURE__ */ jsx(CommunityItem, { title: community.title, communityImage: community.communityImage, onActionClick: community.onActionClick, nbNotifications: community.nbNotifications, width: "auto" }, index)) }) : /* @__PURE__ */ jsxs("div", { className: "communities-empty", children: [
       /* @__PURE__ */ jsx(Image, { src: illuCommunities, alt: "", "aria-hidden": "true", style: {
         width: 80,
         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("div", { className: "communities-empty-content", children: canCreateCommunity ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.teacher", "Réunissez vos élèves avec Communautés !") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.teacher", "Centralisez et organisez les documents et les ressources pour vos groupes d'élèves.") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-title", children: t("homepage.communities.subtitle.student", "Retrouvez toutes vos communautés ici ! ") }),
+        /* @__PURE__ */ jsx("p", { className: "communities-empty-description", children: t("homepage.communities.description.student", `Consultez l'onglet "Nouveaux partages" pour découvrir si vous avez été ajouté à une nouvelle communauté.`) })
+      ] }) })
     ] }) }) })
   ] });
 };

package/dist/modules/homepage/components/Communities/CommunitiesContainer.d.ts

@@ -5,7 +5,7 @@ export type CommunitiesContainerProps = {
     /** Handle a click on the header action button. If undefined, communities (or the community creation flow) will be opened. */
     onHeaderActionClick?: () => void;
 };
-export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities.";
+export declare function CommunitiesContainer({ onCommunityClick: handleCommunityClick, onHeaderActionClick: handleHeaderActionClick, }: CommunitiesContainerProps): import("react/jsx-runtime").JSX.Element | "An error occurred while loading communities." | null;
 export declare namespace CommunitiesContainer {
     var displayName: string;
 }

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

@@ -3,28 +3,32 @@ import { useCallback, useMemo } from "react";
 import Communities from "./Communities.js";
 import CommunitiesSkeleton from "./CommunitiesSkeleton.js";
 import { useCommunities } from "./useCommunities.js";
+import useHasWorkflow from "../../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const COMMUNITY_ACCESS_WORKFLOW = "community.access", COMMUNITY_CREATE_WORKFLOW = "community.create", COMMUNITY_WORKFLOWS = [COMMUNITY_ACCESS_WORKFLOW, COMMUNITY_CREATE_WORKFLOW];
 function CommunitiesContainer({
   onCommunityClick: handleCommunityClick = (community) => {
     window.open(`/communities/id/${community.id}/home`, "_self");
   },
   onHeaderActionClick: handleHeaderActionClick
 }) {
-  const {
+  const rights = useHasWorkflow(COMMUNITY_WORKFLOWS), canCreateCommunity = (rights == null ? void 0 : rights[COMMUNITY_CREATE_WORKFLOW]) === !0, hasCommunitiesRight = canCreateCommunity || (rights == null ? void 0 : rights[COMMUNITY_ACCESS_WORKFLOW]) === !0, {
     communities,
     isLoading,
     error
-  } = useCommunities(), handleActionClick = useCallback(() => {
+  } = useCommunities({
+    enabled: hasCommunitiesRight
+  }), handleActionClick = useCallback(() => {
     if (handleHeaderActionClick) {
       handleHeaderActionClick();
       return;
     }
-    window.open(communities.length > 0 ? "/communities" : "/communities/create/step-type", "_self");
-  }, [handleHeaderActionClick, communities.length]), mappedCommunities = useMemo(() => communities.map((community) => ({
+    window.open(communities.length === 0 && canCreateCommunity ? "/communities/create/step-type" : "/communities", "_self");
+  }, [handleHeaderActionClick, communities.length, canCreateCommunity]), mappedCommunities = useMemo(() => communities.map((community) => ({
     title: community.title,
     communityImage: community.image ?? "",
     onActionClick: () => handleCommunityClick(community)
   })), [communities, handleCommunityClick]);
-  return isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick });
+  return rights === void 0 || isLoading ? /* @__PURE__ */ jsx(CommunitiesSkeleton, {}) : hasCommunitiesRight ? error ? "An error occurred while loading communities." : /* @__PURE__ */ jsx(Communities, { communitiesList: mappedCommunities, handleActionClick, canCreateCommunity }) : null;
 }
 export {
   CommunitiesContainer

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

@@ -3,17 +3,14 @@ import HomeCard from "../HomeCard/HomeCard.js";
 import Flex from "../../../../components/Flex/Flex.js";
 import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
 import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
-const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
+const primaryTitleWidths = ["80%", "64%", "88%", "72%", "76%", "68%"], secondaryTitleWidths = ["56%", "44%", "60%", "48%", "52%", "40%"], CommunitiesSkeleton = () => /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", "data-testid": "communities-skeleton", children: [
   /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: "home-card-header", children: [
     /* @__PURE__ */ jsx(TextSkeleton, { size: "lg", className: "col-5" }),
     /* @__PURE__ */ jsx(ButtonSkeleton, { "aria-hidden": "true", size: "sm", className: "px-24", color: "tertiary" })
   ] }),
-  /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", style: {
-    width: "25%"
-  }, "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx(HomeCard.Content, { className: "communities-content", children: /* @__PURE__ */ jsx(Flex, { gap: "16", children: /* @__PURE__ */ jsx("div", { className: "communities-list", children: primaryTitleWidths.map((primaryWidth, index) => /* @__PURE__ */ jsxs("div", { className: "communities-item", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx("div", { className: "communities-item-image placeholder rounded", style: {
-      display: "block",
-      aspectRatio: "1 / 1"
+      display: "block"
     } }),
     /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", className: "mt-8", children: [
       /* @__PURE__ */ jsx("div", { style: {
@@ -25,7 +22,7 @@ const primaryTitleWidths = ["80%", "64%", "88%", "72%"], secondaryTitleWidths =
         alignSelf: "center"
       }, children: /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12", size: "sm" }) })
     ] })
-  ] }, primaryWidth)) }) })
+  ] }, primaryWidth)) }) }) })
 ] });
 export {
   CommunitiesSkeleton as default

package/dist/modules/homepage/components/Communities/useCommunities.d.ts

@@ -3,7 +3,10 @@ export interface CommunitiesModel {
     title: string;
     image?: string;
 }
-export declare function useCommunities(): {
+export declare const COMMUNITIES_PREVIEW_SIZE = 6;
+export declare function useCommunities({ enabled }?: {
+    enabled?: boolean;
+}): {
     communities: CommunitiesModel[];
     isLoading: boolean;
     error: Error | null;

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

@@ -1,6 +1,9 @@
 import { odeServices } from "@edifice.io/client";
 import { useQuery, queryOptions } from "@tanstack/react-query";
-function useCommunities() {
+const COMMUNITIES_PREVIEW_SIZE = 6;
+function useCommunities({
+  enabled = !0
+} = {}) {
   const {
     data,
     isLoading,
@@ -8,11 +11,12 @@ function useCommunities() {
   } = useQuery(queryOptions({
     queryKey: ["communities", "preview"],
     queryFn: async () => {
-      const http = odeServices.http(), response = await http.get("/communities/api/communities?page=1&size=4");
+      const http = odeServices.http(), response = await http.get(`/communities/api/communities?page=1&size=${COMMUNITIES_PREVIEW_SIZE}`);
       if (http.isResponseError())
         throw new Error(http.latestResponse.statusText);
       return response.items;
-    }
+    },
+    enabled
   }));
   return {
     communities: data ?? [],
@@ -21,5 +25,6 @@ function useCommunities() {
   };
 }
 export {
+  COMMUNITIES_PREVIEW_SIZE,
   useCommunities
 };

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

@@ -16,10 +16,10 @@ function Favorites({
     sensitivity: "base"
   })), [apps, t]);
   return /* @__PURE__ */ jsxs(HomeCard, { variant: "secondary", children: [
-    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title", "Favoris"), actionLabel: t("homepage.favorites.all", "Mes applis"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.favorites.title"), actionLabel: t("homepage.favorites.all"), onActionClick: onSeeAllClick, actionRightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}) }),
     /* @__PURE__ */ jsx(HomeCard.Content, { children: /* @__PURE__ */ jsx("div", { className: "favorites-content", children: visibleApps.length === 0 ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "12", children: [
       /* @__PURE__ */ jsx("img", { src: illuEmptyFavorite, alt: "", width: 50, height: 50 }),
-      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty", "Ajouter des applications à vos favoris pour les retrouver ici et y accéder rapidement !") })
+      /* @__PURE__ */ jsx("span", { className: "favorites-empty-text", children: t("homepage.favorites.empty") })
     ] }) : /* @__PURE__ */ jsx(Flex, { wrap: "wrap", gap: "8 16", children: visibleApps.map((app) => {
       const appName = getAppName(app), opensInNewTab = app.isExternal || app.target === "_blank";
       return /* @__PURE__ */ jsx("a", { href: app.address, "aria-label": appName, title: appName, target: opensInNewTab ? "_blank" : void 0, rel: opensInNewTab ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40", variant: "square" }) }, app.name);

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

@@ -6,6 +6,7 @@ import { Navbar } from "../../../../components/Layout/components/Navbar.js";
 import { NavItem } from "../../../../components/Layout/components/NavItem.js";
 import { NavLink } from "../../../../components/Layout/components/NavLink.js";
 import useHeader from "../../../../components/Layout/hooks/useHeader.js";
+import SvgIconSetBackground from "../../../icons/components/IconSetBackground.js";
 import SvgIconCommunitiesBeta from "../../../icons/components/nav/IconCommunitiesBeta.js";
 import SvgIconDisconnect from "../../../icons/components/nav/IconDisconnect.js";
 import SvgIconHomeBeta from "../../../icons/components/nav/IconHomeBeta.js";
@@ -86,10 +87,16 @@ const Header = ({
       ] }),
       /* @__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__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link logout d-flex align-items-center gap-8", "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") })
-        ] }) }) })
+        /* @__PURE__ */ jsx(Popover, { align: "end", className: "widget", id: popoverUserId, isVisible: isUserHovered, 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") })
+          ] }),
+          /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link logout d-flex align-items-center gap-8", "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/modules/homepage/components/HomeCard/HomeCard.d.ts

@@ -30,7 +30,7 @@ declare const HomeCard: {
     displayName: string;
 } & {
     Header: {
-        ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, actionProps, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Content: {

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

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
+import { ButtonBeta } from '../../../../components';
 export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /** Title displayed on the left side of the header. */
     title: ReactNode;
@@ -10,9 +11,22 @@ export interface HomeCardHeaderProps extends Omit<ComponentPropsWithoutRef<'div'
     actionLeftIcon?: ReactNode;
     /** Optional right icon of the action button. */
     actionRightIcon?: ReactNode;
+    /**
+     * Extra props spread onto the action button (e.g. `data-testid`) — its
+     * default `data-testid` (`home-card-header-action`) isn't unique across
+     * the several `HomeCard`s a page can render, so consumers doing that
+     * should override it here. The `data-*` index signature covers
+     * attributes like `data-testid` that `ButtonBetaProps` doesn't declare:
+     * TypeScript's built-in allowance for undeclared `data-*`/`aria-*`
+     * attributes only applies to attributes written directly on a JSX
+     * element, not to a plain object literal passed as a prop value.
+     */
+    actionProps?: ComponentPropsWithoutRef<typeof ButtonBeta> & {
+        [key: `data-${string}`]: string;
+    };
 }
 declare const HomeCardHeader: {
-    ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, actionLabel, onActionClick, actionLeftIcon, actionRightIcon, actionProps, className, ...rest }: HomeCardHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default HomeCardHeader;

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

@@ -8,13 +8,14 @@ const HomeCardHeader = ({
   onActionClick,
   actionLeftIcon,
   actionRightIcon,
+  actionProps,
   className,
   ...rest
 }) => {
   const hasAction = !!actionLabel && !!onActionClick;
-  return /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", gap: "8", className: clsx("home-card-header", className), ...rest, children: [
+  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, leftIcon: actionLeftIcon, rightIcon: actionRightIcon, "data-testid": "home-card-header-action", children: actionLabel })
+    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 })
   ] });
 };
 export {

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

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

@@ -11,7 +11,7 @@ const ReportNotificationModal = ({
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ jsxs(Modal, { id: "report-notification-modal", size: "lg", isOpen, onModalClose: onCancel, children: [
+  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"
     }) }),

package/dist/modules/homepage/components/Notifications/services/queries/notification.js

@@ -1,6 +1,8 @@
 import { odeServices } from "@edifice.io/client";
 import { useQuery, useInfiniteQuery, useMutation, useQueryClient, queryOptions, infiniteQueryOptions } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
 import { notificationService } from "../api/index.js";
+import useToast from "../../../../../../hooks/useToast/useToast.js";
 const notificationQueryKeys = {
   all: () => ["notifications"],
   notifications: (types = []) => [...notificationQueryKeys.all(), "list", types],
@@ -52,7 +54,9 @@ const notificationQueryKeys = {
 }, useReportNotification = () => useMutation({
   mutationFn: (id) => notificationService.reportNotification(id)
 }), useDeleteNotification = () => {
-  const queryClient = useQueryClient();
+  const {
+    t
+  } = useTranslation(), toast = useToast(), queryClient = useQueryClient();
   return useMutation({
     mutationFn: (id) => notificationService.deleteNotification(id),
     onSuccess: (_data, id) => {
@@ -61,7 +65,10 @@ const notificationQueryKeys = {
       }, (data) => data && {
         ...data,
         pages: data.pages.map((page) => page.filter((notification) => notification._id !== id))
-      });
+      }), toast.success(t("homepage.notifications.options.delete.success"));
+    },
+    onError: () => {
+      toast.error(t("homepage.notifications.options.delete.error"));
     }
   });
 };

package/dist/modules/homepage/components/UsefulLinks/LinkForm.d.ts

@@ -0,0 +1,13 @@
+import { UsefulLink, UsefulLinkPayload } from '@edifice.io/client';
+export interface LinkFormProps {
+    mode: 'add' | 'edit';
+    /** Link being edited. Ignored (and required to be undefined) in "add" mode. */
+    link?: UsefulLink;
+    isSubmitting: boolean;
+    /** Closes the form and goes back to the management modal, without saving. */
+    onCancel: () => void;
+    /** Closes the whole modal stack. */
+    onClose: () => void;
+    onSubmit: (payload: UsefulLinkPayload) => void;
+}
+export declare function LinkForm({ mode, link, isSubmitting, onCancel, onClose, onSubmit, }: LinkFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/modules/homepage/components/UsefulLinks/LinkForm.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useForm } from "react-hook-form";
+import ModalBeta from "../../../../components/ModalBeta/ModalBeta.js";
+import FormControl from "../../../../components/Form/FormControl.js";
+import Label from "../../../../components/Label/Label.js";
+import Input from "../../../../components/Input/Input.js";
+import ButtonBeta from "../../../../components/ButtonBeta/ButtonBeta.js";
+const NAME_MAX_LENGTH = 80, URL_PATTERN = /^https?:\/\/.+/i;
+function LinkForm({
+  mode,
+  link,
+  isSubmitting,
+  onCancel,
+  onClose,
+  onSubmit
+}) {
+  const {
+    t
+  } = useTranslation(), formId = "useful-link-form", {
+    register,
+    handleSubmit,
+    formState: {
+      errors,
+      isDirty,
+      isValid
+    }
+  } = useForm({
+    mode: "onChange",
+    defaultValues: {
+      name: (link == null ? void 0 : link.name) ?? "",
+      url: (link == null ? void 0 : link.url) ?? ""
+    }
+  }), title = t(mode === "add" ? "homepage.usefulLinks.form.addTitle" : "homepage.usefulLinks.form.editTitle"), handleFormSubmit = (data) => {
+    onSubmit({
+      name: data.name.trim(),
+      url: data.url.trim()
+    });
+  };
+  return /* @__PURE__ */ jsxs(ModalBeta, { id: "useful-link-modal", isOpen: !0, size: "l", onModalClose: onClose, children: [
+    /* @__PURE__ */ jsx(ModalBeta.Header, { onModalClose: onClose, children: title }),
+    /* @__PURE__ */ jsx(ModalBeta.Body, { children: /* @__PURE__ */ jsxs("form", { id: formId, onSubmit: handleSubmit(handleFormSubmit), children: [
+      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-name", className: "mb-16", isRequired: !0, children: [
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.name") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", maxLength: NAME_MAX_LENGTH, showCounter: !0, clearable: !0, "data-testid": "usefullinks-input-name", placeholder: t("homepage.usefulLinks.form.name.placeholder"), ...register("name", {
+          required: !0,
+          maxLength: NAME_MAX_LENGTH
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(FormControl, { id: "useful-link-url", isRequired: !0, status: errors.url ? "invalid" : void 0, children: [
+        /* @__PURE__ */ jsx(Label, { children: t("homepage.usefulLinks.form.url") }),
+        /* @__PURE__ */ jsx(Input, { type: "text", size: "md", "data-testid": "usefullinks-input-url", placeholder: t("homepage.usefulLinks.form.url.placeholder"), ...register("url", {
+          required: !0,
+          pattern: URL_PATTERN
+        }) }),
+        errors.url && /* @__PURE__ */ jsx(FormControl.Text, { children: t("homepage.usefulLinks.form.url.error") })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalBeta.Footer, { children: [
+      /* @__PURE__ */ jsx(ButtonBeta, { type: "button", variant: "ghost", color: "tertiary", "data-testid": "usefullinks-button-cancel", onClick: onCancel, children: t("homepage.usefulLinks.form.cancel") }),
+      /* @__PURE__ */ jsx(ButtonBeta, { form: formId, type: "submit", isLoading: isSubmitting, disabled: !isValid || !isDirty || isSubmitting, "data-testid": "usefullinks-button-save", children: t("homepage.usefulLinks.form.save") })
+    ] })
+  ] });
+}
+export {
+  LinkForm
+};

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

@@ -0,0 +1,6 @@
+import { UsefulLink } from '@edifice.io/client';
+export interface UsefulLinksProps {
+    links: UsefulLink[];
+    onEditClick: () => void;
+}
+export declare function UsefulLinks({ links, onEditClick }: UsefulLinksProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import illuEmptyUsefulLinks from "@edifice.io/bootstrap/dist/images/homepage/illu-empty-useful-links.png";
+import SvgIconEdit from "../../../icons/components/IconEdit.js";
+import HomeCard from "../HomeCard/HomeCard.js";
+import Image from "../../../../components/Image/Image.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import LinkPill from "../../../../components/LinkPill/LinkPill.js";
+function UsefulLinks({
+  links,
+  onEditClick
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs(HomeCard, { variant: "primary", children: [
+    /* @__PURE__ */ jsx(HomeCard.Header, { title: t("homepage.usefulLinks.title"), actionLabel: t("homepage.usefulLinks.edit"), actionLeftIcon: /* @__PURE__ */ jsx(SvgIconEdit, {}), onActionClick: onEditClick, actionProps: {
+      "data-testid": "usefullinks-button-edit"
+    } }),
+    /* @__PURE__ */ jsx(HomeCard.Content, { children: links.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "useful-links-widget__empty", children: [
+      /* @__PURE__ */ jsx(Image, { src: illuEmptyUsefulLinks, alt: "", "aria-hidden": "true", style: {
+        width: 160,
+        height: 87
+      } }),
+      /* @__PURE__ */ jsx("p", { className: "useful-links-widget__empty-text", children: t("homepage.usefulLinks.empty") })
+    ] }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "8", children: links.map((link) => /* @__PURE__ */ jsx(LinkPill, { href: link.url, label: link.name, "data-testid": `usefullinks-link-${link.id}` }, link.id)) }) })
+  ] });
+}
+export {
+  UsefulLinks
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.d.ts

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

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksContainer.js

@@ -0,0 +1,40 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useUsefulLinksContainer } from "./hooks/useUsefulLinksContainer.js";
+import { LinkForm } from "./LinkForm.js";
+import { UsefulLinks } from "./UsefulLinks.js";
+import { UsefulLinksModal } from "./UsefulLinksModal.js";
+function UsefulLinksContainer() {
+  const [view, setView] = useState({
+    name: "closed"
+  }), {
+    links,
+    canAddLink,
+    createLink,
+    isCreating,
+    updateLink,
+    isUpdating,
+    deleteLink
+  } = useUsefulLinksContainer(), closeAll = () => setView({
+    name: "closed"
+  }), backToManage = () => setView({
+    name: "manage"
+  }), handleSubmit = async (payload) => {
+    view.name === "edit" ? await updateLink(view.link.id, payload) : await createLink(payload), backToManage();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UsefulLinks, { links, onEditClick: () => setView({
+      name: "manage"
+    }) }),
+    /* @__PURE__ */ jsx(UsefulLinksModal, { isOpen: view.name === "manage", links, canAddLink, onClose: closeAll, onAddClick: () => setView({
+      name: "add"
+    }), onEditLink: (link) => setView({
+      name: "edit",
+      link
+    }), onDeleteLink: deleteLink }),
+    (view.name === "add" || view.name === "edit") && /* @__PURE__ */ jsx(LinkForm, { mode: view.name, link: view.name === "edit" ? view.link : void 0, isSubmitting: view.name === "edit" ? isUpdating : isCreating, onCancel: backToManage, onClose: closeAll, onSubmit: handleSubmit })
+  ] });
+}
+export {
+  UsefulLinksContainer
+};

package/dist/modules/homepage/components/UsefulLinks/UsefulLinksModal.d.ts

@@ -0,0 +1,11 @@
+import { UsefulLink } from '@edifice.io/client';
+export interface UsefulLinksModalProps {
+    isOpen: boolean;
+    links: UsefulLink[];
+    canAddLink: boolean;
+    onClose: () => void;
+    onAddClick: () => void;
+    onEditLink: (link: UsefulLink) => void;
+    onDeleteLink: (id: string) => void;
+}
+export declare function UsefulLinksModal({ isOpen, links, canAddLink, onClose, onAddClick, onEditLink, onDeleteLink, }: UsefulLinksModalProps): import("react/jsx-runtime").JSX.Element;