@edifice.io/react 2.2.9 → 2.2.10-develop-b2school.20250618120112

package/dist/index.js

@@ -33,56 +33,70 @@ import { default as default33 } from "./components/PreventPropagation/PreventPro
 import { default as default34 } from "./components/Radio/Radio.js";
 import { default as default35 } from "./components/SearchBar/SearchBar.js";
 import { default as default36 } from "./components/Select/Select.js";
-import { default as default37 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default38 } from "./components/Switch/Switch.js";
-import { default as default39 } from "./components/Table/components/Table.js";
-import { default as default40 } from "./components/TextArea/TextArea.js";
-import { default as default41 } from "./components/Tooltip/Tooltip.js";
+import { default as default37 } from "./components/Skeleton/ButtonSkeleton.js";
+import { default as default38 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default39 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default40 } from "./components/Switch/Switch.js";
+import { default as default41 } from "./components/Table/components/Table.js";
+import { default as default42 } from "./components/TextArea/TextArea.js";
+import { default as default43 } from "./components/Tooltip/Tooltip.js";
 import { DndTree } from "./components/Tree/components/DndTree.js";
-import { default as default42 } from "./components/Tree/components/SortableTree.js";
-import { default as default43 } from "./components/Tree/components/Tree.js";
-import { default as default44 } from "./components/TreeView/TreeView.js";
-import { default as default45 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default46 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default47 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default48 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default49 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default50 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default51 } from "./hooks/useConversation/useConversation.js";
-import { default as default52 } from "./hooks/useDate/useDate.js";
-import { default as default53 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default54 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default55 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default56 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default57 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default58 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default59 } from "./hooks/useHover/useHover.js";
-import { default as default60 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default61 } from "./hooks/useImage/useImage.js";
-import { default as default62 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default63 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default64 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default65 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default66 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default67 } from "./hooks/useTitle/useTitle.js";
-import { default as default68 } from "./hooks/useToast/useToast.js";
-import { default as default69 } from "./hooks/useToggle/useToggle.js";
-import { default as default70 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default71 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default72 } from "./hooks/useUpload/useUpload.js";
-import { default as default73 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default74 } from "./hooks/useUser/useUser.js";
-import { default as default75 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default76 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default77 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default78 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default79 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default80 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default81 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default82 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default83 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default84 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default85 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default44 } from "./components/Tree/components/SortableTree.js";
+import { default as default45 } from "./components/Tree/components/Tree.js";
+import { default as default46 } from "./components/TreeView/TreeView.js";
+import { default as default47 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default48 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default49 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default50 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default51 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default52 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default53 } from "./hooks/useConversation/useConversation.js";
+import { default as default54 } from "./hooks/useDate/useDate.js";
+import { default as default55 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default56 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default57 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default58 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default59 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default60 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default61 } from "./hooks/useHover/useHover.js";
+import { default as default62 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default63 } from "./hooks/useImage/useImage.js";
+import { default as default64 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default65 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default66 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default67 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default68 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default69 } from "./hooks/useTitle/useTitle.js";
+import { default as default70 } from "./hooks/useToast/useToast.js";
+import { default as default71 } from "./hooks/useToggle/useToggle.js";
+import { default as default72 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default73 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default74 } from "./hooks/useUpload/useUpload.js";
+import { default as default75 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default76 } from "./hooks/useUser/useUser.js";
+import { default as default77 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default78 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default79 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default80 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default81 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default82 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default83 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default84 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default85 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default86 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default87 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default88 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default89 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default90 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default91 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default92 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default93 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default94 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default95 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default96 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default97 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default98 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default99 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -99,6 +113,8 @@ 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 { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
+import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
+import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
 import { EdificeClientProvider } from "./providers/EdificeClientProvider/EdificeClientProvider.js";
 import { EdificeClientContext } from "./providers/EdificeClientProvider/EdificeClientProvider.context.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
@@ -116,18 +132,21 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
+  default91 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default81 as BlogPublic,
+  default86 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
+  default37 as ButtonSkeleton,
   default14 as Card,
   default15 as Checkbox,
   default16 as ColorPicker,
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
+  default83 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -137,7 +156,9 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
+  default92 as Embed,
   default21 as EmptyScreen,
+  ExternalLinker,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -145,43 +166,54 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
+  default93 as ImageEditor,
+  default94 as ImagePicker,
   default27 as Input,
+  InternalLinker,
   default28 as Label,
   Layout,
   List,
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
+  default95 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default79 as OnboardingModal,
+  default84 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default80 as PublishModal,
+  default85 as PublishModal,
   default34 as Radio,
   ResourceModal,
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
-  default84 as ShareBlog,
-  default83 as ShareModal,
-  default42 as SortableTree,
-  default37 as StackedGroup,
-  default38 as Switch,
-  default39 as Table,
+  default89 as ShareBlog,
+  default88 as ShareModal,
+  default44 as SortableTree,
+  default39 as StackedGroup,
+  default40 as Switch,
+  default41 as Table,
   Tabs,
-  default40 as TextArea,
+  default42 as TextArea,
+  default38 as TextSkeleton,
   Toolbar,
-  default41 as Tooltip,
-  default43 as Tree,
+  default43 as Tooltip,
+  default45 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default44 as TreeView,
-  default45 as VisuallyHidden,
+  default46 as TreeView,
+  default96 as VideoEmbed,
+  default97 as VideoRecorder,
+  default47 as VisuallyHidden,
+  WORKSPACE_SHARED_FOLDER_ID,
+  WORKSPACE_USER_FOLDER_ID,
+  default98 as Workspace,
+  default99 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -209,46 +241,48 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default46 as useBookmark,
-  default47 as useBreakpoint,
-  default48 as useBrowserInfo,
-  default49 as useCantoo,
+  default48 as useBookmark,
+  default49 as useBreakpoint,
+  default50 as useBrowserInfo,
+  default51 as useCantoo,
   useCheckable,
-  default50 as useClickOutside,
-  default51 as useConversation,
-  default52 as useDate,
-  default53 as useDebounce,
-  default54 as useDirectory,
-  default55 as useDropdown,
-  default56 as useDropzone,
+  default52 as useClickOutside,
+  default53 as useConversation,
+  default54 as useDate,
+  default55 as useDebounce,
+  default56 as useDirectory,
+  default57 as useDropdown,
+  default58 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default57 as useEdificeIcons,
+  default59 as useEdificeIcons,
   useEdificeTheme,
-  default58 as useHasWorkflow,
-  default59 as useHover,
-  default60 as useHttpErrorToast,
-  default61 as useImage,
-  default62 as useIsAdml,
-  default63 as useKeyPress,
-  default64 as useLibraryUrl,
-  default65 as useMediaLibrary,
-  default66 as useScrollToTop,
-  default85 as useShareMutation,
-  default67 as useTitle,
-  default68 as useToast,
-  default69 as useToggle,
-  default70 as useTrapFocus,
-  default71 as useTrashedResource,
+  default60 as useHasWorkflow,
+  default61 as useHover,
+  default62 as useHttpErrorToast,
+  default63 as useImage,
+  default64 as useIsAdml,
+  default65 as useKeyPress,
+  default66 as useLibraryUrl,
+  default67 as useMediaLibrary,
+  default68 as useScrollToTop,
+  default90 as useShareMutation,
+  default69 as useTitle,
+  default70 as useToast,
+  default71 as useToggle,
+  default72 as useTrapFocus,
+  default73 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default82 as useUpdateMutation,
-  default72 as useUpload,
-  default73 as useUploadFiles,
-  default74 as useUser,
-  default75 as useWorkspaceFile,
-  default76 as useWorkspaceSearch,
-  default77 as useXitiTrackPageLoad,
-  default78 as useZendeskGuide,
+  default87 as useUpdateMutation,
+  default74 as useUpload,
+  default75 as useUploadFiles,
+  default76 as useUser,
+  default77 as useWorkspaceFile,
+  default78 as useWorkspaceFolders,
+  default79 as useWorkspaceFoldersTree,
+  default80 as useWorkspaceSearch,
+  default81 as useXitiTrackPageLoad,
+  default82 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modals.js

@@ -1,18 +1,20 @@
-import { default as default2 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default3 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default4 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default5 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default6 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default7 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default8 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default2 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default3 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default4 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default5 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default6 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default7 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default8 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
 import { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 export {
-  default4 as BlogPublic,
-  default2 as OnboardingModal,
-  default3 as PublishModal,
+  default5 as BlogPublic,
+  default2 as ConfirmModal,
+  default3 as OnboardingModal,
+  default4 as PublishModal,
   ResourceModal,
-  default7 as ShareBlog,
-  default6 as ShareModal,
-  default8 as useShareMutation,
-  default5 as useUpdateMutation
+  default8 as ShareBlog,
+  default7 as ShareModal,
+  default9 as useShareMutation,
+  default6 as useUpdateMutation
 };

package/dist/modules/editor/components/Editor/Editor.d.ts

@@ -1,5 +1,5 @@
 import { WorkspaceVisibility } from '@edifice.io/client';
-import { Content, FocusPosition, JSONContent } from '@tiptap/react';
+import { Content, Extensions, FocusPosition, JSONContent } from '@tiptap/react';
 export interface EditorRef {
     /** Get the current content. */
     getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
@@ -7,6 +7,11 @@ export interface EditorRef {
     isSpeeching: () => boolean;
     /** [De]activate speech synthetisis */
     toogleSpeechSynthetisis: () => boolean;
+    /**
+     * Set focus to the editor
+     * @param position
+     */
+    setFocus: (position: FocusPosition) => void;
 }
 /**
  * Editor component properties
@@ -41,6 +46,8 @@ export interface EditorProps {
         editor: any;
     }) => void;
     cantooParam?: 'simplify' | 'none';
+    /** Extensions to add to the editor */
+    extensions?: Extensions;
 }
 declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
 export default Editor;

package/dist/modules/editor/components/Editor/Editor.js

@@ -32,14 +32,15 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   placeholder = "",
   visibility = "protected",
   onContentChange,
-  cantooParam = "none"
+  cantooParam = "none",
+  extensions
 }, ref) => {
   const editorId = useId(), {
     appCode
   } = useEdificeClient(), {
     editor,
     editable
-  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility), {
+  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility, extensions), {
     ref: mediaLibraryModalRef,
     ...mediaLibraryModalHandlers
   } = useMediaLibraryEditor(editor), {
@@ -60,7 +61,10 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
       }
     },
     toogleSpeechSynthetisis: speechSynthetisis.toggle,
-    isSpeeching: () => speechSynthetisis.isActivated
+    isSpeeching: () => speechSynthetisis.isActivated,
+    setFocus: (position) => {
+      editor && editor.commands.focus(position);
+    }
   }));
   const contooEditor = useCantooEditor(editor, cantooParam);
   if (!editor) return null;

