@edifice.io/react 2.6.9-develop-b2school.20261013134048 → 2.6.9-develop-enabling.20261013152718

package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js

@@ -1,68 +1 @@
-import { useRef, useState, useId } from "react";
-import { odeServices } from "@edifice.io/client";
-import { useTranslation } from "react-i18next";
-import { useToggle } from "@uidotdev/usehooks";
-import useToast from "../../../../hooks/useToast/useToast.js";
-const useShareBookmark = ({
-  shareRights,
-  shareDispatch
-}) => {
-  const toast = useToast(), {
-    t
-  } = useTranslation(), refBookmark = useRef(null), [bookmark, setBookmark] = useState({
-    name: "",
-    id: useId()
-  }), [showBookmark, setShowBookmark] = useToggle(!1), [showBookmarkInput, toggleBookmarkInput] = useState(!1), toggleBookmark = () => {
-    setShowBookmark();
-  }, handleBookmarkChange = () => {
-    setBookmark((prev) => {
-      var _a;
-      return {
-        ...prev,
-        name: ((_a = refBookmark.current) == null ? void 0 : _a.value) || ""
-      };
-    });
-  }, saveBookmark = async (name) => {
-    try {
-      const res = await odeServices.directory().saveBookmarks(name, {
-        users: shareRights.rights.filter((right) => right.type === "user").map((u) => u.id),
-        groups: shareRights.rights.filter((right) => right.type === "group").map((u) => u.id),
-        bookmarks: shareRights.rights.filter((right) => right.type === "sharebookmark").map((u) => u.id)
-      });
-      toast.success(t("explorer.bookmarked.status.saved")), shareDispatch({
-        type: "updateShareRights",
-        payload: {
-          ...shareRights,
-          visibleBookmarks: [...shareRights.visibleBookmarks, {
-            displayName: name,
-            id: res.id,
-            notVisibleCount: 0
-          }]
-        }
-      }), setBookmark((prev) => ({
-        ...prev,
-        bookmarkId: prev.id + (/* @__PURE__ */ new Date()).getTime().toString()
-      })), toggleBookmarkInput(!1);
-    } catch (e) {
-      console.error("Failed to save bookmark", e), toast.error(t("explorer.bookmarked.status.error"));
-    }
-  };
-  return {
-    refBookmark,
-    showBookmark,
-    showBookmarkInput,
-    bookmark,
-    handleBookmarkChange,
-    setBookmark,
-    handleOnSave: () => {
-      var _a;
-      const inputValue = ((_a = refBookmark.current) == null ? void 0 : _a.value) || "";
-      return saveBookmark(inputValue);
-    },
-    toggleBookmark,
-    toggleBookmarkInput
-  };
-};
-export {
-  useShareBookmark
-};
+import useToast from"../../../../hooks/useToast/useToast.js";import{useId,useRef,useState}from"react";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{useToggle}from"@uidotdev/usehooks";var useShareBookmark=({shareRights,shareDispatch})=>{let toast=useToast(),{t}=useTranslation(),refBookmark=useRef(null),[bookmark,setBookmark]=useState({name:``,id:useId()}),[showBookmark,setShowBookmark]=useToggle(!1),[showBookmarkInput,toggleBookmarkInput]=useState(!1),toggleBookmark=()=>{setShowBookmark()},handleBookmarkChange=()=>{setBookmark(prev=>({...prev,name:refBookmark.current?.value||``}))},saveBookmark=async name=>{try{let res=await odeServices.directory().saveBookmarks(name,{users:shareRights.rights.filter(right=>right.type===`user`).map(u=>u.id),groups:shareRights.rights.filter(right=>right.type===`group`).map(u=>u.id),bookmarks:shareRights.rights.filter(right=>right.type===`sharebookmark`).map(u=>u.id)});toast.success(t(`explorer.bookmarked.status.saved`)),shareDispatch({type:`updateShareRights`,payload:{...shareRights,visibleBookmarks:[...shareRights.visibleBookmarks,{displayName:name,id:res.id,notVisibleCount:0}]}}),setBookmark(prev=>({...prev,bookmarkId:prev.id+new Date().getTime().toString()})),toggleBookmarkInput(!1)}catch(e){console.error(`Failed to save bookmark`,e),toast.error(t(`explorer.bookmarked.status.error`))}};return{refBookmark,showBookmark,showBookmarkInput,bookmark,handleBookmarkChange,setBookmark,handleOnSave:()=>saveBookmark(refBookmark.current?.value||``),toggleBookmark,toggleBookmarkInput}};export{useShareBookmark};

package/dist/modules/modals/ShareModal/hooks/useShareMutation.js

@@ -1,15 +1 @@
-import { odeServices } from "@edifice.io/client";
-import { useMutation } from "@tanstack/react-query";
-const useShareMutation = ({
-  application,
-  options
-}) => useMutation({
-  mutationFn: async ({
-    resourceId,
-    rights
-  }) => await odeServices.share().saveRights(application, resourceId, rights),
-  ...options
-});
-export {
-  useShareMutation as default
-};
+import{odeServices}from"@edifice.io/client";import{useMutation}from"@tanstack/react-query";var useShareMutation=({application,options})=>useMutation({mutationFn:async({resourceId,rights})=>await odeServices.share().saveRights(application,resourceId,rights),...options});export{useShareMutation as default};

