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

package/dist/multimedia/MediaLibrary/MediaLibrary.d.ts

@@ -1,84 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-import { TabsItemProps } from '../../components/Tabs/TabsItem';
-import { ExternalLinkTabProps } from './innertabs/ExternalLink';
-import { InternalLinkTabProps, InternalLinkTabResult } from './innertabs/InternalLink';
-/** Ordered list of tabs. */
-declare const orderedTabs: string[];
-/**
- * Available features exposed by tabs :
- * "workspace" | "upload" | "audio-capture" | ...
- */
-export type AvailableTab = (typeof orderedTabs)[number];
-/** Additional properties of tabs. */
-export type MediaLibraryTabProps = {
-    /**
-     * Media Library types where this tab should be displayed.
-     * "*" for all types.
-     */
-    availableFor: Array<MediaLibraryType | '*' | null>;
-    /** Required checks before using this feature. */
-    isEnable: null | (() => boolean);
-};
-/**
- * Pre-configured types of media libraries.
- * Choosing a type will filter out unwanted tabs.
- */
-export type MediaLibraryType = 
-/** Audio files */
-'audio'
-/** Video files / streams / links */
- | 'video'
-/** Image files */
- | 'image'
-/** Attached files */
- | 'attachment'
-/** Embedded websites */
- | 'embedder'
-/** Hyperlinks */
- | 'hyperlink';
-export interface MediaLibraryRef {
-    /** Open the Media Library on given type. */
-    show: (type: MediaLibraryType) => void;
-    /** Close the Media Library. */
-    hide: () => void;
-    /**
-     * Open the MediaLibrary on a internal/external link Tab,
-     * and prefill the tab with data.
-     */
-    showLink: (data: InternalLinkTabProps | ExternalLinkTabProps) => void;
-    /** Get the Media Libray type currently displayed, or null if hidden. */
-    type: MediaLibraryType | null;
-}
-/**
- * The resulting type depends on the actual selected Tab when modal is closed.
- */
-export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
-/**
- * MediaLibrary component properties
- */
-export interface MediaLibraryProps {
-    /** Application Code (example: "blog"). */
-    appCode: string;
-    /** Visibility of the uploaded files "protected" | "public" | "external". */
-    visibility: WorkspaceVisibility;
-    /** Allow selecting / uploading multiple files at once ? */
-    multiple?: boolean;
-    /**
-     * Called when the user validates the modal (Add button).
-     * @param result depends on which InnerTab is visible
-     */
-    onSuccess: (result: MediaLibraryResult) => void;
-    /**
-     * Called when the user closes the modal.
-     * @param uploads uploaded workspace elements to cancel.
-     */
-    onCancel: (uploads?: WorkspaceElement[]) => void;
-    /**
-     * Called when the user swith between tabs, without closing the modal.
-     * @param tab Props of the newly displayed tab.
-     * @param uploads uploaded workspace elements to cancel.
-     */
-    onTabChange?: (tab: TabsItemProps, uploads?: WorkspaceElement[]) => void;
-}
-declare const MediaLibrary: import('react').ForwardRefExoticComponent<MediaLibraryProps & import('react').RefAttributes<MediaLibraryRef>>;
-export default MediaLibrary;

package/dist/multimedia/MediaLibrary/MediaLibrary.js