package/dist/modules/editor/components/Editor/EditorSkeleton.d.ts

@@ -0,0 +1,11 @@
+export interface EditorSkeletonProps {
+    /** Mode of the editor, either 'edit' or 'read' */
+    mode?: 'edit' | 'read';
+    /** Display with or without a border */
+    variant?: 'outline' | 'ghost';
+}
+declare const EditorSkeleton: {
+    ({ mode, variant, }: EditorSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default EditorSkeleton;

package/dist/modules/editor/components/Editor/EditorSkeleton.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import ButtonSkeleton from "../../../../components/Skeleton/ButtonSkeleton.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+const EditorSkeleton = ({
+  mode = "read",
+  variant = "outline"
+}) => {
+  const contentClass = clsx("d-flex flex-column gap-16 position-relative flex-fill", variant === "outline" && "border rounded-3 py-12 px-16");
+  return mode === "edit" ? /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
+    /* @__PURE__ */ jsxs("div", { className: "d-flex col-12 gap-8 py-8 px-16", children: [
+      /* @__PURE__ */ jsx(ButtonSkeleton, { className: "col-2 flex-shrink-1" }),
+      /* @__PURE__ */ jsx(ButtonSkeleton, { className: "col-4" }),
+      /* @__PURE__ */ jsx(ButtonSkeleton, { className: "col-4" }),
+      /* @__PURE__ */ jsx(ButtonSkeleton, { className: "col-2" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-8 px-16", children: [
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "col-10" }),
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "col-7" }),
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "col-8" }),
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "col-6" })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-10" }),
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-7" }),
+    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-8" })
+  ] });
+};
+export {
+  EditorSkeleton as default
+};

