@edifice.io/react 2.0.0-develop-rc.14 → 2.0.0-develop-rc.16

package/dist/ui/src/hooks/useDropzone/useDropzone.js

@@ -1,76 +0,0 @@
-import { useState, useRef } from "react";
-const useDropzone = (props) => {
-  const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
-    addFiles([file]);
-  }, deleteFile = (file) => {
-    setFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== file.name));
-  }, replaceFileAt = (index, file) => {
-    setFiles((prevFiles) => {
-      if (0 <= index && index < prevFiles.length) {
-        const firstPart = prevFiles.slice(0, index), lastPart = index === prevFiles.length - 1 ? [] : prevFiles.slice(index + 1);
-        return [...firstPart, file, ...lastPart];
-      }
-      return prevFiles;
-    });
-  }, applyInputFiltersOn = (files2) => {
-    var _a;
-    let filteredFiles = files2;
-    if ((_a = inputRef.current) != null && _a.accept) {
-      const filters = inputRef.current.accept.split(",").map((filter) => filter.trim().toLowerCase()), extensions = filters.filter((filter) => filter.startsWith(".")), mimes = filters.filter((filter) => !filter.startsWith(".")).map((mime) => mime.replace("*", ""));
-      filteredFiles = [], files2.forEach((file) => {
-        const fileName = file.name.toLowerCase();
-        (extensions.some((extension) => fileName.endsWith(extension)) || mimes.some((mime) => file.type.includes(mime))) && filteredFiles.push(file);
-      });
-    }
-    return filteredFiles;
-  }, addFiles = (files2) => {
-    if (props != null && props.forceFilters) {
-      const filesToAdd = applyInputFiltersOn(files2);
-      filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd]);
-    } else
-      setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, cleanFiles = () => {
-    setFiles([]);
-  }, handleOnChange = (event) => {
-    const files2 = event.target.files;
-    files2 && addFiles([...files2]);
-  }, handleDragging = (event) => {
-    event.preventDefault(), event.stopPropagation(), setDragging(!0);
-  }, handleDragLeave = (event) => {
-    event.preventDefault(), event.stopPropagation(), setDragging(!1);
-  };
-  return {
-    /** Reference to an `input[type=file]` HTMLElement, null at first. */
-    inputRef,
-    /** Read-only list of File·s  managed by this hook. */
-    files,
-    /** Truthy when a drag event is triggered. */
-    dragging,
-    /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragging,
-    /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragLeave,
-    /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: (event) => {
-      var _a;
-      handleDragLeave(event);
-      const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      files2 && (addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
-    },
-    /** Replace a file in the `files` list. */
-    replaceFileAt,
-    /** Remove a file from the `files` list. */
-    deleteFile,
-    /** Add a file to the `files` list. */
-    addFile,
-    /** Add many files to the `files` list. */
-    addFiles,
-    /** Empty the `files` list. */
-    cleanFiles,
-    /** Callback to attach to your `input[type=file]` HTMLElement. */
-    handleOnChange
-  };
-}, useDropzone$1 = useDropzone;
-export {
-  useDropzone$1 as default
-};

package/dist/ui/src/hooks/useImageResizer/useImageResizer.js