@@ -1,211 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
-import { Folder, Smartphone, RecordVideo, Mic, Globe, Applications, Code } from "@edifice.io/icons";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import Modal from "../../components/Modal/Modal.js";
-import { MediaLibraryContext } from "./MediaLibraryContext.js";
-import { InnerTabs } from "./innertabs/index.js";
-import { useHttpErrorToast } from "../../core/useHttpErrorToast/useHttpErrorToast.js";
-import useHasWorkflow from "../../core/useHasWorkflow/useHasWorkflow.js";
-import Tabs from "../../components/Tabs/Tabs.js";
-import Button from "../../components/Button/Button.js";
-const orderedTabs = [
-  "audio-capture",
-  "video-capture",
-  "internal-link",
-  // Link to a shared resource (previously known as "internal linker")
-  "external-link",
-  // Link to an external website (previously known as "external linker")
-  "iframe",
-  // Framed website
-  "upload",
-  // Filesystem browser + drag'n'drop of files
-  "workspace",
-  // Media browser
-  "video-embedder"
-  // Link to a hosted video
-], mediaLibraryTypes = {
-  none: null,
-  audio: {
-    title: "bbm.audio.modal.title",
-    defaultTab: "audio-capture"
-  },
-  video: {
-    title: "bbm.video.modal.title",
-    defaultTab: "video-capture"
-  },
-  image: {
-    title: "bbm.image.modal.title",
-    defaultTab: "workspace"
-  },
-  attachment: {
-    title: "bbm.attachment.modal.title",
-    defaultTab: "workspace"
-  },
-  hyperlink: {
-    title: "bbm.link.modal.title",
-    defaultTab: "linker"
-  },
-  embedder: {
-    title: "bbm.embed.modal.title",
-    defaultTab: "iframe"
-  }
-}, MediaLibrary = /* @__PURE__ */ forwardRef(({
-  appCode,
-  visibility,
-  multiple,
-  onSuccess,
-  onCancel,
-  onTabChange
-}, ref) => {
-  var _a;
-  const linkTabProps = useRef(), refModal = useRef(null);
-  useImperativeHandle(ref, () => ({
-    show,
-    hide,
-    showLink,
-    type,
-    ...refModal.current
-  })), useHttpErrorToast({
-    isDismissible: !0,
-    duration: 1 / 0
-  });
-  const {
-    t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null), availableTabs = {
-    workspace: {
-      id: "workspace",
-      icon: /* @__PURE__ */ jsx(Folder, {}),
-      label: t("bbm.workspace"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Workspace, {}),
-      availableFor: ["audio", "video", "image", "attachment"],
-      isEnable: null
-    },
-    upload: {
-      id: "upload",
-      icon: /* @__PURE__ */ jsx(Smartphone, {}),
-      label: t("bbm.device"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Upload, {}),
-      availableFor: ["audio", "video", "image", "attachment"],
-      isEnable: () => !!workspaceCreateWorkflow
-    },
-    "video-capture": {
-      id: "video-capture",
-      icon: /* @__PURE__ */ jsx(RecordVideo, {}),
-      label: t("bbm.video"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
-      availableFor: ["video"],
-      isEnable: () => !!videoCaptureWorkflow
-    },
-    "audio-capture": {
-      id: "audio-capture",
-      icon: /* @__PURE__ */ jsx(Mic, {}),
-      label: t("bbm.audio"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
-      availableFor: ["audio"],
-      isEnable: () => !!workspaceCreateWorkflow
-    },
-    "external-link": {
-      id: "external-link",
-      icon: /* @__PURE__ */ jsx(Globe, {}),
-      label: t("bbm.linker.ext"),
-      content: /* @__PURE__ */ jsx(InnerTabs.ExternalLink, { ...linkTabProps.current }),
-      availableFor: ["hyperlink"],
-      isEnable: null
-    },
-    "internal-link": {
-      id: "internal-link",
-      icon: /* @__PURE__ */ jsx(Applications, {}),
-      label: t("bbm.linker.int"),
-      content: /* @__PURE__ */ jsx(InnerTabs.InternalLink, { ...linkTabProps.current }),
-      availableFor: ["hyperlink"],
-      isEnable: null
-    },
-    iframe: {
-      id: "iframe",
-      icon: /* @__PURE__ */ jsx(Code, {}),
-      label: t("bbm.embed"),
-      content: /* @__PURE__ */ jsx(InnerTabs.Iframe, {}),
-      availableFor: ["embedder"],
-      isEnable: null
-    },
-    "video-embedder": {
-      id: "iframe",
-      icon: /* @__PURE__ */ jsx(Code, {}),
-      label: t("bbm.embed"),
-      content: /* @__PURE__ */ jsx(InnerTabs.VideoEmbedder, {}),
-      availableFor: ["video"],
-      isEnable: null
-    }
-  }, tabs = useMemo(
-    () => orderedTabs.map((key) => availableTabs[key]).filter((tab) => {
-      var _a2;
-      return ((_a2 = tab.isEnable) == null ? void 0 : _a2.call(tab)) !== !1 && (tab.availableFor.length === 0 || tab.availableFor.includes(type));
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [type]
-  ), [defaultTabId, setDefaultTabId] = useState(), defaultTabIdx = useMemo(() => {
-    const index = tabs.findIndex((t2) => t2.id === defaultTabId);
-    return 0 > index || index >= tabs.length ? 0 : index;
-  }, [tabs, defaultTabId]), [resultCounter, setResultCounter] = useState(), [result, setResult] = useState(), [deletionsOnCancel, setDeletionsOnCancel] = useState([]), [onSuccessAction, setPreSuccess] = useState();
-  function setVisibleTab(tab) {
-    throw tabs.findIndex((t2) => t2.id === tab) < 0 ? "tab.not.visible" : "not.implemented.yet";
-  }
-  function switchType(type2) {
-    linkTabProps.current = void 0, setDefaultTabId(void 0), setType(type2);
-  }
-  const show = (type2) => {
-    setType(type2);
-  }, hide = () => {
-    setType(null);
-  }, showLink = (props) => {
-    linkTabProps.current = props, !("resourceId" in props || "appPrefix" in props) && setDefaultTabId("external-link"), setType("hyperlink");
-  };
-  useEffect(() => {
-    var _a2, _b;
-    const typeKey = type || "none";
-    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b = mediaLibraryTypes[typeKey]) == null ? void 0 : _b.defaultTab);
-  }, [defaultTabId, type]);
-  const modalHeader = t(((_a = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _a.title) ?? "bbm"), resetState = () => {
-    linkTabProps.current = void 0, setResult(void 0), setResultCounter(void 0), setDefaultTabId(void 0), setPreSuccess(void 0), setDeletionsOnCancel([]);
-  }, handleTabChange = (tab) => {
-    onTabChange == null || onTabChange(tab, deletionsOnCancel), resetState();
-  }, handleOnSuccess = useCallback(() => {
-    const triggerSuccess = async (result2) => {
-      result2 instanceof Array && ["protected", "public"].findIndex((v) => v === visibility) >= 0 && (result2 = await odeServices.workspace().transferDocuments(result2, appCode ?? "media-library", visibility)), onSuccess(result2);
-    };
-    onSuccessAction ? onSuccessAction().then((result2) => {
-      triggerSuccess(result2);
-    }) : result && triggerSuccess(result), resetState();
-  }, [onSuccessAction, result, onSuccess, visibility]), handleOnCancel = () => {
-    onCancel(deletionsOnCancel), resetState();
-  };
-  return type && /* @__PURE__ */ jsx(MediaLibraryContext.Provider, { value: {
-    appCode,
-    visibility,
-    multiple,
-    type,
-    setResultCounter,
-    setResult,
-    setCancellable: (uploads) => setDeletionsOnCancel([...uploads]),
-    setVisibleTab,
-    switchType,
-    setPreSuccess
-  }, children: /* @__PURE__ */ jsxs(Modal, { id: "media-library", isOpen: type !== null, onModalClose: handleOnCancel, size: "lg", viewport: !0, scrollable: !0, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleOnCancel, children: modalHeader }),
-    /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: tabs[defaultTabIdx].id, onChange: handleTabChange, children: (currentItem) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      tabs.length > 1 && /* @__PURE__ */ jsx(Tabs.List, { className: "mt-16" }),
-      /* @__PURE__ */ jsx(Modal.Body, { className: "d-flex", children: /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content }) })
-    ] }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: handleOnCancel, children: t("cancel") }),
-      /* @__PURE__ */ jsx(Button, { type: "button", color: "primary", variant: "filled", disabled: typeof result > "u", onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
-        number: resultCounter
-      }) : t("add") })
-    ] })
-  ] }) });
-});
-export {
-  MediaLibrary as default
-};

