@edifice.io/react 2.6.9-develop-b2school.20261013134048 → 2.6.9-develop-pedago.20261013143657

package/dist/index.js

@@ -53,73 +53,72 @@ import { default as default51, Root } from "./components/PromotionCard/Promotion
 import { default as default52 } from "./modules/modals/PublishModal/PublishModal.js";
 import { default as default53 } from "./components/Radio/Radio.js";
 import { default as default54 } from "./components/RadioCard/RadioCard.js";
-import { default as default55 } from "./components/RadioTile/RadioTile.js";
-import { default as default56 } from "./components/SearchBar/SearchBar.js";
-import { default as default57 } from "./components/Button/SearchButton.js";
-import { default as default58 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default59 } from "./components/Select/Select.js";
-import { default as default60 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default61 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default62 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default63 } from "./components/Tree/components/SortableTree.js";
-import { default as default64 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default65 } from "./components/Stepper/Stepper.js";
-import { default as default66 } from "./components/Switch/Switch.js";
-import { default as default67 } from "./components/Table/components/Table.js";
-import { default as default68 } from "./components/TextArea/TextArea.js";
-import { default as default69 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default70 } from "./components/Tooltip/Tooltip.js";
-import { default as default71 } from "./components/Tree/components/Tree.js";
-import { default as default72 } from "./components/TreeView/TreeView.js";
-import { default as default73 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default74 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default75 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default76 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default77 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default78 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default79 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default80 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default81 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default82 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default83 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default84 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default85 } from "./hooks/useConversation/useConversation.js";
-import { default as default86 } from "./hooks/useDate/useDate.js";
-import { default as default87 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default88 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default89 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default90 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default91 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default92 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default93 } from "./hooks/useHover/useHover.js";
-import { default as default94 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default95 } from "./hooks/useImage/useImage.js";
-import { default as default96 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default97 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default98 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default99 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default100 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default101 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default102 } from "./hooks/useMediaLibrary/useMediaLibrary.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 default55 } from "./components/SearchBar/SearchBar.js";
+import { default as default56 } from "./components/Button/SearchButton.js";
+import { default as default57 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default58 } from "./components/Select/Select.js";
+import { default as default59 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default60 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default61 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default62 } from "./components/Tree/components/SortableTree.js";
+import { default as default63 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default64 } from "./components/Stepper/Stepper.js";
+import { default as default65 } from "./components/Switch/Switch.js";
+import { default as default66 } from "./components/Table/components/Table.js";
+import { default as default67 } from "./components/TextArea/TextArea.js";
+import { default as default68 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default69 } from "./components/Tooltip/Tooltip.js";
+import { default as default70 } from "./components/Tree/components/Tree.js";
+import { default as default71 } from "./components/TreeView/TreeView.js";
+import { default as default72 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default73 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default74 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default75 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default76 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default77 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default78 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default79 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default80 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default81 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default82 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default83 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default84 } from "./hooks/useConversation/useConversation.js";
+import { default as default85 } from "./hooks/useDate/useDate.js";
+import { default as default86 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default87 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default88 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default89 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default90 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default91 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default92 } from "./hooks/useHover/useHover.js";
+import { default as default93 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default94 } from "./hooks/useImage/useImage.js";
+import { default as default95 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default96 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default97 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default98 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+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/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,7 +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 default122 } from "./hooks/useBackground/useBackground.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";
@@ -164,7 +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 default123 } from "./hooks/useUserPreferences/useUserPreferences.js";
+import { default as default122 } from "./hooks/useUserPreferences/useUserPreferences.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
@@ -245,43 +244,42 @@ export {
   default52 as PublishModal,
   default53 as Radio,
   default54 as RadioCard,
-  default55 as RadioTile,
   ResourceModal,
   Root,
-  default56 as SearchBar,
-  default57 as SearchButton,
-  default58 as SegmentedControl,
-  default59 as Select,
-  default60 as ShareBlog,
-  default61 as ShareModal,
-  default62 as ShareResources,
-  default63 as SortableTree,
-  default64 as StackedGroup,
-  default65 as Stepper,
-  default66 as Switch,
-  default67 as Table,
+  default55 as SearchBar,
+  default56 as SearchButton,
+  default57 as SegmentedControl,
+  default58 as Select,
+  default59 as ShareBlog,
+  default60 as ShareModal,
+  default61 as ShareResources,
+  default62 as SortableTree,
+  default63 as StackedGroup,
+  default64 as Stepper,
+  default65 as Switch,
+  default66 as Table,
   Tabs,
-  default68 as TextArea,
-  default69 as TextSkeleton,
+  default67 as TextArea,
+  default68 as TextSkeleton,
   Toolbar,
-  default70 as Tooltip,
-  default71 as Tree,
+  default69 as Tooltip,
+  default70 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default72 as TreeView,
+  default71 as TreeView,
   Upload,
-  default73 as UploadCard,
-  default74 as UploadFiles,
+  default72 as UploadCard,
+  default73 as UploadFiles,
   UserRightsList,
   UserSearch,
-  default75 as VideoEmbed,
-  default76 as VideoRecorder,
+  default74 as VideoEmbed,
+  default75 as VideoRecorder,
   VisibleType,
-  default77 as VisuallyHidden,
+  default76 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default78 as Workspace,
-  default79 as WorkspaceFolders,
+  default77 as Workspace,
+  default78 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -312,59 +310,59 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default122 as useBackground,
-  default80 as useBookmark,
-  default81 as useBreakpoint,
-  default82 as useBrowserInfo,
-  default83 as useCantoo,
+  default121 as useBackground,
+  default79 as useBookmark,
+  default80 as useBreakpoint,
+  default81 as useBrowserInfo,
+  default82 as useCantoo,
   useCheckable,
-  default84 as useClickOutside,
-  default85 as useConversation,
-  default86 as useDate,
-  default87 as useDebounce,
-  default88 as useDirectory,
-  default89 as useDropdown,
-  default90 as useDropzone,
+  default83 as useClickOutside,
+  default84 as useConversation,
+  default85 as useDate,
+  default86 as useDebounce,
+  default87 as useDirectory,
+  default88 as useDropdown,
+  default89 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default91 as useEdificeIcons,
+  default90 as useEdificeIcons,
   useEdificeTheme,
   useFileToAttachment,
-  default92 as useHasWorkflow,
-  default93 as useHover,
-  default94 as useHttpErrorToast,
-  default95 as useImage,
-  default96 as useInfiniteScroll,
-  default97 as useIsAdmc,
-  default98 as useIsAdml,
-  default99 as useIsAdmlcOrAdmc,
-  default100 as useKeyPress,
-  default101 as useLibraryUrl,
-  default102 as useMediaLibrary,
+  default91 as useHasWorkflow,
+  default92 as useHover,
+  default93 as useHttpErrorToast,
+  default94 as useImage,
+  default95 as useInfiniteScroll,
+  default96 as useIsAdmc,
+  default97 as useIsAdml,
+  default98 as useIsAdmlcOrAdmc,
+  default99 as useKeyPress,
+  default100 as useLibraryUrl,
+  default101 as useMediaLibrary,
   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,
-  default123 as useUserPreferences,
-  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.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import clsx from "clsx";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
@@ -16,20 +16,22 @@ const HelpZone = ({
 }) => {
   const {
     t
-  } = useTranslation(), [portalRoot, setPortalRoot] = useState(null), [isCompact, setIsCompact] = useState(!1);
+  } = 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);
+    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;
@@ -42,7 +44,7 @@ const HelpZone = ({
       "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, { 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" }) }) })
