@edifice.io/react 2.0.1-develop-hotfix.1736863177286 → 2.0.1

package/dist/components/AppIcon/AppIcon.js

@@ -32,7 +32,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
-    [`bg-light-${appCode}`]: appCode && !isContain,
+    [`bg-light-${appCode}`]: !isContain,
     [`color-app-${appCode}`]: appCode
   }, className), IconComponent = iconsApps[`Icon${appCode.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`] ?? SvgIconPlaceholder;
   if (isIconURL) {

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

@@ -14,6 +14,7 @@ import SvgIconNewRelease from "../../../modules/icons/components/nav/IconNewRele
 import SvgIconOneMessaging from "../../../modules/icons/components/nav/IconOneMessaging.js";
 import SvgIconOneProfile from "../../../modules/icons/components/nav/IconOneProfile.js";
 import SvgIconUserbook from "../../../modules/icons/components/nav/IconUserbook.js";
+import useHeader from "../hooks/useHeader.js";
 import Help from "./Help.js";
 import { Navbar } from "./Navbar.js";
 import { NavBarNav } from "./NavbarNav.js";
@@ -25,7 +26,6 @@ import useConversation from "../../../hooks/useConversation/useConversation.js";
 import useUser from "../../../hooks/useUser/useUser.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 import { useHelp } from "../hooks/useHelp.js";
-import useHeader from "../../../hooks/useHeader/useHeader.js";
 import Avatar from "../../Avatar/Avatar.js";
 import Badge from "../../Badge/Badge.js";
 import VisuallyHidden from "../../VisuallyHidden/VisuallyHidden.js";

package/dist/{hooks/useHeader → components/Layout/hooks}/useHeader.js

@@ -1,11 +1,11 @@
 import { useState, useId, useCallback, useMemo } from "react";
 import { odeServices } from "@edifice.io/client";
+import { useHover } from "@uidotdev/usehooks";
 import { useTranslation } from "react-i18next";
-import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
-import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import useHover from "../useHover/useHover.js";
-import useBookmark from "../useBookmark/useBookmark.js";
-import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import useBookmark from "../../../hooks/useBookmark/useBookmark.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 function useHeader({
   user,
   avatar
@@ -39,7 +39,7 @@ function useHeader({
     isCollapsed,
     toggleCollapsedNav,
     handleLogout
-  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+  }), [appsRef, bookmarkedApps, communityWorkflow, conversationWorflow, handleLogout, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
 }
 export {
   useHeader as default

package/dist/components/Modal/Modal.js

@@ -20,7 +20,7 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
     scrollable = !1,
     focusId,
     children
-  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
+  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
   useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
     if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
       const elem = document.getElementById(focusId);

package/dist/hooks/index.d.ts

@@ -1,11 +1,9 @@
-export * from './useAvatar';
 export * from './useBookmark';
 export * from './useBreakpoint';
 export * from './useBrowserInfo';
 export * from './useCantoo';
 export * from './useCheckable';
 export * from './useClickOutside';
-export * from './useConf';
 export * from './useConversation';
 export * from './useDate';
 export * from './useDebounce';
@@ -14,16 +12,14 @@ export * from './useDropdown';
 export * from './useDropzone';
 export * from './useEdificeIcons';
 export * from './useHasWorkflow';
-export * from './useHeader';
 export * from './useHover';
+export * from './useHttpErrorToast';
 export * from './useImage';
 export * from './useIsAdml';
 export * from './useKeyPress';
 export * from './useLibraryUrl';
 export * from './useMediaLibrary';
-export * from './useResourceSearch';
 export * from './useScrollToTop';
-export * from './useSession';
 export * from './useTitle';
 export * from './useToast';
 export * from './useToggle';

package/dist/hooks/useConversation/useConversation.js

@@ -10,9 +10,7 @@ const useConversation = () => {
     try {
       const {
         count
-      } = await odeServices.withBaseUrl("").withHeaders({
-        "Content-Type": "application/json"
-      }).http().get(url, {
+      } = await odeServices.http().get(url, {
         queryParams
       });
       setMessages(count ?? 0);

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.js

@@ -0,0 +1,21 @@
+import React, { useRef, useEffect } from "react";
+import { odeServices, LAYER_NAME } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import useToast from "../useToast/useToast.js";
+const useHttpErrorToast = (options) => {
+  const message = useRef(), toast = useToast(), {
+    t
+  } = useTranslation();
+  return useEffect(() => {
+    const subscription = odeServices.notify().events().subscribe(LAYER_NAME.TRANSPORT, (event) => {
+      var _a, _b;
+      message.current = t(((_b = (_a = event == null ? void 0 : event.data) == null ? void 0 : _a.payload) == null ? void 0 : _b.error) || event.data.response.statusText), toast.error(/* @__PURE__ */ React.createElement("div", {
+        children: [message.current]
+      }), options);
+    });
+    return () => subscription.revoke();
+  }, [t, toast]), message.current;
+};
+export {
+  useHttpErrorToast as default
+};

package/dist/hooks/useTrapFocus/useTrapFocus.d.ts

@@ -1 +1 @@
-export default function useTrapFocus(isActive?: boolean): import('react').MutableRefObject<HTMLElement | null>;
+export default function useTrapFocus(): import('react').MutableRefObject<HTMLElement | null>;

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1,8 +1,7 @@
 import { useRef, useEffect } from "react";
-function useTrapFocus(isActive) {
+function useTrapFocus() {
   const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
   return useEffect(() => {
-    if (!isActive) return;
     const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
       event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
     };
@@ -10,7 +9,7 @@ function useTrapFocus(isActive) {
       return node.addEventListener("keydown", handleKeydown), () => {
         node.removeEventListener("keydown", handleKeydown);
       };
-  }, [isActive]), ref;
+  }, []), ref;
 }
 export {
   useTrapFocus as default

package/dist/index.js

@@ -23,81 +23,77 @@ import { DndTree } from "./components/Tree/components/DndTree.js";
 import { default as default23 } from "./components/Tree/components/SortableTree.js";
 import { default as default24 } from "./components/Tree/components/Tree.js";
 import { default as default25 } from "./components/TreeView/TreeView.js";
-import { default as default26 } from "./hooks/useAvatar/useAvatar.js";
-import { default as default27 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default28 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default29 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default30 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default31 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default32 } from "./hooks/useConf/useConf.js";
-import { default as default33 } from "./hooks/useConversation/useConversation.js";
-import { default as default34 } from "./hooks/useDate/useDate.js";
-import { default as default35 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default36 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default37 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default38 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default39 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default40 } from "./hooks/useHeader/useHeader.js";
-import { default as default41 } from "./hooks/useImage/useImage.js";
-import { default as default42 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default43 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default44 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default45 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default46 } from "./hooks/useSession/useSession.js";
-import { default as default47 } from "./hooks/useTitle/useTitle.js";
-import { default as default48 } from "./hooks/useToggle/useToggle.js";
-import { default as default49 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default50 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default51 } from "./hooks/useUpload/useUpload.js";
-import { default as default52 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default53 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default54 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default55 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default56 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default57 } from "./components/Alert/Alert.js";
-import { default as default58 } from "./components/Avatar/Avatar.js";
-import { default as default59 } from "./components/Button/Button.js";
-import { default as default60 } from "./components/Checkbox/Checkbox.js";
+import { default as default26 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default27 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default28 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default29 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default30 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default31 } from "./hooks/useConversation/useConversation.js";
+import { default as default32 } from "./hooks/useDate/useDate.js";
+import { default as default33 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default34 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default35 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default36 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default37 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default38 } from "./hooks/useHover/useHover.js";
+import { default as default39 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default40 } from "./hooks/useImage/useImage.js";
+import { default as default41 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default42 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default43 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default44 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default45 } from "./hooks/useTitle/useTitle.js";
+import { default as default46 } from "./hooks/useToggle/useToggle.js";
+import { default as default47 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default48 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default49 } from "./hooks/useUpload/useUpload.js";
+import { default as default50 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default51 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default52 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default53 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default54 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default55 } from "./components/Alert/Alert.js";
+import { default as default56 } from "./components/Avatar/Avatar.js";
+import { default as default57 } from "./components/Button/Button.js";
+import { default as default58 } from "./components/Checkbox/Checkbox.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
-import { default as default61 } from "./components/Combobox/Combobox.js";
+import { default as default59 } from "./components/Combobox/Combobox.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
-import { default as default62 } from "./components/Form/FormControl.js";
+import { default as default60 } from "./components/Form/FormControl.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
-import { default as default63 } from "./components/Heading/Heading.js";
-import { default as default64 } from "./components/Input/Input.js";
-import { default as default65 } from "./components/Label/Label.js";
+import { default as default61 } from "./components/Heading/Heading.js";
+import { default as default62 } from "./components/Input/Input.js";
+import { default as default63 } from "./components/Label/Label.js";
 import { Layout } from "./components/Layout/Layout.js";
 import { List } from "./components/List/List.js";
-import { default as default66 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default64 } from "./components/LoadingScreen/LoadingScreen.js";
 import { Menu } from "./components/Menu/components/Menu.js";
-import { default as default67 } from "./components/Modal/Modal.js";
+import { default as default65 } from "./components/Modal/Modal.js";
 import { Popover, PopoverBody, PopoverFooter, PopoverHeader } from "./components/Popover/Popover.js";
-import { default as default68 } from "./components/Radio/Radio.js";
+import { default as default66 } from "./components/Radio/Radio.js";
 import { Tabs } from "./components/Tabs/components/Tabs.js";
-import { default as default69 } from "./components/TextArea/TextArea.js";
+import { default as default67 } from "./components/TextArea/TextArea.js";
 import { Toolbar } from "./components/Toolbar/Toolbar.js";
-import { default as default70 } from "./components/Tooltip/Tooltip.js";
+import { default as default68 } from "./components/Tooltip/Tooltip.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { buildTree, determineNewParentId, findItemIndexInTree, flattenNodes, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 import { TreeNode } from "./components/TreeView/TreeNode.js";
 import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
-import { default as default71 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default69 } from "./components/VisuallyHidden/VisuallyHidden.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
-import { default as default72 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default73 } from "./hooks/useHover/useHover.js";
-import { default as default74 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { useResourceSearch } from "./hooks/useResourceSearch/useResourceSearch.js";
-import { default as default75 } from "./hooks/useToast/useToast.js";
-import { default as default76 } from "./hooks/useUser/useUser.js";
-import { default as default77 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default78 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default79 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default80 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default70 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default71 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default72 } from "./hooks/useToast/useToast.js";
+import { default as default73 } from "./hooks/useUser/useUser.js";
+import { default as default74 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default75 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default76 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default77 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
-import { default as default81 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default82 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default83 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default78 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default79 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default80 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -110,21 +106,21 @@ import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
-  default57 as Alert,
+  default55 as Alert,
   default3 as AppHeader,
   default4 as AppIcon,
   default5 as Attachment,
-  default58 as Avatar,
+  default56 as Avatar,
   default6 as Badge,
-  default79 as BlogPublic,
+  default76 as BlogPublic,
   default7 as Breadcrumb,
-  default59 as Button,
+  default57 as Button,
   default10 as Card,
-  default60 as Checkbox,
+  default58 as Checkbox,
   default11 as ColorPicker,
   default12 as ColorPickerItem,
   Column,
-  default61 as Combobox,
+  default59 as Combobox,
   DefaultPalette,
   DndTree,
   default13 as Dropdown,
@@ -135,45 +131,45 @@ export {
   EdificeThemeContext,
   EdificeThemeProvider,
   default15 as EmptyScreen,
-  default62 as FormControl,
+  default60 as FormControl,
   default16 as FormText,
   Grid,
-  default63 as Heading,
+  default61 as Heading,
   default8 as IconButton,
   default17 as Image,
-  default64 as Input,
-  default65 as Label,
+  default62 as Input,
+  default63 as Label,
   Layout,
   List,
   default18 as Loading,
-  default66 as LoadingScreen,
+  default64 as LoadingScreen,
   default19 as Logo,
   Menu,
-  default67 as Modal,
-  default77 as OnboardingModal,
+  default65 as Modal,
+  default74 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default78 as PublishModal,
-  default68 as Radio,
+  default75 as PublishModal,
+  default66 as Radio,
   ResourceModal,
   default20 as SearchBar,
   default9 as SearchButton,
   default21 as Select,
-  default82 as ShareBlog,
-  default81 as ShareModal,
+  default79 as ShareBlog,
+  default78 as ShareModal,
   default23 as SortableTree,
   default22 as Table,
   Tabs,
-  default69 as TextArea,
+  default67 as TextArea,
   Toolbar,
-  default70 as Tooltip,
+  default68 as Tooltip,
   default24 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
   default25 as TreeView,
-  default71 as VisuallyHidden,
+  default69 as VisuallyHidden,
   addNode,
   arrayUnique,
   buildTree,
@@ -201,50 +197,46 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default26 as useAvatar,
-  default27 as useBookmark,
-  default28 as useBreakpoint,
-  default29 as useBrowserInfo,
-  default30 as useCantoo,
+  default26 as useBookmark,
+  default27 as useBreakpoint,
+  default28 as useBrowserInfo,
+  default29 as useCantoo,
   useCheckable,
-  default31 as useClickOutside,
-  default32 as useConf,
-  default33 as useConversation,
-  default34 as useDate,
-  default35 as useDebounce,
-  default36 as useDirectory,
-  default37 as useDropdown,
-  default38 as useDropzone,
+  default30 as useClickOutside,
+  default31 as useConversation,
+  default32 as useDate,
+  default33 as useDebounce,
+  default34 as useDirectory,
+  default35 as useDropdown,
+  default36 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default39 as useEdificeIcons,
+  default37 as useEdificeIcons,
   useEdificeTheme,
-  default72 as useHasWorkflow,
-  default40 as useHeader,
-  default73 as useHover,
-  default41 as useImage,
-  default42 as useIsAdml,
-  default43 as useKeyPress,
-  default44 as useLibraryUrl,
-  default74 as useMediaLibrary,
-  useResourceSearch,
-  default45 as useScrollToTop,
-  default46 as useSession,
-  default83 as useShareMutation,
-  default47 as useTitle,
-  default75 as useToast,
-  default48 as useToggle,
-  default49 as useTrapFocus,
-  default50 as useTrashedResource,
+  default70 as useHasWorkflow,
+  default38 as useHover,
+  default39 as useHttpErrorToast,
+  default40 as useImage,
+  default41 as useIsAdml,
+  default42 as useKeyPress,
+  default43 as useLibraryUrl,
+  default71 as useMediaLibrary,
+  default44 as useScrollToTop,
+  default80 as useShareMutation,
+  default45 as useTitle,
+  default72 as useToast,
+  default46 as useToggle,
+  default47 as useTrapFocus,
+  default48 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default80 as useUpdateMutation,
-  default51 as useUpload,
-  default52 as useUploadFiles,
-  default76 as useUser,
-  default53 as useWorkspaceFile,
-  default54 as useWorkspaceSearch,
-  default55 as useXitiTrackPageLoad,
-  default56 as useZendeskGuide,
+  default77 as useUpdateMutation,
+  default49 as useUpload,
+  default50 as useUploadFiles,
+  default73 as useUser,
+  default51 as useWorkspaceFile,
+  default52 as useWorkspaceSearch,
+  default53 as useXitiTrackPageLoad,
+  default54 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/audience/ReactionModal.Card.js

@@ -1,22 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import useReactionIcons from "./hooks/useReactionIcons.js";
-import useAvatar from "../../hooks/useAvatar/useAvatar.js";
 import Avatar from "../../components/Avatar/Avatar.js";
+import useDirectory from "../../hooks/useDirectory/useDirectory.js";
 function ReactionModalCard({
   reaction
 }) {
   const {
     t
   } = useTranslation(), {
-    avatarURL
-  } = useAvatar(reaction.userId, reaction.profile), {
+    getAvatarURL
+  } = useDirectory(), {
     getReactionIcon,
     getReactionLabel
   } = useReactionIcons();
   return /* @__PURE__ */ jsxs("div", { className: "reaction-modal-card w-100 d-flex gap-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "position-relative p-8", children: [
-      /* @__PURE__ */ jsx(Avatar, { variant: "circle", size: "md", src: avatarURL, alt: reaction.displayName }),
+      /* @__PURE__ */ jsx(Avatar, { variant: "circle", size: "md", src: getAvatarURL(reaction.userId, "user"), alt: reaction.displayName }),
       /* @__PURE__ */ jsx("div", { className: "position-absolute end-0 bottom-0", children: getReactionIcon(reaction.reactionType, !0) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column w-100 pt-8", children: [

package/dist/modules/comments/components/Comment.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, Suspense, lazy } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconSave from "../../icons/components/IconSave.js";
 import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
@@ -10,8 +10,7 @@ import { CommentDate } from "./CommentDate.js";
 import { CommentTitle } from "./CommentTitle.js";
 import { TextCounter } from "./TextCounter.js";
 import Button from "../../../components/Button/Button.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comment = ({
+const Comment = ({
   comment,
   userId,
   profile
@@ -23,13 +22,12 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
     createdAt,
     updatedAt,
     comment: content
-  } = comment, [ref, onFocus, resizeTextarea] = useAutosizeTextarea(!0), [isDeleteModalOpen, setIsDeleteModalOpen] = useState(!1), {
+  } = comment, [ref, onFocus, resizeTextarea] = useAutosizeTextarea(!0), {
     t
   } = useTranslation(), {
     editCommentId,
     options,
     type,
-    userRights,
     handleDeleteComment: onDeleteComment,
     handleModifyComment,
     handleReset,
@@ -59,15 +57,14 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
         ] })
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", children: content }),
-        type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
-          userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
+        userId === authorId && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
             handleModifyComment(comment.id), setValue(content);
           }, children: t("comment.edit") }),
-          (userId === authorId || (userRights == null ? void 0 : userRights.manager)) && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => setIsDeleteModalOpen(!0), children: t("comment.remove") })
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => onDeleteComment(id), children: t("comment.remove") })
         ] })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: () => setIsDeleteModalOpen(!1), onSuccess: () => onDeleteComment(id) }) })
