@edifice.io/react 2.1.0-develop-enabling.0 → 2.1.0-develop-wl.20250204154502

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

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

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import Avatar from "../../../components/Avatar/Avatar.js";
 import useDirectory from "../../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
 const CommentAvatar = ({
   id
 }) => {

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

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

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

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

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

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

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

@@ -6,7 +6,10 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     callbacks: CommentCallbacks | null;
 }) => {
     profilesQueries: {
-        data: any[];
+        data: ({
+            userId: string;
+            profile: "Student" | "Teacher" | "Relative" | "Personnel" | "Guest";
+        } | undefined)[];
         isLoading: boolean;
     };
     content: string;
@@ -24,6 +27,6 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     handleDeleteComment: (id: string) => void;
     handleCreateComment: (content: string) => void;
     handleModifyComment: (commentId: string) => void;
-    handleUpdateComment: (comment: string) => void;
+    handleUpdateComment: (comment: string) => Promise<void>;
     handleReset: () => void;
 };

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

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

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

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

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

@@ -1,4 +1,7 @@
 export declare const useProfileQueries: (usersIds: string[]) => {
-    data: any[];
+    data: ({
+        userId: string;
+        profile: "Student" | "Teacher" | "Relative" | "Personnel" | "Guest";
+    } | undefined)[];
     isLoading: boolean;
 };

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

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
 import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
