@edifice.io/react 2.1.0-develop-enabling.0 → 2.1.0-develop-b2school.20250204153130

package/dist/modules/audience/ReactionChoice.d.ts

@@ -1,7 +1,20 @@
 import { ReactionSummaryData, ReactionType } from '@edifice.io/client';
+/**
+ * Props for the ReactionChoice component.
+ */
 export interface ReactionChoiceProps {
+    /**
+     * An array of available reactions that can be chosen.
+     */
     availableReactions: ReactionType[];
+    /**
+     * Optional summary data of the reactions.
+     */
     summary?: ReactionSummaryData;
+    /**
+     * Optional callback function that is called when a reaction is chosen.
+     * @param chosenReaction - The reaction that was chosen.
+     */
     onChange?: (chosenReaction?: ReactionType) => void;
 }
 declare const ReactionChoice: {

package/dist/modules/audience/ReactionModal.Card.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import useReactionIcons from "./hooks/useReactionIcons.js";
-import useAvatar from "../../hooks/useAvatar/useAvatar.js";
+import useDirectory from "../../hooks/useDirectory/useDirectory.js";
 import Avatar from "../../components/Avatar/Avatar.js";
 function ReactionModalCard({
   reaction
@@ -9,14 +9,14 @@ function ReactionModalCard({
   const {
     t
   } = useTranslation(), {
-    avatarURL
-  } = useAvatar(reaction.userId, reaction.profile), {
+    getAvatarURL
+  } = useDirectory(), {
     getReactionIcon,
     getReactionLabel
   } = useReactionIcons();
   return /* @__PURE__ */ jsxs("div", { className: "reaction-modal-card w-100 d-flex gap-8", children: [
     /* @__PURE__ */ jsxs("div", { className: "position-relative p-8", children: [
-      /* @__PURE__ */ jsx(Avatar, { variant: "circle", size: "md", src: avatarURL, alt: reaction.displayName }),
+      /* @__PURE__ */ jsx(Avatar, { variant: "circle", size: "md", src: getAvatarURL(reaction.userId, "user"), alt: reaction.displayName }),
       /* @__PURE__ */ jsx("div", { className: "position-absolute end-0 bottom-0", children: getReactionIcon(reaction.reactionType, !0) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column w-100 pt-8", children: [

package/dist/modules/audience/ReactionModal.d.ts

@@ -1,19 +1,37 @@
 import { ReactionDetailsData } from '@edifice.io/client';
 import { ReactionModalCard } from './ReactionModal.Card';
+/**
+ * Props for the ReactionModal component.
+ */
 export interface ReactionModalProps {
-    /** Id of resource. */
+    /**
+     * The unique identifier for the resource.
+     */
     resourceId: string;
-    /** Number of results per page, defaults to 30. */
+    /**
+     * The number of items to display per page. Optional.
+     */
     pageSize?: number;
-    /** Display modal ? */
+    /**
+     * Indicates whether the modal is open.
+     */
     isOpen: boolean;
-    /** Close button handler. */
+    /**
+     * Callback function to handle the modal close event.
+     */
     onModalClose(): void;
-    /** Function for loading reactions to the resource. */
+    /**
+     * Function to load reaction details for a given resource.
+     *
+     * @param resourceId - The unique identifier for the resource.
+     * @param page - The current page number.
+     * @param size - The number of items to display per page.
+     * @returns A promise that resolves to the reaction details data or undefined.
+     */
     reactionDetailsLoader: (resourceId: string, page: number, size: number) => Promise<ReactionDetailsData | undefined>;
 }
 declare const ReactionModal: {
-    ({ resourceId, pageSize, reactionDetailsLoader: loadReactionDetails, onModalClose, ...restProps }: ReactionModalProps): import('react').ReactPortal;
+    ({ resourceId, pageSize, reactionDetailsLoader: loadReactionDetails, onModalClose, ...restProps }: ReactionModalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Card: typeof ReactionModalCard;
 };

package/dist/modules/audience/ReactionModal.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { ReactionTypes } from "@edifice.io/client";
 import { StringUtils } from "@edifice.io/utilities";
 import { useState, useId, useCallback, useMemo, useEffect } from "react";
@@ -57,14 +57,17 @@ const ALL_TAB_ID = "all", ReactionModal = ({
   const handleTabChange = (tab) => {
     setCurrentTabId(tab.id);
   }, hasMore = reactions.length < counters.allReactionsCounter;
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id, ...restProps, onModalClose, size: "md", scrollable: !0, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.reaction.modal.header") }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: ALL_TAB_ID, onChange: handleTabChange }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      hasMore && /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: loadNextPage, children: t("audience.reaction.modal.more") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("close") })
-    ] })
-  ] }), document.getElementById("portal"));
+  return (
+    // Using a fragment to ensure Storybook correctly interprets JSDoc comments: https://github.com/storybookjs/storybook/issues/27169
+    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id, ...restProps, onModalClose, size: "md", scrollable: !0, children: [
+      /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.reaction.modal.header") }),
+      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: ALL_TAB_ID, onChange: handleTabChange }) }),
+      /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+        hasMore && /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: loadNextPage, children: t("audience.reaction.modal.more") }),
+        /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("close") })
+      ] })
+    ] }), document.getElementById("portal")) })
+  );
 };
 ReactionModal.Card = ReactionModalCard;
 export {

package/dist/modules/audience/ReactionSummary.d.ts

@@ -1,6 +1,15 @@
 import { ReactionSummaryData } from '@edifice.io/client';
+/**
+ * Props for the ReactionSummary component.
+ */
 export interface ReactionSummaryProps {
+    /**
+     * An optional summary of reaction data.
+     */
     summary?: ReactionSummaryData;
+    /**
+     * An optional click handler function.
+     */
     onClick?: () => void;
 }
 declare const ReactionSummary: {

package/dist/modules/audience/ViewsCounter.d.ts

@@ -1,6 +1,16 @@
 export interface ViewsCounterProps {
+    /**
+     * The number of views to display.
+     *
+     */
     viewsCounter: number;
+    /**
+     * Optional click handler for the counter button.
+     */
     onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Optional CSS class name to apply to the counter component.
+     */
     className?: string;
 }
 declare const ViewsCounter: {

package/dist/modules/audience/ViewsModal.d.ts

@@ -1,11 +1,23 @@
 import { ViewsDetails } from '@edifice.io/client';
+/**
+ * Props for the ViewsModal component.
+ */
 export interface ViewsModalProps {
+    /**
+     * Details of the views to be displayed in the modal.
+     */
     viewsDetails: ViewsDetails;
+    /**
+     * Boolean flag indicating whether the modal is open.
+     */
     isOpen: boolean;
+    /**
+     * Callback function to be called when the modal is closed.
+     */
     onModalClose: () => void;
 }
 declare const ViewsModal: {
-    ({ viewsDetails, isOpen, onModalClose, }: ViewsModalProps): import('react').ReactPortal;
+    ({ viewsDetails, isOpen, onModalClose, }: ViewsModalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ViewsModal;

package/dist/modules/audience/ViewsModal.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { StringUtils } from "@edifice.io/utilities";
 import { createPortal } from "react-dom";
 import { useTranslation } from "react-i18next";
@@ -16,25 +16,28 @@ const ViewsModal = ({
   const {
     t
   } = useTranslation(), hasUniqueViews = viewsDetails.uniqueViewsCounter !== void 0;
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "ViewsModal", isOpen, onModalClose, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.views.title") }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgIconSee, {}) }),
-        /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.viewsCounter) }),
-        /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.viewsCounter") })
+  return (
+    // Using a fragment to ensure Storybook correctly interprets JSDoc comments: https://github.com/storybookjs/storybook/issues/27169
+    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "ViewsModal", isOpen, onModalClose, children: [
+      /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.views.title") }),
+      /* @__PURE__ */ jsxs(Modal.Body, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
+          /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgIconSee, {}) }),
+          /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.viewsCounter) }),
+          /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.viewsCounter") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
+          /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgIconUsers, {}) }),
+          hasUniqueViews ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.uniqueViewsCounter) }),
+            /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.uniqueViewsCounter") })
+          ] }) : /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.noUniqueViews") })
+        ] }),
+        hasUniqueViews ? (_a = viewsDetails.uniqueViewsPerProfile) == null ? void 0 : _a.map((viewsByProfile) => /* @__PURE__ */ jsx(ViewsByProfileCard, { viewsByProfile }, viewsByProfile.profile)) : null
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(SvgIconUsers, {}) }),
-        hasUniqueViews ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.uniqueViewsCounter) }),
-          /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.uniqueViewsCounter") })
-        ] }) : /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.noUniqueViews") })
-      ] }),
-      hasUniqueViews ? (_a = viewsDetails.uniqueViewsPerProfile) == null ? void 0 : _a.map((viewsByProfile) => /* @__PURE__ */ jsx(ViewsByProfileCard, { viewsByProfile }, viewsByProfile.profile)) : null
-    ] }),
-    /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("audience.views.cancel") }) })
-  ] }), document.getElementById("portal"));
+      /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("audience.views.cancel") }) })
+    ] }), document.getElementById("portal")) })
+  );
 };
 export {
   ViewsModal as default

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);
     }