package/dist/modules/editor/components/Editor/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Editor } from './Editor';
 export * from './Editor';
+export { default as Editor } from './Editor';
+export { default as EditorSkeleton } from './EditorSkeleton';

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts

@@ -0,0 +1,2 @@
+declare const ConversationHistoryNodeView: (Component: any) => import('@tiptap/core').Node<any, any>;
+export default ConversationHistoryNodeView;

package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js

@@ -0,0 +1,10 @@
+import { ConversationHistory } from "@edifice.io/tiptap-extensions/conversation-history";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+const ConversationHistoryNodeView = (Component) => ConversationHistory.extend({
+  addNodeView() {
+    return ReactNodeViewRenderer(Component);
+  }
+});
+export {
+  ConversationHistoryNodeView as default
+};

package/dist/modules/editor/components/NodeView/index.d.ts

@@ -1,5 +1,6 @@
-export { default as AudioNodeView } from './AudioNodeView';
 export { default as AttachmentNodeView } from './AttachmentNodeView';
+export { default as AudioNodeView } from './AudioNodeView';
+export { default as ConversationHistoryNodeView } from './ConversationHistoryNodeView';
 export { default as ImageNodeView } from './ImageNodeView';
 export { default as LinkerNodeView } from './LinkerNodeView';
 export { default as VideoNodeView } from './VideoNodeView';

