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

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

@@ -1,308 +0,0 @@
-import { jsx as S } from "react/jsx-runtime";
-import { useReducer as Q, useRef as P, useEffect as j, useCallback as y } from "react";
-import { useTranslation as X } from "react-i18next";
-import $ from "../../../core/useWorkspaceFile/useWorkspaceFile.js";
-import { Icon as b } from "../../../components/Icon/Icon.js";
-function oe(g, d, Y = !1, F = "protected", W = "media-library") {
-  var U;
-  function V(t, n) {
-    return {
-      ...t,
-      ...n.updatedState
-    };
-  }
-  const [{
-    recordState: r,
-    playState: u,
-    micStream: f,
-    micStreamAudioSourceNode: h,
-    audioWorkletNode: c,
-    audioContext: a,
-    encoderWorker: E,
-    maxDuration: A,
-    recordTime: T,
-    isEncoding: L
-  }, o] = Q(V, {
-    recordState: "IDLE",
-    isEncoding: !1,
-    playState: "IDLE",
-    recordTime: 0,
-    maxDuration: 180
-    // max duration in s (3 minutes by default)
-  }), v = P(null), e = P(null), D = P(), l = P(), {
-    t: i
-  } = X(), {
-    create: _
-  } = $(), N = 128, k = 48e3;
-  j(() => {
-    const t = new Worker("/infra/public/js/audioEncoder.js");
-    return o({
-      type: "update",
-      updatedState: {
-        encoderWorker: t
-      }
-    }), t.postMessage(["init", (a == null ? void 0 : a.sampleRate) || k]), () => {
-      I(), t.terminate();
-    };
-  }, []);
-  const G = (t) => {
-    var s, m;
-    const n = t.data.inputs[0][0];
-    let p = t.data.inputs[0][1];
-    (!p || p.filter((R) => R !== void 0).length === 0) && (p = n), (s = D.current) == null || s.push(n), (m = l.current) == null || m.push(p);
-  }, I = y(() => {
-    f == null || f.getTracks().forEach((t) => t.stop()), h == null || h.disconnect(), c == null || c.port.removeEventListener("message", G), c == null || c.port.close(), c == null || c.disconnect(), a == null || a.close();
-  }, [a, c, f, h]), x = async () => {
-    const t = await navigator.mediaDevices.getUserMedia({
-      audio: !0
-    }), n = new AudioContext({
-      sampleRate: k
-    }), p = n.createMediaStreamSource(t);
-    try {
-      await n.audioWorklet.addModule("/infra/public/js/audio-recorder-processor.js");
-    } catch (m) {
-      console.error(m);
-    }
-    const s = new AudioWorkletNode(n, "audio-recorder-processor");
-    s.port.addEventListener("message", G), o({
-      type: "update",
-      updatedState: {
-        micStream: t,
-        micStreamAudioSourceNode: p,
-        audioContext: n,
-        recordTime: 0,
-        audioWorkletNode: s,
-        recordState: "RECORDING",
-        playState: "IDLE"
-      }
-    }), l.current = [], D.current = [], s.port.start(), p.connect(s), s.connect(n.destination);
-  }, B = y(async () => {
-    e.current && (e.current.currentTime = 0, e.current.pause()), r === "PAUSED" ? (o({
-      type: "update",
-      updatedState: {
-        recordState: "RECORDING",
-        playState: "IDLE"
-      }
-    }), a == null || a.resume(), d == null || d(void 0)) : x();
-  }, [r, a, e]), w = y(() => {
-    o({
-      type: "update",
-      updatedState: {
-        recordState: "PAUSED",
-        playState: "IDLE",
-        isEncoding: !0
-      }
-    }), a == null || a.suspend(), E && D.current && l.current && (E.postMessage(["wav", l.current, D.current, l.current.length * N]), E.onmessage = (t) => {
-      const n = window.URL.createObjectURL(t.data);
-      o({
-        type: "update",
-        updatedState: {
-          isEncoding: !1
-        }
-      }), e.current && (e.current.src = n), d && d(n);
-    });
-  }, [a, E, d]), q = y(() => {
-    var t;
-    o({
-      type: "update",
-      updatedState: {
-        playState: "PLAYING"
-      }
-    }), ((t = e == null ? void 0 : e.current) != null && t.currentTime || e.current) && e.current.play();
-  }, [e]), Z = y(() => {
-    var t;
-    (t = e == null ? void 0 : e.current) == null || t.pause(), o({
-      type: "update",
-      updatedState: {
-        playState: "PAUSED"
-      }
-    });
-  }, [e]), z = y(() => {
-    I(), o({
-      type: "update",
-      updatedState: {
-        playState: "IDLE",
-        recordState: "IDLE"
-      }
-    }), l.current = [], D.current = [], d && d(void 0);
-  }, [I, d]), O = y(async () => {
-    var n;
-    const t = (n = v.current) == null ? void 0 : n.value;
-    if (!t) {
-      console.error("Audio name is required");
-      return;
-    }
-    return e.current && (e.current.pause(), e.current.currentTime = 0), o({
-      type: "update",
-      updatedState: {
-        recordState: "SAVING",
-        playState: "IDLE"
-      }
-    }), new Promise((p, s) => {
-      try {
-        E && D.current && l.current && (E.postMessage(["mp3", l.current, D.current, l.current.length * N]), E.onmessage = async (m) => {
-          if (m.data instanceof Blob) {
-            const R = new File([m.data], t, {
-              type: "audio/mp3"
-            }), C = await _(R, {
-              application: W,
-              visibility: F
-            });
-            C && g && g(C), o({
-              type: "update",
-              updatedState: {
-                recordState: "SAVED"
-              }
-            }), p(C);
-          }
-        });
-      } catch (m) {
-        o({
-          type: "update",
-          updatedState: {
-            playState: "IDLE",
-            recordState: "IDLE"
-          }
-        }), console.error("Error while saving", m), s();
-      }
-    });
-  }, [r, g, I]), H = y(() => {
-    e != null && e.current && (e.current.pause(), e.current.currentTime = 0), o({
-      type: "update",
-      updatedState: {
-        playState: "IDLE"
-      }
-    });
-  }, [e]), J = y(() => {
-    o({
-      type: "update",
-      updatedState: {
-        playState: "PAUSED"
-      }
-    }), e.current && (e.current.currentTime = 0);
-  }, [e]);
-  j(() => {
-    if (r === "RECORDING" && a) {
-      const t = window.setInterval(
-        // Compute exact elapsed time by diffing the start time.
-        () => {
-          o({
-            type: "update",
-            updatedState: {
-              recordTime: a.currentTime
-            }
-          }), a.currentTime >= A && (w(), window.clearInterval(t));
-        },
-        100
-      );
-      return () => window.clearInterval(t);
-    }
-  }, [a, w, A, r]);
-  const M = i(r === "IDLE" ? "bbm.audio.record.start" : "bbm.audio.record.resume"), K = [{
-    type: "icon",
-    name: "record",
-    visibility: r === "RECORDING" ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "record" }),
-      color: "danger",
-      disabled: r !== "IDLE" && r !== "PAUSED" || T >= A,
-      onClick: B,
-      "aria-label": M
-    },
-    tooltip: M
-  }, {
-    type: "icon",
-    name: "recordPause",
-    visibility: r === "RECORDING" ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "record-pause" }),
-      color: "danger",
-      disabled: r !== "RECORDING",
-      onClick: w,
-      "aria-label": i("bbm.audio.record.pause")
-    },
-    tooltip: i("bbm.audio.record.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "encoding",
-    visibility: L ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "loader", style: {
-        animation: "loading 1s infinite"
-      } }),
-      disabled: !0
-    }
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: L || u === "PLAYING" ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "play-filled" }),
-      disabled: r !== "RECORDED" && r !== "PAUSED" && r !== "SAVED",
-      onClick: q,
-      "aria-label": i("bbm.audio.play.start")
-    },
-    tooltip: i("bbm.audio.play.start")
-  }, {
-    type: "icon",
-    name: "playPause",
-    visibility: !L && u === "PLAYING" ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "pause" }),
-      onClick: Z,
-      "aria-label": i("bbm.audio.play.pause")
-    },
-    tooltip: i("bbm.audio.play.pause")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "restart" }),
-      disabled: u !== "PLAYING" && u !== "PAUSED",
-      onClick: H,
-      "aria-label": i("bbm.audio.play.stop")
-    },
-    tooltip: i("bbm.audio.play.stop")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "refresh" }),
-      disabled: r !== "RECORDED" && r !== "PAUSED" && u !== "PLAYING" && u !== "PAUSED",
-      onClick: z,
-      "aria-label": i("bbm.audio.record.reset")
-    },
-    tooltip: i("bbm.audio.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: Y ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ S(b, { name: "save" }),
-      disabled: r !== "RECORDED" && r !== "PAUSED" && u !== "PLAYING" && u !== "PAUSED" || r === "SAVED" || !((U = v.current) != null && U.value),
-      onClick: O,
-      "aria-label": i("bbm.audio.record.save")
-    },
-    tooltip: i("bbm.audio.record.save")
-  }];
-  return {
-    recordState: r,
-    playState: u,
-    audioContext: a,
-    recordTime: T * 1e3,
-    maxDuration: A * 1e3,
-    audioRef: e,
-    audioNameRef: v,
-    toolbarItems: K,
-    handlePlayEnded: J,
-    handleSave: O
-  };
-}
-export {
-  oe as default
-};
-//# sourceMappingURL=useAudioRecorder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAudioRecorder.js","sources":["../../../../src/modules/multimedia/AudioRecorder/useAudioRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useReducer, useRef } from 'react';\n\nimport { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon, ToolbarItem } from '../../../components';\nimport { useWorkspaceFile } from '../../../core';\n\nexport type RecordState =\n  | 'IDLE'\n  | 'RECORDING'\n  | 'PAUSED'\n  | 'RECORDED'\n  | 'SAVING'\n  | 'SAVED';\n\nexport type PlayState = 'IDLE' | 'PLAYING' | 'PAUSED';\n\ntype AudioReducerState = {\n  recordState: RecordState;\n  playState: PlayState;\n  isEncoding: boolean;\n\n  // The audio recorder is based on the Web Audio API (https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API)\n  // See also https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletNode for more information.\n  micStream?: MediaStream;\n  micStreamAudioSourceNode?: MediaStreamAudioSourceNode;\n  audioWorkletNode?: AudioWorkletNode;\n  audioContext?: AudioContext;\n\n  // encoder and web socket for sending encoded audio to the backend\n  encoderWorker?: Worker;\n\n  recordTime: number;\n  // max duration in s (3 minutes by default)\n  maxDuration: number;\n};\n\nexport default function useAudioRecorder(\n  onSaveSuccess?: (resource: WorkspaceElement) => void,\n  onUpdateRecord?: (audioUrl?: string) => void,\n  hideSaveAction = false,\n  visibility: WorkspaceVisibility = 'protected',\n  application = 'media-library',\n) {\n  function audioReducer(\n    state: AudioReducerState,\n    action: {\n      type: 'update';\n      updatedState?: Partial<AudioReducerState>;\n    },\n  ): AudioReducerState {\n    return { ...state, ...action.updatedState };\n  }\n\n  const [\n    {\n      recordState,\n      playState,\n      micStream,\n      micStreamAudioSourceNode,\n      audioWorkletNode,\n      audioContext,\n      encoderWorker,\n      maxDuration,\n      recordTime,\n      isEncoding,\n    },\n    dispatch,\n  ] = useReducer(audioReducer, {\n    recordState: 'IDLE',\n    isEncoding: false,\n    playState: 'IDLE',\n    recordTime: 0,\n    maxDuration: 180, // max duration in s (3 minutes by default)\n  });\n  const audioNameRef = useRef<HTMLInputElement>(null);\n  const audioRef = useRef<HTMLAudioElement>(null);\n  const leftChannelRef = useRef<Float32Array[]>();\n  const rightChannelRef = useRef<Float32Array[]>();\n\n  const { t } = useTranslation();\n  const { create } = useWorkspaceFile();\n\n  const BUFFER_SIZE = 128; // https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletProcessor\n  const DEFAULT_SAMPLE_RATE = 48000;\n\n  // Init Web Socket to send audio chunks to backend\n  useEffect(() => {\n    const encoderWorker = new Worker('/infra/public/js/audioEncoder.js');\n    dispatch({\n      type: 'update',\n      updatedState: { encoderWorker: encoderWorker },\n    });\n    encoderWorker.postMessage([\n      'init',\n      audioContext?.sampleRate || DEFAULT_SAMPLE_RATE,\n    ]);\n\n    return () => {\n      closeAudioStream();\n      encoderWorker.terminate();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  /**\n   * Handle message received from the audio recorder processor.\n   * Basically the Audio recorder processor returns the input channels that will be treated by the audioEncoder worker.\n   * The audio recorder processor script is located here: /infra/public/js/audio-recorder-processor.js\n   * The script follows the AudioWorkletProcessor API (https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletProcessor)\n   * This method gets called for each block of 128 sample-frames.\n   *\n   * @param event is the input returned, containing leftChannel and rightChannel arrays.\n   */\n  const handleAudioWorkletNodeMessage = (event: MessageEvent) => {\n    const leftChannel = (event.data.inputs as Float32Array[][])[0][0];\n    let rightChannel = (event.data.inputs as Float32Array[][])[0][1];\n    if (\n      !rightChannel ||\n      rightChannel.filter((data) => data !== undefined).length === 0\n    ) {\n      rightChannel = leftChannel;\n    }\n    leftChannelRef.current?.push(leftChannel);\n    rightChannelRef.current?.push(rightChannel);\n  };\n\n  /**\n   * Close opened audio stream and clean channels\n   */\n  const closeAudioStream = useCallback(() => {\n    // Close audio stream\n    micStream?.getTracks().forEach((track) => track.stop());\n    micStreamAudioSourceNode?.disconnect();\n    audioWorkletNode?.port.removeEventListener(\n      'message',\n      handleAudioWorkletNodeMessage,\n    );\n    audioWorkletNode?.port.close();\n    audioWorkletNode?.disconnect();\n    audioContext?.close();\n  }, [audioContext, audioWorkletNode, micStream, micStreamAudioSourceNode]);\n\n  const initRecording = async () => {\n    // Request access to the user's microphone\n    const micStream: MediaStream = await navigator.mediaDevices.getUserMedia({\n      audio: true,\n    });\n\n    // Create the microphone stream\n    const audioContext = new AudioContext({ sampleRate: DEFAULT_SAMPLE_RATE });\n    const micStreamAudioSourceNode: MediaStreamAudioSourceNode =\n      audioContext.createMediaStreamSource(micStream);\n\n    // Create and connect AudioWorkletNode for processing the audio stream\n    // https://developer.mozilla.org/en-US/docs/Web/API/AudioWorkletProcessor\n    try {\n      await audioContext.audioWorklet.addModule(\n        '/infra/public/js/audio-recorder-processor.js',\n      );\n    } catch (err) {\n      console.error(err);\n    }\n\n    const audioWorkletNode = new AudioWorkletNode(\n      audioContext,\n      'audio-recorder-processor',\n    );\n\n    // Message received from the audio recorder processor. cf handleAudioWorkletNodeMessage function.\n    // Basically the Audio recorder processor returns the input channels that will be treated by the audioEncoder worker.\n    audioWorkletNode.port.addEventListener(\n      'message',\n      handleAudioWorkletNodeMessage,\n    );\n\n    // Store the audio context and stream in the state, reset record time and set states\n    dispatch({\n      type: 'update',\n      updatedState: {\n        micStream,\n        micStreamAudioSourceNode,\n        audioContext,\n        recordTime: 0,\n        audioWorkletNode,\n        recordState: 'RECORDING',\n        playState: 'IDLE',\n      },\n    });\n\n    // Clean audio channels\n    rightChannelRef.current = [];\n    leftChannelRef.current = [];\n\n    audioWorkletNode.port.start();\n\n    micStreamAudioSourceNode.connect(audioWorkletNode);\n    audioWorkletNode.connect(audioContext.destination);\n  };\n\n  const handleRecord = useCallback(async () => {\n    if (audioRef.current) {\n      audioRef.current.currentTime = 0;\n      audioRef.current.pause();\n    }\n    if (recordState === 'PAUSED') {\n      // Resume recording\n      dispatch({\n        type: 'update',\n        updatedState: { recordState: 'RECORDING', playState: 'IDLE' },\n      });\n      audioContext?.resume();\n      onUpdateRecord?.(undefined);\n    } else {\n      // Start new recording\n      initRecording();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [recordState, audioContext, audioRef]);\n\n  const handleRecordPause = useCallback(() => {\n    dispatch({\n      type: 'update',\n      updatedState: {\n        recordState: 'PAUSED',\n        playState: 'IDLE',\n        isEncoding: true,\n      },\n    });\n    audioContext?.suspend();\n    if (encoderWorker && leftChannelRef.current && rightChannelRef.current) {\n      // Encode audio\n      encoderWorker.postMessage([\n        'wav',\n        rightChannelRef.current,\n        leftChannelRef.current,\n        rightChannelRef.current.length * BUFFER_SIZE,\n      ]);\n      encoderWorker.onmessage = (event: MessageEvent) => {\n        const audioUrl = window.URL.createObjectURL(event.data);\n\n        dispatch({\n          type: 'update',\n          updatedState: { isEncoding: false },\n        });\n\n        if (audioRef.current) {\n          audioRef.current.src = audioUrl;\n        }\n\n        if (onUpdateRecord) {\n          onUpdateRecord(audioUrl);\n        }\n      };\n    }\n  }, [audioContext, encoderWorker, onUpdateRecord]);\n\n  const handlePlay = useCallback(() => {\n    dispatch({ type: 'update', updatedState: { playState: 'PLAYING' } });\n    if (audioRef?.current?.currentTime) {\n      audioRef.current.play();\n    } else {\n      if (audioRef.current) {\n        audioRef.current.play();\n      }\n    }\n  }, [audioRef]);\n\n  const handlePlayPause = useCallback(() => {\n    audioRef?.current?.pause();\n    dispatch({ type: 'update', updatedState: { playState: 'PAUSED' } });\n  }, [audioRef]);\n\n  const handleReset = useCallback(() => {\n    closeAudioStream();\n\n    dispatch({\n      type: 'update',\n      updatedState: {\n        playState: 'IDLE',\n        recordState: 'IDLE',\n      },\n    });\n\n    // Clean channels\n    rightChannelRef.current = [];\n    leftChannelRef.current = [];\n\n    if (onUpdateRecord) {\n      onUpdateRecord(undefined);\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [closeAudioStream, onUpdateRecord]);\n\n  const handleSave: () => Promise<WorkspaceElement | undefined> =\n    useCallback(async () => {\n      const audioName = audioNameRef.current?.value;\n      if (!audioName) {\n        console.error('Audio name is required');\n        return;\n      }\n      if (audioRef.current) {\n        audioRef.current.pause();\n        audioRef.current.currentTime = 0;\n      }\n      dispatch({\n        type: 'update',\n        updatedState: { recordState: 'SAVING', playState: 'IDLE' },\n      });\n      return new Promise<WorkspaceElement | undefined>((resolve, reject) => {\n        try {\n          if (\n            encoderWorker &&\n            leftChannelRef.current &&\n            rightChannelRef.current\n          ) {\n            encoderWorker.postMessage([\n              'mp3',\n              rightChannelRef.current,\n              leftChannelRef.current,\n              rightChannelRef.current.length * BUFFER_SIZE,\n            ]);\n\n            encoderWorker.onmessage = async (event: MessageEvent) => {\n              if (event.data instanceof Blob) {\n                const file = new File([event.data], audioName!, {\n                  type: 'audio/mp3',\n                });\n\n                const resourceAudio = await create(file, {\n                  application,\n                  visibility,\n                });\n\n                if (resourceAudio && onSaveSuccess) {\n                  onSaveSuccess(resourceAudio);\n                }\n\n                dispatch({\n                  type: 'update',\n                  updatedState: { recordState: 'SAVED' },\n                });\n\n                resolve(resourceAudio);\n              }\n            };\n          }\n        } catch (error) {\n          dispatch({\n            type: 'update',\n            updatedState: { playState: 'IDLE', recordState: 'IDLE' },\n          });\n          console.error('Error while saving', error);\n          reject();\n        }\n      });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [recordState, onSaveSuccess, closeAudioStream]);\n\n  const handlePlayStop = useCallback(() => {\n    // Stop Playing the record\n    if (audioRef?.current) {\n      audioRef.current.pause();\n      audioRef.current.currentTime = 0;\n    }\n    dispatch({ type: 'update', updatedState: { playState: 'IDLE' } });\n  }, [audioRef]);\n\n  const handlePlayEnded = useCallback(() => {\n    dispatch({ type: 'update', updatedState: { playState: 'PAUSED' } });\n    if (audioRef.current) {\n      audioRef.current.currentTime = 0;\n    }\n  }, [audioRef]);\n\n  /**\n   * Auto-stop recording when max allowed duration is reached.\n   */\n  useEffect(() => {\n    if (recordState === 'RECORDING' && audioContext) {\n      const timer = window.setInterval(\n        // Compute exact elapsed time by diffing the start time.\n        () => {\n          dispatch({\n            type: 'update',\n            updatedState: {\n              recordTime: audioContext.currentTime,\n            },\n          });\n\n          if (audioContext.currentTime >= maxDuration) {\n            handleRecordPause();\n            window.clearInterval(timer);\n          }\n        },\n        100,\n      );\n\n      return () => window.clearInterval(timer);\n    }\n  }, [audioContext, handleRecordPause, maxDuration, recordState]);\n\n  const recordText =\n    recordState === 'IDLE'\n      ? t('bbm.audio.record.start')\n      : t('bbm.audio.record.resume');\n\n  const toolbarItems: ToolbarItem[] = [\n    {\n      type: 'icon',\n      name: 'record',\n      visibility: recordState === 'RECORDING' ? 'hide' : 'show',\n      props: {\n        icon: <Icon name=\"record\" />,\n        color: 'danger',\n        disabled:\n          (recordState !== 'IDLE' && recordState !== 'PAUSED') ||\n          recordTime >= maxDuration,\n        onClick: handleRecord,\n        'aria-label': recordText,\n      },\n      tooltip: recordText,\n    },\n    {\n      type: 'icon',\n      name: 'recordPause',\n      visibility: recordState === 'RECORDING' ? 'show' : 'hide',\n      props: {\n        icon: <Icon name=\"record-pause\" />,\n        color: 'danger',\n        disabled: recordState !== 'RECORDING',\n        onClick: handleRecordPause,\n        'aria-label': t('bbm.audio.record.pause'),\n      },\n      tooltip: t('bbm.audio.record.pause'),\n    },\n    { type: 'divider' },\n    {\n      type: 'icon',\n      name: 'encoding',\n      visibility: isEncoding ? 'show' : 'hide',\n      props: {\n        icon: (\n          <Icon name=\"loader\" style={{ animation: 'loading 1s infinite' }} />\n        ),\n        disabled: true,\n      },\n    },\n    {\n      type: 'icon',\n      name: 'play',\n      visibility: isEncoding || playState === 'PLAYING' ? 'hide' : 'show',\n      props: {\n        icon: <Icon name=\"play-filled\" />,\n        disabled:\n          recordState !== 'RECORDED' &&\n          recordState !== 'PAUSED' &&\n          recordState !== 'SAVED',\n        onClick: handlePlay,\n        'aria-label': t('bbm.audio.play.start'),\n      },\n      tooltip: t('bbm.audio.play.start'),\n    },\n    {\n      type: 'icon',\n      name: 'playPause',\n      visibility: !isEncoding && playState === 'PLAYING' ? 'show' : 'hide',\n      props: {\n        icon: <Icon name=\"pause\" />,\n        onClick: handlePlayPause,\n        'aria-label': t('bbm.audio.play.pause'),\n      },\n      tooltip: t('bbm.audio.play.pause'),\n    },\n    {\n      type: 'icon',\n      name: 'stop',\n      props: {\n        icon: <Icon name=\"restart\" />,\n        disabled: playState !== 'PLAYING' && playState !== 'PAUSED',\n        onClick: handlePlayStop,\n        'aria-label': t('bbm.audio.play.stop'),\n      },\n      tooltip: t('bbm.audio.play.stop'),\n    },\n    { type: 'divider' },\n    {\n      type: 'icon',\n      name: 'reset',\n      props: {\n        icon: <Icon name=\"refresh\" />,\n        disabled:\n          recordState !== 'RECORDED' &&\n          recordState !== 'PAUSED' &&\n          playState !== 'PLAYING' &&\n          playState !== 'PAUSED',\n        onClick: handleReset,\n        'aria-label': t('bbm.audio.record.reset'),\n      },\n      tooltip: t('bbm.audio.record.reset'),\n    },\n    {\n      type: 'icon',\n      name: 'save',\n      visibility: hideSaveAction ? 'hide' : 'show',\n      props: {\n        icon: <Icon name=\"save\" />,\n        disabled:\n          (recordState !== 'RECORDED' &&\n            recordState !== 'PAUSED' &&\n            playState !== 'PLAYING' &&\n            playState !== 'PAUSED') ||\n          recordState === 'SAVED' ||\n          !audioNameRef.current?.value,\n        onClick: handleSave,\n        'aria-label': t('bbm.audio.record.save'),\n      },\n      tooltip: t('bbm.audio.record.save'),\n    },\n  ];\n\n  return {\n    recordState,\n    playState,\n    audioContext,\n    recordTime: recordTime * 1000,\n    maxDuration: maxDuration * 1000,\n    audioRef,\n    audioNameRef,\n    toolbarItems,\n    handlePlayEnded,\n    handleSave,\n  };\n}\n"],"names":["useAudioRecorder","onSaveSuccess","onUpdateRecord","hideSaveAction","visibility","application","audioReducer","state","action","updatedState","recordState","playState","micStream","micStreamAudioSourceNode","audioWorkletNode","audioContext","encoderWorker","maxDuration","recordTime","isEncoding","dispatch","useReducer","audioNameRef","useRef","audioRef","leftChannelRef","rightChannelRef","t","useTranslation","create","useWorkspaceFile","BUFFER_SIZE","DEFAULT_SAMPLE_RATE","useEffect","Worker","type","postMessage","sampleRate","closeAudioStream","terminate","handleAudioWorkletNodeMessage","event","leftChannel","data","inputs","rightChannel","filter","undefined","length","current","push","useCallback","getTracks","forEach","track","stop","disconnect","port","removeEventListener","close","initRecording","navigator","mediaDevices","getUserMedia","audio","AudioContext","createMediaStreamSource","audioWorklet","addModule","err","console","error","AudioWorkletNode","addEventListener","start","connect","destination","handleRecord","currentTime","pause","resume","handleRecordPause","suspend","onmessage","audioUrl","window","URL","createObjectURL","src","handlePlay","play","handlePlayPause","handleReset","handleSave","audioName","value","Promise","resolve","reject","Blob","file","File","resourceAudio","handlePlayStop","handlePlayEnded","timer","setInterval","clearInterval","recordText","toolbarItems","name","props","icon","jsx","Icon","color","disabled","onClick","tooltip","animation"],"mappings":"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"}

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