package/dist/modules/modals/ShareModal/hooks/useShareRightDisabled.js

@@ -1,11 +1 @@
-const DISABLED_GROUP_LABELS = ["CommunityMemberGroup", "CommunityAdminGroup"], useShareRightDisabled = () => ({
-  isShareRightDisabled: (shareRight, shareRights) => {
-    if (shareRight.type !== "group")
-      return !1;
-    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
-    return !group || !group.labels || !Array.isArray(group.labels) ? !1 : !!group.labels.some((label) => DISABLED_GROUP_LABELS.includes(label));
-  }
-});
-export {
-  useShareRightDisabled
-};
+var DISABLED_GROUP_LABELS=[`CommunityMemberGroup`,`CommunityAdminGroup`],useShareRightDisabled=()=>({isShareRightDisabled:(shareRight,shareRights)=>{if(shareRight.type!==`group`)return!1;let group=shareRights.visibleGroups.find(g=>g.id===shareRight.id);return!group||!group.labels||!Array.isArray(group.labels)?!1:!!group.labels.some(label=>DISABLED_GROUP_LABELS.includes(label))}});export{useShareRightDisabled};

package/dist/modules/modals/ShareModal/hooks/useShareRightVisible.js

@@ -1,11 +1 @@
-const HIDDEN_GROUP_LABELS = ["CommunityAdminGroup"], useShareRightVisible = () => ({
-  isShareRightVisible: (shareRight, shareRights) => {
-    if (shareRight.type !== "group")
-      return !0;
-    const group = shareRights.visibleGroups.find((g) => g.id === shareRight.id);
-    return !group || !group.labels || !Array.isArray(group.labels) ? !0 : !group.labels.some((label) => HIDDEN_GROUP_LABELS.includes(label));
-  }
-});
-export {
-  useShareRightVisible
-};
+var HIDDEN_GROUP_LABELS=[`CommunityAdminGroup`],useShareRightVisible=()=>({isShareRightVisible:(shareRight,shareRights)=>{if(shareRight.type!==`group`)return!0;let group=shareRights.visibleGroups.find(g=>g.id===shareRight.id);return!group||!group.labels||!Array.isArray(group.labels)?!0:!group.labels.some(label=>HIDDEN_GROUP_LABELS.includes(label))}});export{useShareRightVisible};

package/dist/modules/modals/ShareModal/utils/hasRight.js

@@ -1,4 +1 @@
-const hasRight = (shareRight, shareAction) => shareRight.actions.filter((a) => shareAction.id === a.id).length > 0;
-export {
-  hasRight
-};
+var hasRight=(shareRight,shareAction)=>shareRight.actions.filter(a=>shareAction.id===a.id).length>0;export{hasRight};

package/dist/modules/modals/ShareModal/utils/showShareRightLine.js

@@ -1,4 +1 @@
-const showShareRightLine = (shareRight, showBookmarkMembers) => shareRight.isBookmarkMember && showBookmarkMembers || !shareRight.isBookmarkMember;
-export {
-  showShareRightLine
-};
+var showShareRightLine=(shareRight,showBookmarkMembers)=>shareRight.isBookmarkMember&&showBookmarkMembers||!shareRight.isBookmarkMember;export{showShareRightLine};

package/dist/modules/multimedia/AudioRecorder/AudioRecorder.js

