@edifice.io/react 2.2.3-develop-b2school.20250416174212 → 2.2.3-develop-integration.20250417103951

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export * from './components';
 export * from './hooks';
 export * from './modules/modals';
-export * from './modules/multimedia';
 export * from './providers';
 export * from './types';
 export * from './utilities';

package/dist/index.js

@@ -72,27 +72,16 @@ import { default as default71 } from "./hooks/useUpload/useUpload.js";
 import { default as default72 } from "./hooks/useUploadFiles/useUploadFiles.js";
 import { default as default73 } from "./hooks/useUser/useUser.js";
 import { default as default74 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { WORKSPACE_OWNER_FOLDER_ID, WORKSPACE_SHARED_FOLDER_ID, default as default75 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.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/ConfirmModal/ConfirmModal.js";
-import { default as default80 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default81 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default82 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default83 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default84 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default85 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default86 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default87 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default88 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default89 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default90 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default91 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default92 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default93 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default94 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default95 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default75 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default76 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default77 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default78 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default79 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default80 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default81 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default82 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default83 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default84 } 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";
@@ -109,8 +98,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";
@@ -128,11 +115,10 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default87 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default82 as BlogPublic,
+  default80 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default14 as Card,
@@ -141,7 +127,6 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default79 as ConfirmModal,
   DefaultPalette,
   DndTree,
   default19 as Dropdown,
@@ -151,43 +136,37 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default88 as Embed,
   default21 as EmptyScreen,
-  ExternalLinker,
   default23 as FormControl,
   default22 as FormText,
   Grid,
   default24 as Heading,
   default12 as IconButton,
   default25 as Image,
-  default89 as ImageEditor,
-  default90 as ImagePicker,
   default26 as Input,
-  InternalLinker,
   default27 as Label,
   Layout,
   List,
   default28 as Loading,
   default29 as LoadingScreen,
   default30 as Logo,
-  default91 as MediaLibrary,
   Menu,
   MockedProvider,
   default31 as Modal,
-  default80 as OnboardingModal,
+  default78 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default32 as PreventPropagation,
-  default81 as PublishModal,
+  default79 as PublishModal,
   default33 as Radio,
   ResourceModal,
   default34 as SearchBar,
   default13 as SearchButton,
   default35 as Select,
-  default85 as ShareBlog,
-  default84 as ShareModal,
+  default83 as ShareBlog,
+  default82 as ShareModal,
   default41 as SortableTree,
   default36 as StackedGroup,
   default37 as Switch,
@@ -200,13 +179,7 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default43 as TreeView,
-  default92 as VideoEmbed,
-  default93 as VideoRecorder,
   default44 as VisuallyHidden,
-  WORKSPACE_OWNER_FOLDER_ID,
-  WORKSPACE_SHARED_FOLDER_ID,
-  default94 as Workspace,
-  default95 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -259,7 +232,7 @@ export {
   default63 as useLibraryUrl,
   default64 as useMediaLibrary,
   default65 as useScrollToTop,
-  default86 as useShareMutation,
+  default84 as useShareMutation,
   default66 as useTitle,
   default67 as useToast,
   default68 as useToggle,
@@ -267,14 +240,13 @@ export {
   default70 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default83 as useUpdateMutation,
+  default81 as useUpdateMutation,
   default71 as useUpload,
   default72 as useUploadFiles,
   default73 as useUser,
   default74 as useWorkspaceFile,
-  default75 as useWorkspaceFolders,
-  default76 as useWorkspaceSearch,
-  default77 as useXitiTrackPageLoad,
-  default78 as useZendeskGuide,
+  default75 as useWorkspaceSearch,
+  default76 as useXitiTrackPageLoad,
+  default77 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,32 @@
+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: "start"
+    }));
+  }, []), /* @__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;
@@ -40,8 +40,6 @@ export interface EditorProps {
     onContentChange?: ({ editor }: {
         editor: any;
     }) => void;
-    /** 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

@@ -4,6 +4,7 @@ import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
 import "@tiptap/starter-kit";
 import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useCantooAdaptTextBox } from "../../hooks/useCantooAdaptTextBox.js";
 import { useMathsStyles } from "../../hooks/useMathsStyles.js";
 import { useTipTapEditor } from "../../hooks/useTipTapEditor.js";
 import { useMediaLibraryEditor } from "../../hooks/useMediaLibraryEditor.js";
@@ -13,13 +14,13 @@ import { useLinkToolbar } from "../../hooks/useLinkToolbar.js";
 import { useSpeechSynthetisis } from "../../hooks/useSpeechSynthetisis.js";
 import { EditorContext } from "../../hooks/useEditorContext.js";
 import { EditorToolbar } from "../EditorToolbar/EditorToolbar.js";
+import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
 import LinkToolbar from "../Toolbar/LinkToolbar.js";
 import TableToolbar from "../Toolbar/TableToolbar.js";
 import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
 import BubbleMenuEditInformationPane from "../BubbleMenuEditInformationPane/BubbleMenuEditInformationPane.js";
 import MediaLibrary from "../../../multimedia/MediaLibrary/MediaLibrary.js";
-import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
-const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), Editor = /* @__PURE__ */ forwardRef(({
+const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), CantooAdaptTextBoxView = /* @__PURE__ */ lazy(async () => await import("./CantooAdaptTextBoxView.js")), Editor = /* @__PURE__ */ forwardRef(({
   id,
   content,
   mode = "read",
@@ -28,21 +29,20 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   focus = "start",
   placeholder = "",
   visibility = "protected",
-  onContentChange,
-  extensions
+  onContentChange
 }, 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);
+  } = useMathsModal(editor), cantooAdaptTextBox = useCantooAdaptTextBox(), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
   if (useMathsStyles(), useImperativeHandle(ref, () => ({
     getContent: (as) => {
       switch (as) {
@@ -67,8 +67,16 @@ 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, cantooAdaptTextBoxRef: cantooAdaptTextBox }),
+      /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        flexDirection: "row"
+      }, children: [
+        /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass, style: {
+          flex: 1
+        } }),
+        /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: editable && cantooAdaptTextBox.openPosition.right && /* @__PURE__ */ jsx(CantooAdaptTextBoxView, { openPosition: cantooAdaptTextBox.openPosition }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
     /* @__PURE__ */ jsx(TableToolbar, { editor }),
@@ -79,7 +87,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 && cantooAdaptTextBox.openPosition.bottom && /* @__PURE__ */ jsx(CantooAdaptTextBoxView, { openPosition: cantooAdaptTextBox.openPosition })
     ] })
   ] });
 });

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

