@edifice.io/react 2.3.1-develop-b2school-actualites.20250911174726 → 2.3.1-develop-b2school.20250916153842

package/dist/editor.js

@@ -1,25 +1,23 @@
 import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
-import { default as default4 } from "./modules/editor/components/Editor/EditorPreview.js";
-import { default as default5 } from "./modules/editor/components/Editor/EditorPreviewSkeleton.js";
-import { default as default6 } from "./modules/editor/components/Editor/EditorSkeleton.js";
-import { default as default7 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default8 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default12 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default13 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default14 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
-import { default as default15 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default18 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default19 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default20 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default21 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default22 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default4 } from "./modules/editor/components/Editor/EditorSkeleton.js";
+import { default as default5 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
+import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default11 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default12 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default13 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/AudioRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
+import { default as default16 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default17 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default18 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default19 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default20 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -35,31 +33,29 @@ import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisi
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
 export {
-  default8 as AttachmentNodeView,
-  default15 as AttachmentRenderer,
-  default9 as AudioNodeView,
-  default16 as AudioRenderer,
-  default7 as BubbleMenuEditImage,
-  default10 as ConversationHistoryNodeView,
-  default17 as ConversationHistoryRenderer,
+  default6 as AttachmentNodeView,
+  default13 as AttachmentRenderer,
+  default7 as AudioNodeView,
+  default14 as AudioRenderer,
+  default5 as BubbleMenuEditImage,
+  default8 as ConversationHistoryNodeView,
+  default15 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
-  default4 as EditorPreview,
-  default5 as EditorPreviewSkeleton,
-  default6 as EditorSkeleton,
+  default4 as EditorSkeleton,
   EditorToolbar,
-  default11 as ImageNodeView,
-  default14 as InformationPaneNodeView,
-  default20 as InformationPaneRenderer,
-  default22 as LinkToolbar,
-  default12 as LinkerNodeView,
-  default18 as LinkerRenderer,
-  default19 as MediaRenderer,
+  default9 as ImageNodeView,
+  default12 as InformationPaneNodeView,
+  default18 as InformationPaneRenderer,
+  default20 as LinkToolbar,
+  default10 as LinkerNodeView,
+  default16 as LinkerRenderer,
+  default17 as MediaRenderer,
   default2 as StarterKit,
-  default21 as TableToolbar,
-  default13 as VideoNodeView,
+  default19 as TableToolbar,
+  default11 as VideoNodeView,
   useActionOptions,
   useCantooEditor,
   useCommentEditor,

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

@@ -1,5 +1,3 @@
 export * from './Editor';
 export { default as Editor } from './Editor';
-export { default as EditorPreview } from './EditorPreview';
-export { default as EditorPreviewSkeleton } from './EditorPreviewSkeleton';
 export { default as EditorSkeleton } from './EditorSkeleton';

package/dist/modules/multimedia/VideoRecorder/VideoRecorder.js

@@ -1,23 +1,18 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback } from "react";
 import { odeServices } from "@edifice.io/client";
 import { getBestSupportedMimeType, convertMsToMS } from "@edifice.io/utilities";
 import { useTranslation } from "react-i18next";
-import SvgIconPause from "../../icons/components/IconPause.js";
-import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
-import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
 import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
 import SvgIconRecord from "../../icons/components/IconRecord.js";
-import SvgIconRefresh from "../../icons/components/IconRefresh.js";
-import SvgIconSave from "../../icons/components/IconSave.js";
+import { useCameras } from "./useCameras.js";
+import { VideoRecorderToolbar } from "./VideoRecorderToolbar.js";
 import useUpload from "../../../hooks/useUpload/useUpload.js";
-import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
 import FormControl from "../../../components/Form/FormControl.js";
 import Label from "../../../components/Label/Label.js";
 import Select from "../../../components/Select/Select.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwardRef(({
+const VideoRecorder = /* @__PURE__ */ forwardRef(({
   appCode,
   caption,
   onSuccess,
@@ -25,17 +20,14 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
   onRecordUpdated,
   hideSaveAction = !1
 }, ref) => {
-  const [maxDuration, setMaxDuration] = useState(18e4), [inputDevices, setInputDevices] = useState([]), [recording, setRecording] = useState(!1), [recorded, setRecorded] = useState(!1), [playing, setPlaying] = useState(!1), [saving, setSaving] = useState(!1), [saved, setSaved] = useState(!1), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
-    audio: !0,
-    video: {
-      facingMode: "environment",
-      aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT
-    }
-  }), [stream, setStream] = useState(), [mimeType, setMimeType] = useState(""), [recordedChunks, setRecordedChunks] = useState([]), [recordedVideo, setRecordedVideo] = useState(), [recordedTime, setRecordedTime] = useState(0), [playedTime, setPlayedTime] = useState(0), videoRef = useRef(null), recorderRef = useRef(null), {
+  const {
+    inputDevices,
+    setPreferedDevice,
+    restartStream,
+    stream
+  } = useCameras(), [maxDuration, setMaxDuration] = useState(18e4), [recording, setRecording] = useState(!1), [recorded, setRecorded] = useState(!1), [playing, setPlaying] = useState(!1), [saving, setSaving] = useState(!1), [saved, setSaved] = useState(!1), [mimeType, setMimeType] = useState(""), [recordedChunks, setRecordedChunks] = useState([]), [recordedVideo, setRecordedVideo] = useState(), [recordedTime, setRecordedTime] = useState(0), [playedTime, setPlayedTime] = useState(0), videoRef = useRef(null), recorderRef = useRef(null), {
     uploadBlob
-  } = useUpload(void 0, appCode), {
-    device
-  } = useBrowserInfo(navigator.userAgent);
+  } = useUpload(void 0, appCode);
   useImperativeHandle(ref, () => ({
     save: handleSave
   }));
@@ -43,10 +35,23 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     t
   } = useTranslation();
   useEffect(() => {
-    initMaxDuration(), initInputDevices();
-  }, []), useEffect(() => (stream || enableStream(mediaStreamConstraints), () => {
-    stream && stream.getTracks().forEach((track) => track.stop());
-  }), [stream]), useEffect(() => {
+    initMaxDuration();
+  }, []);
+  async function initMaxDuration() {
+    try {
+      const videoConfResponse = await odeServices.video().getVideoConf();
+      setMaxDuration(videoConfResponse.maxDuration * 60 * 1e3);
+    } catch {
+      setMaxDuration(3 * 60 * 1e3);
+    }
+  }
+  useEffect(() => {
+    try {
+      videoRef.current && (videoRef.current.src && (window.URL.revokeObjectURL(videoRef.current.src), videoRef.current.src = ""), stream && (videoRef.current.srcObject = stream, videoRef.current.autoplay = !0, videoRef.current.volume = 1, videoRef.current.muted = !0));
+    } catch (err) {
+      console.error(err);
+    }
+  }, [stream]), useEffect(() => {
     if (recordedChunks.length && !recording && videoRef.current) {
       const finalVideo = new Blob(recordedChunks, {
         type: mimeType
@@ -76,40 +81,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
       };
     }
   }, [playing]);
-  const initMaxDuration = async () => {
-    const videoConfResponse = await odeServices.video().getVideoConf();
-    setMaxDuration((videoConfResponse.maxDuration ?? 3) * 60 * 1e3);
-  }, initInputDevices = async () => {
-    const videoDevices = (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
-    switch (device.type) {
-      case "mobile":
-      case "tablet": {
-        const backCamera = {
-          deviceId: "environment",
-          label: t("video.back.camera"),
-          groupId: "",
-          kind: "videoinput"
-        }, frontCamera = {
-          deviceId: "user",
-          label: t("video.front.camera"),
-          groupId: "",
-          kind: "videoinput"
-        };
-        (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
-        break;
-      }
-      default:
-        setInputDevices(videoDevices);
-        break;
-    }
-  }, enableStream = async (mediaStreamConstraints2) => {
-    try {
-      const mediaStream = await navigator.mediaDevices.getUserMedia(mediaStreamConstraints2);
-      setStream(mediaStream), videoRef.current && (videoRef.current.src && (window.URL.revokeObjectURL(videoRef.current.src), videoRef.current.src = ""), videoRef.current.srcObject = mediaStream, videoRef.current.autoplay = !0, videoRef.current.volume = 1, videoRef.current.muted = !0);
-    } catch (err) {
-      console.error(err);
-    }
-  }, handleRecord = useCallback(() => {
+  const handleRecord = useCallback(() => {
     setRecording(!0), videoRef && videoRef.current && (videoRef.current.muted = !0);
     const mimeType2 = getBestSupportedMimeType();
     setMimeType(mimeType2), stream && (recorderRef.current = new MediaRecorder(stream, {
@@ -126,7 +98,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     var _a, _b;
     videoRef && videoRef.current && (videoRef.current.muted = !1), playing ? ((_b = videoRef == null ? void 0 : videoRef.current) == null || _b.pause(), setPlaying(!1)) : ((_a = videoRef == null ? void 0 : videoRef.current) == null || _a.play(), setPlaying(!0));
   }, [playing]), handleReset = () => {
-    setRecorded(!1), setRecording(!1), setPlaying(!1), setSaved(!1), setRecordedTime(0), setRecordedChunks([]), setRecordedVideo(void 0), enableStream(mediaStreamConstraints), onRecordUpdated && onRecordUpdated();
+    setRecorded(!1), setRecording(!1), setPlaying(!1), setSaved(!1), setRecordedTime(0), setRecordedChunks([]), setRecordedVideo(void 0), restartStream(), onRecordUpdated && onRecordUpdated();
   }, handleSave = async () => {
     var _a;
     if ((_a = videoRef == null ? void 0 : videoRef.current) == null || _a.pause(), setSaving(!0), !recordedVideo) {
@@ -141,95 +113,14 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     onError("Error while uploading video"), setSaving(!1), setSaved(!0);
   }, handleEnded = () => {
     setPlaying(!1), setPlayedTime(0), videoRef.current && (videoRef.current.currentTime = 0);
-  }, handleInputDeviceChange = (option) => {
+  }, handleInputDeviceChange = useCallback((option) => {
     var _a;
     const selectedDevice = inputDevices.find((inputDevice) => inputDevice.label === option);
-    let mediaStreamConstraints2 = {};
-    selectedDevice != null && selectedDevice.deviceId ? ((selectedDevice == null ? void 0 : selectedDevice.deviceId) === "environment" || (selectedDevice == null ? void 0 : selectedDevice.deviceId) === "user" ? mediaStreamConstraints2 = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        facingMode: selectedDevice == null ? void 0 : selectedDevice.deviceId
-      }
-    } : mediaStreamConstraints2 = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        deviceId: selectedDevice.deviceId
-      }
-    }, setMediaStreamConstraints(mediaStreamConstraints2), stream && (((_a = recorderRef.current) == null ? void 0 : _a.state) === "recording" && (recorderRef.current.requestData(), recorderRef.current.stop()), stream.getTracks().forEach((track) => track.stop()), setStream(void 0)), enableStream(mediaStreamConstraints2)) : console.error("Selected input device id is null");
-  };
-  useEffect(() => {
+    ((_a = recorderRef.current) == null ? void 0 : _a.state) === "recording" && (recorderRef.current.requestData(), recorderRef.current.stop()), setPreferedDevice(selectedDevice);
+  }, [inputDevices, stream]);
+  return useEffect(() => {
     recordedTime >= maxDuration && handleStop();
-  }, [recordedTime, handleStop]);
-  const toolbarItems = [{
-    type: "icon",
-    name: "record",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
-      color: "danger",
-      disabled: recording || recorded || saving,
-      onClick: handleRecord,
-      "aria-label": t("bbm.video.record.start")
-    },
-    tooltip: t("bbm.video.record.start")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
-      disabled: !recording || recorded || saving,
-      onClick: handleStop,
-      "aria-label": t("bbm.video.record.stop")
-    },
-    tooltip: t("bbm.video.record.stop")
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: playing ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.start")
-    },
-    tooltip: t("bbm.video.play.start")
-  }, {
-    type: "icon",
-    name: "pause",
-    visibility: playing ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.pause")
-    },
-    tooltip: t("bbm.video.play.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
-      disabled: !recorded || saving,
-      onClick: handleReset,
-      "aria-label": t("bbm.video.record.reset")
-    },
-    tooltip: t("bbm.video.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: hideSaveAction ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
-      disabled: !recorded || saving || saved,
-      onClick: handleSave,
-      "aria-label": t("bbm.video.record.save")
-    },
-    tooltip: t("bbm.video.record.save")
-  }];
-  return /* @__PURE__ */ jsxs("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
+  }, [recordedTime, handleStop]), /* @__PURE__ */ jsxs("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
     /* @__PURE__ */ jsx("div", { className: "video-recorder-caption d-none d-md-block", children: caption }),
     inputDevices.length > 1 && /* @__PURE__ */ jsx("div", { className: "video-recorder-devices mb-12", children: /* @__PURE__ */ jsxs(FormControl, { id: "selectInputDevice", children: [
       /* @__PURE__ */ jsx(Label, { className: "d-none d-md-block", children: t("bbm.video.record.select.devices.label") }),
@@ -255,7 +146,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
           ] })
         ] })
       ] }),
