@edifice.io/react 2.0.0-develop-rc.13 → 2.0.0-develop-rc.15

package/dist/core/useUploadFiles/useUploadFiles.d.ts

@@ -1,25 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-declare const useUploadFiles: ({ handleOnChange, visibility, application, }: {
-    handleOnChange: (uploadedFiles: WorkspaceElement[]) => void;
-    visibility?: WorkspaceVisibility | undefined;
-    application?: string | undefined;
-}) => {
-    /** List of files added from device */
-    files: File[];
-    getUploadStatus: (upload: Blob | File) => import('../../types').Status | undefined;
-    clearUploadStatus: (blob: Blob | File) => void;
-    uploadedFiles: WorkspaceElement[];
-    editingImage: WorkspaceElement | undefined;
-    setEditingImage: import('react').Dispatch<import('react').SetStateAction<WorkspaceElement | undefined>>;
-    getUrl: (resource?: WorkspaceElement, timestamp?: boolean) => string;
-    updateImage: ({ blob, legend, altText: alt, }: {
-        blob: Blob;
-        legend: string;
-        altText: string;
-    }) => Promise<void>;
-    uploadFile: (file: File, metadata?: {
-        duration: number;
-    } | undefined) => Promise<WorkspaceElement | null>;
-    removeFile: (file: File) => Promise<void>;
-};
-export default useUploadFiles;

package/dist/core/useUploadFiles/useUploadFiles.js

@@ -1,101 +0,0 @@
-import { useState, useCallback, useEffect } from "react";
-import { useDropzoneContext } from "../../components/Dropzone/DropzoneContext.js";
-import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
-import useUpload from "../useUpload/useUpload.js";
-import useImageResizer from "../../hooks/useImageResizer/useImageResizer.js";
-import { addTimestampToImageUrl } from "../../utils/addTimestampToUrl.js";
-const useUploadFiles = ({
-  handleOnChange,
-  visibility,
-  application
-}) => {
-  const [uploadedFiles, setUploadedFiles] = useState([]), [editingImage, setEditingImage] = useState(void 0), {
-    files,
-    deleteFile,
-    replaceFileAt
-  } = useDropzoneContext(), {
-    remove,
-    createOrUpdate
-  } = useWorkspaceFile(), {
-    getUploadStatus,
-    setUploadStatus,
-    clearUploadStatus,
-    uploadFile,
-    uploadAlternateFile
-  } = useUpload(visibility, application), {
-    resizeImageFile
-  } = useImageResizer(), tryUploading = useCallback((files2) => {
-    files2.forEach(async (file, index) => {
-      if (file == null) return;
-      let resource;
-      if (file.type.startsWith("image"))
-        try {
-          const replacement = await resizeImageFile(file);
-          resource = await uploadAlternateFile(file, replacement), replaceFileAt(index, replacement);
-        } catch (err) {
-          console.error(err);
-        }
-      resource || (resource = await uploadFile(file)), resource && setUploadedFiles((prevFiles) => [...prevFiles, resource]);
-    });
-  }, [resizeImageFile, uploadAlternateFile, uploadFile, replaceFileAt]);
-  useEffect(() => {
-    let numUploads = 0;
-    const newFiles = files.map((file) => {
-      if (numUploads >= 5) return null;
-      const status = getUploadStatus(file);
-      return status === "loading" && numUploads++, status ? null : file;
-    });
-    newFiles.forEach((file) => file && setUploadStatus(file, "idle")), tryUploading(newFiles);
-  }, [files, uploadedFiles, getUploadStatus, setUploadStatus, tryUploading]), useEffect(() => {
-    const sortedUploadedFiles = sortUploadedFiles(files, uploadedFiles);
-    handleOnChange(sortedUploadedFiles);
-  }, [uploadedFiles]);
-  const sortUploadedFiles = (filesArray, uploadedFilesArray) => {
-    const orderMap = filesArray.reduce((acc, item, index) => (acc[item.name] = index, acc), {});
-    return uploadedFilesArray.sort((a, b) => orderMap[a.name] - orderMap[b.name]);
-  };
-  async function removeFile(file) {
-    const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-    resource && (await remove(resource), clearUploadStatus(file), setUploadedFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== (resource == null ? void 0 : resource.name)))), deleteFile(file);
-  }
-  async function updateImage({
-    blob,
-    legend,
-    altText: alt
-  }) {
-    if (editingImage)
-      try {
-        const res = await createOrUpdate({
-          blob,
-          legend,
-          alt,
-          uri: getUrl(editingImage)
-        });
-        res && typeof res == "object" && setUploadedFiles((prevFiles) => prevFiles.map((prevFile) => prevFile._id === res.file._id ? {
-          ...res.file
-        } : prevFile));
-      } finally {
-        setEditingImage(void 0);
-      }
-  }
-  const getUrl = (resource, timestamp) => {
-    const url = `/workspace/${resource != null && resource.public ? "pub/" : ""}document/${resource == null ? void 0 : resource._id}`;
-    return resource ? timestamp ? addTimestampToImageUrl(url) : url : "";
-  };
-  return {
-    /** List of files added from device */
-    files,
-    getUploadStatus,
-    clearUploadStatus,
-    uploadedFiles,
-    editingImage,
-    setEditingImage,
-    getUrl,
-    updateImage,
-    uploadFile,
-    removeFile
-  };
-}, useUploadFiles$1 = useUploadFiles;
-export {
-  useUploadFiles$1 as default
-};

