@edifice.io/react 2.1.1-develop-integration.20250218112719 → 2.1.1-develop-b2school.20250219164321

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

@@ -3,7 +3,6 @@ import { forwardRef, useId, useImperativeHandle, Suspense, lazy } from "react";
 import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
 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";
@@ -18,7 +17,7 @@ import TableToolbar from "../Toolbar/TableToolbar.js";
 import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.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")), CantooModal = /* @__PURE__ */ lazy(async () => await import("./CantooModal.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")), Editor = /* @__PURE__ */ forwardRef(({
   id,
   content,
   mode = "read",
@@ -27,20 +26,21 @@ const MathsModal = /* @__PURE__ */ lazy(async () => await import("../MathsModal/
   focus = "start",
   placeholder = "",
   visibility = "protected",
-  onContentChange
+  onContentChange,
+  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), {
     toggle: toggleMathsModal,
     ...mathsModalHandlers
-  } = useMathsModal(editor), cantooAdaptTextBox = useCantooAdaptTextBox(), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
+  } = useMathsModal(editor), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
   if (useMathsStyles(), useImperativeHandle(ref, () => ({
     getContent: (as) => {
       switch (as) {
@@ -65,7 +65,7 @@ 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, cantooAdaptTextBoxRef: cantooAdaptTextBox }),
+      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal }),
       /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass })
     ] }),
     /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
@@ -74,8 +74,7 @@ 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 && cantooAdaptTextBox.isOpen && /* @__PURE__ */ jsx(CantooModal, {})
+      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 })
     ] })
   ] });
 });

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

@@ -1,13 +1,10 @@
 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, cantooAdaptTextBoxRef, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mediaLibraryRef, toggleMathsModal }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -25,25 +25,20 @@ 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 { EditorToolbarCantoo } from "./EditorToolbar.Cantoo.js";
-import { useCantooEditor } from "../../hooks/useCantooEditor.js";
+import { useEditorContext } from "../../hooks/useEditorContext.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,
-  cantooAdaptTextBoxRef
+  toggleMathsModal
 }) => {
   const {
     t
   } = useTranslation(), {
     id,
     editor
-  } = useEditorContext(), {
-    isAvailable: canUseCantoo
-  } = useCantooEditor(editor), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
+  } = useEditorContext(), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
     isAvailable: canRecognizeSpeech,
     isActive: speechRecognition,
     toggle: toggleSpeechRecognition