-      stream && /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" })
+      stream && /* @__PURE__ */ jsx(VideoRecorderToolbar, { playing, recording, recorded, saving, saved, hideSaveAction, handleRecord, handleStop, handlePlayPause, handleReset, handleSave })
     ] }),
     saving && /* @__PURE__ */ jsx(LoadingScreen, { position: !1, caption: t("bbm.video.save.loader.caption") })
   ] });

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.d.ts

@@ -0,0 +1,18 @@
+import { WorkspaceElement } from '@edifice.io/client';
+export interface VideoRecorderToolbarProps {
+    playing: boolean;
+    recording: boolean;
+    recorded: boolean;
+    saving: boolean;
+    saved: boolean;
+    hideSaveAction: boolean;
+    handleRecord: () => void;
+    handleStop: () => void;
+    handlePlayPause: () => void;
+    handleReset: () => void;
+    handleSave: () => void;
+}
+export interface VideoRecorderRef {
+    save: () => Promise<WorkspaceElement | undefined>;
+}
+export declare const VideoRecorderToolbar: ({ playing, recording, recorded, saving, saved, hideSaveAction, handleRecord, handleStop, handlePlayPause, handleReset, handleSave, }: VideoRecorderToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconPause from "../../icons/components/IconPause.js";
+import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
+import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
+import SvgIconRecord from "../../icons/components/IconRecord.js";
+import SvgIconRefresh from "../../icons/components/IconRefresh.js";
+import SvgIconSave from "../../icons/components/IconSave.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+const VideoRecorderToolbar = ({
+  playing,
+  recording,
+  recorded,
+  saving,
+  saved,
+  hideSaveAction,
+  handleRecord,
+  handleStop,
+  handlePlayPause,
+  handleReset,
+  handleSave
+}) => {
+  const {
+    t
+  } = useTranslation(), toolbarItems = [{
+    type: "icon",
+    name: "record",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
+      color: "danger",
+      disabled: recording || recorded || saving,
+      onClick: handleRecord,
+      "aria-label": t("bbm.video.record.start")
+    },
+    tooltip: t("bbm.video.record.start")
+  }, {
+    type: "icon",
+    name: "stop",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
+      disabled: !recording || recorded || saving,
+      onClick: handleStop,
+      "aria-label": t("bbm.video.record.stop")
+    },
+    tooltip: t("bbm.video.record.stop")
+  }, {
+    type: "icon",
+    name: "play",
+    visibility: playing ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.start")
+    },
+    tooltip: t("bbm.video.play.start")
+  }, {
+    type: "icon",
+    name: "pause",
+    visibility: playing ? "show" : "hide",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.pause")
+    },
+    tooltip: t("bbm.video.play.pause")
+  }, {
+    type: "divider"
+  }, {
+    type: "icon",
+    name: "reset",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
+      disabled: !recorded || saving,
+      onClick: handleReset,
+      "aria-label": t("bbm.video.record.reset")
+    },
+    tooltip: t("bbm.video.record.reset")
+  }, {
+    type: "icon",
+    name: "save",
+    visibility: hideSaveAction ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
+      disabled: !recorded || saving || saved,
+      onClick: handleSave,
+      "aria-label": t("bbm.video.record.save")
+    },
+    tooltip: t("bbm.video.record.save")
+  }];
+  return /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" });
+};
+export {
+  VideoRecorderToolbar
+};