@@ -1,33 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useState as o } from "react";
-import { useTranslation as s } from "react-i18next";
-import { TextArea as c } from "../../../components/TextArea/TextArea.js";
-import { Icon as b } from "../../../components/Icon/Icon.js";
-import { FormControl as f } from "../../../components/Form/FormControl.js";
-const N = ({
-  onSuccess: l
-}) => {
-  const {
-    t
-  } = s(), [e, n] = o();
-  function d(a) {
-    const m = a.target.value;
-    n(m), m != null && m.length ? l(m) : l();
-  }
-  return /* @__PURE__ */ i("div", { className: "d-flex flex-column flex-fill", children: [
-    /* @__PURE__ */ r("div", { className: "mb-32", children: t("bbm.embed.description") }),
-    /* @__PURE__ */ i("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ r(b, { name: "code", className: "me-8" }),
-      t("bbm.embed.title")
-    ] }),
-    /* @__PURE__ */ r(f, { id: "iframeContent", children: /* @__PURE__ */ r(c, { size: "md", height: "sm", placeholder: t("bbm.embed.placeholder"), onChange: d }) }),
-    !!(e != null && e.length) && /* @__PURE__ */ r("div", { className: "embed-preview mt-12", dangerouslySetInnerHTML: {
-      __html: e
-    } }),
-    !(e != null && e.length) && /* @__PURE__ */ r("div", { className: "embed-preview mt-12 d-flex align-items-center justify-content-center bg-gray-300 text-black-50 rounded-3", children: /* @__PURE__ */ r("strong", { children: t("bbm.embed.preview") }) })
-  ] });
-};
-export {
-  N as default
-};
-//# sourceMappingURL=Embed.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Embed.js","sources":["../../../../src/modules/multimedia/Embed/Embed.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { FormControl, Icon, TextArea } from '../../../components';\n\nexport interface EmbedProps {\n  onSuccess: (resource?: string) => void;\n}\n\nconst Embed = ({ onSuccess }: EmbedProps) => {\n  const { t } = useTranslation();\n\n  const [htmlContent, setHTMLContent] = useState<string>();\n\n  function handleContentChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    const HTMLContent = event.target.value;\n\n    setHTMLContent(HTMLContent);\n\n    if (HTMLContent?.length) {\n      onSuccess(HTMLContent);\n    } else {\n      onSuccess();\n    }\n  }\n\n  return (\n    <div className=\"d-flex flex-column flex-fill\">\n      <div className=\"mb-32\">{t('bbm.embed.description')}</div>\n      <div className=\"mb-8 d-flex\">\n        <Icon name=\"code\" className=\"me-8\" />\n        {t('bbm.embed.title')}\n      </div>\n      <FormControl id=\"iframeContent\">\n        <TextArea\n          size=\"md\"\n          height=\"sm\"\n          placeholder={t('bbm.embed.placeholder')}\n          onChange={handleContentChange}\n        />\n      </FormControl>\n      {!!htmlContent?.length && (\n        <div\n          className=\"embed-preview mt-12\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        ></div>\n      )}\n      {!htmlContent?.length && (\n        <div className=\"embed-preview mt-12 d-flex align-items-center justify-content-center bg-gray-300 text-black-50 rounded-3\">\n          <strong>{t('bbm.embed.preview')}</strong>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Embed;\n"],"names":["Embed","onSuccess","t","useTranslation","htmlContent","setHTMLContent","useState","handleContentChange","event","HTMLContent","target","value","length","jsxs","jsx","Icon","FormControl","TextArea","__html"],"mappings":";;;;;;AAUA,MAAMA,IAAQA,CAAC;AAAA,EAAEC,WAAAA;AAAsB,MAAM;AACrC,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GAEvB,CAACC,GAAaC,CAAc,IAAIC,EAAiB;AAEvD,WAASC,EAAoBC,GAA+C;AACpEC,UAAAA,IAAcD,EAAME,OAAOC;AAEjCN,IAAAA,EAAeI,CAAW,GAEtBA,KAAAA,QAAAA,EAAaG,SACfX,EAAUQ,CAAW,IAEXR;EAEd;AAGE,SAAA,gBAAAY,EAAC,OAAI,EAAA,WAAU,gCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,SAASZ,UAAAA,EAAE,uBAAuB,GAAE;AAAA,IACnD,gBAAAW,EAAC,OAAI,EAAA,WAAU,eACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,MAAK,QAAO,WAAU,QAAM;AAAA,MACjCb,EAAE,iBAAiB;AAAA,IAAA,GACtB;AAAA,sBACCc,GAAY,EAAA,IAAG,iBACd,UAAA,gBAAAF,EAACG,KACC,MAAK,MACL,QAAO,MACP,aAAaf,EAAE,uBAAuB,GACtC,UAAUK,EAAoB,CAAA,GAElC;AAAA,IACC,CAAC,EAACH,KAAAA,QAAAA,EAAaQ,6BACb,OACC,EAAA,WAAU,uBACV,yBAAyB;AAAA,MAAEM,QAAQd;AAAAA,IAAAA,GACpC;AAAA,IAEF,EAACA,KAAAA,QAAAA,EAAaQ,WACb,gBAAAE,EAAC,OAAI,EAAA,WAAU,4GACb,UAAA,gBAAAA,EAAC,UAAQZ,EAAAA,UAAAA,EAAE,mBAAmB,EAAE,CAAA,GAClC;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js