+    ] })
   ] }, id);
 };
 export {

package/dist/modules/comments/context/Context.d.ts

@@ -1,4 +1,3 @@
-import { RightRole } from '@edifice.io/client';
 import { CommentOptions, CommentProps, CommentType, UserProfileResult } from '../types';
 export declare const CommentContext: import('react').Context<{
     comments: CommentProps[] | undefined;
@@ -7,7 +6,6 @@ export declare const CommentContext: import('react').Context<{
     profiles: (UserProfileResult | undefined)[];
     options: Partial<CommentOptions>;
     type: CommentType;
-    userRights?: Record<RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
     handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/modules/comments/hooks/useComments.d.ts

@@ -24,6 +24,6 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     handleDeleteComment: (id: string) => void;
     handleCreateComment: (content: string) => void;
     handleModifyComment: (commentId: string) => void;
-    handleUpdateComment: (comment: string) => Promise<void>;
+    handleUpdateComment: (comment: string) => void;
     handleReset: () => void;
 };

package/dist/modules/comments/hooks/useComments.js

@@ -50,7 +50,7 @@ const useComments = ({
     handleModifyComment: (commentId) => {
       setEditCommentId(commentId);
     },
-    handleUpdateComment: async (comment) => {
+    handleUpdateComment: (comment) => {
       editCommentId && (type === "edit" && (callbacks == null || callbacks.put({
         comment,
         commentId: editCommentId

package/dist/modules/comments/hooks/useCommentsContext.d.ts

@@ -5,7 +5,6 @@ export declare const useCommentsContext: () => {
     profiles: (import('../types').UserProfileResult | undefined)[];
     options: Partial<import('../types').CommentOptions>;
     type: import('../types').CommentType;
-    userRights?: Record<import('@edifice.io/client').RightRole, boolean>;
     setEditCommentId: (value: string | null) => void;
     handleModifyComment: (commentId: string) => void;
     handleChangeContent: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;

package/dist/modules/comments/provider/CommentProvider.js

@@ -46,7 +46,7 @@ const CommentProvider = ({
     defaultComments,
     callbacks: type == "edit" ? props.callbacks : null,
     options
-  }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
+  }), values = useMemo(
     () => ({
       comments,
       content,
@@ -54,7 +54,6 @@ const CommentProvider = ({
       editCommentId,
       options,
       type,
-      userRights,
       setEditCommentId,
       handleCreateComment,
       handleModifyComment,

package/dist/modules/comments/types.d.ts

@@ -1,4 +1,4 @@
-import { RightRole, UserProfile } from '@edifice.io/client';
+import { UserProfile } from '@edifice.io/client';
 export interface CommentProps {
     /**
      * Comment Id
@@ -61,10 +61,6 @@ interface EditRootProps extends BaseProps {
      * Callbacks to perform CRUD on comment
      */
     callbacks: CommentCallbacks;
-    /**
-     * Rights to perform CRUD on comment
-     */
-    rights?: Record<RightRole, boolean>;
 }
 interface ReadRootProps extends BaseProps {
     type: 'read';

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js

@@ -12,12 +12,11 @@ const AttachmentRenderer = (props) => {
   const {
     t
   } = useTranslation(), {
-    node,
-    editor
+    node
   } = props, {
     editable
-  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index, documentId) => {
-    editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
+    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
   };
   return attachmentArrayAttrs.length !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
     backgroundColor: "#F2F2F2",
@@ -27,7 +26,7 @@ const AttachmentRenderer = (props) => {
     /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
     /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("a", { href: attachment.href, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index, attachment.documentId) })
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index) })
     ] }) }) }, index)) })
   ] }) });
 };

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -11,6 +11,7 @@ import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
 import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
 import { InnerTabs } from "./innertabs/index.js";
 import { MediaLibraryContext } from "./MediaLibraryContext.js";