-import { DEFAULT_MAX_COMMENT_LENGTH, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENTS, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_REPLIES } from "../constants.js";
+import { DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
 import { CommentContext } from "../context/Context.js";
 import { useComments } from "../hooks/useComments.js";
 import Button from "../../../components/Button/Button.js";
@@ -46,7 +46,7 @@ const CommentProvider = ({
     defaultComments,
     callbacks: type == "edit" ? props.callbacks : null,
     options
-  }), values = useMemo(
+  }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
     () => ({
       comments,
       content,
@@ -54,6 +54,7 @@ const CommentProvider = ({
       editCommentId,
       options,
       type,
+      userRights,
       setEditCommentId,
       handleCreateComment,
       handleModifyComment,

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

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

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

@@ -15,9 +15,9 @@ import { EditorToolbar } from "../EditorToolbar/EditorToolbar.js";
 import LinkToolbar from "../Toolbar/LinkToolbar.js";
 import TableToolbar from "../Toolbar/TableToolbar.js";
 import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
-import LoadingScreen from "../../../../components/LoadingScreen/LoadingScreen.js";
 import MediaLibrary from "../../../multimedia/MediaLibrary/MediaLibrary.js";
-const MathsModal = /* @__PURE__ */ lazy(async () => await import("./MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), Editor = /* @__PURE__ */ forwardRef(({
+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(({
   id,
   content,
   mode = "read",

package/dist/modules/editor/components/{Editor → MathsModal}/MathsModal.d.ts

@@ -3,5 +3,5 @@ interface ModalProps {
     onSuccess?: (formulaEditor: string) => void;
     onCancel?: () => void;
 }
-declare const MathsModal: ({ isOpen, onSuccess, onCancel }: ModalProps) => import('react').ReactPortal;
+declare const MathsModal: ({ isOpen, onSuccess, onCancel }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default MathsModal;

package/dist/modules/editor/components/{Editor → MathsModal}/MathsModal.js

@@ -3,7 +3,6 @@ import { useState, useEffect } from "react";
 import Mathematics from "@tiptap-pro/extension-mathematics";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
-import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
 import Modal from "../../../../components/Modal/Modal.js";
 import Button from "../../../../components/Button/Button.js";
@@ -29,7 +28,7 @@ const MathsModal = ({
   }, handleOnCancel = () => {
     onCancel == null || onCancel();
   };
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "MathsModal", isOpen, onModalClose: handleOnCancel, children: [
+  return /* @__PURE__ */ jsxs(Modal, { id: "MathsModal", isOpen, onModalClose: handleOnCancel, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleOnCancel, children: t("tiptap.maths.title") }),
     /* @__PURE__ */ jsxs(Modal.Subtitle, { children: [
       t("tiptap.maths.subtitle.1"),
@@ -43,7 +42,7 @@ const MathsModal = ({
       /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: onCancel, type: "button", variant: "ghost", children: t("tiptap.maths.cancel") }),
       /* @__PURE__ */ jsx(Button, { color: "primary", onClick: () => onSuccess == null ? void 0 : onSuccess(formulaEditor), type: "button", variant: "filled", children: t("tiptap.maths.add") })
     ] })
-  ] }), document.getElementById("portal"));
+  ] });
 };
 export {
   MathsModal as default

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

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

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

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

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

@@ -4,7 +4,10 @@ const AudioRenderer = (props) => {
   const {
     node
   } = props;
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx("div", { className: "audio-wrapper", children: /* @__PURE__ */ jsx("audio", { src: node.attrs.src, controls: !0, "data-document-id": node.attrs.src, children: /* @__PURE__ */ jsx("track", { kind: "captions" }) }) }) });
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { style: {
+    display: "inline-block",
+    width: "fit-content"
+  }, children: /* @__PURE__ */ jsx("div", { className: "audio-wrapper", "data-drag-handle": !0, children: /* @__PURE__ */ jsx("audio", { src: node.attrs.src, controls: !0, "data-document-id": node.attrs.src, children: /* @__PURE__ */ jsx("track", { kind: "captions" }) }) }) });
 };
 export {
   AudioRenderer as default

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NodeViewWrapper } from "@tiptap/react";
 import clsx from "clsx";
+import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.js";
 import Badge from "../../../../components/Badge/Badge.js";
 import AppIcon from "../../../../components/AppIcon/AppIcon.js";
-import useEdificeIcons from "../../../../hooks/useEdificeIcons/useEdificeIcons.js";
 const LinkerRenderer = ({
   selected,
   ...props

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

@@ -1,7 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
 import { NodeViewWrapper } from "@tiptap/react";
 import { useTranslation } from "react-i18next";
+import useBrowserInfo from "../../../../hooks/useBrowserInfo/useBrowserInfo.js";
 import { useResizeMedia } from "../../hooks/useResizeMedia.js";
 import Image from "../../../../components/Image/Image.js";
 const MediaRenderer = (props) => {
@@ -9,7 +11,10 @@ const MediaRenderer = (props) => {
     node
   } = props, {
     t
-  } = useTranslation(), resizableMedia = useRef(null), {
+  } = useTranslation(), {
+    browser,
+    device
+  } = useBrowserInfo(navigator.userAgent), resizableMedia = useRef(null), {
     startVerticalResize,
     stopVerticalResize,
     isVerticalResizeActive
@@ -36,7 +41,10 @@ const MediaRenderer = (props) => {
         return {};
     }
   }, onVideoPlay = () => {
-    resizableMedia.current instanceof HTMLVideoElement;
+    if (resizableMedia.current instanceof HTMLVideoElement) {
+      const videoElement = resizableMedia.current, videoId = videoElement.dataset.documentId, isCaptation = (videoElement.dataset.documentIsCaptation || "false") == "true";
+      videoId && odeServices.data().trackVideoRead(videoId, isCaptation, window.location.hostname, `${browser.name} ${browser.version}`, device.type);
+    }
   };
   return useEffect(() => {
     if (!resizableMedia.current) return;

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

@@ -6,7 +6,7 @@ import { Content, HTMLContent } from '@tiptap/react';
  * @param content default rich content
  */
 export declare const useCommentEditor: (editable: boolean, content: Content, maxLength?: number) => {
-    editor: import('@tiptap/react').Editor | null;
+    editor: import('@tiptap/core').Editor | null;
     commentLength: number;
     getComment: () => HTMLContent;
     resetComment: () => void;

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

@@ -1,9 +1,11 @@
 import { useState } from "react";
+import { odeServices } from "@edifice.io/client";
 const useSpeechRecognition = (editor) => {
   const [isActive, setActive] = useState(!1), toggle = () => {
     if (isActive)
       editor == null || editor.commands.stopSpeechRecognition(), setActive(!1);
     else {
+      odeServices.data().trackSpeechAndText("STT");
       const started = (editor == null ? void 0 : editor.commands.startSpeechRecognition()) || !1;
       setActive(started);
     }

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

@@ -1,9 +1,11 @@
 import { useState, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
 const useSpeechSynthetisis = (editor) => {
   const [isActivated, setActivated] = useState(!1), toggle = useCallback(() => {
     if (isActivated)
       return editor == null || editor.commands.stopSpeechSynthesis(), setActivated(!1), !1;
     {
+      odeServices.data().trackSpeechAndText("TTS");
       const speech = (editor == null ? void 0 : editor.commands.startSpeechSynthesis()) || !1;
       return setActivated(speech), speech;
     }

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

@@ -11,6 +11,6 @@ import { WorkspaceVisibility } from '@edifice.io/client';
 export declare const useTipTapEditor: (editable: boolean, content: Content, focus?: FocusPosition, placeholder?: string, onContentChange?: ({ editor }: {
     editor: any;
 }) => void, visibility?: WorkspaceVisibility) => {
-    editor: import('@tiptap/react').Editor | null;
+    editor: import('@tiptap/core').Editor | null;
     editable: boolean;
 };

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

@@ -28,13 +28,13 @@ import { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import useUpload from "../../../hooks/useUpload/useUpload.js";
 import VideoNodeView from "../components/NodeView/VideoNodeView.js";
-import MediaRenderer from "../components/Renderer/MediaRenderer.js";
 import AudioNodeView from "../components/NodeView/AudioNodeView.js";
-import AudioRenderer from "../components/Renderer/AudioRenderer.js";
 import LinkerNodeView from "../components/NodeView/LinkerNodeView.js";
-import LinkerRenderer from "../components/Renderer/LinkerRenderer.js";
 import ImageNodeView from "../components/NodeView/ImageNodeView.js";
 import AttachmentNodeView from "../components/NodeView/AttachmentNodeView.js";
+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 {
@@ -58,7 +58,7 @@ const useTipTapEditor = (editable, content, focus, placeholder, onContentChange,
     }), Underline, TextStyle, Color, Subscript, Superscript, Table.configure({
       resizable: !0
     }), TableRow, TableHeader, TableCell, TextAlign.configure({
-      types: ["heading", "paragraph", "custom-image", "video"]
+      types: ["heading", "paragraph", "video"]
     }), CustomHeading.configure({
       levels: [1, 2]
     }), Typography, FontSize, SpeechRecognition, SpeechSynthesis.configure({

package/dist/modules/icons/components/apps/IconAppointments.d.ts

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

package/dist/modules/icons/components/apps/IconAppointments.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconAppointments = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M18.616 5.414v-4.11c0-.72-.575-1.304-1.285-1.304s-1.286.584-1.286 1.304v4.11c0 .72.575 1.304 1.285 1.304s1.286-.583 1.286-1.304m-9.99-2.597V5.23c0 1.194-.947 2.156-2.124 2.156s-2.126-.962-2.126-2.156V2.817h-1.57C1.25 2.817 0 4.087 0 5.663v15.491C0 22.731 1.251 24 2.805 24h18.39C22.749 24 24 22.73 24 21.154V5.663c0-1.577-1.251-2.846-2.805-2.846h-1.81V5.23c0 1.194-.949 2.155-2.126 2.155s-2.125-.961-2.125-2.155V2.817zm3.048 6.83q.071 0 .141.006c.374.025.737.13 1.06.288 1.29.631 2.232 1.986 2.259 3.507.016.934-.515 1.722-1.153 2.159-.627.43-1.349.626-2.042.75.395.369.78.807 1.104 1.328.309.497.553.698.648.766l.004-.008.027-.035c.222-.268.477-1.095.477-1.095a.88.88 0 0 1 .386-.546.856.856 0 0 1 1.19.282.89.89 0 0 1 .108.662s-.166 1.013-.838 1.824c-.336.406-.997.824-1.71.653-.714-.17-1.227-.716-1.756-1.569-.441-.711-1.109-1.251-1.667-1.615.004.043.002.097 0 .15-.002.057-.004.114.001.158.144 1.131.438 1.678.438 1.678a.9.9 0 0 1 .06.668.87.87 0 0 1-.746.614.85.85 0 0 1-.633-.2.9.9 0 0 1-.212-.266s-.446-.882-.622-2.27-.113-3.353.783-5.676c.38-.987.964-1.69 1.704-2.015.324-.143.66-.202.99-.198m-.05 1.748a.7.7 0 0 0-.252.06c-.216.095-.513.348-.781 1.044-.318.825-.447 1.535-.557 2.223q.105.002.207.006c.36.014.726.027 1.368-.086.566-.1 1.098-.28 1.404-.489.306-.21.397-.332.391-.674-.012-.687-.662-1.656-1.28-1.957-.192-.094-.353-.134-.5-.127M7.817 1.305v4.11c0 .72-.576 1.303-1.286 1.303s-1.286-.583-1.286-1.304v-4.11C5.245.584 5.821 0 6.531 0s1.286.584 1.286 1.304" })
+] });
+export {
+  SvgIconAppointments as default
+};

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

@@ -4,6 +4,7 @@ export { default as IconAdminPortal } from './IconAdminPortal';
 export { default as IconAdmin } from './IconAdmin';
 export { default as IconAdmissionPostBac } from './IconAdmissionPostBac';
 export { default as IconAgenda } from './IconAgenda';
+export { default as IconAppointments } from './IconAppointments';
 export { default as IconArchive } from './IconArchive';
 export { default as IconAssistance } from './IconAssistance';
 export { default as IconAssr } from './IconAssr';

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

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

package/dist/modules/multimedia/UploadCard/UploadCard.js

@@ -5,12 +5,12 @@ import SvgIconClose from "../../icons/components/IconClose.js";
 import SvgIconReset from "../../icons/components/IconReset.js";
 import SvgIconSuccessOutline from "../../icons/components/IconSuccessOutline.js";
 import SvgIconWand from "../../icons/components/IconWand.js";
-import Button from "../../../components/Button/Button.js";
-import Image from "../../../components/Image/Image.js";
 import Tooltip from "../../../components/Tooltip/Tooltip.js";
 import Loading from "../../../components/Loading/Loading.js";
+import Button from "../../../components/Button/Button.js";
 import Card from "../../../components/Card/Card.js";
 import IconButton from "../../../components/Button/IconButton.js";
+import Image from "../../../components/Image/Image.js";
 const UploadCard = ({
   item,
   status = "idle",

package/dist/modules/multimedia/index.d.ts

@@ -1,7 +1,9 @@
 export * from './AudioRecorder';
 export * from './Embed';
 export * from './ImageEditor';
+export * from './ImagePicker';
 export * from './Linker';
 export * from './MediaLibrary';
+export * from './VideoEmbed';
 export * from './VideoRecorder';
 export * from './Workspace';

package/dist/multimedia.js

@@ -1,18 +1,22 @@
 import { default as default2 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
 import { default as default3 } from "./modules/multimedia/Embed/Embed.js";
 import { default as default4 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default5 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default6 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default5 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default6 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default7 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default8 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
 import { ExternalLinker } from "./modules/multimedia/Linker/ExternalLinker/ExternalLinker.js";
 import { InternalLinker } from "./modules/multimedia/Linker/InternalLinker/InternalLinker.js";
-import { default as default7 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default9 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
 export {
   default2 as AudioRecorder,
   default3 as Embed,
   ExternalLinker,
   default4 as ImageEditor,
+  default8 as ImagePicker,
   InternalLinker,
-  default7 as MediaLibrary,
-  default5 as VideoRecorder,
-  default6 as Workspace
+  default9 as MediaLibrary,
+  default5 as VideoEmbed,
+  default6 as VideoRecorder,
+  default7 as Workspace
 };

package/dist/providers/MockedProvider/MockedProvider.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const MockedProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/providers/MockedProvider/MockedProvider.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { EdificeClientProvider } from "../EdificeClientProvider/EdificeClientProvider.js";
+import { EdificeThemeContext } from "../EdificeThemeProvider/EdificeThemeProvider.context.js";
+const queryClient = new QueryClient(), Providers = ({
+  children
+}) => /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(EdificeClientProvider, { params: {
+  app: "wiki"
+}, children }) }), MockedProvider = ({
+  children
+}) => {
+  const themeContextValue = {
+    theme: "default",
+    setTheme: vi.fn()
+  };
+  return /* @__PURE__ */ jsx(Providers, { children: /* @__PURE__ */ jsx(EdificeThemeContext.Provider, { value: themeContextValue, children }) });
+};
+export {
+  MockedProvider
+};

package/dist/providers/index.d.ts

@@ -4,3 +4,4 @@ export * from './EdificeClientProvider/EdificeClientProvider.hook';
 export * from './EdificeThemeProvider/EdificeThemeProvider';
 export * from './EdificeThemeProvider/EdificeThemeProvider.context';
 export * from './EdificeThemeProvider/EdificeThemeProvider.hook';
+export * from './MockedProvider/MockedProvider';