@@ -1,42 +0,0 @@
-function useImageResizer() {
-  const changeHeightWidth = (height, maxHeight, width, maxWidth) => (width > maxWidth && (height = Math.round(height * maxWidth / width), width = maxWidth), height > maxHeight && (width = Math.round(width * maxHeight / height), height = maxHeight), {
-    height,
-    width
-  }), renameFileNameExtension = (filename, newExtension) => {
-    const filenameParts = filename.split(".");
-    return filenameParts.pop(), filenameParts.join(".") + "." + newExtension;
-  }, resizeImage = (image, fileName, maxWidth, maxHeight, compressFormat = "jpeg", quality = 80) => {
-    const qualityDecimal = quality / 100, canvas = document.createElement("canvas"), contentType = `image/${compressFormat}`;
-    let width = image.width, height = image.height;
-    const newHeightWidth = changeHeightWidth(height, maxHeight, width, maxWidth);
-    width = newHeightWidth.width, height = newHeightWidth.height;
-    const ctx = canvas.getContext("2d");
-    return ctx && (canvas.width = width, canvas.height = height, ctx.imageSmoothingEnabled && ctx.imageSmoothingQuality && (ctx.imageSmoothingQuality = "high"), ctx.drawImage(image, 0, 0, width, height)), new Promise((resolve, reject) => {
-      canvas.toBlob((blob) => {
-        blob ? resolve(new File([blob], fileName, {
-          type: contentType,
-          lastModified: (/* @__PURE__ */ new Date()).getTime()
-        })) : reject();
-      }, contentType, qualityDecimal);
-    });
-  };
-  return {
-    resizeImageFile: async (file, maxWidth = 1440, maxHeight = 1440, quality = 80) => {
-      if (!file) throw Error("Image resizer: file not found!");
-      if (!file.type || !file.type.startsWith("image/")) throw Error("Image resizer: the file given is not an image.");
-      const compressFormat = "jpeg";
-      return new Promise((resolve) => {
-        const image = new Image();
-        image.setAttribute("style", "max-width: none;"), image.src = URL.createObjectURL(file), image.onload = async () => {
-          const resizedFile = await resizeImage(image, renameFileNameExtension(file.name, compressFormat), maxWidth, maxHeight, compressFormat, quality);
-          resolve(resizedFile);
-        }, image.onerror = (error) => {
-          throw Error("Image Loading Error: " + error);
-        };
-      });
-    }
-  };
-}
-export {
-  useImageResizer as default
-};

package/dist/ui/src/multimedia/AudioRecorder/AudioRecorder.js

@@ -1,49 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { Mic as SvgMic$1 } from "../../../../icons/dist/index.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();
-  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: t("bbm.audio.recorder.defaultName") + (/* @__PURE__ */ new Date()).toLocaleDateString() }) }),
-    /* @__PURE__ */ jsx("div", { className: "audio-recorder-icon mx-auto", children: /* @__PURE__ */ jsx(SvgMic$1, { 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 })
-  ] });
-}), AudioRecorder$1 = AudioRecorder;
-export {
-  AudioRecorder$1 as default
-};

package/dist/ui/src/multimedia/AudioRecorder/AudioRecorderTimer.js

@@ -1,24 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Pause as SvgPause$1, Record as SvgRecord$1, Mic as SvgMic$1 } from "../../../../icons/dist/index.js";
-import { convertMsToMS } from "../../utils/time.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(SvgPause$1, { width: 12, height: 12, className: "me-8 text-danger" }) : /* @__PURE__ */ jsx(SvgRecord$1, { 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(SvgMic$1, { width: 12, height: 12, className: "me-8" }),
-    convertMsToMS(audioTime * 1e3),
-    " /",
-    convertMsToMS(recordTime)
-  ] })
-] });
-export {
-  AudioRecorderTimer as default
-};

package/dist/ui/src/multimedia/AudioRecorder/useAudioRecorder.js

@@ -1,307 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useReducer, useRef, useEffect, useCallback } from "react";
-import { useTranslation } from "react-i18next";
-import { Record as SvgRecord$1, RecordPause as SvgRecordPause$1, Loader as SvgLoader$1, PlayFilled as SvgPlayFilled$1, Pause as SvgPause$1, Restart as SvgRestart$1, Refresh as SvgRefresh$1, Save as SvgSave$1 } from "../../../../icons/dist/index.js";
-import useWorkspaceFile from "../../core/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(SvgRecord$1, {}),
-      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(SvgRecordPause$1, {}),
-      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(SvgLoader$1, { style: {
-        animation: "loading 1s infinite"
-      } }),
-      disabled: !0
-    }
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: isEncoding || playState === "PLAYING" ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgPlayFilled$1, {}),
-      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(SvgPause$1, {}),
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.audio.play.pause")
-    },
-    tooltip: t("bbm.audio.play.pause")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgRestart$1, {}),
-      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(SvgRefresh$1, {}),
-      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(SvgSave$1, {}),
-      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
-};

package/dist/ui/src/multimedia/Embed/Embed.js

@@ -1,32 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Code as SvgCode$1 } from "../../../../icons/dist/index.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(SvgCode$1, { 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") }) })
-  ] });
-}, Embed$1 = Embed;
-export {
-  Embed$1 as default
-};

package/dist/ui/src/multimedia/ImageEditor/components/ImageEditor.js

