@edifice.io/react 2.2.7-develop-b2school.20250523102221 → 2.2.8-develop-integration.20250523170252

package/dist/index.js

@@ -73,28 +73,16 @@ 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/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default77 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default78 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default79 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default80 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default81 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default82 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default83 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default84 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default85 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default86 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default87 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default88 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default89 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default90 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default91 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default92 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default93 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default94 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default95 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default96 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default97 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.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 { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -111,8 +99,6 @@ 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";
@@ -130,11 +116,10 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default89 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default84 as BlogPublic,
+  default81 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default14 as Card,
@@ -143,7 +128,6 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default81 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -153,9 +137,7 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default90 as Embed,
   default21 as EmptyScreen,
-  ExternalLinker,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -163,34 +145,30 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default91 as ImageEditor,
-  default92 as ImagePicker,
   default27 as Input,
-  InternalLinker,
   default28 as Label,
   Layout,
   List,
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default93 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default82 as OnboardingModal,
+  default79 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default83 as PublishModal,
+  default80 as PublishModal,
   default34 as Radio,
   ResourceModal,
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
-  default87 as ShareBlog,
-  default86 as ShareModal,
+  default84 as ShareBlog,
+  default83 as ShareModal,
   default42 as SortableTree,
   default37 as StackedGroup,
   default38 as Switch,
@@ -203,13 +181,7 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default44 as TreeView,
-  default94 as VideoEmbed,
-  default95 as VideoRecorder,
   default45 as VisuallyHidden,
-  WORKSPACE_SHARED_FOLDER_ID,
-  WORKSPACE_USER_FOLDER_ID,
-  default96 as Workspace,
-  default97 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -262,7 +234,7 @@ export {
   default64 as useLibraryUrl,
   default65 as useMediaLibrary,
   default66 as useScrollToTop,
-  default88 as useShareMutation,
+  default85 as useShareMutation,
   default67 as useTitle,
   default68 as useToast,
   default69 as useToggle,
@@ -270,15 +242,13 @@ export {
   default71 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default85 as useUpdateMutation,
+  default82 as useUpdateMutation,
   default72 as useUpload,
   default73 as useUploadFiles,
   default74 as useUser,
   default75 as useWorkspaceFile,
-  default76 as useWorkspaceFolders,
-  default77 as useWorkspaceFoldersTree,
-  default78 as useWorkspaceSearch,
-  default79 as useXitiTrackPageLoad,
-  default80 as useZendeskGuide,
+  default76 as useWorkspaceSearch,
+  default77 as useXitiTrackPageLoad,
+  default78 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modals.js

@@ -1,20 +1,18 @@
-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 { 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 { ResourceModal } from "./modules/modals/ResourceModal/ResourceModal.js";
 export {
-  default5 as BlogPublic,
-  default2 as ConfirmModal,
-  default3 as OnboardingModal,
-  default4 as PublishModal,
+  default4 as BlogPublic,
+  default2 as OnboardingModal,
+  default3 as PublishModal,
   ResourceModal,
-  default8 as ShareBlog,
-  default7 as ShareModal,
-  default9 as useShareMutation,
-  default6 as useUpdateMutation
+  default7 as ShareBlog,
+  default6 as ShareModal,
+  default8 as useShareMutation,
+  default5 as useUpdateMutation
 };

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

@@ -0,0 +1,7 @@
+declare const CantooAdaptTextBoxView: ({ openPosition, }: {
+    openPosition?: {
+        right: boolean;
+        bottom: boolean;
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+export default CantooAdaptTextBoxView;

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

@@ -0,0 +1,33 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+const CantooAdaptTextBoxView = ({
+  openPosition
+}) => {
+  const {
+    editor
+  } = useEditorContext(), containerRef = useRef(null), Cantoo = window.Cantoo, editorHTML = editor == null ? void 0 : editor.getHTML(), cantooHTML = (Cantoo == null ? void 0 : Cantoo.formatText(editorHTML)) || editorHTML;
+  return useEffect(() => {
+    var _a;
+    openPosition != null && openPosition.bottom && ((_a = containerRef.current) == null || _a.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "nearest"
+    }));
+  }, []), /* @__PURE__ */ jsxs(Fragment, { children: [
+    (openPosition == null ? void 0 : openPosition.right) && /* @__PURE__ */ jsx("div", { style: {
+      width: "1px",
+      backgroundColor: "#e0e0e0",
+      margin: "0 3px"
+    } }),
+    /* @__PURE__ */ jsx("div", { style: {
+      flex: 1,
+      marginTop: openPosition != null && openPosition.bottom ? "16px" : "0px"
+    }, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: `${openPosition != null && openPosition.bottom ? "card" : ""} py-12 px-16`, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: {
+      __html: cantooHTML
+    } }) }) })
+  ] });
+};
+export {
+  CantooAdaptTextBoxView as default
+};

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

@@ -1,5 +1,5 @@
 import { WorkspaceVisibility } from '@edifice.io/client';
-import { Content, Extensions, FocusPosition, JSONContent } from '@tiptap/react';
+import { Content, FocusPosition, JSONContent } from '@tiptap/react';
 export interface EditorRef {
     /** Get the current content. */
     getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
@@ -7,11 +7,6 @@ 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
@@ -45,8 +40,7 @@ export interface EditorProps {
     onContentChange?: ({ editor }: {
         editor: any;
     }) => void;
-    /** Extensions to add to the editor */
-    extensions?: Extensions;
+    cantooParam?: 'simplify' | 'none';
 }
 declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
 export default Editor;

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

@@ -5,14 +5,17 @@ import clsx from "clsx";
 import "@tiptap/starter-kit";
 import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useMathsStyles } from "../../hooks/useMathsStyles.js";
+import CantooAdaptTextBoxView from "./CantooAdaptTextBoxView.js";
 import { useTipTapEditor } from "../../hooks/useTipTapEditor.js";
 import { useMediaLibraryEditor } from "../../hooks/useMediaLibraryEditor.js";
 import { useMathsModal } from "../../hooks/useMathsModal.js";
 import { useImageModal } from "../../hooks/useImageModal.js";
 import { useLinkToolbar } from "../../hooks/useLinkToolbar.js";
 import { useSpeechSynthetisis } from "../../hooks/useSpeechSynthetisis.js";
+import { useCantooEditor } from "../../hooks/useCantooEditor.js";
 import { EditorContext } from "../../hooks/useEditorContext.js";
 import { EditorToolbar } from "../EditorToolbar/EditorToolbar.js";
+import Flex from "../../../../components/Flex/Flex.js";
 import LinkToolbar from "../Toolbar/LinkToolbar.js";
 import TableToolbar from "../Toolbar/TableToolbar.js";
 import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
@@ -29,21 +32,21 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   placeholder = "",
   visibility = "protected",
   onContentChange,
-  extensions
+  cantooParam = "none"
 }, ref) => {
   const editorId = useId(), {
     appCode
   } = useEdificeClient(), {
     editor,
     editable
-  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility, extensions), {
+  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange, visibility), {
     ref: mediaLibraryModalRef,
     ...mediaLibraryModalHandlers
   } = useMediaLibraryEditor(editor), {
     toggle: toggleMathsModal,
     ...mathsModalHandlers
   } = useMathsModal(editor), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
-  if (useMathsStyles(), useImperativeHandle(ref, () => ({
+  useMathsStyles(), useImperativeHandle(ref, () => ({
     getContent: (as) => {
       switch (as) {
         case "html":
@@ -57,11 +60,10 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
       }
     },
     toogleSpeechSynthetisis: speechSynthetisis.toggle,
-    isSpeeching: () => speechSynthetisis.isActivated,
-    setFocus: (position) => {
-      editor && editor.commands.focus(position);
-    }
-  })), !editor) return null;
+    isSpeeching: () => speechSynthetisis.isActivated
+  }));
+  const contooEditor = useCantooEditor(editor, cantooParam);
+  if (!editor) return null;
   const borderClass = clsx(variant === "outline" && "border rounded-3"), contentClass = clsx(variant === "outline" && "py-12 px-16");
   return /* @__PURE__ */ jsxs(EditorContext.Provider, { value: {
     id: id ?? editorId,
@@ -70,8 +72,13 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     editable
   }, children: [
     /* @__PURE__ */ jsxs("div", { className: borderClass, children: [
-      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal }),
-      /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass })
+      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal, cantooEditor: contooEditor }),
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", children: [
+        /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass, style: {
+          flex: 1
+        } }),
+        editable && contooEditor.openPositionAdaptText.right && /* @__PURE__ */ jsx(CantooAdaptTextBoxView, { openPosition: contooEditor.openPositionAdaptText })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
     /* @__PURE__ */ jsx(TableToolbar, { editor }),