package/dist/modules/multimedia/VideoRecorder/useCameras.d.ts

@@ -0,0 +1,10 @@
+export declare function useCameras(): {
+    /** Readonly list (array) of available video input devices. */
+    inputDevices: MediaDeviceInfo[];
+    /** Select which input video device to use. */
+    setPreferedDevice: (device?: MediaDeviceInfo) => void;
+    /** The current video stream. */
+    stream: MediaStream | undefined;
+    /** Start a video stream from the default or prefered device. */
+    restartStream: () => void;
+};

package/dist/modules/multimedia/VideoRecorder/useCameras.js

@@ -0,0 +1,86 @@
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
+const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16;
+function useCameras() {
+  const {
+    device
+  } = useBrowserInfo(navigator.userAgent), {
+    t
+  } = useTranslation(), [inputDevices, setInputDevices] = useState([]), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
+    audio: !0,
+    video: {
+      facingMode: "environment",
+      aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT
+    }
+  }), [stream, setStream] = useState();
+  async function getVideoInputDevices() {
+    return (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
+  }
+  async function enableStream(mediaStreamConstraints2) {
+    try {
+      const mediaStream = await navigator.mediaDevices.getUserMedia(mediaStreamConstraints2);
+      setStream((previousStream) => (previousStream == null || previousStream.getTracks().forEach((track) => track.stop()), mediaStream));
+    } catch (err) {
+      console.error(err);
+    }
+  }
+  const restartStream = () => {
+    enableStream(mediaStreamConstraints);
+  }, setPreferedDevice = (device2) => {
+    let mediaStreamConstraints2 = {};
+    device2 != null && device2.deviceId ? ((device2 == null ? void 0 : device2.deviceId) === "environment" || (device2 == null ? void 0 : device2.deviceId) === "user" ? mediaStreamConstraints2 = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        facingMode: device2 == null ? void 0 : device2.deviceId
+      }
+    } : mediaStreamConstraints2 = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        deviceId: device2.deviceId
+      }
+    }, setMediaStreamConstraints(mediaStreamConstraints2), restartStream()) : console.error("Selected input device id is null");
+  };
+  return useEffect(() => {
+    async function initInputDevices() {
+      await enableStream(mediaStreamConstraints);
+      const videoDevices = await getVideoInputDevices();
+      switch (device.type) {
+        case "mobile":
+        case "tablet": {
+          const backCamera = {
+            deviceId: "environment",
+            label: t("video.back.camera"),
+            groupId: "",
+            kind: "videoinput"
+          }, frontCamera = {
+            deviceId: "user",
+            label: t("video.front.camera"),
+            groupId: "",
+            kind: "videoinput"
+          };
+          (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
+          break;
+        }
+        default:
+          setInputDevices(videoDevices);
+          break;
+      }
+    }
+    initInputDevices();
+  }, []), {
+    /** Readonly list (array) of available video input devices. */
+    inputDevices,
+    /** Select which input video device to use. */
+    setPreferedDevice,
+    /** The current video stream. */
+    stream,
+    /** Start a video stream from the default or prefered device. */
+    restartStream
+  };
+}
+export {
+  useCameras
+};

