@edifice.io/react 2.6.7-feat-INTEG-1924-port-react-nextcloud-filetree.20260929125646 → 2.6.8

package/dist/hooks/useZendeskGuide/useZendeskGuide.js

@@ -5,7 +5,7 @@ import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThe
 import useUser from "../useUser/useUser.js";
 import useIsAdml from "../useIsAdml/useIsAdml.js";
 import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
-function useZendeskGuide() {
+function useZendeskGuide(headerColor) {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -14,7 +14,13 @@ function useZendeskGuide() {
     isAdml
   } = useIsAdml(), {
     theme
-  } = useEdificeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), setZendeskGuideLabels = () => {
+  } = useEdificeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), [isReady, setIsReady] = useState(!1), [isOpen, setIsOpen] = useState(!1), open = () => {
+    var _a;
+    (_a = window.zE) == null || _a.call(window, "webWidget", "open");
+  }, close = () => {
+    var _a;
+    (_a = window.zE) == null || _a.call(window, "webWidget", "close");
+  }, setZendeskGuideLabels = () => {
     const modulePathnameSplit = locationPathname.split("/");
     let moduleLabel = "", labels = "";
     if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
@@ -33,8 +39,40 @@ function useZendeskGuide() {
   return useEffect(() => {
     window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
   }, [window.location.pathname, dataModule]), useEffect(() => {
-    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
-      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
+    const registerWidgetHandlers = () => {
+      window.zE("webWidget:on", "open", function() {
+        setIsOpen(!0), hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
+          webWidget: {
+            contactForm: {
+              suppress: !1
+            }
+          }
+        });
+      }), window.zE("webWidget:on", "close", function() {
+        setIsOpen(!1);
+      }), window.zE("webWidget:on", "userEvent", function(ref) {
+        const category = ref.category, action = ref.action, properties = ref.properties;
+        action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
+          webWidget: {
+            contactForm: {
+              suppress: !0
+            }
+          }
+        }), window.zE("webWidget", "close"), window.open("/support/tickets/new", "_blank"));
+      });
+    };
+    if (document.getElementById("ze-snippet")) {
+      window.zE && (registerWidgetHandlers(), setIsReady(!0));
+      return;
+    }
+    hasSupportWorkflow !== void 0 && (async () => {
+      let zendeskGuideConfig;
+      try {
+        zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
+      } catch (error) {
+        console.warn("[useZendeskGuide] Failed to fetch the support widget config from `/zendeskGuide/config` — the widget (and HelpZone's button) won't show up. If you're running a local dev server, check that `/zendeskGuide` is proxied to your backend in your app's Vite dev proxy config.", error);
+        return;
+      }
       if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
         const scriptZendesk = document.createElement("script");
         scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`, document.body.appendChild(scriptZendesk).onload = () => {
@@ -45,7 +83,8 @@ function useZendeskGuide() {
           }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
             webWidget: {
               color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
+                theme: zendeskGuideConfig.color || "#ffc400",
+                header: headerColor
               },
               zIndex: 3,
               launcher: {
@@ -74,28 +113,16 @@ function useZendeskGuide() {
                 }
               }
             });
-          }), window.zE("webWidget:on", "open", function() {
-            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: !1
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "userEvent", function(ref) {
-            const category = ref.category, action = ref.action, properties = ref.properties;
-            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: !0
-                }
-              }
-            }), window.zE("webWidget", "close"), window.open("/support/tickets/new", "_blank"));
-          });
+          }), registerWidgetHandlers(), setIsReady(!0);
         };
       }
     })();
-  }, [hasSupportWorkflow]), null;
+  }, [hasSupportWorkflow]), {
+    isReady,
+    isOpen,
+    open,
+    close
+  };
 }
 export {
   useZendeskGuide as default

package/dist/index.js

@@ -37,15 +37,15 @@ import { default as default35 } from "./modules/multimedia/ImageEditor/component
 import { default as default36 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { default as default37 } from "./components/Input/Input.js";
 import { default as default38 } from "./components/Label/Label.js";
-import { default as default39 } from "./components/Loading/Loading.js";
-import { default as default40 } from "./components/LoadingScreen/LoadingScreen.js";
-import { default as default41 } from "./components/Logo/Logo.js";
-import { default as default42 } from "./components/LogoBeta/LogoBeta.js";
-import { default as default43 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default44 } from "./components/MediaViewer/MediaViewer.js";
-import { default as default45 } from "./components/Modal/Modal.js";
-import { default as default46 } from "./modules/multimedia/Nextcloud/Nextcloud.js";
-import { default as default47 } from "./modules/multimedia/FileCard/NextcloudFileCard.js";
+import { default as default39 } from "./components/LinkPill/LinkPill.js";
+import { default as default40 } from "./components/Loading/Loading.js";
+import { default as default41 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default42 } from "./components/Logo/Logo.js";
+import { default as default43 } from "./components/LogoBeta/LogoBeta.js";
+import { default as default44 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default45 } from "./components/MediaViewer/MediaViewer.js";
+import { default as default46 } from "./components/Modal/Modal.js";
+import { default as default47 } from "./components/ModalBeta/ModalBeta.js";
 import { default as default48 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
 import { default as default49 } from "./components/PageLayout/PageLayout.js";
 import { default as default50 } from "./components/PreventPropagation/PreventPropagation.js";
@@ -100,26 +100,25 @@ import { default as default98 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.
 import { default as default99 } from "./hooks/useKeyPress/useKeyPress.js";
 import { default as default100 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
 import { default as default101 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default102 } from "./hooks/useNextcloudSearch/useNextcloudSearch.js";
-import { default as default103 } from "./hooks/usePublicConf/usePublicConf.js";
-import { default as default104 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default105 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default106 } from "./hooks/useTitle/useTitle.js";
-import { default as default107 } from "./hooks/useToast/useToast.js";
-import { default as default108 } from "./hooks/useToggle/useToggle.js";
-import { default as default109 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default110 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default111 } from "./hooks/useUiOverride/useUiOverride.js";
-import { default as default112 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default113 } from "./hooks/useUpload/useUpload.js";
-import { default as default114 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default115 } from "./hooks/useUser/useUser.js";
-import { default as default116 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default118 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default119 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default120 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default121 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default102 } from "./hooks/usePublicConf/usePublicConf.js";
+import { default as default103 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default104 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default105 } from "./hooks/useTitle/useTitle.js";
+import { default as default106 } from "./hooks/useToast/useToast.js";
+import { default as default107 } from "./hooks/useToggle/useToggle.js";
+import { default as default108 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default109 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default110 } from "./hooks/useUiOverride/useUiOverride.js";
+import { default as default111 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default112 } from "./hooks/useUpload/useUpload.js";
+import { default as default113 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default114 } from "./hooks/useUser/useUser.js";
+import { default as default115 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default116 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default117 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default118 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default119 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default120 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { BetaSwitch } from "./components/BetaSwitch/BetaSwitch.js";
@@ -155,6 +154,7 @@ import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-
 import { getRotateTransitionStyle } from "./utilities/rotate-transition-style/get-rotate-transition-style.js";
 import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
+import { default as default121 } from "./hooks/useBackground/useBackground.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
@@ -163,6 +163,7 @@ import { useOverlay } from "./components/PageLayout/hook/useOverlay.js";
 import { useScreeb } from "./hooks/useScreeb/useScreeb.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
+import { default as default122 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -218,18 +219,18 @@ export {
   InternalLinker,
   default38 as Label,
   Layout,
+  default39 as LinkPill,
   List,
-  default39 as Loading,
-  default40 as LoadingScreen,
-  default41 as Logo,
-  default42 as LogoBeta,
-  default43 as MediaLibrary,
-  default44 as MediaViewer,
+  default40 as Loading,
+  default41 as LoadingScreen,
+  default42 as Logo,
+  default43 as LogoBeta,
+  default44 as MediaLibrary,
+  default45 as MediaViewer,
   Menu,
   MockedProvider,
-  default45 as Modal,
-  default46 as Nextcloud,
-  default47 as NextcloudFileCard,
+  default46 as Modal,
+  default47 as ModalBeta,
   default48 as OnboardingModal,
   default49 as PageLayout,
   PageLayoutContext,
@@ -309,6 +310,7 @@ export {
   setRef,
   updateNode,
   updateParentIds,
+  default121 as useBackground,
   default79 as useBookmark,
   default80 as useBreakpoint,
   default81 as useBrowserInfo,
@@ -337,30 +339,30 @@ export {
   default99 as useKeyPress,
   default100 as useLibraryUrl,
   default101 as useMediaLibrary,
-  default102 as useNextcloudSearch,
   useOverlay,
   usePageLayout,
-  default103 as usePublicConf,
+  default102 as usePublicConf,
   useScreeb,
-  default104 as useScrollToTop,
-  default105 as useShareMutation,
-  default106 as useTitle,
-  default107 as useToast,
-  default108 as useToggle,
-  default109 as useTrapFocus,
-  default110 as useTrashedResource,
+  default103 as useScrollToTop,
+  default104 as useShareMutation,
+  default105 as useTitle,
+  default106 as useToast,
+  default107 as useToggle,
+  default108 as useTrapFocus,
+  default109 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default111 as useUiOverride,
-  default112 as useUpdateMutation,
-  default113 as useUpload,
-  default114 as useUploadFiles,
-  default115 as useUser,
-  default116 as useWorkspaceFile,
-  default117 as useWorkspaceFolders,
-  default118 as useWorkspaceFoldersTree,
-  default119 as useWorkspaceSearch,
-  default120 as useXitiTrackPageLoad,
-  default121 as useZendeskGuide,
+  default110 as useUiOverride,
+  default111 as useUpdateMutation,
+  default112 as useUpload,
+  default113 as useUploadFiles,
+  default114 as useUser,
+  default122 as useUserPreferences,
+  default115 as useWorkspaceFile,
+  default116 as useWorkspaceFolders,
+  default117 as useWorkspaceFoldersTree,
+  default118 as useWorkspaceSearch,
+  default119 as useXitiTrackPageLoad,
+  default120 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/HelpZone/HelpZone.d.ts

@@ -0,0 +1,13 @@
+export interface HelpZoneProps {
+    /** True once the support widget is loaded and can be opened. */
+    isReady: boolean;
+    /** True while the support panel is open. */
+    isOpen: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+}
+declare const HelpZone: {
+    ({ isReady, isOpen, onOpen, onClose }: HelpZoneProps): import('react').ReactPortal | null;
+    displayName: string;
+};
+export default HelpZone;

package/dist/modules/HelpZone/HelpZone.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import clsx from "clsx";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import SvgIconQuestion from "../icons/components/IconQuestion.js";
+import Tooltip from "../../components/Tooltip/Tooltip.js";
+import SvgIconLogoEdificeSmall from "../icons/components/logo/IconLogoEdificeSmall.js";
+import SvgIconLogoEdificeFull from "../icons/components/logo/IconLogoEdificeFull.js";
+import ButtonBeta from "../../components/ButtonBeta/ButtonBeta.js";
+const HelpZone = ({
+  isReady,
+  isOpen,
+  onOpen,
+  onClose
+}) => {
+  const {
+    t
+  } = useTranslation(), [portalRoot, setPortalRoot] = useState(null), [isCompact, setIsCompact] = useState(!1), questionButtonRef = useRef(null);
+  if (useEffect(() => (document.body.classList.add("help-zone-active"), setPortalRoot(document.getElementById("portal")), () => {
+    document.body.classList.remove("help-zone-active");
+  }), []), useEffect(() => {
+    if (isCompact)
+      return;
+    const goCompact = () => setIsCompact(!0), handleClick = (event) => {
+      questionButtonRef.current && event.target instanceof Node && questionButtonRef.current.contains(event.target) || goCompact();
+    };
+    return document.addEventListener("scroll", goCompact, {
+      capture: !0,
+      passive: !0
+    }), document.addEventListener("click", handleClick), () => {
+      document.removeEventListener("scroll", goCompact, {
+        capture: !0
+      }), document.removeEventListener("click", handleClick);
+    };
+  }, [isCompact]), !isReady || !portalRoot)
+    return null;
+  const handleOpenHelpZone = () => isOpen ? onClose() : onOpen();
+  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs("div", { className: clsx("help-zone", {
+    "help-zone--open": isOpen
+  }), "aria-hidden": isOpen, children: [
+    /* @__PURE__ */ jsx("a", { className: "help-zone-badge", href: "https://edifice.io/releases/", target: "_blank", rel: "noopener noreferrer", "aria-label": t("help-zone.edifice-releases-notes"), children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.edifice-releases-notes"), placement: "top", className: "help-zone-tooltip", children: /* @__PURE__ */ jsx("span", { className: clsx("help-zone-logo", {
+      "help-zone-logo--compact": isCompact,
+      "help-zone-logo--full": !isCompact
+    }), children: isCompact ? /* @__PURE__ */ jsx(SvgIconLogoEdificeSmall, { width: 18, height: 18 }) : /* @__PURE__ */ jsx(SvgIconLogoEdificeFull, { width: 81, height: 18 }) }) }) }),
+    /* @__PURE__ */ jsx("span", { className: "help-zone-divider" }),
+    /* @__PURE__ */ jsx(ButtonBeta, { ref: questionButtonRef, className: "help-zone-question", "aria-label": t("help-zone.support.open"), color: "tertiary", variant: "ghost", onClick: handleOpenHelpZone, children: /* @__PURE__ */ jsx(Tooltip, { message: t("help-zone.support.open"), placement: "top", children: /* @__PURE__ */ jsx(SvgIconQuestion, { width: 24, height: 24, color: "white" }) }) })
+  ] }), portalRoot);
+};
+export {
+  HelpZone as default
+};

package/dist/modules/HelpZone/HelpZoneContainer.d.ts

@@ -0,0 +1,4 @@
+export declare function HelpZoneContainer(): import("react/jsx-runtime").JSX.Element;
+export declare namespace HelpZoneContainer {
+    var displayName: string;
+}

package/dist/modules/HelpZone/HelpZoneContainer.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import HelpZone from "./HelpZone.js";
+import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
+function getHeaderColor() {
+  return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
+}
+function HelpZoneContainer() {
+  const headerColor = getHeaderColor(), {
+    isReady,
+    isOpen,
+    open,
+    close
+  } = useZendeskGuide(headerColor);
+  return /* @__PURE__ */ jsx(HelpZone, { isReady, isOpen, onOpen: open, onClose: close });
+}
+export {
+  HelpZoneContainer
+};

package/dist/modules/HelpZone/index.d.ts

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

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: [
     /* @__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, 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"
     }) }),