@@ -82,7 +89,8 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
     /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: [
       editable && /* @__PURE__ */ jsx(MediaLibrary, { appCode, visibility, multiple: !0, ref: mediaLibraryModalRef, ...mediaLibraryModalHandlers }),
       editable && mathsModalHandlers.isOpen && /* @__PURE__ */ jsx(MathsModal, { ...mathsModalHandlers }),
-      editable && (imageModal == null ? void 0 : imageModal.isOpen) && (imageModal == null ? void 0 : imageModal.currentImage) && /* @__PURE__ */ jsx(ImageEditor, { altText: imageModal == null ? void 0 : imageModal.currentImage.alt, legend: imageModal == null ? void 0 : imageModal.currentImage.title, image: imageModal == null ? void 0 : imageModal.currentImage.src, isOpen: imageModal.isOpen, onCancel: imageModal.handleCancel, onSave: imageModal.handleSave, onError: console.error })
+      editable && (imageModal == null ? void 0 : imageModal.isOpen) && (imageModal == null ? void 0 : imageModal.currentImage) && /* @__PURE__ */ jsx(ImageEditor, { altText: imageModal == null ? void 0 : imageModal.currentImage.alt, legend: imageModal == null ? void 0 : imageModal.currentImage.title, image: imageModal == null ? void 0 : imageModal.currentImage.src, isOpen: imageModal.isOpen, onCancel: imageModal.handleCancel, onSave: imageModal.handleSave, onError: console.error }),
+      editable && contooEditor.openPositionAdaptText.bottom && /* @__PURE__ */ jsx(CantooAdaptTextBoxView, { openPosition: contooEditor.openPositionAdaptText })
     ] })
   ] });
 });

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.d.ts