@@ -0,0 +1,12 @@
+import { RefAttributes } from 'react';
+import { IconButtonProps } from '../../../../components';
+interface Props {
+    triggerProps: JSX.IntrinsicAttributes & Omit<IconButtonProps, 'ref'> & RefAttributes<HTMLButtonElement>;
+    handleOpenCantooAdaptTextBox: (position: string) => void;
+    cantooAdaptTextBoxOpenPosition: {
+        right: boolean;
+        bottom: boolean;
+    };
+}
+export declare const EditorToolbarCantoo: ({ triggerProps, handleOpenCantooAdaptTextBox, cantooAdaptTextBoxOpenPosition, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,97 @@
+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 { useCantooEditor } from "../../hooks/useCantooEditor.js";
+import { useEditorContext } from "../../hooks/useEditorContext.js";
+import Tooltip from "../../../../components/Tooltip/Tooltip.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import Dropdown from "../../../../components/Dropdown/Dropdown.js";
+import { useEdificeClient } from "../../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+const EditorToolbarCantoo = ({
+  triggerProps,
+  handleOpenCantooAdaptTextBox,
+  cantooAdaptTextBoxOpenPosition
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    editor
+  } = useEditorContext(), {
+    appCode
+  } = useEdificeClient(), {
+    speech2textIsActive,
+    text2speechIsActive,
+    toggleSpeech2Text,
+    toggleText2Speech,
+    toogleSettings
+  } = useCantooEditor(editor), cantooOptionsAdaptText = [{
+    id: "right",
+    label: t("tiptap.toolbar.cantoo.formatText.show.on.right"),
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteColumnHighlight, {}),
+    className: cantooAdaptTextBoxOpenPosition.right ? "fw-bold" : "",
+    action: () => handleOpenCantooAdaptTextBox("right")
+  }, {
+    id: "bottom",
+    label: t("tiptap.toolbar.cantoo.formatText.show.on.bottom"),
+    icon: /* @__PURE__ */ jsx(SvgIconDeleteRowHighlight, {}),
+    className: cantooAdaptTextBoxOpenPosition.bottom ? "fw-bold" : "",
+    action: () => handleOpenCantooAdaptTextBox("bottom")
+  }], cantooOptions = appCode === "collaborativewall" ? [{
+    id: "formatText",
+    label: t("tiptap.toolbar.cantoo.formatText"),
+    className: cantooAdaptTextBoxOpenPosition.bottom ? "fw-bold" : "",
+    icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
+    action: () => handleOpenCantooAdaptTextBox("bottom")
+  }, {
+    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()
+  }] : [{
+    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()
+  }, {
+    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 || cantooAdaptTextBoxOpenPosition.right || cantooAdaptTextBoxOpenPosition.bottom ? "is-selected" : "", "aria-label": t("tiptap.toolbar.cantoo.choice") }) }),
+    /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+      appCode != "collaborativewall" && /* @__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 { MediaLibraryRef } from '../../../multimedia';
+import { CantooAdaptTextBox } from '../../hooks/useCantooAdaptTextBox.ts';
 interface Props {
     /** Ref to a MediaLibrary instance */
     mediaLibraryRef: RefObject<MediaLibraryRef>;
     /** API to open/close a Math modal. */
     toggleMathsModal: () => void;
