@edifice.io/react 2.0.1-develop-hotfix.1736862374617 → 2.1.0-develop-enabling.0

package/dist/components/Modal/Modal.js

@@ -20,7 +20,7 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
     scrollable = !1,
     focusId,
     children
-  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
+  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
   useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
     if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
       const elem = document.getElementById(focusId);

package/dist/hooks/useConversation/useConversation.js

@@ -10,9 +10,7 @@ const useConversation = () => {
     try {
       const {
         count
-      } = await odeServices.withBaseUrl("").withHeaders({
-        "Content-Type": "application/json"
-      }).http().get(url, {
+      } = await odeServices.http().get(url, {
         queryParams
       });
       setMessages(count ?? 0);

package/dist/hooks/useTrapFocus/useTrapFocus.d.ts

@@ -1 +1 @@
-export default function useTrapFocus(isActive?: boolean): import('react').MutableRefObject<HTMLElement | null>;
+export default function useTrapFocus(): import('react').MutableRefObject<HTMLElement | null>;

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1,8 +1,7 @@
 import { useRef, useEffect } from "react";
-function useTrapFocus(isActive) {
+function useTrapFocus() {
   const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
   return useEffect(() => {
-    if (!isActive) return;
     const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
       event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
     };
@@ -10,7 +9,7 @@ function useTrapFocus(isActive) {
       return node.addEventListener("keydown", handleKeydown), () => {
         node.removeEventListener("keydown", handleKeydown);
       };
-  }, [isActive]), ref;
+  }, []), ref;
 }
 export {
   useTrapFocus as default

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

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

@@ -1,4 +1,3 @@
-import { RightRole } from '@edifice.io/client';
 import { CommentOptions, CommentProps, CommentType, UserProfileResult } from '../types';
 export declare const CommentContext: import('react').Context<{
     comments: CommentProps[] | undefined;
@@ -7,7 +6,6 @@ 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

@@ -24,6 +24,6 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
     handleDeleteComment: (id: string) => void;
     handleCreateComment: (content: string) => void;
     handleModifyComment: (commentId: string) => void;
-    handleUpdateComment: (comment: string) => Promise<void>;
+    handleUpdateComment: (comment: string) => void;
     handleReset: () => void;
 };

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

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

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

@@ -5,7 +5,6 @@ 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/provider/CommentProvider.js

@@ -46,7 +46,7 @@ const CommentProvider = ({
     defaultComments,
     callbacks: type == "edit" ? props.callbacks : null,
     options
-  }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
+  }), values = useMemo(
     () => ({
       comments,
       content,
@@ -54,7 +54,6 @@ const CommentProvider = ({
       editCommentId,
       options,
       type,
-      userRights,
       setEditCommentId,
       handleCreateComment,
       handleModifyComment,

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

@@ -1,4 +1,4 @@
-import { RightRole, UserProfile } from '@edifice.io/client';
+import { UserProfile } from '@edifice.io/client';
 export interface CommentProps {
     /**
      * Comment Id
@@ -61,10 +61,6 @@ 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/Renderer/AttachmentRenderer.js

@@ -12,12 +12,11 @@ const AttachmentRenderer = (props) => {
   const {
     t
   } = useTranslation(), {
-    node,
-    editor
+    node
   } = props, {
     editable
-  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index, documentId) => {
-    editor.commands.unsetAttachment(documentId), setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
+    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
   };
   return attachmentArrayAttrs.length !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
     backgroundColor: "#F2F2F2",
@@ -27,7 +26,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, attachment.documentId) })
+      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => handleDelete(index) })
     ] }) }) }, index)) })
   ] }) });
 };

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

@@ -1,9 +1,7 @@
 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) => {
@@ -11,10 +9,7 @@ const MediaRenderer = (props) => {
     node
   } = props, {
     t
-  } = useTranslation(), {
-    browser,
-    device
-  } = useBrowserInfo(navigator.userAgent), resizableMedia = useRef(null), {
+  } = useTranslation(), resizableMedia = useRef(null), {
     startVerticalResize,
     stopVerticalResize,
     isVerticalResizeActive
@@ -41,10 +36,7 @@ const MediaRenderer = (props) => {
         return {};
     }
   }, onVideoPlay = () => {
-    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);
-    }
+    resizableMedia.current instanceof HTMLVideoElement;
   };
   return useEffect(() => {
     if (!resizableMedia.current) return;

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

@@ -1,11 +1,9 @@
 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,11 +1,9 @@
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.1-develop-hotfix.1736862374617",
+  "version": "2.1.0-develop-enabling.0",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -119,9 +119,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/tiptap-extensions": "2.0.1-develop-hotfix.1736862374617",
-    "@edifice.io/utilities": "2.0.0",
-    "@edifice.io/bootstrap": "2.0.1-develop-hotfix.1736862374617"
+    "@edifice.io/utilities": "2.1.0-develop-enabling.0",
+    "@edifice.io/bootstrap": "2.1.0-develop-enabling.0",
+    "@edifice.io/tiptap-extensions": "2.1.0-develop-enabling.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -147,7 +147,7 @@
     "typescript-eslint": "^8.8.1",
     "vite": "catalog:",
     "vite-plugin-dts": "catalog:",
-    "@edifice.io/client": "2.0.1-develop-hotfix.1736862374617"
+    "@edifice.io/client": "2.1.0-develop-enabling.0"
   },
   "peerDependencies": {
     "@react-spring/web": "catalog:",

package/dist/hooks/useHttpErrorToast/index.d.ts

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

package/dist/hooks/useHttpErrorToast/useHttpErrorToast.d.ts

@@ -1,3 +0,0 @@
-import { CustomToastOptions } from '../../hooks/useToast/useToast';
-declare const useHttpErrorToast: (options?: CustomToastOptions) => string | undefined;
-export default useHttpErrorToast;

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

@@ -1,7 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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
-};