@@ -1,116 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Stage } from "@pixi/react";
-import { useTranslation } from "react-i18next";
-import ImageEditorToolbar from "./ImageEditorToolbar.js";
-import useImageEditor from "../hooks/useImageEditor.js";
-import Modal from "../../../components/Modal/Modal.js";
-import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import FormControl from "../../../components/Form/FormControl.js";
-import Label from "../../../components/Label/Label.js";
-import Input from "../../../components/Input/Input.js";
-import Button from "../../../components/Button/Button.js";
-const ImageEditor = ({
-  altText: altTextParam,
-  legend: legendParam,
-  image: imageSrc,
-  isOpen,
-  onCancel,
-  onError,
-  onSave
-}) => {
-  const {
-    t
-  } = useTranslation(), [currentOperation, setCurrentOperation] = useState(void 0), [isSaving, setSaving] = useState(!1), [altText, setAltText] = useState(altTextParam ?? ""), [legend, setLegend] = useState(legendParam ?? ""), [dirty, setDirty] = useState(!1), {
-    toBlob,
-    setApplication,
-    startBlur,
-    stopBlur,
-    restore,
-    rotate,
-    startCrop,
-    stopCrop,
-    startResize,
-    stopResize,
-    historyCount,
-    loading
-  } = useImageEditor({
-    imageSrc
-  }), stopAll = () => {
-    stopBlur(), stopCrop(currentOperation === "CROP"), stopResize(currentOperation === "RESIZE");
-  }, handleSave = async () => {
-    try {
-      setSaving(!0), stopAll();
-      const blob = await toBlob();
-      blob && await onSave({
-        blob,
-        altText,
-        legend
-      });
-    } catch (e) {
-      onError == null || onError(`${e}`);
-    } finally {
-      setSaving(!1);
-    }
-  }, handleCancel = () => {
-    onCancel();
-  }, handleOperation = async (operation) => {
-    switch (stopAll(), setCurrentOperation(operation), setDirty(!0), operation) {
-      case "ROTATE": {
-        await rotate();
-        break;
-      }
-      case "UNDO": {
-        await restore();
-        break;
-      }
-      case "CROP": {
-        startCrop();
-        break;
-      }
-      case "RESIZE": {
-        await startResize();
-        break;
-      }
-      case "BLUR": {
-        await startBlur();
-        break;
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs(Modal, { id: "image-editor", isOpen, onModalClose: handleCancel, size: "lg", children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCancel, children: /* @__PURE__ */ jsx("span", { className: "h2", children: t("imageeditor.title") }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
-      /* @__PURE__ */ jsx(ImageEditorToolbar, { handle: handleOperation, historyCount }),
-      /* @__PURE__ */ jsxs("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
-        /* @__PURE__ */ jsx(Stage, { onMount: (app) => setApplication(app), options: {
-          preserveDrawingBuffer: !0,
-          backgroundAlpha: 0,
-          resolution: 1
-        } }),
-        !!loading && /* @__PURE__ */ jsx("div", { className: "position-absolute top-0 start-0 bottom-0 end-0 m-10 d-flex align-items-center justify-content-center bg-black opacity-25", children: /* @__PURE__ */ jsx(LoadingScreen, {}) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
-        /* @__PURE__ */ jsxs(FormControl, { id: "alt", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("alttext") }),
-          /* @__PURE__ */ jsx(Input, { value: altText, onChange: (e) => {
-            setDirty(!0), setAltText(e.target.value);
-          }, placeholder: t("alttext.help"), size: "md", type: "text" })
-        ] }),
-        /* @__PURE__ */ jsxs(FormControl, { id: "legend", className: "flex-grow-1", children: [
-          /* @__PURE__ */ jsx(Label, { children: t("legend") }),
-          /* @__PURE__ */ jsx(Input, { value: legend, onChange: (e) => {
-            setDirty(!0), setLegend(e.target.value);
-          }, placeholder: t("legend.help"), size: "md", type: "text" })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: handleCancel, type: "button", variant: "ghost", children: t("imageeditor.cancel") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: handleSave, type: "button", variant: "filled", isLoading: isSaving, disabled: isSaving || !dirty, children: t("imageeditor.save") })
-    ] })
-  ] });
-}, ImageEditor$1 = ImageEditor;
-export {
-  ImageEditor$1 as default
-};