@@ -1,117 +0,0 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { Stage as $ } from "@pixi/react";
-import { useTranslation as q } from "react-i18next";
-import G from "../hooks/useImageEditor.js";
-import J from "./ImageEditorToolbar.js";
-import { Modal as r } from "../../../../components/Modal/Modal.js";
-import { LoadingScreen as K } from "../../../../components/LoadingScreen/LoadingScreen.js";
-import { FormControl as u } from "../../../../components/Form/FormControl.js";
-import { Label as h } from "../../../../components/Label/Label.js";
-import { Input as x } from "../../../../components/Input/Input.js";
-import { Button as b } from "../../../../components/Button/Button.js";
-const ie = ({
-  altText: v,
-  legend: y,
-  image: w,
-  isOpen: C,
-  onCancel: k,
-  onError: i,
-  onSave: N
-}) => {
-  const {
-    t: a
-  } = q(), [c, R] = l(void 0), [d, m] = l(!1), [p, S] = l(v ?? ""), [g, B] = l(y ?? ""), [O, n] = l(!1), {
-    toBlob: T,
-    setApplication: I,
-    startBlur: z,
-    stopBlur: A,
-    restore: L,
-    rotate: j,
-    startCrop: E,
-    stopCrop: M,
-    startResize: D,
-    stopResize: F,
-    historyCount: P,
-    loading: U
-  } = G({
-    imageSrc: w
-  }), f = () => {
-    A(), M(c === "CROP"), F(c === "RESIZE");
-  }, Z = async () => {
-    try {
-      m(!0), f();
-      const e = await T();
-      e && await N({
-        blob: e,
-        altText: p,
-        legend: g
-      });
-    } catch (e) {
-      i == null || i(`${e}`);
-    } finally {
-      m(!1);
-    }
-  }, s = () => {
-    k();
-  }, H = async (e) => {
-    switch (f(), R(e), n(!0), e) {
-      case "ROTATE": {
-        await j();
-        break;
-      }
-      case "UNDO": {
-        await L();
-        break;
-      }
-      case "CROP": {
-        E();
-        break;
-      }
-      case "RESIZE": {
-        await D();
-        break;
-      }
-      case "BLUR": {
-        await z();
-        break;
-      }
-    }
-  };
-  return /* @__PURE__ */ o(r, { id: "image-editor", isOpen: C, onModalClose: s, size: "lg", children: [
-    /* @__PURE__ */ t(r.Header, { onModalClose: s, children: /* @__PURE__ */ t("span", { className: "h2", children: a("imageeditor.title") }) }),
-    /* @__PURE__ */ t(r.Body, { className: "d-flex flex-column align-items-center", children: /* @__PURE__ */ o("div", { className: "d-flex flex-column gap-12 w-100 flex-grow-1", children: [
-      /* @__PURE__ */ t(J, { handle: H, historyCount: P }),
-      /* @__PURE__ */ o("div", { className: "position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor", children: [
-        /* @__PURE__ */ t($, { onMount: (e) => I(e), options: {
-          preserveDrawingBuffer: !0,
-          backgroundAlpha: 0,
-          resolution: 1
-        } }),
-        !!U && /* @__PURE__ */ t("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__ */ t(K, {}) })
-      ] }),
-      /* @__PURE__ */ o("div", { className: "d-flex flex-column flex-md-row m-10 gap-12 w-100", children: [
-        /* @__PURE__ */ o(u, { id: "alt", className: "flex-grow-1", children: [
-          /* @__PURE__ */ t(h, { children: a("alttext") }),
-          /* @__PURE__ */ t(x, { value: p, onChange: (e) => {
-            n(!0), S(e.target.value);
-          }, placeholder: a("alttext.help"), size: "md", type: "text" })
-        ] }),
-        /* @__PURE__ */ o(u, { id: "legend", className: "flex-grow-1", children: [
-          /* @__PURE__ */ t(h, { children: a("legend") }),
-          /* @__PURE__ */ t(x, { value: g, onChange: (e) => {
-            n(!0), B(e.target.value);
-          }, placeholder: a("legend.help"), size: "md", type: "text" })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ o(r.Footer, { children: [
-      /* @__PURE__ */ t(b, { color: "tertiary", onClick: s, type: "button", variant: "ghost", children: a("imageeditor.cancel") }),
-      /* @__PURE__ */ t(b, { color: "primary", onClick: Z, type: "button", variant: "filled", isLoading: d, disabled: d || !O, children: a("imageeditor.save") })
-    ] })
-  ] });
-};
-export {
-  ie as default
-};
-//# sourceMappingURL=ImageEditor.js.map

package/dist/modules/multimedia/ImageEditor/components/ImageEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageEditor.js","sources":["../../../../../src/modules/multimedia/ImageEditor/components/ImageEditor.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Stage } from '@pixi/react';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Button,\n  FormControl,\n  Input,\n  Label,\n  LoadingScreen,\n  Modal,\n} from '../../../../components';\nimport useImageEditor from '../hooks/useImageEditor';\nimport ImageEditorToolbar, { ImageEditorAction } from './ImageEditorToolbar';\n\ninterface ImageEditorProps {\n  image: string;\n  isOpen: boolean;\n  legend?: string;\n  altText?: string;\n  onCancel(): void;\n  onSave(arg: {\n    blob: Blob;\n    legend: string;\n    altText: string;\n  }): void | Promise<void>;\n  onError?(err: string): void;\n}\n/**\n * This component display the Image Editor as a Modal\n *\n * @param param.altText the initial alternative text of the image\n * @param param.legend the initial title text of the image\n * @param param.image the URL of the image to edit\n * @param param.isOpen whether the modal is visible\n * @param param.onCancel callback when the modal is closed without saving\n * @param param.onError callback when the save action failed\n * @param param.onSave callback when the save action succeed and receive as params the new image as blob and also the new legend and alt\n * @returns A React Component\n */\nconst ImageEditor = ({\n  altText: altTextParam,\n  legend: legendParam,\n  image: imageSrc,\n  isOpen,\n  onCancel,\n  onError,\n  onSave,\n}: ImageEditorProps) => {\n  const { t } = useTranslation();\n  // Store the current operation in a state\n  const [currentOperation, setCurrentOperation] = useState<\n    ImageEditorAction | undefined\n  >(undefined);\n  // Whether we are saving or not\n  const [isSaving, setSaving] = useState(false);\n  // Store the alt text modofied by the input text\n  const [altText, setAltText] = useState(altTextParam ?? '');\n  // Store the legend text modofied by the input text\n  const [legend, setLegend] = useState(legendParam ?? '');\n  // Whether the image has been edited or the text has been changed\n  const [dirty, setDirty] = useState<boolean>(false);\n  // Load Image Editor action\n  const {\n    toBlob,\n    setApplication,\n    startBlur,\n    stopBlur,\n    restore,\n    rotate,\n    startCrop,\n    stopCrop,\n    startResize,\n    stopResize,\n    historyCount,\n    loading,\n  } = useImageEditor({\n    imageSrc,\n  });\n  // A function to remove all opened controllers and backup changes if needed\n  const stopAll = () => {\n    stopBlur();\n    stopCrop(currentOperation === 'CROP');\n    stopResize(currentOperation === 'RESIZE');\n  };\n  // A handle to save edited image as Blob\n  const handleSave = async () => {\n    try {\n      setSaving(true);\n      stopAll();\n      const blob = await toBlob();\n      if (blob) {\n        await onSave({ blob, altText, legend });\n      }\n    } catch (e) {\n      onError?.(`${e}`);\n    } finally {\n      setSaving(false);\n    }\n  };\n  // A handle to cancel without saving\n  const handleCancel = () => {\n    onCancel();\n  };\n  // A handle to trigger actions on toolbar action\n  const handleOperation = async (operation: ImageEditorAction) => {\n    // Stop Remove all previous graphical controllers\n    stopAll();\n    // Save the current operation\n    setCurrentOperation(operation);\n    // Update the dirty state because image is going to change\n    setDirty(true);\n    // Call action according to the selected operation\n    switch (operation) {\n      case 'ROTATE': {\n        await rotate();\n        break;\n      }\n      case 'UNDO': {\n        await restore();\n        break;\n      }\n      case 'CROP': {\n        startCrop();\n        break;\n      }\n      case 'RESIZE': {\n        await startResize();\n        break;\n      }\n      case 'BLUR': {\n        await startBlur();\n        break;\n      }\n    }\n  };\n  return (\n    <Modal\n      id=\"image-editor\"\n      isOpen={isOpen}\n      onModalClose={handleCancel}\n      size=\"lg\"\n    >\n      <Modal.Header onModalClose={handleCancel}>\n        <span className=\"h2\">{t('imageeditor.title')}</span>\n      </Modal.Header>\n      <Modal.Body className=\"d-flex flex-column align-items-center\">\n        <div className=\"d-flex flex-column gap-12 w-100 flex-grow-1\">\n          <ImageEditorToolbar\n            handle={handleOperation}\n            historyCount={historyCount}\n          />\n          <div className=\"position-relative d-flex flex-column align-items-center justify-content-center flex-grow-1 w-100 image-editor\">\n            <Stage\n              onMount={(app) => setApplication(app)}\n              options={{\n                preserveDrawingBuffer: true,\n                backgroundAlpha: 0,\n                resolution: 1,\n              }}\n            ></Stage>\n            {!!loading && (\n              <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\">\n                <LoadingScreen />\n              </div>\n            )}\n          </div>\n          <div className=\"d-flex flex-column flex-md-row m-10 gap-12 w-100\">\n            <FormControl id=\"alt\" className=\"flex-grow-1\">\n              <Label>{t('alttext')}</Label>\n              <Input\n                value={altText}\n                onChange={(e) => {\n                  setDirty(true);\n                  setAltText(e.target.value);\n                }}\n                placeholder={t('alttext.help')}\n                size=\"md\"\n                type=\"text\"\n              />\n            </FormControl>\n            <FormControl id=\"legend\" className=\"flex-grow-1\">\n              <Label>{t('legend')}</Label>\n              <Input\n                value={legend}\n                onChange={(e) => {\n                  setDirty(true);\n                  setLegend(e.target.value);\n                }}\n                placeholder={t('legend.help')}\n                size=\"md\"\n                type=\"text\"\n              />\n            </FormControl>\n          </div>\n        </div>\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          color=\"tertiary\"\n          onClick={handleCancel}\n          type=\"button\"\n          variant=\"ghost\"\n        >\n          {t('imageeditor.cancel')}\n        </Button>\n        <Button\n          color=\"primary\"\n          onClick={handleSave}\n          type=\"button\"\n          variant=\"filled\"\n          isLoading={isSaving}\n          disabled={isSaving || !dirty}\n        >\n          {t('imageeditor.save')}\n        </Button>\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default ImageEditor;\n"],"names":["ImageEditor","altText","altTextParam","legend","legendParam","image","imageSrc","isOpen","onCancel","onError","onSave","t","useTranslation","currentOperation","setCurrentOperation","useState","undefined","isSaving","setSaving","setAltText","setLegend","dirty","setDirty","toBlob","setApplication","startBlur","stopBlur","restore","rotate","startCrop","stopCrop","startResize","stopResize","historyCount","loading","useImageEditor","stopAll","handleSave","blob","e","handleCancel","handleOperation","operation","jsxs","Modal","jsx","ImageEditorToolbar","Stage","app","preserveDrawingBuffer","backgroundAlpha","resolution","LoadingScreen","FormControl","Label","Input","target","value","Button"],"mappings":"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"}

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js

@@ -1,70 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { useTranslation as m } from "react-i18next";
-import { Icon as r } from "../../../../components/Icon/Icon.js";
-import { Toolbar as d } from "../../../../components/Toolbar/Toolbar.js";
-const h = ({
-  historyCount: n,
-  handle: i
-}) => {
-  const {
-    t: o
-  } = m(), [a, c] = p(void 0), e = (l) => {
-    c(l), i(l);
-  }, s = [{
-    type: "button",
-    name: "undo",
-    props: {
-      color: "tertiary",
-      leftIcon: /* @__PURE__ */ t(r, { name: "undo" }),
-      "aria-label": o("cancel"),
-      children: o("cancel"),
-      onClick: () => e("UNDO"),
-      disabled: n === 0
-    },
-    tooltip: o("cancel")
-  }, {
-    type: "divider",
-    name: "div-1"
-  }, {
-    type: "button",
-    name: "reset",
-    props: {
-      color: "tertiary",
-      leftIcon: /* @__PURE__ */ t(r, { name: "reset" }),
-      "aria-label": o("rotate"),
-      children: o("rotate"),
-      onClick: () => e("ROTATE")
-    },
-    tooltip: o("rotate")
-  }, {
-    type: "button",
-    name: "crop",
-    props: {
-      color: "tertiary",
-      leftIcon: /* @__PURE__ */ t(r, { name: "crop" }),
-      "aria-label": o("crop"),
-      children: o("crop"),
-      className: a === "CROP" ? "is-selected" : "",
-      onClick: () => e("CROP")
-    },
-    tooltip: o("crop")
-  }, {
-    type: "button",
-    name: "blur",
-    props: {
-      color: "tertiary",
-      leftIcon: /* @__PURE__ */ t(r, { name: "blur" }),
-      "aria-label": o("blur"),
-      children: o("blur"),
-      className: a === "BLUR" ? "is-selected" : "",
-      onClick: () => e("BLUR")
-    },
-    tooltip: o("blur")
-  }];
-  return /* @__PURE__ */ t(d, { variant: "no-shadow", align: "left", isBlock: !0, items: s });
-};
-export {
-  h as default
-};
-//# sourceMappingURL=ImageEditorToolbar.js.map

package/dist/modules/multimedia/ImageEditor/components/ImageEditorToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageEditorToolbar.js","sources":["../../../../../src/modules/multimedia/ImageEditor/components/ImageEditorToolbar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon, Toolbar, ToolbarItem } from '../../../../components';\n\nexport type ImageEditorAction = 'ROTATE' | 'UNDO' | 'CROP' | 'BLUR' | 'RESIZE';\ninterface ImageEditorToolbarProps {\n  historyCount: number;\n  handle(operation: ImageEditorAction): void;\n}\n\nconst ImageEditorToolbar = ({\n  historyCount,\n  handle,\n}: ImageEditorToolbarProps) => {\n  const { t } = useTranslation();\n  const [action, setAction] = useState<ImageEditorAction | undefined>(\n    undefined,\n  );\n  const handleAndSave = (action: ImageEditorAction) => {\n    setAction(action);\n    handle(action);\n  };\n\n  const ImageEditorItems: ToolbarItem[] = [\n    {\n      type: 'button',\n      name: 'undo',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"undo\" />,\n        'aria-label': t('cancel'),\n        children: t('cancel'),\n        onClick: () => handleAndSave('UNDO'),\n        disabled: historyCount === 0,\n      },\n      tooltip: t('cancel'),\n    },\n    {\n      type: 'divider',\n      name: 'div-1',\n    },\n    {\n      type: 'button',\n      name: 'reset',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"reset\" />,\n        'aria-label': t('rotate'),\n        children: t('rotate'),\n        onClick: () => handleAndSave('ROTATE'),\n      },\n      tooltip: t('rotate'),\n    },\n    {\n      type: 'button',\n      name: 'crop',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"crop\" />,\n        'aria-label': t('crop'),\n        children: t('crop'),\n        className: action === 'CROP' ? 'is-selected' : '',\n        onClick: () => handleAndSave('CROP'),\n      },\n      tooltip: t('crop'),\n    },\n    {\n      type: 'button',\n      name: 'blur',\n      props: {\n        color: 'tertiary',\n        leftIcon: <Icon name=\"blur\" />,\n        'aria-label': t('blur'),\n        children: t('blur'),\n        className: action === 'BLUR' ? 'is-selected' : '',\n        onClick: () => handleAndSave('BLUR'),\n      },\n      tooltip: t('blur'),\n    },\n  ];\n\n  return (\n    <Toolbar\n      variant=\"no-shadow\"\n      align=\"left\"\n      isBlock\n      items={ImageEditorItems}\n    />\n  );\n};\nexport default ImageEditorToolbar;\n"],"names":["ImageEditorToolbar","historyCount","handle","t","useTranslation","action","setAction","useState","undefined","handleAndSave","ImageEditorItems","type","name","props","color","leftIcon","jsx","Icon","children","onClick","disabled","tooltip","className","Toolbar"],"mappings":";;;;;AAYA,MAAMA,IAAqBA,CAAC;AAAA,EAC1BC,cAAAA;AAAAA,EACAC,QAAAA;AACuB,MAAM;AACvB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB,CAACC,GAAQC,CAAS,IAAIC,EAC1BC,MACF,GACMC,IAAgBA,CAACJ,MAA8B;AACnDC,IAAAA,EAAUD,CAAM,GAChBH,EAAOG,CAAM;AAAA,EAAA,GAGTK,IAAkC,CACtC;AAAA,IACEC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,QAAQ;AAAA,MACxBe,UAAUf,EAAE,QAAQ;AAAA,MACpBgB,SAASA,MAAMV,EAAc,MAAM;AAAA,MACnCW,UAAUnB,MAAiB;AAAA,IAC7B;AAAA,IACAoB,SAASlB,EAAE,QAAQ;AAAA,EAAA,GAErB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,EAAA,GAER;AAAA,IACED,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,QAAU,CAAA;AAAA,MAC/B,cAAcd,EAAE,QAAQ;AAAA,MACxBe,UAAUf,EAAE,QAAQ;AAAA,MACpBgB,SAASA,MAAMV,EAAc,QAAQ;AAAA,IACvC;AAAA,IACAY,SAASlB,EAAE,QAAQ;AAAA,EAAA,GAErB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,MAAM;AAAA,MACtBe,UAAUf,EAAE,MAAM;AAAA,MAClBmB,WAAWjB,MAAW,SAAS,gBAAgB;AAAA,MAC/Cc,SAASA,MAAMV,EAAc,MAAM;AAAA,IACrC;AAAA,IACAY,SAASlB,EAAE,MAAM;AAAA,EAAA,GAEnB;AAAA,IACEQ,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,OAAO;AAAA,MACPC,UAAU,gBAAAC,EAACC,GAAK,EAAA,MAAK,OAAS,CAAA;AAAA,MAC9B,cAAcd,EAAE,MAAM;AAAA,MACtBe,UAAUf,EAAE,MAAM;AAAA,MAClBmB,WAAWjB,MAAW,SAAS,gBAAgB;AAAA,MAC/Cc,SAASA,MAAMV,EAAc,MAAM;AAAA,IACrC;AAAA,IACAY,SAASlB,EAAE,MAAM;AAAA,EAAA,CAClB;AAID,SAAA,gBAAAa,EAACO,KACC,SAAQ,aACR,OAAM,QACN,SAAO,IACP,OAAOb,EACP,CAAA;AAEN;"}