@@ -170,21 +165,11 @@ const EditorToolbar = ({
         name: "speechtotext",
         tooltip: t("tiptap.toolbar.stt")
       },
-      //------------- CANTOO ---------------//
-      {
-        type: "dropdown",
-        props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarCantoo, { triggerProps, openCantooAdaptTextBox: cantooAdaptTextBoxRef.toggle, isCantooAdaptTextBoxOpen: cantooAdaptTextBoxRef.isOpen })
-        },
-        name: "cantoo",
-        visibility: canUseCantoo ? "show" : "hide",
-        tooltip: t("tiptap.toolbar.cantoo.choice")
-      },
       //------------------------------------//
       {
         type: "divider",
         name: "div-speech",
-        visibility: canRecognizeSpeech || canUseCantoo ? "show" : "hide"
+        visibility: canRecognizeSpeech ? "show" : "hide"
       },
       //--------------- TYPOGRAPHY ---------------//
       {

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", {
+    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,4 +1,5 @@
-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';

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

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

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

@@ -36,7 +36,7 @@ import MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import AttachmentRenderer from "../components/Renderer/AttachmentRenderer.js";
-const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected") => {
+const useTipTapEditor = (editable, content, focus, placeholder, onContentChange, visibility = "protected", extensions) => {
   const {
     currentLanguage
   } = useEdificeClient(), {
@@ -63,7 +63,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)],
+    }), Iframe, Hyperlink, FontFamily, Mathematics, Alert, VideoNodeView(MediaRenderer), AudioNodeView(AudioRenderer), LinkerNodeView(LinkerRenderer), ImageNodeView(MediaRenderer, uploadFile), AttachmentNodeView(AttachmentRenderer), ...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/IconReadMail.d.ts

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

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

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconReadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-read-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M1.143 8.986a1 1 0 0 1 1.372-.343l8.97 5.382a1 1 0 0 0 1.03 0l8.97-5.382a1 1 0 1 1 1.03 1.714l-8.971 5.383a3 3 0 0 1-3.088 0l-8.97-5.382a1 1 0 0 1-.343-1.373" }),
+    /* @__PURE__ */ jsx("path", { d: "M12.466 2.4a.95.95 0 0 0-.932 0c-1.333.74-3.83 2.146-5.99 3.465-1.083.662-2.063 1.29-2.764 1.797a8 8 0 0 0-.78.62v11.003H0V8c0-.38.191-.664.272-.776.107-.148.238-.285.364-.404.254-.24.594-.506.973-.78.765-.552 1.797-1.212 2.892-1.881C6.697 2.817 9.224 1.395 10.563.65a2.95 2.95 0 0 1 2.874 0c1.34.744 3.866 2.166 6.062 3.508 1.095.669 2.127 1.33 2.892 1.882.38.273.719.54.973.78.126.118.257.255.364.403.08.112.272.395.272.776v11.285h-2V8.284l-.009-.008a8 8 0 0 0-.77-.613c-.702-.506-1.682-1.135-2.765-1.797-2.16-1.32-4.657-2.725-5.99-3.466M2.321 19.802c.253.192.647.34 1.123.34h17.112c.476 0 .87-.148 1.123-.34.252-.192.321-.384.321-.517h2c0 .892-.479 1.629-1.111 2.11-.632.479-1.46.747-2.333.747H3.444c-.873 0-1.701-.268-2.333-.748S0 20.178 0 19.285h2c0 .133.069.326.32.518" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-read-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconReadMail as default
+};

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

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

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

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUndoAll = ({
+  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: "M11.648 12.564a.917.917 0 0 0 0-1.297L7.713 7.332l3.935-3.935A.917.917 0 1 0 10.352 2.1L5.768 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.523 12.564a.917.917 0 0 0 0-1.297L3.588 7.332l3.935-3.935A.917.917 0 1 0 6.227 2.1L1.643 6.684a.917.917 0 0 0 0 1.296l4.584 4.583a.917.917 0 0 0 1.296 0", clipRule: "evenodd" }),
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.25 18.332c.506 0 .917-.41.917-.917V11a4.583 4.583 0 0 0-4.584-4.584H6.417a.917.917 0 0 0 0 1.834h9.166a2.75 2.75 0 0 1 2.75 2.75v6.416c0 .507.41.917.917.917", clipRule: "evenodd" })
+] });
+export {
+  SvgIconUndoAll as default
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconUnreadMail = ({
+  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__ */ jsxs("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-unread-mail_svg__a)", clipRule: "evenodd", children: [
+    /* @__PURE__ */ jsx("path", { d: "M7.975 4.5a5.1 5.1 0 0 0-.204-2h12.785A3.437 3.437 0 0 1 24 5.948V18.07c0 1.9-1.548 3.429-3.444 3.429H3.444A3.437 3.437 0 0 1 0 18.071V8.001c.581.436 1.261.749 2 .899v9.171c0 .783.64 1.429 1.444 1.429h17.112c.803 0 1.444-.646 1.444-1.429V7.79l-9.448 6.257a1 1 0 0 1-1.104 0L3.744 8.945a5 5 0 0 0 2.228-.924L12 12.014l9.916-6.567c-.2-.55-.73-.947-1.36-.947z" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 7a3 3 0 1 0 0-6 3 3 0 0 0 0 6" })
+  ] }),
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "icon-unread-mail_svg__a", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
+] });
+export {
+  SvgIconUnreadMail as default
+};

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

@@ -20,7 +20,6 @@ export { default as IconBurgerMenu } from './IconBurgerMenu';
 export { default as IconCalendarLight } from './IconCalendarLight';
 export { default as IconCalendar } from './IconCalendar';
 export { default as IconCamera } from './IconCamera';
-export { default as IconCantoo } from './IconCantoo';
 export { default as IconCenter } from './IconCenter';
 export { default as IconCheck } from './IconCheck';
 export { default as IconChecklist } from './IconChecklist';
@@ -45,6 +44,7 @@ export { default as IconExternalLink } from './IconExternalLink';
 export { default as IconFiles } from './IconFiles';
 export { default as IconFilter } from './IconFilter';
 export { default as IconFlag } from './IconFlag';
+export { default as IconFolderAdd } from './IconFolderAdd';
 export { default as IconFolderMove } from './IconFolderMove';
 export { default as IconFolder } from './IconFolder';
 export { default as IconForgoing } from './IconForgoing';
@@ -69,7 +69,6 @@ export { default as IconLock } from './IconLock';
 export { default as IconMail } from './IconMail';
 export { default as IconMergeCells } from './IconMergeCells';
 export { default as IconMessageInfo } from './IconMessageInfo';
-export { default as IconMicOff } from './IconMicOff';
 export { default as IconMic } from './IconMic';
 export { default as IconMinus } from './IconMinus';
 export { default as IconMove } from './IconMove';
@@ -93,6 +92,7 @@ export { default as IconRafterLeft } from './IconRafterLeft';
 export { default as IconRafterRight } from './IconRafterRight';
 export { default as IconRafterUp } from './IconRafterUp';
 export { default as IconReaction } from './IconReaction';
+export { default as IconReadMail } from './IconReadMail';
 export { default as IconRecordPause } from './IconRecordPause';
 export { default as IconRecordStop } from './IconRecordStop';
 export { default as IconRecordVideo } from './IconRecordVideo';
@@ -129,16 +129,17 @@ export { default as IconTextHighlight } from './IconTextHighlight';
 export { default as IconTextItalic } from './IconTextItalic';
 export { default as IconTextPage } from './IconTextPage';
 export { default as IconTextSize } from './IconTextSize';
-export { default as IconTextToSpeechOff } from './IconTextToSpeechOff';
 export { default as IconTextToSpeech } from './IconTextToSpeech';
 export { default as IconTextTypo } from './IconTextTypo';
 export { default as IconTextUnderline } from './IconTextUnderline';
 export { default as IconTextVanilla } from './IconTextVanilla';
 export { default as IconTool } from './IconTool';
 export { default as IconTrendingUp } from './IconTrendingUp';
+export { default as IconUndoAll } from './IconUndoAll';
 export { default as IconUndo } from './IconUndo';
 export { default as IconUnlink } from './IconUnlink';
 export { default as IconUnlock } from './IconUnlock';
+export { default as IconUnreadMail } from './IconUnreadMail';
 export { default as IconUpload } from './IconUpload';
 export { default as IconUserSearch } from './IconUserSearch';
 export { default as IconUser } from './IconUser';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.1.1-develop-integration.20250218112719",
+  "version": "2.1.1-develop-b2school.20250219164321",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -118,9 +118,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.1.1-develop-integration.20250218112719",
-    "@edifice.io/tiptap-extensions": "2.1.1-develop-integration.20250218112719",
-    "@edifice.io/utilities": "2.1.1-develop-integration.20250218112719"
+    "@edifice.io/bootstrap": "2.1.1-develop-b2school.20250219164321",
+    "@edifice.io/tiptap-extensions": "2.1.1-develop-b2school.20250219164321",
+    "@edifice.io/utilities": "2.1.1-develop-b2school.20250219164321"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.1.1-develop-integration.20250218112719",
-    "@edifice.io/config": "2.1.1-develop-integration.20250218112719"
+    "@edifice.io/client": "2.1.1-develop-b2school.20250219164321",
+    "@edifice.io/config": "2.1.1-develop-b2school.20250219164321"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

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

@@ -1,2 +0,0 @@
-declare const CantooModal: () => import("react/jsx-runtime").JSX.Element;
-export default CantooModal;

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

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-const CantooModal = () => {
-  const {
-    editor
-  } = useEditorContext(), Cantoo = window.Cantoo, editorHTML = editor == null ? void 0 : editor.getHTML(), cantooHTML = (Cantoo == null ? void 0 : Cantoo.formatText(editorHTML)) || editorHTML;
-  return /* @__PURE__ */ jsx("div", { className: "card p-24 mt-8", children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: {
-    __html: cantooHTML
-  } }) });
-};
-export {
-  CantooModal as default
-};

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

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

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