package/package.json

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

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

@@ -1,14 +0,0 @@
-/**
- * Editor component properties
- */
-export interface EditorPreviewProps {
-    /** Rich content to render. */
-    content: string;
-    /** Display with or without a border */
-    variant?: 'outline' | 'ghost';
-    onDetailClick?: () => void;
-    onMediaClick?: () => void;
-    maxMediaDisplayed?: number;
-}
-declare const EditorPreview: ({ content, variant, onDetailClick, onMediaClick, maxMediaDisplayed, }: EditorPreviewProps) => import("react/jsx-runtime").JSX.Element;
-export default EditorPreview;

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

@@ -1,56 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import clsx from "clsx";
-import { getThumbnail } from "@edifice.io/utilities";
-import { useTranslation } from "react-i18next";
-import Image from "../../../../components/Image/Image.js";
-const EditorPreview = ({
-  content,
-  variant = "outline",
-  onDetailClick,
-  onMediaClick,
-  maxMediaDisplayed = 3
-}) => {
-  const {
-    t
-  } = useTranslation(), [summaryContent, setSummaryContent] = useState(""), [medias, setMedias] = useState([]), borderClass = clsx(variant === "outline" && "border rounded-3 py-12 px-16"), hasMediaCallback = onDetailClick || onMediaClick, handleMediaClick = (e) => {
-    onMediaClick && (e.stopPropagation(), onMediaClick());
-  };
-  return useEffect(() => {
-    const contentHTML = content;
-    if (contentHTML) {
-      const doc = new DOMParser().parseFromString(contentHTML, "text/html"), mediaElements = Array.from(doc.querySelectorAll("img, video, iframe, audio, embed"));
-      setMedias(mediaElements.filter((el) => el.tagName.toLowerCase() === "img").map((el) => {
-        const image = el;
-        return image.src ? {
-          url: getThumbnail(image.src, 0, 300),
-          alt: image.alt
-        } : {
-          url: "",
-          alt: ""
-        };
-      })), mediaElements.forEach((el) => {
-        var _a;
-        return (_a = el.parentNode) == null ? void 0 : _a.removeChild(el);
-      }), setSummaryContent(doc.body.textContent || "");
-    }
-  }, [content]), /* @__PURE__ */ jsxs("div", { className: borderClass, "data-testid": "editor-preview", onClick: onDetailClick, tabIndex: onDetailClick ? -1 : void 0, role: onDetailClick ? "button" : void 0, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-fill text-truncate text-truncate-2 post-preview-content overflow-hidden", children: summaryContent }),
-    /* @__PURE__ */ jsx("div", { onClick: handleMediaClick, tabIndex: hasMediaCallback ? -1 : void 0, role: hasMediaCallback ? "button" : void 0, className: "d-flex align-items-center justify-content-center gap-24 px-32 pt-16", children: medias.slice(0, maxMediaDisplayed).map((media, index) => /* @__PURE__ */ jsxs("div", { className: clsx("position-relative col-12 col-md-4 ", {
-      "d-none d-md-block": index >= 1
-    }), style: {
-      maxWidth: "150px"
-    }, children: [
-      /* @__PURE__ */ jsx(Image, { alt: media.alt, objectFit: "cover", ratio: "16", className: "rounded", src: media.url, sizes: "" }),
-      (index === 0 || index === 2) && medias.length - (index + 1) > 0 && /* @__PURE__ */ jsx("div", { className: clsx("position-absolute top-0 bottom-0 start-0 end-0 d-flex justify-content-center align-items-center rounded text-light bg-dark bg-opacity-50", {
-        "d-flex d-md-none": index === 0,
-        "d-none d-md-flex": index === 2
-      }), children: t("editor.preview.moreMedia", {
-        mediaCount: medias.length - (index + 1)
-      }) })
-    ] }, media.url)) })
-  ] });
-};
-export {
-  EditorPreview as default
-};

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