package/dist/multimedia/MediaLibrary/MediaLibraryContext.d.ts

@@ -1,60 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-import { MediaLibraryType, AvailableTab, MediaLibraryResult } from './MediaLibrary';
-export declare const MediaLibraryContext: import('react').Context<{
-    /** Application code (example: "blog") */
-    appCode: string;
-    /** Visibility of the uploaded files. */
-    visibility?: WorkspaceVisibility | undefined;
-    /** Allow selecting / uploading multiple files at once ? */
-    multiple?: boolean | undefined;
-    /** Type of resource to search for. */
-    type: MediaLibraryType | null;
-    /** Set the counter in the success button label. */
-    setResultCounter: (count?: number) => void;
-    /**
-     * Set a innertab-specific callback which gets the result when success button is clicked.
-     */
-    setResult: (result?: MediaLibraryResult) => void;
-    /** Memoize uploaded elements to be deleted on cancellation. */
-    setCancellable: (uploads: WorkspaceElement[]) => void;
-    /**
-     * Allow an innertab to switch display to another innertab.
-     * This function will throw an error if switching failed.
-     */
-    setVisibleTab: (tab: AvailableTab) => void;
-    /** Allow an innertab to switch type of the media library. */
-    switchType: (type: MediaLibraryType) => void;
-    /**
-     * Allow an innertab to set action to execute before triggering onSuccess.
-     */
-    setPreSuccess: (onSuccessAction?: () => () => Promise<MediaLibraryResult>) => void;
-}>;
-export declare function useMediaLibraryContext(): {
-    /** Application code (example: "blog") */
-    appCode: string;
-    /** Visibility of the uploaded files. */
-    visibility?: WorkspaceVisibility | undefined;
-    /** Allow selecting / uploading multiple files at once ? */
-    multiple?: boolean | undefined;
-    /** Type of resource to search for. */
-    type: MediaLibraryType | null;
-    /** Set the counter in the success button label. */
-    setResultCounter: (count?: number | undefined) => void;
-    /**
-     * Set a innertab-specific callback which gets the result when success button is clicked.
-     */
-    setResult: (result?: any) => void;
-    /** Memoize uploaded elements to be deleted on cancellation. */
-    setCancellable: (uploads: WorkspaceElement[]) => void;
-    /**
-     * Allow an innertab to switch display to another innertab.
-     * This function will throw an error if switching failed.
-     */
-    setVisibleTab: (tab: string) => void;
-    /** Allow an innertab to switch type of the media library. */
-    switchType: (type: MediaLibraryType) => void;
-    /**
-     * Allow an innertab to set action to execute before triggering onSuccess.
-     */
-    setPreSuccess: (onSuccessAction?: (() => () => Promise<any>) | undefined) => void;
-};