+import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
 import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
 import Modal from "../../../components/Modal/Modal.js";
 import { Tabs } from "../../../components/Tabs/components/Tabs.js";
@@ -72,7 +73,10 @@ const orderedTabs = [
     showLink,
     type,
     ...refModal.current
-  }));
+  })), useHttpErrorToast({
+    isDismissible: !0,
+    duration: 1 / 0
+  });
   const {
     t
   } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null), availableTabs = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.1-develop-hotfix.1736863177286",
+  "version": "2.0.1",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -105,7 +105,7 @@
     "@tiptap/react": "2.3.0",
     "@tiptap/starter-kit": "2.3.0",
     "@uidotdev/usehooks": "^2.4.1",
-    "clsx": "catalog:",
+    "clsx": "^2.1.1",
     "dayjs": "1.11.10",
     "emoji-picker-react": "4.5.2",
     "globals": "^15.11.0",
@@ -119,43 +119,43 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/utilities": "2.0.0",
-    "@edifice.io/tiptap-extensions": "2.0.1-develop-hotfix.1736863177286",
-    "@edifice.io/bootstrap": "2.0.1-develop-hotfix.1736863177286"
+    "@edifice.io/bootstrap": "2.0.1",
+    "@edifice.io/tiptap-extensions": "2.0.1",
+    "@edifice.io/utilities": "2.0.1"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
     "@eslint/js": "^9.12.0",
     "@react-spring/web": "^9.7.5",
     "@svgr/cli": "^8.1.0",