@@ -0,0 +1,9 @@
+import { RefAttributes } from 'react';
+import { IconButtonProps } from '../../../../components';
+import { CantooEditor } from '../../hooks';
+interface Props {
+    triggerProps: JSX.IntrinsicAttributes & Omit<IconButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>;
+    cantooEditor: CantooEditor;
+}
+export declare const EditorToolbarCantoo: ({ triggerProps, cantooEditor }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconCantoo from "../../../icons/components/IconCantoo.js";
+import SvgIconDeleteColumnHighlight from "../../../icons/components/IconDeleteColumnHighlight.js";
+import SvgIconDeleteRowHighlight from "../../../icons/components/IconDeleteRowHighlight.js";
+import SvgIconMicOff from "../../../icons/components/IconMicOff.js";
+import SvgIconMic from "../../../icons/components/IconMic.js";
+import SvgIconSettings from "../../../icons/components/IconSettings.js";
+import SvgIconTextToSpeechOff from "../../../icons/components/IconTextToSpeechOff.js";
+import SvgIconTextToSpeech from "../../../icons/components/IconTextToSpeech.js";
+import SvgIconWand from "../../../icons/components/IconWand.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+const EditorToolbarCantoo = ({
+  triggerProps,
+  cantooEditor
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    speech2textIsAvailable,
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text,
+    toggleText2Speech,
+    toogleSettings,
+    cantooParam
+  } = cantooEditor, cantooOptionsAdaptText = [{
+    id: "right",
+    label: t("tiptap.toolbar.cantoo.formatText.show.on.right"),
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}),
+    className: cantooEditor.openPositionAdaptText.right ? "fw-bold" : "",
+    action: () => cantooEditor.handleCantooAdaptTextPosition("right")
+  }, {
+    id: "bottom",
+    label: t("tiptap.toolbar.cantoo.formatText.show.on.bottom"),
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}),
+    className: cantooEditor.openPositionAdaptText.bottom ? "fw-bold" : "",
+    action: () => cantooEditor.handleCantooAdaptTextPosition("bottom")
+  }], cantooOptions = [...cantooParam === "simplify" ? [{
+    id: "formatText",
+    label: t("tiptap.toolbar.cantoo.formatText"),
+    className: cantooEditor.openPositionAdaptText.bottom ? "fw-bold" : "",
+    icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
+    action: () => cantooEditor.handleCantooAdaptTextPosition("bottom")
+  }] : [], ...speech2textIsAvailable ? [{
+    id: "speech2text",
+    label: t("tiptap.toolbar.cantoo.speech2text"),
+    className: speech2textIsActive ? "fw-bold" : "",
+    icon: speech2textIsActive ? /* @__PURE__ */ jsx(SvgIconMicOff, {}) : /* @__PURE__ */ jsx(SvgIconMic, {}),
+    action: () => toggleSpeech2Text()
+  }] : [], {
+    id: "text2speech",
+    label: t("tiptap.toolbar.cantoo.text2speech"),
+    className: text2speechIsActive ? "fw-bold" : "",
+    icon: text2speechIsActive ? /* @__PURE__ */ jsx(SvgIconTextToSpeechOff, {}) : /* @__PURE__ */ jsx(SvgIconTextToSpeech, {}),
+    action: () => toggleText2Speech()
+  }, ...cantooParam === "simplify" ? [] : [{
+    id: "settings",
+    label: t("tiptap.toolbar.cantoo.settings"),
+    icon: /* @__PURE__ */ jsx(SvgIconSettings, {}),
+    action: () => toogleSettings()
+  }]];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.cantoo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconCantoo, {}), className: speech2textIsActive || text2speechIsActive || cantooEditor.openPositionAdaptText.right || cantooEditor.openPositionAdaptText.bottom ? "is-selected" : "", "aria-label": t("tiptap.toolbar.cantoo.choice"), isLoading: !window.Cantoo }) }),
+    /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+      cantooParam != "simplify" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dropdown.MenuGroup, { label: t("tiptap.toolbar.cantoo.formatText"), children: cantooOptionsAdaptText.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, icon: option.icon, className: option.className, children: /* @__PURE__ */ jsx("span", { children: option.label }) }) }, option.id)) }),
+        /* @__PURE__ */ jsx(Dropdown.Separator, {})
+      ] }),
+      cantooOptions.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.Item, { onClick: option.action, icon: option.icon, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }, option.id))
+    ] })
+  ] });
+};
+export {
+  EditorToolbarCantoo
+};

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