package/dist/multimedia/MediaLibrary/innertabs/ExternalLink.d.ts

@@ -1,6 +0,0 @@
-import { IExternalLink } from '../../Linker/ExternalLinker';
-export type ExternalLinkTabProps = {
-    multiNodeSelected?: boolean;
-    link?: Partial<IExternalLink>;
-};
-export declare const ExternalLink: ({ link, multiNodeSelected, }: ExternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/multimedia/MediaLibrary/innertabs/ExternalLink.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import ExternalLinker from "../../Linker/ExternalLinker.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-const ExternalLink = ({
-  link,
-  multiNodeSelected = !1
-}) => {
-  const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(ExternalLinker, { link, onChange: (link2) => {
-    setResult(link2);
-  }, multiNodeSelected });
-};
-export {
-  ExternalLink
-};

package/dist/multimedia/MediaLibrary/innertabs/InternalLink.d.ts

@@ -1,11 +0,0 @@
-import { ILinkedResource } from 'edifice-ts-client';
-export type InternalLinkTabProps = {
-    target?: '_blank' | null;
-    appPrefix?: string | null;
-    resourceId?: string | null;
-};
-export type InternalLinkTabResult = {
-    target?: '_blank';
-    resources?: ILinkedResource[];
-};
-export declare const InternalLink: ({ target, resourceId, appPrefix, }: InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/multimedia/MediaLibrary/innertabs/InternalLink.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import InternalLinker from "../../Linker/InternalLinker.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import useToggle from "../../../hooks/useToggle/useToggle.js";
-import Checkbox from "../../../components/Checkbox/Checkbox.js";
-const InternalLink = ({
-  target,
-  resourceId,
-  appPrefix
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    setResult,
-    setResultCounter,
-    appCode,
-    multiple
-  } = useMediaLibraryContext(), [isChecked, toggleChecked] = useToggle(target === "_blank"), [resources, setRessources] = useState([]), handleSelect = (resources2) => {
-    setRessources(resources2);
-  };
-  return useEffect(() => {
-    setResult({
-      target: isChecked ? "_blank" : void 0,
-      resources
-    }), resources && resources.length ? setResultCounter(resources.length) : setResultCounter(void 0);
-  }, [isChecked, resources]), /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-16 overflow-hidden", children: [
-    /* @__PURE__ */ jsx(InternalLinker, { appCode, defaultAppCode: appPrefix, defaultResourceId: resourceId, onSelect: handleSelect, multiple }),
-    /* @__PURE__ */ jsx(Checkbox, { className: "align-items-center", checked: isChecked, label: t("bbm.linker.open.tab"), onChange: toggleChecked })
-  ] });
-};
-export {
-  InternalLink
-};