package/dist/core/useUser/useUser.d.ts

@@ -1,7 +0,0 @@
-import { IUserDescription, IUserInfo } from 'edifice-ts-client';
-export interface useUserProps {
-    user: IUserInfo | undefined;
-    avatar: string;
-    userDescription: Partial<IUserDescription> | undefined;
-}
-export default function useUser(): useUserProps;

package/dist/core/useUser/useUser.js

@@ -1,22 +0,0 @@
-import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme } from "../ThemeProvider/ThemeProvider.js";
-function useUser() {
-  const {
-    user,
-    userDescription
-  } = useOdeClient(), {
-    theme
-  } = useOdeTheme();
-  function avatarUrl() {
-    let avatar = userDescription == null ? void 0 : userDescription.picture;
-    return (!avatar || avatar === "no-avatar.jpg" || avatar === "no-avatar.svg") && (avatar = `${theme == null ? void 0 : theme.basePath}/img/illustrations/no-avatar.svg`), avatar;
-  }
-  return {
-    user,
-    avatar: avatarUrl(),
-    userDescription
-  };
-}
-export {
-  useUser as default
-};

package/dist/core/useWorkspaceFile/useWorkspaceFile.d.ts

@@ -1,21 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-declare const useWorkspaceFile: () => {
-    createOrUpdate: ({ alt, uri, blob, legend, parentId, application, visibility, }: {
-        blob: Blob;
-        uri?: string | undefined;
-        alt?: string | undefined;
-        legend?: string | undefined;
-        application?: string | undefined;
-        parentId?: string | undefined;
-        visibility?: WorkspaceVisibility | undefined;
-    }) => Promise<string | {
-        file: WorkspaceElement;
-        src: string;
-    }>;
-    create: (file: File, params?: {
-        visibility?: WorkspaceVisibility;
-        application?: string | undefined;
-    }) => Promise<WorkspaceElement>;
-    remove: (file: WorkspaceElement | WorkspaceElement[]) => Promise<void>;
-};
-export default useWorkspaceFile;

package/dist/core/useWorkspaceFile/useWorkspaceFile.js