+    /* @__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 {

package/dist/modules/HelpZone/HelpZoneContainer.js

@@ -1,13 +1,16 @@
 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 {
+  const headerColor = getHeaderColor(), {
     isReady,
     isOpen,
     open,
     close
-  } = useZendeskGuide();
+  } = useZendeskGuide(headerColor);
   return /* @__PURE__ */ jsx(HelpZone, { isReady, isOpen, onOpen: open, onClose: close });
 }
 export {

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

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

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

@@ -3,11 +3,7 @@ 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.
-     * Can be omitted for an icon-only button — pass `aria-label` via
-     * `actionProps` in that case.
-     */
+    /** Label of the action button displayed on the right side of the header. */
     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 = !!onActionClick && (!!actionLabel || !!actionLeftIcon || !!actionRightIcon);
+  const hasAction = !!actionLabel && !!onActionClick;
   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("homepage.messageFlash.warning") : t("homepage.messageFlash.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("warning") : t("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()
-  }), handleFilterChange = (types) => onFilterChange == null ? void 0 : onFilterChange(types), handleCloseClick = () => {
+  }), 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, onFilterChange: handleFilterChange })
+        notificationTypes && notificationTypes.length > 0 && /* @__PURE__ */ jsx(NotificationFilterMenu, { notificationTypes, selectedTypes: selectedTypes ?? notificationTypes, onFilterChange: (types) => onFilterChange == null ? void 0 : onFilterChange(types) })
       ] }),
       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" })
     ] }),
-    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: [
+    (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: [
         /* @__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-item", 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", 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-item-message", children: [
+  /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "8", className: "notification-message", children: [
     /* @__PURE__ */ jsx(TextSkeleton, {}),
     /* @__PURE__ */ jsx(TextSkeleton, {}),
     /* @__PURE__ */ jsx("div", { className: "placeholder col-4", style: {

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

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