@@ -1,56 +0,0 @@
-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 SvgIconMicOff from "../../../icons/components/IconMicOff.js";
-import SvgIconMic from "../../../icons/components/IconMic.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";
-const EditorToolbarCantoo = ({
-  triggerProps,
-  openCantooAdaptTextBox,
-  isCantooAdaptTextBoxOpen
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    editor
-  } = useEditorContext(), {
-    speech2textIsActive,
-    text2speechIsActive,
-    toggleSpeech2Text,
-    toggleText2Speech,
-    formatText
-  } = useCantooEditor(editor), cantooOptions = [{
-    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: "formatText",
-    label: t("tiptap.toolbar.cantoo.formatText"),
-    className: isCantooAdaptTextBoxOpen ? "fw-bold" : "",
-    icon: /* @__PURE__ */ jsx(SvgIconWand, {}),
-    action: () => formatText(openCantooAdaptTextBox)
-  }];
-  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 || isCantooAdaptTextBoxOpen ? "is-selected" : "", "aria-label": t("tiptap.toolbar.cantoo.choice") }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: 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/hooks/useCantooAdaptTextBox.d.ts

@@ -1,14 +0,0 @@
-/**
- * Custom hook to manage CantooModal events in an editor.
- * @returns {
- * `isOpen`: truthy boolean when CantooModal sholud be visible,
- * `toggle`: an imperative function to toggle the `isOpen` value,
- * `onCancel`: Cancel event handler,
- * }
- */
-export declare const useCantooAdaptTextBox: () => CantooAdaptTextBox;
-export interface CantooAdaptTextBox {
-    isOpen: boolean | null;
-    toggle: () => void;
-    onCancel: () => void;
-}

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