@@ -1,10 +1,13 @@
 import { RefObject } from 'react';
+import { CantooEditor } from '../..';
 import { MediaLibraryRef } from '../../../multimedia';
 interface Props {
     /** Ref to a MediaLibrary instance */
     mediaLibraryRef: RefObject<MediaLibraryRef>;
     /** API to open/close a Math modal. */
     toggleMathsModal: () => void;
+    /** Ref to a Cantoo editor instance */
+    cantooEditor: CantooEditor;
 }
-export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal, cantooEditor, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -27,13 +27,15 @@ import { EditorToolbarPlusMenu } from "./EditorToolbar.PlusMenu.js";
 import { EditorToolbarTextColor } from "./EditorToolbar.TextColor.js";
 import { EditorToolbarTextSize } from "./EditorToolbar.TextSize.js";
 import { EditorToolbarTypography } from "./EditorToolbar.Typography.js";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
+import { EditorToolbarCantoo } from "./EditorToolbar.Cantoo.js";
 import { useActionOptions } from "../../hooks/useActionOptions.js";
 import { useSpeechRecognition } from "../../hooks/useSpeechRecognition.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
 import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
 const EditorToolbar = ({
   mediaLibraryRef,
-  toggleMathsModal
+  toggleMathsModal,
+  cantooEditor
 }) => {
   const {
     t
@@ -167,11 +169,21 @@ const EditorToolbar = ({
         name: "speechtotext",
         tooltip: t("tiptap.toolbar.stt")
       },
+      //------------- CANTOO ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, cantooEditor })
+        },
+        name: "cantoo",
+        visibility: cantooEditor.isAvailable ? "show" : "hide",
+        tooltip: t("tiptap.toolbar.cantoo.choice")
+      },
       //------------------------------------//
       {
         type: "divider",
         name: "div-speech",
-        visibility: canRecognizeSpeech ? "show" : "hide"
+        visibility: canRecognizeSpeech || cantooEditor.isAvailable ? "show" : "hide"
       },
       //--------------- TYPOGRAPHY ---------------//
       {

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

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

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

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

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

@@ -10,3 +10,4 @@ export * from './useResizeMedia';
 export * from './useSpeechRecognition';
 export * from './useSpeechSynthetisis';
 export * from './useTipTapEditor';
+export * from './useCantooEditor';

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

@@ -0,0 +1,17 @@
+import { Editor } from '@tiptap/react';
+export interface CantooEditor {
+    cantooParam: string;
+    isAvailable: boolean;
+    speech2textIsAvailable: boolean;
+    speech2textIsActive: boolean;
+    text2speechIsActive: boolean;
+    toggleSpeech2Text: () => void;
+    toggleText2Speech: () => void;
+    toogleSettings: () => void;
+    openPositionAdaptText: {
+        right: boolean;
+        bottom: boolean;
+    };
+    handleCantooAdaptTextPosition: (position: string) => void;
+}
+export declare const useCantooEditor: (editor: Editor | null, cantooParam: string) => CantooEditor;

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

@@ -0,0 +1,89 @@
+import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+const useCantooEditor = (editor, cantooParam) => {
+  const Cantoo = window.Cantoo, isAvailable = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo"), [speech2textIsActive, setSpeech2textActive] = useState(!1), [text2speechIsActive, setText2speechActive] = useState(!1), [openPositionAdaptText, setOpenPositionAdaptText] = useState({
+    right: !1,
+    bottom: !1
+  }), speech2textIsAvailable = (Cantoo == null ? void 0 : Cantoo.speech2text.isAvailableOnDevice()) || !1, toggleSpeech2Text = async () => {
+    if (speech2textIsActive) {
+      setSpeech2textActive(!1);
+      try {
+        await Cantoo.speech2text.stop();
+      } catch (e) {
+        console.warn("Error while trying to stop Cantoo (speech2text)", e);
+      }
+    } else
+      try {
+        if (setSpeech2textActive(!0), speech2textIsAvailable)
+          if (await Cantoo.speech2text.requestPermission())
+            cantooStoreEvent("CANTOO_EDITEUR_SPEECH_TO_TEXT"), await Cantoo.speech2text.start((data) => {
+              editor == null || editor.chain().focus().insertContent(data.join(" ")).run();
+            }, window.navigator.language);
+          else
+            throw setSpeech2textActive(!1), new Error("Cantoo speech2text permission denied, please check your browser settings");
+        else
+          throw setSpeech2textActive(!1), new Error("Cantoo speech2text not available on this device");
+      } catch (e) {
+        console.warn("Error while trying to use Cantoo (speech2text)", e), setSpeech2textActive(!1);
+      }
+  }, toggleText2Speech = () => {
+    if (text2speechIsActive)
+      setText2speechActive(!1), window.speechSynthesis.cancel();
+    else
+      try {
+        setText2speechActive(!0), Cantoo.text2speech.readText(editor == null ? void 0 : editor.getText()), cantooStoreEvent("CANTOO_EDITEUR_TEXT_TO_SPEECH"), Cantoo.text2speech.utter.onend = () => {
+          setText2speechActive(!1);
+        };
+      } catch (e) {
+        console.warn("Error while trying to use Cantoo (text2speech)", e), setText2speechActive(!1);
+      }
+  }, handleCantooAdaptTextPosition = (position) => {
+    switch (position) {
+      case "right":
+        openPositionAdaptText.right || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
+          bottom: !1,
+          right: !prev.right
+        }));
+        break;
+      case "bottom":
+        openPositionAdaptText.bottom || cantooStoreEvent("CANTOO_EDITEUR_ADAPT_TEXT"), setOpenPositionAdaptText((prev) => ({
+          right: !1,
+          bottom: !prev.bottom
+        }));
+        break;
+    }
+  }, toogleSettings = () => {
+    if (!Cantoo) {
+      console.warn("Cantoo not available");
+      return;
+    }
+    Cantoo.openCantooWebConfig();
+  }, cantooStoreEvent = useCallback(async (eventType) => {
+    if (eventType.length > 0) {
+      const data = {
+        "event-type": eventType
+      };
+      try {
+        await odeServices.http().post("/infra/event/web/store", data);
+      } catch (e) {
+        console.warn("Error while storing event", e);
+      }
+    }
+  }, []);
+  return {
+    cantooParam,
+    isAvailable,
+    speech2textIsAvailable,
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text,
+    toggleText2Speech,
+    toogleSettings,
+    openPositionAdaptText,
+    handleCantooAdaptTextPosition
+  };
+};
+export {
+  useCantooEditor
+};