@@ -1,8 +0,0 @@
-/**
- * Editor component properties
- */
-export interface EditorPreviewSkeletonProps {
-    variant?: 'outline' | 'ghost';
-}
-declare const EditorPreview: ({ variant }: EditorPreviewSkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default EditorPreview;

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

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
-import Image from "../../../../components/Image/Image.js";
-const EditorPreview = ({
-  variant = "outline"
-}) => {
-  const borderClass = clsx(variant === "outline" && "border rounded-3"), contentClass = clsx("mt-16", variant === "outline" && "my-12 mx-16");
-  return /* @__PURE__ */ jsx("div", { className: borderClass, "data-testid": "editor-preview", children: /* @__PURE__ */ jsxs("div", { className: contentClass, children: [
-    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
-    /* @__PURE__ */ jsx(TextSkeleton, { className: "col-12" }),
-    /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-center gap-24 px-32 pt-16", children: [
-      /* @__PURE__ */ jsx("div", { style: {
-        maxWidth: "150px"
-      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) }),
-      /* @__PURE__ */ jsx("div", { style: {
-        maxWidth: "150px"
-      }, className: "col-12 col-md-4", children: /* @__PURE__ */ jsx(Image, { alt: "", objectFit: "cover", ratio: "16", className: "rounded placeholder", src: "", sizes: "" }) })
-    ] })
-  ] }) });
-};
-export {
-  EditorPreview as default
-};