package/dist/multimedia/MediaLibrary/innertabs/Upload.js

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Dropzone from "../../../components/Dropzone/Dropzone.js";
-import UploadFiles from "../../UploadFiles/UploadFiles.js";
-const acceptedTypes = (type) => {
-  const acceptedTypes2 = [];
-  switch (type) {
-    case "audio":
-      acceptedTypes2.push("audio/*");
-      break;
-    case "video":
-      acceptedTypes2.push("video/*");
-      break;
-    case "image":
-      acceptedTypes2.push("image/png"), acceptedTypes2.push("image/jpeg"), acceptedTypes2.push("image/webp"), acceptedTypes2.push("image/gif"), acceptedTypes2.push("image/avif");
-      break;
-  }
-  return acceptedTypes2;
-}, Upload = () => {
-  const {
-    type,
-    visibility,
-    multiple,
-    setResult,
-    setResultCounter,
-    setCancellable
-  } = useMediaLibraryContext(), handleOnFilesChange = (uploadedFiles) => {
-    uploadedFiles.length ? (setCancellable(uploadedFiles), setResultCounter(uploadedFiles.length), setResult(uploadedFiles)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
-  };
-  return /* @__PURE__ */ jsx("div", { className: "py-8 flex-grow-1", children: /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) }) });
-};
-export {
-  Upload
-};

package/dist/multimedia/MediaLibrary/innertabs/VideoEmbedder.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import VideoEmbed from "../../VideoEmbed/VideoEmbed.js";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-const VideoEmbedder = () => {
-  const {
-    setResult
-  } = useMediaLibraryContext();
-  return /* @__PURE__ */ jsx(VideoEmbed, { onSuccess: (ressource) => {
-    setResult(ressource);
-  } });
-};
-export {
-  VideoEmbedder
-};