package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * `ConversationHistoryRenderer` is a React component that renders a button to toggle the visibility
+ * of conversation history content. It uses the `@tiptap/react` library for rendering content and
+ * `clsx` for conditional class names. The component also utilizes the `useTranslation` hook from
+ * `react-i18next` for internationalization and a custom `useToggle` hook for managing the open state.
+ */
+declare const ConversationHistoryRenderer: () => import("react/jsx-runtime").JSX.Element;
+export default ConversationHistoryRenderer;

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

@@ -0,0 +1,28 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterDown from "../../../icons/components/IconRafterDown.js";
+import SvgIconRafterUp from "../../../icons/components/IconRafterUp.js";
+import useToggle from "../../../../hooks/useToggle/useToggle.js";
+import Button from "../../../../components/Button/Button.js";
+const ConversationHistoryRenderer = () => {
+  const {
+    t
+  } = useTranslation("conversation"), [open, toggleOpen] = useToggle(!1), classes = clsx("conversation-history ps-16 pt-8", {
+    show: open
+  });
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { as: "div", contentEditable: !1, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: toggleOpen, size: "sm", className: "d-flex align-items-center gap-4 text-gray-800 fs-6 mt-24", children: open ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.hide"),
+      /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16 })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      t("message.history.show"),
+      /* @__PURE__ */ jsx(SvgIconRafterDown, { width: 16, height: 16 })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: classes, "data-testid": "conversation-history-content", children: /* @__PURE__ */ jsx(NodeViewContent, {}) })
+  ] });
+};
+export {
+  ConversationHistoryRenderer as default
+};

package/dist/modules/editor/components/Renderer/index.d.ts