-    "@tanstack/react-query": "catalog:",
-    "@types/node": "catalog:",
+    "@tanstack/react-query": "5.62.7",
+    "@types/node": "^22.9.1",
     "@types/pako": "^2.0.3",
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
     "@types/ua-parser-js": "^0.7.37",
-    "@vitejs/plugin-react": "catalog:",
+    "@vitejs/plugin-react": "^4.3.2",
     "eslint": "^9.12.0",
     "eslint-plugin-react-hooks": "5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.12",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "react-hook-form": "catalog:",
-    "react-i18next": "catalog:",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-i18next": "^14.1.0",
     "rollup-plugin-pure": "^0.2.1",
-    "rollup-plugin-visualizer": "catalog:",
+    "rollup-plugin-visualizer": "5.12.0",
     "typescript-eslint": "^8.8.1",
-    "vite": "catalog:",
-    "vite-plugin-dts": "catalog:",
-    "@edifice.io/client": "2.0.1-develop-hotfix.1736863177286"
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.1.0",
+    "@edifice.io/client": "2.0.1"
   },
   "peerDependencies": {
-    "@react-spring/web": "catalog:",
-    "@tanstack/react-query": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "react-hook-form": "catalog:",
-    "react-i18next": "catalog:"
+    "@react-spring/web": "^9.7.5",
+    "@tanstack/react-query": "5.62.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
+    "react-i18next": "^14.1.0"
   },
   "optionalDependencies": {
     "@tiptap-pro/extension-mathematics": "2.2.1"

package/dist/hooks/useAvatar/index.d.ts

@@ -1 +0,0 @@
-export { default as useAvatar } from './useAvatar';

package/dist/hooks/useAvatar/useAvatar.d.ts

@@ -1,6 +0,0 @@
-import { ID, UserProfile } from '@edifice.io/client';
-export default function useAvatar(userId: ID, userProfile?: UserProfile[number]): {
-    badge: JSX.Element | null;
-    avatarURL: string;
-    userbookURL: string;
-};

package/dist/hooks/useAvatar/useAvatar.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { odeServices } from "@edifice.io/client";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import Badge from "../../components/Badge/Badge.js";
-function useAvatar(userId, userProfile) {
-  const {
-    t
-  } = useTranslation(), badge = useMemo(() => {
-    const profile = (userProfile == null ? void 0 : userProfile.toLowerCase()) ?? "guest";
-    return ["teacher", "student", "relative", "personnel"].includes(profile) ? /* @__PURE__ */ jsx(Badge, { variant: {
-      type: "user",
-      profile
-    }, children: t(profile) }) : null;
-  }, [userProfile, t]);
-  function getAvatarURL(userId2) {
-    return odeServices.directory().getAvatarUrl(userId2, "user");
-  }
-  function getUserbookURL(userId2) {
-    return odeServices.directory().getDirectoryUrl(userId2, "user");
-  }
-  return {
-    badge,
-    avatarURL: getAvatarURL(userId),
-    userbookURL: getUserbookURL(userId)
-  };
-}
-export {
-  useAvatar as default
-};

package/dist/hooks/useHeader/index.d.ts

@@ -1 +0,0 @@
-export { default as useHeader } from './useHeader';

package/dist/hooks/useHeader/useHeader.d.ts

@@ -1,5 +0,0 @@
-import { IUserInfo } from '@edifice.io/client';
-export default function useHeader({ user, avatar, }: {
-    user: IUserInfo | undefined;
-    avatar: string;
-}): any;

package/dist/modules/comments/components/DeleteModal.d.ts

@@ -1,7 +0,0 @@
-interface DeleteModalProps {
-    isOpen: boolean;
-    onCancel: () => void;
-    onSuccess: () => void;
-}
-export declare const DeleteModal: ({ isOpen, onCancel, onSuccess, }: DeleteModalProps) => import("react/jsx-runtime").JSX.Element;
-export default DeleteModal;

package/dist/modules/comments/components/DeleteModal.js

@@ -1,19 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import Modal from "../../../components/Modal/Modal.js";
-import Button from "../../../components/Button/Button.js";
-const DeleteModal = ({
-  isOpen,
-  onCancel,
-  onSuccess
-}) => /* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose: onCancel, id: "delete-comment-modal", children: [
-  /* @__PURE__ */ jsx(Modal.Header, { onModalClose: onCancel, children: "Suppression de commentaire" }),
-  /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx("p", { children: "Voulez-vous vraiment supprimer ce commentaire ?" }) }),
-  /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-    /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: "Annuler" }),
-    /* @__PURE__ */ jsx(Button, { color: "danger", onClick: onSuccess, type: "button", variant: "filled", children: "Supprimer le commentaire" })
-  ] })
-] });
-export {
-  DeleteModal,
-  DeleteModal as default
-};