package/dist/multimedia/MediaLibrary/innertabs/Workspace.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMediaLibraryContext } from "../MediaLibraryContext.js";
-import Component from "../../Workspace/Workspace.js";
-const Workspace = () => {
-  const {
-    type,
-    setResultCounter,
-    setResult,
-    multiple,
-    visibility
-  } = useMediaLibraryContext();
-  function getDocumentRoleFilter() {
-    switch (type) {
-      case "image":
-        return "img";
-      case "audio":
-        return "audio";
-      case "video":
-        return "video";
-      default:
-        return null;
-    }
-  }
-  function handleSelect(result) {
-    setResultCounter(result.length), result.length ? setResult(result) : setResult();
-  }
-  return /* @__PURE__ */ jsx(Component, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto", defaultFolder: visibility, showPublicFolder: visibility === "public" });
-};
-export {
-  Workspace
-};

package/dist/multimedia/UploadFiles/UploadFiles.d.ts

@@ -1,9 +0,0 @@
-import { WorkspaceElement, WorkspaceVisibility } from 'edifice-ts-client';
-declare const UploadFiles: {
-    ({ onFilesChange, visibility, }: {
-        onFilesChange: (uploadedFiles: WorkspaceElement[]) => void;
-        visibility?: WorkspaceVisibility | undefined;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default UploadFiles;

package/dist/multimedia/UploadFiles/UploadFiles.js

@@ -1,56 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { customSize } from "../../utils/fileSize.js";
-import useUploadFiles from "../../core/useUploadFiles/useUploadFiles.js";
-import { UploadCard } from "../../components/UploadCard/UploadCard.js";
-import ImageEditor from "../ImageEditor/components/ImageEditor.js";
-const UploadFiles = ({
-  onFilesChange,
-  visibility = "protected"
-}) => {
-  const {
-    files,
-    uploadedFiles,
-    getUploadStatus,
-    uploadFile,
-    removeFile,
-    updateImage,
-    editingImage,
-    setEditingImage,
-    getUrl
-  } = useUploadFiles({
-    handleOnChange: onFilesChange,
-    application: "media-library",
-    visibility
-  }), fileBlobs = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const blobs = fileBlobs.current;
-    return () => {
-      blobs.forEach((url) => URL.revokeObjectURL(url)), blobs.clear();
-    };
-  }, []);
-  const renderItem = (file) => {
-    const src = file.type.startsWith("image") ? fileBlobs.current.get(file.name) : "";
-    return fileBlobs.current.has(file.name) || fileBlobs.current.set(file.name, URL.createObjectURL(file)), {
-      name: file.name,
-      info: {
-        type: file.type,
-        weight: customSize(file.size || 0, 1)
-      },
-      src
-    };
-  }, handleRemoveFile = (file) => {
-    const blobUrl = fileBlobs.current.get(file.name);
-    blobUrl && (URL.revokeObjectURL(blobUrl), fileBlobs.current.delete(file.name)), removeFile(file);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    files.map((file) => {
-      const resource = uploadedFiles.find((uploadedFile) => uploadedFile.name === file.name);
-      return /* @__PURE__ */ jsx(UploadCard, { status: getUploadStatus(file), item: renderItem(file), onEdit: () => setEditingImage(resource), onRetry: () => uploadFile(file), onDelete: () => handleRemoveFile(file) }, file.name);
-    }),
-    editingImage && /* @__PURE__ */ jsx(ImageEditor, { altText: editingImage.alt, legend: editingImage.title, image: getUrl(editingImage, !0), isOpen: !!editingImage, onCancel: () => setEditingImage(void 0), onSave: updateImage, onError: console.error })
-  ] });
-};
-export {
-  UploadFiles as default
-};

package/dist/multimedia/VideoEmbed/VideoEmbed.d.ts

@@ -1,5 +0,0 @@
-export interface VideoEmbedProps {
-    onSuccess: (resource?: string) => void;
-}
-declare const VideoEmbed: ({ onSuccess }: VideoEmbedProps) => import("react/jsx-runtime").JSX.Element;
-export default VideoEmbed;

package/dist/multimedia/VideoEmbed/VideoEmbed.js

