@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

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

@@ -1,169 +1,169 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
-import useUpload from "../../../core/useUpload/useUpload.js";
-import { getBestSupportedMimeType } from "../../../utils/video.js";
-import { Select } from "../../../components/Select/Select.js";
-import { Icon } from "../../../components/Icon/Icon.js";
-import { FormControl } from "../../../components/Form/FormControl.js";
-import { Label } from "../../../components/Label/Label.js";
-import { convertMsToMS } from "../../../utils/time.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-import { LoadingScreen } from "../../../components/LoadingScreen/LoadingScreen.js";
-const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwardRef(({
-  appCode,
-  caption,
-  onSuccess,
-  onError,
-  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({
+import { jsx as i, jsxs as m, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as pe, useState as n, useRef as W, useImperativeHandle as ve, useEffect as f, useCallback as N } from "react";
+import { odeServices as fe } from "@edifice.io/ts-client";
+import { useTranslation as be } from "react-i18next";
+import he from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
+import ye from "../../../core/useUpload/useUpload.js";
+import { getBestSupportedMimeType as ge } from "../../../utils/video.js";
+import { Select as we } from "../../../components/Select/Select.js";
+import { Icon as u } from "../../../components/Icon/Icon.js";
+import { FormControl as Ie } from "../../../components/Form/FormControl.js";
+import { Label as ke } from "../../../components/Label/Label.js";
+import { convertMsToMS as w } from "../../../utils/time.js";
+import { Toolbar as Ce } from "../../../components/Toolbar/Toolbar.js";
+import { LoadingScreen as Te } from "../../../components/LoadingScreen/LoadingScreen.js";
+const L = 9, V = 16, He = /* @__PURE__ */ pe(({
+  appCode: J,
+  caption: K,
+  onSuccess: I,
+  onError: Q,
+  onRecordUpdated: h,
+  hideSaveAction: X = !1
+}, Y) => {
+  const [O, Z] = n(18e4), [k, C] = n([]), [d, T] = n(!1), [l, j] = n(!1), [v, y] = n(!1), [p, R] = n(!1), [$, S] = n(!1), [U, ee] = n({
     audio: !0,
     video: {
       facingMode: "environment",
-      aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT
+      aspectRatio: V / L
     }
-  }), [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), {
-    uploadBlob
-  } = useUpload(void 0, appCode), {
-    device
-  } = useBrowserInfo(navigator.userAgent);
-  useImperativeHandle(ref, () => ({
-    save: handleSave
+  }), [c, P] = n(), [re, oe] = n(""), [x, B] = n([]), [H, z] = n(), [b, q] = n(0), [te, A] = n(0), o = W(null), a = W(null), {
+    uploadBlob: ie
+  } = ye(void 0, J), {
+    device: ne
+  } = he(navigator.userAgent);
+  ve(Y, () => ({
+    save: _
   }));
   const {
     t
-  } = useTranslation();
-  useEffect(() => {
-    initMaxDuration(), initInputDevices();
-  }, []), useEffect(() => (stream || enableStream(mediaStreamConstraints), () => {
-    stream && stream.getTracks().forEach((track) => track.stop());
-  }), [stream]), useEffect(() => {
-    if (recordedChunks.length && !recording && videoRef.current) {
-      const finalVideo = new Blob(recordedChunks, {
-        type: mimeType
+  } = be();
+  f(() => {
+    ae(), se();
+  }, []), f(() => (c || D(U), () => {
+    c && c.getTracks().forEach((r) => r.stop());
+  }), [c]), f(() => {
+    if (x.length && !d && o.current) {
+      const r = new Blob(x, {
+        type: re
       });
-      if (setRecordedVideo(finalVideo), onRecordUpdated) {
-        const videoUrl = window.URL.createObjectURL(finalVideo);
-        onRecordUpdated(videoUrl);
+      if (z(r), h) {
+        const e = window.URL.createObjectURL(r);
+        h(e);
       }
-      videoRef.current.autoplay = !1, videoRef.current.srcObject = null, videoRef.current.src = window.URL.createObjectURL(finalVideo);
+      o.current.autoplay = !1, o.current.srcObject = null, o.current.src = window.URL.createObjectURL(r);
     }
-  }, [recording, recordedChunks]), useEffect(() => {
-    if (recording) {
-      const startedAt = Date.now(), timer = window.setInterval(
+  }, [d, x]), f(() => {
+    if (d) {
+      const r = Date.now(), e = window.setInterval(
         // Compute exact elapsed time by diffing the start time.
-        () => setRecordedTime(Date.now() - startedAt),
+        () => q(Date.now() - r),
         500
       );
       return () => {
-        window.clearInterval(timer);
+        window.clearInterval(e);
       };
     }
-  }, [recording]), useEffect(() => {
-    if (playing) {
-      const timer = window.setInterval(() => setPlayedTime((prev) => prev + 500), 500);
+  }, [d]), f(() => {
+    if (v) {
+      const r = window.setInterval(() => A((e) => e + 500), 500);
       return () => {
-        window.clearInterval(timer);
+        window.clearInterval(r);
       };
     }
-  }, [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) {
+  }, [v]);
+  const ae = async () => {
+    const r = await fe.video().getVideoConf();
+    Z((r.maxDuration ?? 3) * 60 * 1e3);
+  }, se = async () => {
+    const e = (await navigator.mediaDevices.enumerateDevices()).filter((s) => s.kind === "videoinput");
+    switch (ne.type) {
       case "mobile":
       case "tablet": {
-        const backCamera = {
+        const s = {
           deviceId: "environment",
           label: t("video.back.camera"),
           groupId: "",
           kind: "videoinput"
-        }, frontCamera = {
+        }, g = {
           deviceId: "user",
           label: t("video.front.camera"),
           groupId: "",
           kind: "videoinput"
         };
-        (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
+        (e == null ? void 0 : e.length) > 1 ? C([s, g]) : C([s]);
         break;
       }
       default:
-        setInputDevices(videoDevices);
+        C(e);
         break;
     }
-  }, enableStream = async (mediaStreamConstraints2) => {
+  }, D = async (r) => {
     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);
+      const e = await navigator.mediaDevices.getUserMedia(r);
+      P(e), o.current && (o.current.src && (window.URL.revokeObjectURL(o.current.src), o.current.src = ""), o.current.srcObject = e, o.current.autoplay = !0, o.current.volume = 1, o.current.muted = !0);
+    } catch (e) {
+      console.error(e);
     }
-  }, handleRecord = useCallback(() => {
-    setRecording(!0), videoRef && videoRef.current && (videoRef.current.muted = !0);
-    const mimeType2 = getBestSupportedMimeType();
-    setMimeType(mimeType2), stream && (recorderRef.current = new MediaRecorder(stream, {
-      mimeType: mimeType2
-    }), recorderRef.current.ondataavailable = ({
-      data
+  }, ce = N(() => {
+    T(!0), o && o.current && (o.current.muted = !0);
+    const r = ge();
+    oe(r), c && (a.current = new MediaRecorder(c, {
+      mimeType: r
+    }), a.current.ondataavailable = ({
+      data: e
     }) => {
-      data.size > 0 && setRecordedChunks((prev) => [...prev, data]);
-    }, recorderRef.current.onerror = (event) => console.error(event), recorderRef.current.start(1e3));
-  }, [stream]), handleStop = useCallback(() => {
-    var _a;
-    setRecording(!1), setRecorded(!0), ((_a = recorderRef.current) == null ? void 0 : _a.state) === "recording" && (recorderRef.current.requestData(), recorderRef.current.stop());
-  }, [recorderRef]), handlePlayPause = useCallback(() => {
-    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();
-  }, handleSave = async () => {
-    if (setSaving(!0), !recordedVideo) {
+      e.size > 0 && B((s) => [...s, e]);
+    }, a.current.onerror = (e) => console.error(e), a.current.start(1e3));
+  }, [c]), M = N(() => {
+    var r;
+    T(!1), j(!0), ((r = a.current) == null ? void 0 : r.state) === "recording" && (a.current.requestData(), a.current.stop());
+  }, [a]), F = N(() => {
+    var r, e;
+    o && o.current && (o.current.muted = !1), v ? ((e = o == null ? void 0 : o.current) == null || e.pause(), y(!1)) : ((r = o == null ? void 0 : o.current) == null || r.play(), y(!0));
+  }, [v]), de = () => {
+    j(!1), T(!1), y(!1), S(!1), q(0), B([]), z(void 0), D(U), h && h();
+  }, _ = async () => {
+    if (R(!0), !H) {
       console.error("Error while saving video: recorded video is undefined.");
       return;
     }
-    const resVideo = await uploadBlob(recordedVideo, {
-      duration: recordedTime
+    const r = await ie(H, {
+      duration: b
     });
-    if (resVideo != null)
-      return onSuccess == null || onSuccess([resVideo]), setSaving(!1), setSaved(!0), [resVideo];
-    onError("Error while uploading video"), setSaving(!1), setSaved(!0);
-  }, handleEnded = () => {
-    setPlaying(!1), setPlayedTime(0), videoRef.current && (videoRef.current.currentTime = 0);
-  }, handleInputDeviceChange = (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 = {
+    if (r != null)
+      return I == null || I([r]), R(!1), S(!0), [r];
+    Q("Error while uploading video"), R(!1), S(!0);
+  }, le = () => {
+    y(!1), A(0), o.current && (o.current.currentTime = 0);
+  }, me = (r) => {
+    var g;
+    const e = k.find((E) => E.label === r);
+    let s = {};
+    e != null && e.deviceId ? ((e == null ? void 0 : e.deviceId) === "environment" || (e == null ? void 0 : e.deviceId) === "user" ? s = {
       audio: !0,
       video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        facingMode: selectedDevice == null ? void 0 : selectedDevice.deviceId
+        aspectRatio: V / L,
+        facingMode: e == null ? void 0 : e.deviceId
       }
-    } : mediaStreamConstraints2 = {
+    } : s = {
       audio: !0,
       video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        deviceId: selectedDevice.deviceId
+        aspectRatio: V / L,
+        deviceId: e.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");
+    }, ee(s), c && (((g = a.current) == null ? void 0 : g.state) === "recording" && (a.current.requestData(), a.current.stop()), c.getTracks().forEach((E) => E.stop()), P(void 0)), D(s)) : console.error("Selected input device id is null");
   };
-  useEffect(() => {
-    recordedTime >= maxDuration && handleStop();
-  }, [recordedTime, handleStop]);
-  const toolbarItems = [{
+  f(() => {
+    b >= O && M();
+  }, [b, M]);
+  const ue = [{
     type: "icon",
     name: "record",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "record", color: recording || recorded ? "" : "red" }),
+      icon: /* @__PURE__ */ i(u, { name: "record", color: d || l ? "" : "red" }),
       color: "danger",
-      disabled: recording || recorded || saving,
-      onClick: handleRecord,
+      disabled: d || l || p,
+      onClick: ce,
       "aria-label": t("bbm.video.record.start")
     },
     tooltip: t("bbm.video.record.start")
@@ -171,31 +171,31 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     type: "icon",
     name: "stop",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "record-stop" }),
-      disabled: !recording || recorded || saving,
-      onClick: handleStop,
+      icon: /* @__PURE__ */ i(u, { name: "record-stop" }),
+      disabled: !d || l || p,
+      onClick: M,
       "aria-label": t("bbm.video.record.stop")
     },
     tooltip: t("bbm.video.record.stop")
   }, {
     type: "icon",
     name: "play",
-    visibility: playing ? "hide" : "show",
+    visibility: v ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "play-filled" }),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
+      icon: /* @__PURE__ */ i(u, { name: "play-filled" }),
+      disabled: !l || p,
+      onClick: F,
       "aria-label": t("bbm.video.play.start")
     },
     tooltip: t("bbm.video.play.start")
   }, {
     type: "icon",
     name: "pause",
-    visibility: playing ? "show" : "hide",
+    visibility: v ? "show" : "hide",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "pause" }),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
+      icon: /* @__PURE__ */ i(u, { name: "pause" }),
+      disabled: !l || p,
+      onClick: F,
       "aria-label": t("bbm.video.play.pause")
     },
     tooltip: t("bbm.video.play.pause")
@@ -205,55 +205,56 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     type: "icon",
     name: "reset",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "refresh" }),
-      disabled: !recorded || saving,
-      onClick: handleReset,
+      icon: /* @__PURE__ */ i(u, { name: "refresh" }),
+      disabled: !l || p,
+      onClick: de,
       "aria-label": t("bbm.video.record.reset")
     },
     tooltip: t("bbm.video.record.reset")
   }, {
     type: "icon",
     name: "save",
-    visibility: hideSaveAction ? "hide" : "show",
+    visibility: X ? "hide" : "show",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "save" }),
-      disabled: !recorded || saving || saved,
-      onClick: handleSave,
+      icon: /* @__PURE__ */ i(u, { name: "save" }),
+      disabled: !l || p || $,
+      onClick: _,
       "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: [
-    /* @__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") }),
-      /* @__PURE__ */ jsx(Select, { placeholderOption: t("bbm.video.record.select.devices.placeholder"), options: inputDevices.map((videoInputDevice) => videoInputDevice.label), onValueChange: handleInputDeviceChange })
+  return /* @__PURE__ */ m("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
+    /* @__PURE__ */ i("div", { className: "video-recorder-caption d-none d-md-block", children: K }),
+    k.length > 1 && /* @__PURE__ */ i("div", { className: "video-recorder-devices mb-12", children: /* @__PURE__ */ m(Ie, { id: "selectInputDevice", children: [
+      /* @__PURE__ */ i(ke, { className: "d-none d-md-block", children: t("bbm.video.record.select.devices.label") }),
+      /* @__PURE__ */ i(we, { placeholderOption: t("bbm.video.record.select.devices.placeholder"), options: k.map((r) => r.label), onValueChange: me })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "video-recorder-video-container position-relative align-self-stretch", children: [
-      /* @__PURE__ */ jsx("video", { ref: videoRef, playsInline: !0, autoPlay: !0, controls: !1, muted: !0, onEnded: handleEnded, className: "rounded", children: /* @__PURE__ */ jsx("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
-      (recording || recorded) && /* @__PURE__ */ jsxs("div", { className: "video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded", children: [
-        recording && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { name: "record", size: "12", color: "red", className: "me-4" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            convertMsToMS(recordedTime),
+    /* @__PURE__ */ m("div", { className: "video-recorder-video-container position-relative align-self-stretch", children: [
+      /* @__PURE__ */ i("video", { ref: o, playsInline: !0, autoPlay: !0, controls: !1, muted: !0, onEnded: le, className: "rounded", children: /* @__PURE__ */ i("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
+      (d || l) && /* @__PURE__ */ m("div", { className: "video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded", children: [
+        d && /* @__PURE__ */ m(G, { children: [
+          /* @__PURE__ */ i(u, { name: "record", size: "12", color: "red", className: "me-4" }),
+          /* @__PURE__ */ m("span", { children: [
+            w(b),
             "/",
-            convertMsToMS(maxDuration)
+            w(O)
           ] })
         ] }),
-        recorded && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { name: "record-video", size: "14", className: "me-4" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            convertMsToMS(playedTime),
+        l && /* @__PURE__ */ m(G, { children: [
+          /* @__PURE__ */ i(u, { name: "record-video", size: "14", className: "me-4" }),
+          /* @__PURE__ */ m("span", { children: [
+            w(te),
             "/",
-            convertMsToMS(recordedTime)
+            w(b)
           ] })
         ] })
       ] }),
-      stream && /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" })
+      c && /* @__PURE__ */ i(Ce, { items: ue, className: "position-absolute bottom-0 start-50 bg-white" })
     ] }),
-    saving && /* @__PURE__ */ jsx(LoadingScreen, { position: !1, caption: t("bbm.video.save.loader.caption") })
+    p && /* @__PURE__ */ i(Te, { position: !1, caption: t("bbm.video.save.loader.caption") })
   ] });
-}), VideoRecorder$1 = VideoRecorder;
+});
 export {
-  VideoRecorder$1 as default
+  He as default
 };
+//# sourceMappingURL=VideoRecorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoRecorder.js","sources":["../../../../src/modules/multimedia/VideoRecorder/VideoRecorder.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nimport { WorkspaceElement, odeServices } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  FormControl,\n  Icon,\n  Label,\n  LoadingScreen,\n  OptionsType,\n  Select,\n} from '../../../components';\nimport { Toolbar, ToolbarItem } from '../../../components/Toolbar';\nimport { useUpload } from '../../../core/useUpload';\nimport useBrowserInfo from '../../../hooks/useBrowserInfo/useBrowserInfo';\nimport { convertMsToMS, getBestSupportedMimeType } from '../../../utils';\n\nexport interface VideoRecorderProps {\n  appCode: string;\n  caption?: string;\n  onSuccess?: (res: WorkspaceElement[]) => void;\n  onError: (error: string) => void;\n  onRecordUpdated?: (recordURL?: string) => void;\n  hideSaveAction?: boolean;\n}\n\nconst VIDEO_HEIGHT = 9;\nconst VIDEO_WIDTH = 16;\n\nexport interface VideoRecorderRef {\n  save: () => Promise<WorkspaceElement | undefined>;\n}\n\nconst VideoRecorder = forwardRef(\n  (\n    {\n      appCode,\n      caption,\n      onSuccess,\n      onError,\n      onRecordUpdated,\n      hideSaveAction = false,\n    }: VideoRecorderProps,\n    ref,\n  ) => {\n    const [maxDuration, setMaxDuration] = useState<number>(180000);\n    const [inputDevices, setInputDevices] = useState<MediaDeviceInfo[]>([]);\n\n    const [recording, setRecording] = useState<boolean>(false);\n    const [recorded, setRecorded] = useState<boolean>(false);\n    const [playing, setPlaying] = useState<boolean>(false);\n    const [saving, setSaving] = useState<boolean>(false);\n    const [saved, setSaved] = useState<boolean>(false);\n\n    const [mediaStreamConstraints, setMediaStreamConstraints] =\n      useState<MediaStreamConstraints>({\n        audio: true,\n        video: {\n          facingMode: 'environment',\n          aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n        },\n      });\n    const [stream, setStream] = useState<MediaStream>();\n    const [mimeType, setMimeType] = useState<string>('');\n\n    const [recordedChunks, setRecordedChunks] = useState<Blob[]>([]);\n    const [recordedVideo, setRecordedVideo] = useState<Blob>();\n\n    const [recordedTime, setRecordedTime] = useState<number>(0);\n    const [playedTime, setPlayedTime] = useState<number>(0);\n\n    const videoRef = useRef<HTMLVideoElement>(null);\n    const recorderRef = useRef<MediaRecorder | null>(null);\n\n    const { uploadBlob } = useUpload(undefined, appCode);\n\n    const { device } = useBrowserInfo(navigator.userAgent);\n\n    // We add one methods to handle save action from parent component\n    useImperativeHandle(ref, () => ({\n      save: handleSave,\n    }));\n\n    const { t } = useTranslation();\n\n    /**\n     * Get max duration from Conf and input devices list.\n     */\n    useEffect(() => {\n      initMaxDuration();\n      initInputDevices();\n    }, []);\n\n    /**\n     * Enable video stream and stop streaming on clean up.\n     */\n    useEffect(() => {\n      if (!stream) {\n        enableStream(mediaStreamConstraints);\n      }\n      return () => {\n        if (stream) {\n          stream.getTracks().forEach((track) => track.stop());\n        }\n      };\n    }, [stream]);\n\n    /**\n     * Get last updated recorded chunk and set the recorded video as source for user to watch it.\n     */\n    useEffect(() => {\n      if (recordedChunks.length && !recording && videoRef.current) {\n        const finalVideo: Blob = new Blob(recordedChunks, { type: mimeType });\n        setRecordedVideo(finalVideo);\n\n        if (onRecordUpdated) {\n          const videoUrl = window.URL.createObjectURL(finalVideo);\n          onRecordUpdated(videoUrl);\n        }\n        videoRef.current.autoplay = false;\n        videoRef.current.srcObject = null;\n        videoRef.current.src = window.URL.createObjectURL(finalVideo);\n      }\n    }, [recording, recordedChunks]);\n\n    /**\n     * Handle recording countup.\n     * Recording cannot be paused.\n     */\n    useEffect(() => {\n      if (recording) {\n        // Get the start timestamp.\n        const startedAt = Date.now();\n        const timer = window.setInterval(\n          // Compute exact elapsed time by diffing the start time.\n          () => setRecordedTime(Date.now() - startedAt),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [recording]);\n\n    /**\n     * Handle playing countup.\n     * Playing can be paused and resumed.\n     */\n    useEffect(() => {\n      if (playing) {\n        // Compute an approximative elapsed time by cumulating small inaccurate values.\n        const timer = window.setInterval(\n          () => setPlayedTime((prev) => prev + 500),\n          500,\n        );\n\n        return () => {\n          window.clearInterval(timer);\n        };\n      }\n    }, [playing]);\n\n    const initMaxDuration = async () => {\n      const videoConfResponse = await odeServices.video().getVideoConf();\n      setMaxDuration((videoConfResponse.maxDuration ?? 3) * 60 * 1000);\n    };\n\n    const initInputDevices = async () => {\n      const devices = await navigator.mediaDevices.enumerateDevices();\n      const videoDevices = devices.filter(\n        (device) => device.kind === 'videoinput',\n      );\n      // console, mobile, tablet, smarttv, wearable, embedded\n      switch (device.type) {\n        case 'mobile':\n        case 'tablet': {\n          const backCamera = {\n            deviceId: 'environment',\n            label: t('video.back.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n          const frontCamera = {\n            deviceId: 'user',\n            label: t('video.front.camera'),\n            groupId: '',\n            kind: 'videoinput',\n          } as MediaDeviceInfo;\n\n          if (videoDevices?.length > 1) {\n            // mobile/tablet has more than 1 camera\n            setInputDevices([backCamera, frontCamera]);\n          } else {\n            // else we let the system use the only one that exists (or none)\n            setInputDevices([backCamera]);\n          }\n          break;\n        }\n        default:\n          // \"Desktop\" or other future types => list all cameras without distinction.\n          setInputDevices(videoDevices);\n          break;\n      }\n    };\n\n    const enableStream = async (\n      mediaStreamConstraints: MediaStreamConstraints,\n    ) => {\n      try {\n        const mediaStream: MediaStream =\n          await navigator.mediaDevices.getUserMedia(mediaStreamConstraints);\n        setStream(mediaStream);\n\n        if (videoRef.current) {\n          if (videoRef.current.src) {\n            window.URL.revokeObjectURL(videoRef.current.src);\n            videoRef.current.src = '';\n          }\n          videoRef.current.srcObject = mediaStream;\n          videoRef.current.autoplay = true;\n          videoRef.current.volume = 1;\n          videoRef.current.muted = true;\n        }\n      } catch (err) {\n        console.error(err);\n      }\n    };\n\n    const handleRecord = useCallback(() => {\n      setRecording(true);\n\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = true;\n      }\n\n      const mimeType = getBestSupportedMimeType();\n      setMimeType(mimeType);\n\n      if (stream) {\n        recorderRef.current = new MediaRecorder(stream, { mimeType });\n        recorderRef.current.ondataavailable = ({ data }: BlobEvent) => {\n          if (data.size > 0) {\n            setRecordedChunks((prev) => [...prev, data]);\n          }\n        };\n        recorderRef.current.onerror = (event) => console.error(event);\n        recorderRef.current.start(1000); // collect 1000ms of data\n      }\n    }, [stream]);\n\n    const handleStop = useCallback(() => {\n      setRecording(false);\n      setRecorded(true);\n\n      if (recorderRef.current?.state === 'recording') {\n        recorderRef.current.requestData();\n        recorderRef.current.stop();\n      }\n    }, [recorderRef]);\n\n    const handlePlayPause = useCallback(() => {\n      if (videoRef && videoRef.current) {\n        videoRef.current.muted = false;\n      }\n\n      if (!playing) {\n        videoRef?.current?.play();\n        setPlaying(true);\n      } else {\n        videoRef?.current?.pause();\n        setPlaying(false);\n      }\n    }, [playing]);\n\n    const handleReset = () => {\n      setRecorded(false);\n      setRecording(false);\n      setPlaying(false);\n      setSaved(false);\n      setRecordedTime(0);\n      setRecordedChunks([]);\n      setRecordedVideo(undefined);\n      enableStream(mediaStreamConstraints);\n\n      if (onRecordUpdated) {\n        onRecordUpdated();\n      }\n    };\n\n    const handleSave = async () => {\n      setSaving(true);\n      if (!recordedVideo) {\n        console.error('Error while saving video: recorded video is undefined.');\n        return;\n      }\n\n      const resVideo = await uploadBlob(recordedVideo, {\n        duration: recordedTime,\n      });\n\n      if (resVideo != null) {\n        onSuccess?.([resVideo]);\n        setSaving(false);\n        setSaved(true);\n        return [resVideo];\n      } else {\n        onError('Error while uploading video');\n        setSaving(false);\n        setSaved(true);\n      }\n    };\n\n    const handleEnded = () => {\n      setPlaying(false);\n      setPlayedTime(0);\n      if (videoRef.current) {\n        videoRef.current.currentTime = 0;\n      }\n    };\n\n    const handleInputDeviceChange = (option: OptionsType | string) => {\n      const selectedDevice = inputDevices.find(\n        (inputDevice) => inputDevice.label === option,\n      );\n\n      let mediaStreamConstraints: MediaStreamConstraints = {};\n      if (selectedDevice?.deviceId) {\n        if (\n          selectedDevice?.deviceId === 'environment' ||\n          selectedDevice?.deviceId === 'user'\n        ) {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              facingMode: selectedDevice?.deviceId,\n            },\n          };\n        } else {\n          mediaStreamConstraints = {\n            audio: true,\n            video: {\n              aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,\n              deviceId: selectedDevice.deviceId,\n            },\n          };\n        }\n\n        setMediaStreamConstraints(mediaStreamConstraints);\n\n        if (stream) {\n          if (recorderRef.current?.state === 'recording') {\n            recorderRef.current.requestData();\n            recorderRef.current.stop();\n          }\n          stream.getTracks().forEach((track) => track.stop());\n          setStream(undefined);\n        }\n        enableStream(mediaStreamConstraints);\n      } else {\n        console.error('Selected input device id is null');\n      }\n    };\n\n    /**\n     * Auto-stop recording when max allowed duration is reached.\n     */\n    useEffect(() => {\n      if (recordedTime >= maxDuration) {\n        handleStop();\n      }\n    }, [recordedTime, handleStop]);\n\n    const toolbarItems: ToolbarItem[] = [\n      {\n        type: 'icon',\n        name: 'record',\n        props: {\n          icon: (\n            <Icon name=\"record\" color={recording || recorded ? '' : 'red'} />\n          ),\n          color: 'danger',\n          disabled: recording || recorded || saving,\n          onClick: handleRecord,\n          'aria-label': t('bbm.video.record.start'),\n        },\n        tooltip: t('bbm.video.record.start'),\n      },\n      {\n        type: 'icon',\n        name: 'stop',\n        props: {\n          icon: <Icon name=\"record-stop\" />,\n          disabled: !recording || recorded || saving,\n          onClick: handleStop,\n          'aria-label': t('bbm.video.record.stop'),\n        },\n        tooltip: t('bbm.video.record.stop'),\n      },\n      {\n        type: 'icon',\n        name: 'play',\n        visibility: !playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"play-filled\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.start'),\n        },\n        tooltip: t('bbm.video.play.start'),\n      },\n      {\n        type: 'icon',\n        name: 'pause',\n        visibility: playing ? 'show' : 'hide',\n        props: {\n          icon: <Icon name=\"pause\" />,\n          disabled: !recorded || saving,\n          onClick: handlePlayPause,\n          'aria-label': t('bbm.video.play.pause'),\n        },\n        tooltip: t('bbm.video.play.pause'),\n      },\n      { type: 'divider' },\n      {\n        type: 'icon',\n        name: 'reset',\n        props: {\n          icon: <Icon name=\"refresh\" />,\n          disabled: !recorded || saving,\n          onClick: handleReset,\n          'aria-label': t('bbm.video.record.reset'),\n        },\n        tooltip: t('bbm.video.record.reset'),\n      },\n      {\n        type: 'icon',\n        name: 'save',\n        visibility: hideSaveAction ? 'hide' : 'show',\n        props: {\n          icon: <Icon name=\"save\" />,\n          disabled: !recorded || saving || saved,\n          onClick: handleSave,\n          'aria-label': t('bbm.video.record.save'),\n        },\n        tooltip: t('bbm.video.record.save'),\n      },\n    ];\n\n    return (\n      <div className=\"video-recorder d-flex flex-fill flex-column align-items-center pb-8\">\n        <div className=\"video-recorder-caption d-none d-md-block\">\n          {caption}\n        </div>\n        {inputDevices.length > 1 && (\n          <div className=\"video-recorder-devices mb-12\">\n            <FormControl id=\"selectInputDevice\">\n              <Label className=\"d-none d-md-block\">\n                {t('bbm.video.record.select.devices.label')}\n              </Label>\n              <Select\n                placeholderOption={t(\n                  'bbm.video.record.select.devices.placeholder',\n                )}\n                options={inputDevices.map(\n                  (videoInputDevice) => videoInputDevice.label,\n                )}\n                onValueChange={handleInputDeviceChange}\n              />\n            </FormControl>\n          </div>\n        )}\n\n        <div className=\"video-recorder-video-container position-relative align-self-stretch\">\n          <video\n            ref={videoRef}\n            playsInline={true}\n            autoPlay={true}\n            controls={false}\n            muted={true}\n            onEnded={handleEnded}\n            className=\"rounded\"\n          >\n            <track default kind=\"captions\" srcLang=\"fr\" src=\"\"></track>\n          </video>\n          {(recording || recorded) && (\n            <div className=\"video-recorder-time d-flex align-items-center font-monospace fs-6 text-bg-dark rounded\">\n              {recording && (\n                <>\n                  <Icon name=\"record\" size=\"12\" color=\"red\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(recordedTime)}/{convertMsToMS(maxDuration)}\n                  </span>\n                </>\n              )}\n              {recorded && (\n                <>\n                  <Icon name=\"record-video\" size=\"14\" className=\"me-4\" />\n                  <span>\n                    {convertMsToMS(playedTime)}/{convertMsToMS(recordedTime)}\n                  </span>\n                </>\n              )}\n            </div>\n          )}\n          {stream && (\n            <Toolbar\n              items={toolbarItems}\n              className=\"position-absolute bottom-0 start-50 bg-white\"\n            />\n          )}\n        </div>\n        {saving && (\n          <LoadingScreen\n            position={false}\n            caption={t('bbm.video.save.loader.caption')}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nexport default VideoRecorder;\n"],"names":["VIDEO_HEIGHT","VIDEO_WIDTH","VideoRecorder","appCode","caption","onSuccess","onError","onRecordUpdated","hideSaveAction","ref","maxDuration","setMaxDuration","useState","inputDevices","setInputDevices","recording","setRecording","recorded","setRecorded","playing","setPlaying","saving","setSaving","saved","setSaved","mediaStreamConstraints","setMediaStreamConstraints","audio","video","facingMode","aspectRatio","stream","setStream","mimeType","setMimeType","recordedChunks","setRecordedChunks","recordedVideo","setRecordedVideo","recordedTime","setRecordedTime","playedTime","setPlayedTime","videoRef","useRef","recorderRef","uploadBlob","useUpload","undefined","device","useBrowserInfo","navigator","userAgent","useImperativeHandle","save","handleSave","t","useTranslation","useEffect","initMaxDuration","initInputDevices","enableStream","getTracks","forEach","track","stop","length","current","finalVideo","Blob","type","videoUrl","window","URL","createObjectURL","autoplay","srcObject","src","startedAt","Date","now","timer","setInterval","clearInterval","prev","videoConfResponse","odeServices","getVideoConf","videoDevices","mediaDevices","enumerateDevices","filter","kind","backCamera","deviceId","label","groupId","frontCamera","mediaStream","getUserMedia","revokeObjectURL","volume","muted","err","console","error","handleRecord","useCallback","getBestSupportedMimeType","MediaRecorder","ondataavailable","data","size","onerror","event","start","handleStop","state","requestData","handlePlayPause","pause","play","handleReset","resVideo","duration","handleEnded","currentTime","handleInputDeviceChange","option","selectedDevice","find","inputDevice","toolbarItems","name","props","icon","Icon","color","disabled","onClick","tooltip","jsx","visibility","jsxs","FormControl","Label","Select","map","videoInputDevice","Fragment","convertMsToMS","Toolbar","LoadingScreen"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { Role, WorkspaceElement, WorkspaceSearchFilter } from 'edifice-ts-client';
+import { Role, WorkspaceElement, WorkspaceSearchFilter } from '@edifice.io/ts-client';
 /**
  * MediaLibrary component properties
  */