@@ -1,14 +0,0 @@
-import useToggle from "../../../hooks/useToggle/useToggle.js";
-const useCantooAdaptTextBox = () => {
-  const [isOpen, toggle] = useToggle(!1);
-  return {
-    isOpen,
-    toggle,
-    onCancel: () => {
-      toggle();
-    }
-  };
-};
-export {
-  useCantooAdaptTextBox
-};

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

@@ -1,9 +0,0 @@
-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;
-    formatText: (openModal: () => void) => void;
-};

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

@@ -1,51 +0,0 @@
-import { useState } from "react";
-import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
-const useCantooEditor = (editor) => {
-  const isAvailable = useHasWorkflow("org.entcore.portal.controllers.PortalController|optionalFeatureCantoo"), [speech2textIsActive, setSpeech2textActive] = useState(!1), [text2speechIsActive, setText2speechActive] = useState(!1), Cantoo = window.Cantoo;
-  return {
-    isAvailable,
-    speech2textIsActive,
-    text2speechIsActive,
-    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), await Cantoo.speech2text.isAvailableOnDevice())
-            if (await Cantoo.speech2text.requestPermission())
-              await Cantoo.speech2text.start((data) => {
-                editor == null || editor.chain().focus().insertContent(data.join(" ")).run();
-              }, window.navigator.language);
-            else
-              throw new Error("Permission denied");
-          else
-            throw new Error("Cantoo not available");
-        } 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()), Cantoo.text2speech.utter.onend = () => {
-            setText2speechActive(!1);
-          };
-        } catch (e) {
-          console.warn("Error while trying to use Cantoo (text2speech)", e), setText2speechActive(!1);
-        }
-    },
-    formatText: (openModal) => {
-      openModal();
-    }
-  };
-};
-export {
-  useCantooEditor
-};