@@ -1,5 +1,6 @@
-export { default as AudioRenderer } from './AudioRenderer';
 export { default as AttachmentRenderer } from './AttachmentRenderer';
+export { default as AudioRenderer } from './AudioRenderer';
+export { default as ConversationHistoryRenderer } from './ConversationHistoryRenderer';
 export { default as LinkerRenderer } from './LinkerRenderer';
 export { default as MediaRenderer } from './MediaRenderer';
 export { default as InformationPaneRenderer } from './InformationPaneRenderer';

package/dist/modules/editor/hooks/useTipTapEditor.d.ts

@@ -1,4 +1,4 @@
-import { Content, FocusPosition } from '@tiptap/react';
+import { Content, Extensions, FocusPosition } from '@tiptap/react';
 import { WorkspaceVisibility } from '@edifice.io/client';
 /**
  * Hook that creates a tiptap editor instance.
@@ -7,10 +7,14 @@ import { WorkspaceVisibility } from '@edifice.io/client';
  * @param content default rich content
  * @param focus set focus position to the editor
  * @param placeholder editor placeholder content
+ * @param onContentChange callback to be called on content change
+ * @param visibility workspace visibility
+ * @param extensions extensions to add to the editor
+ * @returns the editor instance and the editable state
  */
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
-}) => void, visibility?: WorkspaceVisibility) => {
+}) => void, visibility?: WorkspaceVisibility, extensions?: Extensions) => {
     editor: import('@tiptap/core').Editor | null;
     editable: boolean;
 };

package/dist/modules/editor/hooks/useTipTapEditor.js

@@ -38,7 +38,7 @@ import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
 import InformationPaneRenderer from "../components/Renderer/InformationPaneRenderer.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -65,7 +65,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
       levels: [1, 2]
     }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({
       lang: (currentLanguage == null ? void 0 : currentLanguage.length) === 2 ? `${currentLanguage}-${currentLanguage.toUpperCase()}` : "fr-FR"
-    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer)],
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), InformationPaneNodeView(InformationPaneRenderer), ...extensions || []],
     content,
     // If the onContentChange callback is provided, we call it on every content change.
     ...onContentChange ? {

package/dist/modules/icons/components/IconFolderAdd.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconFolderAdd: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconFolderAdd;

package/dist/modules/icons/components/IconFolderAdd.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderAdd = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("g", { clipPath: "url(#icon-folder-add_svg__a)", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.985 5.283A2 2 0 0 0 12.965 7H22v12H2V4h7.5a1.5 1.5 0 0 1 1.485 1.283M1.902 2C.852 2 0 2.852 0 3.902V19a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-9.035A3.5 3.5 0 0 0 9.5 2zM12 8a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3V9a1 1 0 0 1 1-1", clipRule: "evenodd" }) }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-folder-add_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconFolderAdd as default
+};

package/dist/modules/icons/components/IconFolderDelete.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconFolderDelete: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconFolderDelete;

package/dist/modules/icons/components/IconFolderDelete.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconFolderDelete = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.756 2A2.756 2.756 0 0 0 0 4.756V18a3 3 0 0 0 3 3h6.5a1 1 0 1 0 0-2H3a1 1 0 0 1-1-1V4.756C2 4.34 2.339 4 2.756 4H9.5A2.5 2.5 0 0 1 12 6.5a1 1 0 0 0 1 1h8a1 1 0 0 1 1 1 1 1 0 1 0 2 0 3 3 0 0 0-3-3h-7.111A4.5 4.5 0 0 0 9.5 2zm20.85 9.536a1 1 0 0 1 0 1.414l-3.535 3.535 3.536 3.536a1 1 0 0 1-1.415 1.414L18.657 17.9l-3.536 3.535a1 1 0 0 1-1.414-1.414l3.536-3.536-3.536-3.535a1 1 0 0 1 1.414-1.414l3.536 3.535 3.535-3.535a1 1 0 0 1 1.415 0", clipRule: "evenodd" })
+] });
+export {
+  SvgIconFolderDelete as default
+};