+    /** API to open/close a Cantoo modal. */
+    cantooAdaptTextBoxRef: CantooAdaptTextBox;
 }
-export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal, cantooAdaptTextBoxRef, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -27,20 +27,25 @@ 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 { useCantooEditor } from "../../hooks/useCantooEditor.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,
+  cantooAdaptTextBoxRef
 }) => {
   const {
     t
   } = useTranslation(), {
     id,
     editor
-  } = useEditorContext(), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
+  } = useEditorContext(), {
+    isAvailable: canUseCantoo
+  } = useCantooEditor(editor), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
     isAvailable: canRecognizeSpeech,
     isActive: speechRecognition,
     toggle: toggleSpeechRecognition
@@ -167,11 +172,21 @@ const EditorToolbar = ({
         name: "speechtotext",
         tooltip: t("tiptap.toolbar.stt")
       },
+      //------------- CANTOO ---------------//
+      {
+        type: "dropdown",
+        props: {
+          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, handleOpenCantooAdaptTextBox: cantooAdaptTextBoxRef.handleCantooAdaptTextPosition, cantooAdaptTextBoxOpenPosition: cantooAdaptTextBoxRef.openPosition })
+        },
+        name: "cantoo",
+        visibility: canUseCantoo ? "show" : "hide",
+        tooltip: t("tiptap.toolbar.cantoo.choice")
+      },
       //------------------------------------//
       {
         type: "divider",
         name: "div-speech",
-        visibility: canRecognizeSpeech ? "show" : "hide"
+        visibility: canRecognizeSpeech || canUseCantoo ? "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,5 @@ export * from './useResizeMedia';
 export * from './useSpeechRecognition';
 export * from './useSpeechSynthetisis';
 export * from './useTipTapEditor';
+export * from './useCantooEditor';
+export * from './useCantooAdaptTextBox';

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

@@ -0,0 +1,15 @@
+/**
+ * Custom hook to manage CantooAdaptTextBoxView events in an editor.
+ * @returns {
+ * `isOpen`: truthy boolean when CantooAdaptTextBoxView sholud be visible,
+ * `toggle`: an imperative function to toggle the `isOpen` value,
+ * }
+ */
+export declare const useCantooAdaptTextBox: () => CantooAdaptTextBox;
+export interface CantooAdaptTextBox {
+    openPosition: {
+        right: boolean;
+        bottom: boolean;
+    };
+    handleCantooAdaptTextPosition: (position: string) => void;
+}

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

@@ -0,0 +1,29 @@
+import { useState } from "react";
+const useCantooAdaptTextBox = () => {
+  const [openPosition, setOpenPosition] = useState({
+    right: !1,
+    bottom: !1
+  });
+  return {
+    openPosition,
+    handleCantooAdaptTextPosition: (position) => {
+      switch (position) {
+        case "right":
+          setOpenPosition((prev) => ({
+            bottom: !1,
+            right: !prev.right
+          }));
+          break;
+        case "bottom":
+          setOpenPosition((prev) => ({
+            right: !1,
+            bottom: !prev.bottom
+          }));
+          break;
+      }
+    }
+  };
+};
+export {
+  useCantooAdaptTextBox
+};

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

@@ -0,0 +1,9 @@
+import { Editor } from '@tiptap/react';
+export declare const useCantooEditor: (editor: Editor | null) => {
+    isAvailable: boolean | Record<string, boolean> | undefined;
+    speech2textIsActive: boolean;
+    text2speechIsActive: boolean;
+    toggleSpeech2Text: () => Promise<void>;
+    toggleText2Speech: () => void;
+    toogleSettings: () => void;
+};