@@ -1,53 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconMic from "../../icons/components/IconMic.js";
-import AudioRecorderTimer from "./AudioRecorderTimer.js";
-import useAudioRecorder from "./useAudioRecorder.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Input from "../../../components/Input/Input.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-const AudioRecorder = /* @__PURE__ */ forwardRef(({
-  onSaveSuccess,
-  onRecordUpdated,
-  hideSaveAction = !1,
-  visibility = "protected"
-}, ref) => {
-  const {
-    recordState,
-    playState,
-    recordTime,
-    audioRef,
-    audioNameRef,
-    toolbarItems,
-    maxDuration,
-    handlePlayEnded,
-    handleSave
-  } = useAudioRecorder(onSaveSuccess, onRecordUpdated, hideSaveAction, visibility, "media-library"), {
-    t
-  } = useTranslation();
-  function getDefaultDate() {
-    const d = /* @__PURE__ */ new Date();
-    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}h${String(d.getMinutes()).padStart(2, "0")}  ` + t("bbm.audio.recorder.defaultName");
-  }
-  useImperativeHandle(ref, () => ({
-    save: handleSave
-  }));
-  const [audioTime, setAudioTime] = useState(0), classColor = clsx({
-    "text-danger": recordState === "RECORDING",
-    "text-success": playState === "PLAYING"
-  }), handleTimeUpdate = (event) => {
-    setAudioTime(event.target.currentTime);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "audio-recorder m-auto d-flex flex-column", children: [
-    /* @__PURE__ */ jsx(FormControl, { id: "recordName", className: "mb-32", isRequired: !0, isReadOnly: recordState === "SAVED" || recordState === "SAVING", children: /* @__PURE__ */ jsx(Input, { type: "text", size: "sm", placeholder: t("bbm.audio.recorder.name"), ref: audioNameRef, defaultValue: getDefaultDate() }) }),
-    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(SvgIconMic, { width: 64, height: 64, className: classColor }) }),
-    /* @__PURE__ */ jsx(AudioRecorderTimer, { recordState, playState, recordTime, audioTime, maxDuration }),
-    /* @__PURE__ */ jsx("audio", { ref: audioRef, onEnded: handlePlayEnded, onTimeUpdate: handleTimeUpdate, children: /* @__PURE__ */ jsx("track", { default: !0, kind: "captions", srcLang: "fr", src: "" }) }),
-    /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems })
-  ] });
-});
-export {
-  AudioRecorder as default
-};
+import SvgIconMic from"../../icons/components/IconMic.js";import AudioRecorderTimer from"./AudioRecorderTimer.js";import useAudioRecorder from"./useAudioRecorder.js";import Input from"../../../components/Input/Input.js";import FormControl from"../../../components/Form/FormControl.js";import Toolbar from"../../../components/Toolbar/Toolbar.js";import clsx$1 from"clsx";import{forwardRef,useImperativeHandle,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var AudioRecorder=forwardRef(({onSaveSuccess,onRecordUpdated,hideSaveAction=!1,visibility=`protected`},ref)=>{let{recordState,playState,recordTime,audioRef,audioNameRef,toolbarItems,maxDuration,handlePlayEnded,handleSave}=useAudioRecorder(onSaveSuccess,onRecordUpdated,hideSaveAction,visibility,`media-library`),{t}=useTranslation();function getDefaultDate(){let d=new Date;return`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,`0`)}-${String(d.getDate()).padStart(2,`0`)} ${String(d.getHours()).padStart(2,`0`)}h${String(d.getMinutes()).padStart(2,`0`)}  `+t(`bbm.audio.recorder.defaultName`)}useImperativeHandle(ref,()=>({save:handleSave}));let[audioTime,setAudioTime]=useState(0),classColor=clsx$1({"text-danger":recordState===`RECORDING`,"text-success":playState===`PLAYING`});return jsxs(`div`,{className:`audio-recorder m-auto d-flex flex-column`,children:[jsx(FormControl,{id:`recordName`,className:`mb-32`,isRequired:!0,isReadOnly:recordState===`SAVED`||recordState===`SAVING`,children:jsx(Input,{type:`text`,size:`sm`,placeholder:t(`bbm.audio.recorder.name`),ref:audioNameRef,defaultValue:getDefaultDate()})}),jsx(`div`,{className:`audio-recorder-icon mx-auto`,children:jsx(SvgIconMic,{width:64,height:64,className:classColor})}),jsx(AudioRecorderTimer,{recordState,playState,recordTime,audioTime,maxDuration}),jsx(`audio`,{ref:audioRef,onEnded:handlePlayEnded,onTimeUpdate:event=>{setAudioTime(event.target.currentTime)},children:jsx(`track`,{default:!0,kind:`captions`,srcLang:`fr`,src:``})}),jsx(Toolbar,{items:toolbarItems})]})});export{AudioRecorder as default};

package/dist/modules/multimedia/AudioRecorder/AudioRecorderTimer.js

@@ -1,26 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { convertMsToMS } from "@edifice.io/utilities";
-import SvgIconMic from "../../icons/components/IconMic.js";
-import SvgIconPause from "../../icons/components/IconPause.js";
-import SvgIconRecord from "../../icons/components/IconRecord.js";
-const AudioRecorderTimer = ({
-  recordState,
-  playState,
-  recordTime,
-  audioTime,
-  maxDuration
-}) => /* @__PURE__ */ jsxs("div", { className: "audio-recorder-time my-16 mx-auto", children: [
-  playState === "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center", children: [
-    recordState === "PAUSED" ? /* @__PURE__ */ jsx(SvgIconPause, { width: 12, height: 12, className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(SvgIconRecord, { width: 12, height: 12, className: "me-8 text-danger" }),
-    convertMsToMS(recordState !== "IDLE" ? recordTime : 0) + " / " + convertMsToMS(maxDuration)
-  ] }),
-  playState !== "IDLE" && /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center mx-auto", children: [
-    /* @__PURE__ */ jsx(SvgIconMic, { width: 12, height: 12, className: "me-8" }),
-    convertMsToMS(audioTime * 1e3),
-    " /",
-    convertMsToMS(recordTime)
-  ] })
-] });
-export {
-  AudioRecorderTimer as default
-};
+import SvgIconMic from"../../icons/components/IconMic.js";import SvgIconPause from"../../icons/components/IconPause.js";import SvgIconRecord from"../../icons/components/IconRecord.js";import{convertMsToMS}from"@edifice.io/utilities";import{jsx,jsxs}from"react/jsx-runtime";var AudioRecorderTimer=({recordState,playState,recordTime,audioTime,maxDuration})=>jsxs(`div`,{className:`audio-recorder-time my-16 mx-auto`,children:[playState===`IDLE`&&jsxs(`div`,{className:`d-flex align-items-center`,children:[jsx(recordState===`PAUSED`?SvgIconPause:SvgIconRecord,{width:12,height:12,className:`me-8 text-danger`}),convertMsToMS(recordState===`IDLE`?0:recordTime)+` / `+convertMsToMS(maxDuration)]}),playState!==`IDLE`&&jsxs(`div`,{className:`d-flex align-items-center mx-auto`,children:[jsx(SvgIconMic,{width:12,height:12,className:`me-8`}),convertMsToMS(audioTime*1e3),` /`,convertMsToMS(recordTime)]})]});export{AudioRecorderTimer as default};

package/dist/modules/multimedia/AudioRecorder/useAudioRecorder.js

@@ -1,314 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useReducer, useRef, useEffect, useCallback } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconLoader from "../../icons/components/IconLoader.js";
-import SvgIconPause from "../../icons/components/IconPause.js";
-import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
-import SvgIconRecordPause from "../../icons/components/IconRecordPause.js";
-import SvgIconRecord from "../../icons/components/IconRecord.js";
-import SvgIconRefresh from "../../icons/components/IconRefresh.js";
-import SvgIconRestart from "../../icons/components/IconRestart.js";
-import SvgIconSave from "../../icons/components/IconSave.js";
-import useWorkspaceFile from "../../../hooks/useWorkspaceFile/useWorkspaceFile.js";
-function useAudioRecorder(onSaveSuccess, onUpdateRecord, hideSaveAction = !1, visibility = "protected", application = "media-library") {
-  var _a;
-  function audioReducer(state, action) {
-    return {
-      ...state,
-      ...action.updatedState
-    };
-  }
-  const [{
-    recordState,
-    playState,
-    micStream,
-    micStreamAudioSourceNode,
-    audioWorkletNode,
-    audioContext,
-    encoderWorker,
-    maxDuration,
-    recordTime,
-    isEncoding
-  }, dispatch] = useReducer(audioReducer, {
-    recordState: "IDLE",
-    isEncoding: !1,
-    playState: "IDLE",
-    recordTime: 0,
-    maxDuration: 180
-    // max duration in s (3 minutes by default)
-  }), audioNameRef = useRef(null), audioRef = useRef(null), leftChannelRef = useRef(), rightChannelRef = useRef(), {
-    t
-  } = useTranslation(), {
-    create
-  } = useWorkspaceFile(), BUFFER_SIZE = 128, DEFAULT_SAMPLE_RATE = 48e3;
-  useEffect(() => {
-    const encoderWorker2 = new Worker("/infra/public/js/audioEncoder.js");
-    return dispatch({
-      type: "update",
-      updatedState: {
-        encoderWorker: encoderWorker2
-      }
-    }), encoderWorker2.postMessage(["init", (audioContext == null ? void 0 : audioContext.sampleRate) || DEFAULT_SAMPLE_RATE]), () => {
-      closeAudioStream(), encoderWorker2.terminate();
-    };
-  }, []);
-  const handleAudioWorkletNodeMessage = (event) => {
-    var _a2, _b;
-    const leftChannel = event.data.inputs[0][0];
-    let rightChannel = event.data.inputs[0][1];
-    (!rightChannel || rightChannel.filter((data) => data !== void 0).length === 0) && (rightChannel = leftChannel), (_a2 = leftChannelRef.current) == null || _a2.push(leftChannel), (_b = rightChannelRef.current) == null || _b.push(rightChannel);
-  }, closeAudioStream = useCallback(() => {
-    micStream == null || micStream.getTracks().forEach((track) => track.stop()), micStreamAudioSourceNode == null || micStreamAudioSourceNode.disconnect(), audioWorkletNode == null || audioWorkletNode.port.removeEventListener("message", handleAudioWorkletNodeMessage), audioWorkletNode == null || audioWorkletNode.port.close(), audioWorkletNode == null || audioWorkletNode.disconnect(), audioContext == null || audioContext.close();
-  }, [audioContext, audioWorkletNode, micStream, micStreamAudioSourceNode]), initRecording = async () => {
-    const micStream2 = await navigator.mediaDevices.getUserMedia({
-      audio: !0
-    }), audioContext2 = new AudioContext({
-      sampleRate: DEFAULT_SAMPLE_RATE
-    }), micStreamAudioSourceNode2 = audioContext2.createMediaStreamSource(micStream2);
-    try {
-      await audioContext2.audioWorklet.addModule("/infra/public/js/audio-recorder-processor.js");
-    } catch (err) {
-      console.error(err);
-    }
-    const audioWorkletNode2 = new AudioWorkletNode(audioContext2, "audio-recorder-processor");
-    audioWorkletNode2.port.addEventListener("message", handleAudioWorkletNodeMessage), dispatch({
-      type: "update",
-      updatedState: {
-        micStream: micStream2,
-        micStreamAudioSourceNode: micStreamAudioSourceNode2,
-        audioContext: audioContext2,
-        recordTime: 0,
-        audioWorkletNode: audioWorkletNode2,
-        recordState: "RECORDING",
-        playState: "IDLE"
-      }
-    }), rightChannelRef.current = [], leftChannelRef.current = [], audioWorkletNode2.port.start(), micStreamAudioSourceNode2.connect(audioWorkletNode2), audioWorkletNode2.connect(audioContext2.destination);
-  }, handleRecord = useCallback(async () => {
-    audioRef.current && (audioRef.current.currentTime = 0, audioRef.current.pause()), recordState === "PAUSED" ? (dispatch({
-      type: "update",
-      updatedState: {
-        recordState: "RECORDING",
-        playState: "IDLE"
-      }
-    }), audioContext == null || audioContext.resume(), onUpdateRecord == null || onUpdateRecord(void 0)) : initRecording();
-  }, [recordState, audioContext, audioRef]), handleRecordPause = useCallback(() => {
-    dispatch({
-      type: "update",
-      updatedState: {
-        recordState: "PAUSED",
-        playState: "IDLE",
-        isEncoding: !0
-      }
-    }), audioContext == null || audioContext.suspend(), encoderWorker && leftChannelRef.current && rightChannelRef.current && (encoderWorker.postMessage(["wav", rightChannelRef.current, leftChannelRef.current, rightChannelRef.current.length * BUFFER_SIZE]), encoderWorker.onmessage = (event) => {
-      const audioUrl = window.URL.createObjectURL(event.data);
-      dispatch({
-        type: "update",
-        updatedState: {
-          isEncoding: !1
-        }
-      }), audioRef.current && (audioRef.current.src = audioUrl), onUpdateRecord && onUpdateRecord(audioUrl);
-    });
-  }, [audioContext, encoderWorker, onUpdateRecord]), handlePlay = useCallback(() => {
-    var _a2;
-    dispatch({
-      type: "update",
-      updatedState: {
-        playState: "PLAYING"
-      }
-    }), ((_a2 = audioRef == null ? void 0 : audioRef.current) != null && _a2.currentTime || audioRef.current) && audioRef.current.play();
-  }, [audioRef]), handlePlayPause = useCallback(() => {
-    var _a2;
-    (_a2 = audioRef == null ? void 0 : audioRef.current) == null || _a2.pause(), dispatch({
-      type: "update",
-      updatedState: {
-        playState: "PAUSED"
-      }
-    });
-  }, [audioRef]), handleReset = useCallback(() => {
-    closeAudioStream(), dispatch({
-      type: "update",
-      updatedState: {
-        playState: "IDLE",
-        recordState: "IDLE"
-      }
-    }), rightChannelRef.current = [], leftChannelRef.current = [], onUpdateRecord && onUpdateRecord(void 0);
-  }, [closeAudioStream, onUpdateRecord]), handleSave = useCallback(async () => {
-    var _a2;
-    const audioName = (_a2 = audioNameRef.current) == null ? void 0 : _a2.value;
-    if (!audioName) {
-      console.error("Audio name is required");
-      return;
-    }
-    return audioRef.current && (audioRef.current.pause(), audioRef.current.currentTime = 0), dispatch({
-      type: "update",
-      updatedState: {
-        recordState: "SAVING",
-        playState: "IDLE"
-      }
-    }), new Promise((resolve, reject) => {
-      try {
-        encoderWorker && leftChannelRef.current && rightChannelRef.current && (encoderWorker.postMessage(["mp3", rightChannelRef.current, leftChannelRef.current, rightChannelRef.current.length * BUFFER_SIZE]), encoderWorker.onmessage = async (event) => {
-          if (event.data instanceof Blob) {
-            const file = new File([event.data], audioName, {
-              type: "audio/mp3"
-            }), resourceAudio = await create(file, {
-              application,
-              visibility
-            });
-            resourceAudio && onSaveSuccess && onSaveSuccess(resourceAudio), dispatch({
-              type: "update",
-              updatedState: {
-                recordState: "SAVED"
-              }
-            }), resolve(resourceAudio);
-          }
-        });
-      } catch (error) {
-        dispatch({
-          type: "update",
-          updatedState: {
-            playState: "IDLE",
-            recordState: "IDLE"
-          }
-        }), console.error("Error while saving", error), reject();
-      }
-    });
-  }, [recordState, onSaveSuccess, closeAudioStream]), handlePlayStop = useCallback(() => {
-    audioRef != null && audioRef.current && (audioRef.current.pause(), audioRef.current.currentTime = 0), dispatch({
-      type: "update",
-      updatedState: {
-        playState: "IDLE"
-      }
-    });
-  }, [audioRef]), handlePlayEnded = useCallback(() => {
-    dispatch({
-      type: "update",
-      updatedState: {
-        playState: "PAUSED"
-      }
-    }), audioRef.current && (audioRef.current.currentTime = 0);
-  }, [audioRef]);
-  useEffect(() => {
-    if (recordState === "RECORDING" && audioContext) {
-      const timer = window.setInterval(
-        // Compute exact elapsed time by diffing the start time.
-        () => {
-          dispatch({
-            type: "update",
-            updatedState: {
-              recordTime: audioContext.currentTime
-            }
-          }), audioContext.currentTime >= maxDuration && (handleRecordPause(), window.clearInterval(timer));
-        },
-        100
-      );
-      return () => window.clearInterval(timer);
-    }
-  }, [audioContext, handleRecordPause, maxDuration, recordState]);
-  const recordText = t(recordState === "IDLE" ? "bbm.audio.record.start" : "bbm.audio.record.resume"), toolbarItems = [{
-    type: "icon",
-    name: "record",
-    visibility: recordState === "RECORDING" ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecord, {}),
-      color: "danger",
-      disabled: recordState !== "IDLE" && recordState !== "PAUSED" || recordTime >= maxDuration,
-      onClick: handleRecord,
-      "aria-label": recordText
-    },
-    tooltip: recordText
-  }, {
-    type: "icon",
-    name: "recordPause",
-    visibility: recordState === "RECORDING" ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecordPause, {}),
-      color: "danger",
-      disabled: recordState !== "RECORDING",
-      onClick: handleRecordPause,
-      "aria-label": t("bbm.audio.record.pause")
-    },
-    tooltip: t("bbm.audio.record.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "encoding",
-    visibility: isEncoding ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconLoader, { style: {
-        animation: "loading 1s infinite"
-      } }),
-      disabled: !0
-    }
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: isEncoding || playState === "PLAYING" ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
-      disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && recordState !== "SAVED",
-      onClick: handlePlay,
-      "aria-label": t("bbm.audio.play.start")
-    },
-    tooltip: t("bbm.audio.play.start")
-  }, {
-    type: "icon",
-    name: "playPause",
-    visibility: !isEncoding && playState === "PLAYING" ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.audio.play.pause")
-    },
-    tooltip: t("bbm.audio.play.pause")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRestart, {}),
-      disabled: playState !== "PLAYING" && playState !== "PAUSED",
-      onClick: handlePlayStop,
-      "aria-label": t("bbm.audio.play.stop")
-    },
-    tooltip: t("bbm.audio.play.stop")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
-      disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && playState !== "PLAYING" && playState !== "PAUSED",
-      onClick: handleReset,
-      "aria-label": t("bbm.audio.record.reset")
-    },
-    tooltip: t("bbm.audio.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: hideSaveAction ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
-      disabled: recordState !== "RECORDED" && recordState !== "PAUSED" && playState !== "PLAYING" && playState !== "PAUSED" || recordState === "SAVED" || !((_a = audioNameRef.current) != null && _a.value),
-      onClick: handleSave,
-      "aria-label": t("bbm.audio.record.save")
-    },
-    tooltip: t("bbm.audio.record.save")
-  }];
-  return {
-    recordState,
-    playState,
-    audioContext,
-    recordTime: recordTime * 1e3,
-    maxDuration: maxDuration * 1e3,
-    audioRef,
-    audioNameRef,
-    toolbarItems,
-    handlePlayEnded,
-    handleSave
-  };
-}
-export {
-  useAudioRecorder as default
-};
+import SvgIconLoader from"../../icons/components/IconLoader.js";import SvgIconPause from"../../icons/components/IconPause.js";import SvgIconPlayFilled from"../../icons/components/IconPlayFilled.js";import SvgIconRecordPause from"../../icons/components/IconRecordPause.js";import SvgIconRecord from"../../icons/components/IconRecord.js";import SvgIconRefresh from"../../icons/components/IconRefresh.js";import SvgIconRestart from"../../icons/components/IconRestart.js";import SvgIconSave from"../../icons/components/IconSave.js";import useWorkspaceFile from"../../../hooks/useWorkspaceFile/useWorkspaceFile.js";import{useCallback,useEffect,useReducer,useRef}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function useAudioRecorder(onSaveSuccess,onUpdateRecord,hideSaveAction=!1,visibility=`protected`,application=`media-library`){function audioReducer(state,action){return{...state,...action.updatedState}}let[{recordState,playState,micStream,micStreamAudioSourceNode,audioWorkletNode,audioContext,encoderWorker,maxDuration,recordTime,isEncoding},dispatch]=useReducer(audioReducer,{recordState:`IDLE`,isEncoding:!1,playState:`IDLE`,recordTime:0,maxDuration:180}),audioNameRef=useRef(null),audioRef=useRef(null),leftChannelRef=useRef(),rightChannelRef=useRef(),{t}=useTranslation(),{create}=useWorkspaceFile(),DEFAULT_SAMPLE_RATE=48e3;useEffect(()=>{let encoderWorker=new Worker(`/infra/public/js/audioEncoder.js`);return dispatch({type:`update`,updatedState:{encoderWorker}}),encoderWorker.postMessage([`init`,audioContext?.sampleRate||DEFAULT_SAMPLE_RATE]),()=>{closeAudioStream(),encoderWorker.terminate()}},[]);let handleAudioWorkletNodeMessage=event=>{let leftChannel=event.data.inputs[0][0],rightChannel=event.data.inputs[0][1];(!rightChannel||rightChannel.filter(data=>data!==void 0).length===0)&&(rightChannel=leftChannel),leftChannelRef.current?.push(leftChannel),rightChannelRef.current?.push(rightChannel)},closeAudioStream=useCallback(()=>{micStream?.getTracks().forEach(track=>track.stop()),micStreamAudioSourceNode?.disconnect(),audioWorkletNode?.port.removeEventListener(`message`,handleAudioWorkletNodeMessage),audioWorkletNode?.port.close(),audioWorkletNode?.disconnect(),audioContext?.close()},[audioContext,audioWorkletNode,micStream,micStreamAudioSourceNode]),initRecording=async()=>{let micStream=await navigator.mediaDevices.getUserMedia({audio:!0}),audioContext=new AudioContext({sampleRate:DEFAULT_SAMPLE_RATE}),micStreamAudioSourceNode=audioContext.createMediaStreamSource(micStream);try{await audioContext.audioWorklet.addModule(`/infra/public/js/audio-recorder-processor.js`)}catch(err){console.error(err)}let audioWorkletNode=new AudioWorkletNode(audioContext,`audio-recorder-processor`);audioWorkletNode.port.addEventListener(`message`,handleAudioWorkletNodeMessage),dispatch({type:`update`,updatedState:{micStream,micStreamAudioSourceNode,audioContext,recordTime:0,audioWorkletNode,recordState:`RECORDING`,playState:`IDLE`}}),rightChannelRef.current=[],leftChannelRef.current=[],audioWorkletNode.port.start(),micStreamAudioSourceNode.connect(audioWorkletNode),audioWorkletNode.connect(audioContext.destination)},handleRecord=useCallback(async()=>{audioRef.current&&(audioRef.current.currentTime=0,audioRef.current.pause()),recordState===`PAUSED`?(dispatch({type:`update`,updatedState:{recordState:`RECORDING`,playState:`IDLE`}}),audioContext?.resume(),onUpdateRecord?.(void 0)):initRecording()},[recordState,audioContext,audioRef]),handleRecordPause=useCallback(()=>{dispatch({type:`update`,updatedState:{recordState:`PAUSED`,playState:`IDLE`,isEncoding:!0}}),audioContext?.suspend(),encoderWorker&&leftChannelRef.current&&rightChannelRef.current&&(encoderWorker.postMessage([`wav`,rightChannelRef.current,leftChannelRef.current,rightChannelRef.current.length*128]),encoderWorker.onmessage=event=>{let audioUrl=window.URL.createObjectURL(event.data);dispatch({type:`update`,updatedState:{isEncoding:!1}}),audioRef.current&&(audioRef.current.src=audioUrl),onUpdateRecord&&onUpdateRecord(audioUrl)})},[audioContext,encoderWorker,onUpdateRecord]),handlePlay=useCallback(()=>{dispatch({type:`update`,updatedState:{playState:`PLAYING`}}),(audioRef?.current?.currentTime||audioRef.current)&&audioRef.current.play()},[audioRef]),handlePlayPause=useCallback(()=>{audioRef?.current?.pause(),dispatch({type:`update`,updatedState:{playState:`PAUSED`}})},[audioRef]),handleReset=useCallback(()=>{closeAudioStream(),dispatch({type:`update`,updatedState:{playState:`IDLE`,recordState:`IDLE`}}),rightChannelRef.current=[],leftChannelRef.current=[],onUpdateRecord&&onUpdateRecord(void 0)},[closeAudioStream,onUpdateRecord]),handleSave=useCallback(async()=>{let audioName=audioNameRef.current?.value;if(!audioName){console.error(`Audio name is required`);return}return audioRef.current&&(audioRef.current.pause(),audioRef.current.currentTime=0),dispatch({type:`update`,updatedState:{recordState:`SAVING`,playState:`IDLE`}}),new Promise((resolve,reject)=>{try{encoderWorker&&leftChannelRef.current&&rightChannelRef.current&&(encoderWorker.postMessage([`mp3`,rightChannelRef.current,leftChannelRef.current,rightChannelRef.current.length*128]),encoderWorker.onmessage=async event=>{if(event.data instanceof Blob){let resourceAudio=await create(new File([event.data],audioName,{type:`audio/mp3`}),{application,visibility});resourceAudio&&onSaveSuccess&&onSaveSuccess(resourceAudio),dispatch({type:`update`,updatedState:{recordState:`SAVED`}}),resolve(resourceAudio)}})}catch(error){dispatch({type:`update`,updatedState:{playState:`IDLE`,recordState:`IDLE`}}),console.error(`Error while saving`,error),reject()}})},[recordState,onSaveSuccess,closeAudioStream]),handlePlayStop=useCallback(()=>{audioRef?.current&&(audioRef.current.pause(),audioRef.current.currentTime=0),dispatch({type:`update`,updatedState:{playState:`IDLE`}})},[audioRef]),handlePlayEnded=useCallback(()=>{dispatch({type:`update`,updatedState:{playState:`PAUSED`}}),audioRef.current&&(audioRef.current.currentTime=0)},[audioRef]);useEffect(()=>{if(recordState===`RECORDING`&&audioContext){let timer=window.setInterval(()=>{dispatch({type:`update`,updatedState:{recordTime:audioContext.currentTime}}),audioContext.currentTime>=maxDuration&&(handleRecordPause(),window.clearInterval(timer))},100);return()=>window.clearInterval(timer)}},[audioContext,handleRecordPause,maxDuration,recordState]);let recordText=t(recordState===`IDLE`?`bbm.audio.record.start`:`bbm.audio.record.resume`),toolbarItems=[{type:`icon`,name:`record`,visibility:recordState===`RECORDING`?`hide`:`show`,props:{icon:jsx(SvgIconRecord,{}),color:`danger`,disabled:recordState!==`IDLE`&&recordState!==`PAUSED`||recordTime>=maxDuration,onClick:handleRecord,"aria-label":recordText},tooltip:recordText},{type:`icon`,name:`recordPause`,visibility:recordState===`RECORDING`?`show`:`hide`,props:{icon:jsx(SvgIconRecordPause,{}),color:`danger`,disabled:recordState!==`RECORDING`,onClick:handleRecordPause,"aria-label":t(`bbm.audio.record.pause`)},tooltip:t(`bbm.audio.record.pause`)},{type:`divider`},{type:`icon`,name:`encoding`,visibility:isEncoding?`show`:`hide`,props:{icon:jsx(SvgIconLoader,{style:{animation:`loading 1s infinite`}}),disabled:!0}},{type:`icon`,name:`play`,visibility:isEncoding||playState===`PLAYING`?`hide`:`show`,props:{icon:jsx(SvgIconPlayFilled,{}),disabled:recordState!==`RECORDED`&&recordState!==`PAUSED`&&recordState!==`SAVED`,onClick:handlePlay,"aria-label":t(`bbm.audio.play.start`)},tooltip:t(`bbm.audio.play.start`)},{type:`icon`,name:`playPause`,visibility:!isEncoding&&playState===`PLAYING`?`show`:`hide`,props:{icon:jsx(SvgIconPause,{}),onClick:handlePlayPause,"aria-label":t(`bbm.audio.play.pause`)},tooltip:t(`bbm.audio.play.pause`)},{type:`icon`,name:`stop`,props:{icon:jsx(SvgIconRestart,{}),disabled:playState!==`PLAYING`&&playState!==`PAUSED`,onClick:handlePlayStop,"aria-label":t(`bbm.audio.play.stop`)},tooltip:t(`bbm.audio.play.stop`)},{type:`divider`},{type:`icon`,name:`reset`,props:{icon:jsx(SvgIconRefresh,{}),disabled:recordState!==`RECORDED`&&recordState!==`PAUSED`&&playState!==`PLAYING`&&playState!==`PAUSED`,onClick:handleReset,"aria-label":t(`bbm.audio.record.reset`)},tooltip:t(`bbm.audio.record.reset`)},{type:`icon`,name:`save`,visibility:hideSaveAction?`hide`:`show`,props:{icon:jsx(SvgIconSave,{}),disabled:recordState!==`RECORDED`&&recordState!==`PAUSED`&&playState!==`PLAYING`&&playState!==`PAUSED`||recordState===`SAVED`||!audioNameRef.current?.value,onClick:handleSave,"aria-label":t(`bbm.audio.record.save`)},tooltip:t(`bbm.audio.record.save`)}];return{recordState,playState,audioContext,recordTime:recordTime*1e3,maxDuration:maxDuration*1e3,audioRef,audioNameRef,toolbarItems,handlePlayEnded,handleSave}}export{useAudioRecorder as default};

package/dist/modules/multimedia/Embed/Embed.js

@@ -1,32 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconCode from "../../icons/components/IconCode.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import TextArea from "../../../components/TextArea/TextArea.js";
-const Embed = ({
-  onSuccess
-}) => {
-  const {
-    t
-  } = useTranslation(), [htmlContent, setHTMLContent] = useState();
-  function handleContentChange(event) {
-    const HTMLContent = event.target.value;
-    setHTMLContent(HTMLContent), HTMLContent != null && HTMLContent.length ? onSuccess(HTMLContent) : onSuccess();
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-32", children: t("bbm.embed.description") }),
-    /* @__PURE__ */ jsxs("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ jsx(SvgIconCode, { className: "me-8" }),
-      t("bbm.embed.title")
-    ] }),
-    /* @__PURE__ */ jsx(FormControl, { id: "iframeContent", children: /* @__PURE__ */ jsx(TextArea, { size: "md", height: "sm", placeholder: t("bbm.embed.placeholder"), onChange: handleContentChange }) }),
-    !!(htmlContent != null && htmlContent.length) && /* @__PURE__ */ jsx("div", { className: "embed-preview mt-12", dangerouslySetInnerHTML: {
-      __html: htmlContent
-    } }),
-    !(htmlContent != null && htmlContent.length) && /* @__PURE__ */ jsx("div", { className: "embed-preview mt-12 d-flex align-items-center justify-content-center bg-gray-300 text-black-50 rounded-3", children: /* @__PURE__ */ jsx("strong", { children: t("bbm.embed.preview") }) })
-  ] });
-};
-export {
-  Embed as default
-};
+import SvgIconCode from"../../icons/components/IconCode.js";import FormControl from"../../../components/Form/FormControl.js";import TextArea from"../../../components/TextArea/TextArea.js";import{useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Embed=({onSuccess})=>{let{t}=useTranslation(),[htmlContent,setHTMLContent]=useState();function handleContentChange(event){let HTMLContent=event.target.value;setHTMLContent(HTMLContent),HTMLContent?.length?onSuccess(HTMLContent):onSuccess()}return jsxs(`div`,{className:`d-flex flex-column flex-fill`,children:[jsx(`div`,{className:`mb-32`,children:t(`bbm.embed.description`)}),jsxs(`div`,{className:`mb-8 d-flex`,children:[jsx(SvgIconCode,{className:`me-8`}),t(`bbm.embed.title`)]}),jsx(FormControl,{id:`iframeContent`,children:jsx(TextArea,{size:`md`,height:`sm`,placeholder:t(`bbm.embed.placeholder`),onChange:handleContentChange})}),!!htmlContent?.length&&jsx(`div`,{className:`embed-preview mt-12`,dangerouslySetInnerHTML:{__html:htmlContent}}),!htmlContent?.length&&jsx(`div`,{className:`embed-preview mt-12 d-flex align-items-center justify-content-center bg-gray-300 text-black-50 rounded-3`,children:jsx(`strong`,{children:t(`bbm.embed.preview`)})})]})};export{Embed as default};