@@ -1,49 +0,0 @@
-import { odeServices } from "edifice-ts-client";
-const useWorkspaceFile = () => ({
-  createOrUpdate: async ({
-    alt,
-    uri,
-    blob,
-    legend,
-    parentId,
-    application,
-    visibility
-  }) => {
-    const regex = /\/workspace\/document\/([0-9a-fA-F-]+)/, matches = (uri ?? "").match(regex);
-    if (matches && matches.length === 2) {
-      const uuid = matches[1], existingDocuments = await odeServices.workspace().searchDocuments({
-        filter: "all",
-        id: uuid,
-        limit: 1
-      }), name = existingDocuments.length ? existingDocuments[0].name : void 0;
-      await odeServices.workspace().updateFile(uuid, blob, {
-        alt,
-        legend,
-        name
-      });
-      const updatedFile = (await odeServices.workspace().searchDocuments({
-        filter: "all",
-        id: uuid,
-        limit: 1
-      }))[0];
-      return {
-        file: updatedFile,
-        src: `/workspace/${updatedFile.public ? "pub/" : ""}document/${uuid}`
-      };
-    } else {
-      const res = await odeServices.workspace().saveFile(blob, {
-        application,
-        parentId,
-        visibility
-      });
-      return `/workspace/${res.public ? "pub/" : ""}document/${res._id}`;
-    }
-  },
-  // get,
-  create: async (file, params) => await odeServices.workspace().saveFile(file, params),
-  // put,
-  remove: async (file) => !file || Array.isArray(file) && file.length === 0 ? Promise.resolve() : await odeServices.workspace().deleteFile(Array.isArray(file) ? file : [file])
-}), useWorkspaceFile$1 = useWorkspaceFile;
-export {
-  useWorkspaceFile$1 as default
-};

package/dist/core/useWorkspaceSearch/useWorkspaceSearch.d.ts

@@ -1,9 +0,0 @@
-import { Role, ID, WorkspaceElement, WorkspaceSearchFilter } from 'edifice-ts-client';
-import { TreeNode } from '../../components';
-export type FolderNode = TreeNode & {
-    files?: WorkspaceElement[];
-};
-export default function useWorkspaceSearch(rootId: string, rootName: string, filter: WorkspaceSearchFilter, format: Role | Role[] | null): {
-    root: FolderNode;
-    loadContent: (folderId?: ID) => void;
-};

package/dist/core/useWorkspaceSearch/useWorkspaceSearch.js

@@ -1,58 +0,0 @@
-import { useReducer, useCallback } from "react";
-import { odeServices, DocumentHelper } from "edifice-ts-client";
-import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
-import { findTreeNode } from "../../utils/findTreeNode.js";
-import { useMockedData } from "../../utils/MockedDataProvider/MockedDataProvider.js";
-function useWorkspaceSearch(rootId, rootName, filter, format) {
-  const mock = useMockedData(), canListDocs = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listDocuments"), canListFolders = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listFolders");
-  function treeReducer(state, action) {
-    switch (action.type) {
-      case "update": {
-        const node = findTreeNode(state, (child) => child.id === action.folderId);
-        return node && (node.children = action.subfolders.map((f) => ({
-          id: f._id || "",
-          name: f.name
-        })), node.files = action.files), {
-          ...state
-        };
-      }
-      default:
-        throw Error("[useWorkspaceSearch] Unknown action type: " + action.type);
-    }
-  }
-  const [root, dispatch] = useReducer(treeReducer, {
-    id: rootId,
-    name: rootName,
-    section: !0
-  }), loadContent = useCallback(async (folderId) => {
-    var _a;
-    if (canListDocs && canListFolders) {
-      const realWorkspaceId = folderId === rootId ? "" : folderId, payload = mock != null && mock.listWorkspaceDocuments ? await ((_a = mock == null ? void 0 : mock.listWorkspaceDocuments) == null ? void 0 : _a.call(mock).then((results) => results.map((result) => {
-        const ret = {
-          ...result,
-          _id: "" + Math.round(Math.random() * 9999)
-        };
-        return ret.name = result.eType == "folder" ? "folder id=" + ret._id : "file id=" + ret._id, ret;
-      }))) : await odeServices.workspace().listDocuments(filter, realWorkspaceId), subfolders = [], files = [];
-      payload.filter((f) => {
-        if (!format || f.eType === "folder") return !0;
-        const role = DocumentHelper.getRole(f);
-        return typeof format == "string" ? format === role : Array.isArray(format) ? format.findIndex((format2) => format2 === role) >= 0 : !1;
-      }).forEach((doc) => {
-        doc.eType === "folder" ? subfolders.push(doc) : files.push(doc);
-      }), dispatch({
-        folderId,
-        subfolders,
-        files,
-        type: "update"
-      });
-    }
-  }, [canListDocs, canListFolders, rootId, mock, filter, format]);
-  return {
-    root,
-    loadContent
-  };
-}
-export {
-  useWorkspaceSearch as default
-};