@@ -1,77 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useState, useId, useEffect } from "react";
-import { Globe, ArrowRight } from "@edifice.io/icons";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import { useMediaLibraryContext } from "../MediaLibrary/MediaLibraryContext.js";
-import useDebounce from "../../hooks/useDebounce/useDebounce.js";
-import usePaths from "../../core/usePaths/usePaths.js";
-import FormControl from "../../components/Form/FormControl.js";
-import Input from "../../components/Input/Input.js";
-import Image from "../../components/Image/Image.js";
-import EmptyScreen from "../../components/EmptyScreen/EmptyScreen.js";
-import Button from "../../components/Button/Button.js";
-const VideoEmbed = ({
-  onSuccess
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    switchType
-  } = useMediaLibraryContext(), [url, setUrl] = useState(), [embedVideo, setEmbedVideo] = useState(), [embedder, setEmbedder] = useState(void 0), [whiteListProvider, setWhiteListProvider] = useState(), debounceChangeUrl = useDebounce(url || "", 300), formControlId = useId(), [imagePath] = usePaths();
-  useEffect(() => {
-    initWhiteListProvider();
-  }, []), useEffect(() => {
-    if (whiteListProvider && debounceChangeUrl) {
-      const embedderFound = odeServices.embedder().getProviderFromUrl(whiteListProvider, debounceChangeUrl);
-      if (embedderFound) {
-        setEmbedder(embedderFound);
-        const embedVideo2 = odeServices.embedder().getEmbedCodeForProvider(embedderFound, debounceChangeUrl);
-        setEmbedVideo(embedVideo2), onSuccess(embedVideo2);
-      } else
-        setEmbedder(void 0), onSuccess();
-    }
-  }, [debounceChangeUrl, whiteListProvider]);
-  const initWhiteListProvider = async () => {
-    const whiteListProviderResponse = await Promise.all([odeServices.embedder().getDefault(), odeServices.embedder().getCustom()]).then((results) => results.flat());
-    setWhiteListProvider(whiteListProviderResponse);
-  };
-  function handleUrlChange(event) {
-    const url2 = event.currentTarget.value;
-    setUrl(url2), onSuccess(url2 != null && url2.length ? url2 : void 0);
-  }
-  function handleSwitchToEmbedderClick() {
-    switchType("embedder");
-  }
-  const renderContent = () => debounceChangeUrl ? embedder ? /* @__PURE__ */ jsxs("div", { className: "mx-auto mt-16", children: [
-    /* @__PURE__ */ jsxs("div", { className: "video-embed-provider d-flex align-items-center", children: [
-      /* @__PURE__ */ jsx(Image, { src: embedder.logo, alt: "Logo " + embedder.displayName, className: "video-embed-provider-logo" }),
-      embedder.displayName
-    ] }),
-    embedVideo && /* @__PURE__ */ jsx("div", { className: "video-embed-preview mt-12", dangerouslySetInnerHTML: {
-      __html: embedVideo
-    } })
-  ] }) : /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column align-items-center m-16", children: [
-    /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: `${imagePath}/emptyscreen/illu-error.svg`, title: t("bbm.video.previewError.title"), text: t("bbm.video.previewError.text") }),
-    /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start mt-16", children: [
-      t("bbm.video.useEmbedCode"),
-      " ",
-      /* @__PURE__ */ jsx(ArrowRight, {})
-    ] })
-  ] }) : /* @__PURE__ */ jsx("div", { className: "d-flex my-16 align-items-start", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", color: "primary", onClick: handleSwitchToEmbedderClick, className: "align-items-start", children: [
-    t("bbm.video.useEmbedCode"),
-    " ",
-    /* @__PURE__ */ jsx(ArrowRight, {})
-  ] }) });
-  return /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill video-embed", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-8 d-flex", children: [
-      /* @__PURE__ */ jsx(Globe, { className: "me-8" }),
-      t("bbm.video.url.title")
-    ] }),
-    /* @__PURE__ */ jsx(FormControl, { id: formControlId, children: /* @__PURE__ */ jsx(Input, { size: "md", type: "text", placeholder: t("bbm.video.url.placeholder"), onChange: handleUrlChange }) }),
-    /* @__PURE__ */ jsx(Fragment, { children: renderContent() })
-  ] });
-};
-export {
-  VideoEmbed as default
-};