package/dist/core/useXitiTrackPageLoad/useXitiTrackPageLoad.js

@@ -1,28 +0,0 @@
-import { useState, useEffect } from "react";
-import { odeServices } from "edifice-ts-client";
-import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
-function useXitiTrackPageLoad() {
-  const [xitiStatus, setXitiStatus] = useState("pending"), {
-    currentApp
-  } = useOdeClient();
-  useEffect(() => {
-    trackPageLoad();
-  }, []);
-  const trackPageLoad = async () => {
-    if (!currentApp) {
-      setXitiStatus("[Xiti] Error, currentApp is not defined.");
-      return;
-    }
-    try {
-      await odeServices.analytics().trackPageLoad(window.location.pathname, currentApp), console.info(`[Xiti] Success tracking page ${window.location.pathname}`), setXitiStatus(`[Xiti] Success tracking page ${window.location.pathname}`);
-    } catch (e) {
-      console.error("[Xiti] Error Tracking Page Load", e), setXitiStatus(`[Xiti] Error Tracking Page Load: ${e}`);
-    }
-  };
-  return {
-    xitiStatus
-  };
-}
-export {
-  useXitiTrackPageLoad as default
-};

package/dist/core/useZendeskGuide/useZendeskGuide.js

@@ -1,101 +0,0 @@
-import { useState, useEffect } from "react";
-import { odeServices } from "edifice-ts-client";
-import useUser from "../useUser/useUser.js";
-import useIsAdml from "../useIsAdml/useIsAdml.js";
-import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
-import { useOdeClient } from "../OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme } from "../ThemeProvider/ThemeProvider.js";
-function useZendeskGuide() {
-  const {
-    currentLanguage
-  } = useOdeClient(), {
-    userDescription
-  } = useUser(), {
-    isAdml
-  } = useIsAdml(), {
-    theme
-  } = useOdeTheme(), isMobileView = window.innerWidth <= 768, hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = useState(""), [dataModule, setDataModule] = useState(void 0), setZendeskGuideLabels = () => {
-    const modulePathnameSplit = locationPathname.split("/");
-    let moduleLabel = "", labels = "";
-    if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
-      for (let i = 1; i < modulePathnameSplit.length; i++)
-        modulePathnameSplit[i].length > 0 && modulePathnameSplit[i].match(/\d/) == null && (moduleLabel.length === 0 ? moduleLabel = modulePathnameSplit[i] : moduleLabel = moduleLabel + "/" + modulePathnameSplit[i]);
-      dataModule != null && dataModule.labels && Object.prototype.hasOwnProperty.call(dataModule == null ? void 0 : dataModule.labels, moduleLabel) ? labels = dataModule == null ? void 0 : dataModule.labels[moduleLabel] : dataModule != null && dataModule.default && String(dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    } else dataModule != null && dataModule.default && String(dataModule == null ? void 0 : dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    if (modulePathnameSplit.includes("collaborativewall") && modulePathnameSplit.includes("id") && isMobileView && window.zE("webWidget", "hide"), labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
-      const userProfile = userDescription == null ? void 0 : userDescription.profiles;
-      labels = labels.replace("${profile}", userProfile[0].toLowerCase());
-    }
-    labels.includes("${theme") && (theme != null && theme.is1d ? labels = labels.replace("${theme}", "1D") : labels = labels.replace("${theme}", "2D")), window.zE("webWidget", "helpCenter:setSuggestions", {
-      labels: [labels]
-    });
-  };
-  return useEffect(() => {
-    window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
-  }, [window.location.pathname, dataModule]), useEffect(() => {
-    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
-      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
-      if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
-        const scriptZendesk = document.createElement("script");
-        scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`, document.body.appendChild(scriptZendesk).onload = () => {
-          currentLanguage === "es" ? window.zE(function() {
-            window.zE.setLocale("es-419");
-          }) : window.zE(function() {
-            window.zE.setLocale("fr");
-          }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "show"), window.zE("webWidget", "updateSettings", {
-            webWidget: {
-              color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
-              },
-              zIndex: 3,
-              launcher: {
-                mobile: {
-                  labelVisible: !0
-                }
-              },
-              contactForm: {
-                suppress: !hasSupportWorkflow
-              },
-              helpCenter: {
-                messageButton: {
-                  "*": "Assistance ENT",
-                  "es-419": "Asistencia ENT"
-                }
-              }
-            }
-          }), window.addEventListener("scroll", () => {
-            window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                launcher: {
-                  mobile: {
-                    labelVisible: window.scrollY <= 5
-                  }
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "open", function() {
-            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: !1
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "userEvent", function(ref) {
-            const category = ref.category, action = ref.action, properties = ref.properties;
-            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties && properties.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: !0
-                }
-              }
-            }), window.zE("webWidget", "close"), window.open("/support", "_blank"));
-          });
-        };
-      }
-    })();
-  }, [hasSupportWorkflow]), null;
-}
-export {
-  useZendeskGuide as default
-};

package/dist/hooks/useImageResizer/index.d.ts

@@ -1 +0,0 @@
-export { default as useImageResizer } from './useImageResizer';

package/dist/hooks/useImageResizer/useImageResizer.d.ts

@@ -1,8 +0,0 @@
-/**
- * @module useImageResizer
- * @description This module provides a hook to resize and compress image files.
- * @returns all the action available for the image resizer
- */
-export default function useImageResizer(): {
-    resizeImageFile: (file: File, maxWidth?: number, maxHeight?: number, quality?: number) => Promise<File>;
-};

package/dist/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/multimedia/AudioRecorder/AudioRecorder.d.ts

@@ -1,12 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-export interface AudioRecorderProps {
-    onSaveSuccess?: (resource: WorkspaceElement) => void;
-    onRecordUpdated?: (recordURL?: string) => void;
-    hideSaveAction?: boolean;
-    visibility?: WorkspaceVisibility;
-}
-export interface AudioRecorderRef {
-    save: () => Promise<WorkspaceElement | undefined>;
-}
-declare const AudioRecorder: import('react').ForwardRefExoticComponent<AudioRecorderProps & import('react').RefAttributes<unknown>>;
-export default AudioRecorder;

package/dist/multimedia/AudioRecorder/AudioRecorder.js

@@ -1,49 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState } from "react";
-import { Mic } from "@edifice.io/icons";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-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(Mic, { 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/multimedia/AudioRecorder/AudioRecorderTimer.js

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

package/dist/multimedia/AudioRecorder/useAudioRecorder.d.ts

@@ -1,16 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-import { ToolbarItem } from '../../components';
-export type RecordState = 'IDLE' | 'RECORDING' | 'PAUSED' | 'RECORDED' | 'SAVING' | 'SAVED';
-export type PlayState = 'IDLE' | 'PLAYING' | 'PAUSED';
-export default function useAudioRecorder(onSaveSuccess?: (resource: WorkspaceElement) => void, onUpdateRecord?: (audioUrl?: string) => void, hideSaveAction?: boolean, visibility?: WorkspaceVisibility, application?: string): {
-    recordState: RecordState;
-    playState: PlayState;
-    audioContext: AudioContext | undefined;
-    recordTime: number;
-    maxDuration: number;
-    audioRef: import('react').RefObject<HTMLAudioElement>;
-    audioNameRef: import('react').RefObject<HTMLInputElement>;
-    toolbarItems: ToolbarItem[];
-    handlePlayEnded: () => void;
-    handleSave: () => Promise<WorkspaceElement | undefined>;
-};