@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014191834

package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js

@@ -1 +1,262 @@
-import SvgIconApplications from"../../icons/components/IconApplications.js";import SvgIconCode from"../../icons/components/IconCode.js";import SvgIconFolder from"../../icons/components/IconFolder.js";import SvgIconGlobe from"../../icons/components/IconGlobe.js";import SvgIconMic from"../../icons/components/IconMic.js";import SvgIconRecordVideo from"../../icons/components/IconRecordVideo.js";import SvgIconSmartphone from"../../icons/components/IconSmartphone.js";import Button from"../../../components/Button/Button.js";import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import{MediaLibraryContext}from"./MediaLibraryContext.js";import{InnerTabs}from"./innertabs/index.js";import useHttpErrorToast from"../../../hooks/useHttpErrorToast/useHttpErrorToast.js";import Modal from"../../../components/Modal/Modal.js";import Tabs from"../../../components/Tabs/components/Tabs.js";import{forwardRef,useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";var orderedTabs=[`audio-capture`,`video-capture`,`internal-link`,`external-link`,`iframe`,`upload`,`workspace`,`video-embedder`],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`},studio:{title:`bbm.studio.modal.title`,defaultTab:`audio-capture`}},MediaLibrary=forwardRef(({appCode,visibility,multiple,onSuccess,onCancel,onTabChange},ref)=>{let linkTabProps=useRef(),refModal=useRef(null);useImperativeHandle(ref,()=>({show,hide,showLink,type,...refModal.current}));let{t}=useTranslation(),workspaceCreateWorkflow=useHasWorkflow(`org.entcore.workspace.controllers.WorkspaceController|addDocument`),videoCaptureWorkflow=useHasWorkflow(`com.opendigitaleducation.video.controllers.VideoController|capture`),[type,setType]=useState(null);useHttpErrorToast({active:!!type,isDismissible:!0,duration:1/0});let availableTabs={workspace:{id:`workspace`,icon:jsx(SvgIconFolder,{}),label:t(`bbm.workspace`),content:jsx(InnerTabs.Workspace,{}),availableFor:[`audio`,`video`,`image`,`attachment`],isEnable:null},upload:{id:`upload`,icon:jsx(SvgIconSmartphone,{}),label:t(`bbm.device`),content:jsx(InnerTabs.Upload,{}),availableFor:[`audio`,`video`,`image`,`attachment`],isEnable:()=>!!workspaceCreateWorkflow},"video-capture":{id:`video-capture`,icon:jsx(SvgIconRecordVideo,{}),label:t(`bbm.video`),content:jsx(InnerTabs.Video,{}),availableFor:[`video`,`studio`],isEnable:()=>!!videoCaptureWorkflow},"audio-capture":{id:`audio-capture`,icon:jsx(SvgIconMic,{}),label:t(`bbm.audio`),content:jsx(InnerTabs.Audio,{}),availableFor:[`audio`,`studio`],isEnable:()=>!!workspaceCreateWorkflow},"external-link":{id:`external-link`,icon:jsx(SvgIconGlobe,{}),label:t(`bbm.linker.ext`),content:jsx(InnerTabs.ExternalLink,{...linkTabProps.current}),availableFor:[`hyperlink`],isEnable:null},"internal-link":{id:`internal-link`,icon:jsx(SvgIconApplications,{}),label:t(`bbm.linker.int`),content:jsx(InnerTabs.InternalLink,{...linkTabProps.current}),availableFor:[`hyperlink`],isEnable:null},iframe:{id:`iframe`,icon:jsx(SvgIconCode,{}),label:t(`bbm.embed`),content:jsx(InnerTabs.Iframe,{}),availableFor:[`embedder`],isEnable:null},"video-embedder":{id:`iframe`,icon:jsx(SvgIconCode,{}),label:t(`bbm.embed`),content:jsx(InnerTabs.VideoEmbedder,{}),availableFor:[`video`],isEnable:null}},tabs=useMemo(()=>orderedTabs.map(key=>availableTabs[key]).filter(tab=>tab.isEnable?.()!==!1&&(tab.availableFor.length===0||tab.availableFor.includes(type))),[type]),[defaultTabId,setDefaultTabId]=useState(),defaultTabIdx=useMemo(()=>{let index=tabs.findIndex(t=>t.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(t=>t.id===tab)<0?`tab.not.visible`:`not.implemented.yet`}function switchType(type){linkTabProps.current=void 0,setDefaultTabId(void 0),setType(type)}let show=type=>{setType(type)},hide=()=>{setType(null)},showLink=props=>{linkTabProps.current=props,`resourceId`in props||`appPrefix`in props||setDefaultTabId(`external-link`),setType(`hyperlink`)};useEffect(()=>{let typeKey=type||`none`;!defaultTabId&&typeof mediaLibraryTypes[typeKey]?.defaultTab==`string`&&setDefaultTabId(mediaLibraryTypes[typeKey]?.defaultTab)},[defaultTabId,type]);let modalHeader=t(mediaLibraryTypes[type??`none`]?.title??`bbm`),resetState=()=>{linkTabProps.current=void 0,setResult(void 0),setResultCounter(void 0),setDefaultTabId(void 0),setPreSuccess(void 0),setDeletionsOnCancel([])},handleTabChange=tab=>{onTabChange?.(tab,deletionsOnCancel),resetState()},handleOnSuccess=useCallback(()=>{let triggerSuccess=async result=>{result instanceof Array&&[`protected`,`public`].findIndex(v=>v===visibility)>=0&&(result=await odeServices.workspace().transferDocuments(result,appCode??`media-library`,visibility)),onSuccess(result)};onSuccessAction?onSuccessAction().then(result=>{triggerSuccess(result)}):result&&triggerSuccess(result),resetState()},[onSuccessAction,result,onSuccess,visibility,appCode]),handleOnCancel=()=>{onCancel(deletionsOnCancel),resetState()};return type&&jsx(MediaLibraryContext.Provider,{value:{appCode,visibility,multiple,type,setResultCounter,setResult,setCancellable:uploads=>setDeletionsOnCancel([...uploads]),setVisibleTab,switchType,setPreSuccess},children:jsxs(Modal,{id:`media-library`,isOpen:type!==null,onModalClose:handleOnCancel,size:`lg`,viewport:!0,scrollable:!0,children:[jsx(Modal.Header,{onModalClose:handleOnCancel,children:modalHeader}),jsx(Tabs,{items:tabs,defaultId:tabs[defaultTabIdx].id,onChange:handleTabChange,children:currentItem=>jsxs(Fragment$1,{children:[tabs.length>1&&jsx(Tabs.List,{className:`mt-16`}),jsx(Modal.Body,{className:`d-flex`,children:jsx(Tabs.Panel,{currentItem,children:currentItem?.content})})]})}),jsxs(Modal.Footer,{children:[jsx(Button,{type:`button`,color:`tertiary`,variant:`ghost`,onClick:handleOnCancel,children:t(`cancel`)}),jsx(Button,{type:`button`,color:`primary`,variant:`filled`,disabled:result===void 0,onClick:handleOnSuccess,children:resultCounter&&resultCounter>1?t(`addMultiple`,{number:resultCounter}):t(`add`)})]})]})})});export{MediaLibrary as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, useCallback } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import SvgIconApplications from "../../icons/components/IconApplications.js";
+import SvgIconCode from "../../icons/components/IconCode.js";
+import SvgIconFolder from "../../icons/components/IconFolder.js";
+import SvgIconGlobe2 from "../../icons/components/IconGlobe2.js";
+import SvgIconGlobe from "../../icons/components/IconGlobe.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
+import SvgIconSmartphone from "../../icons/components/IconSmartphone.js";
+import { InnerTabs } from "./innertabs/index.js";
+import { MediaLibraryContext } from "./MediaLibraryContext.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import usePublicConf from "../../../hooks/usePublicConf/usePublicConf.js";
+import useHttpErrorToast from "../../../hooks/useHttpErrorToast/useHttpErrorToast.js";
+import Modal from "../../../components/Modal/Modal.js";
+import { Tabs } from "../../../components/Tabs/components/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
+  "nextcloud",
+  // Nextcloud media browser
+  "google-drive",
+  // Google Drive media browser
+  "video-embedder"
+  // Link to a hosted video
+], GOOGLE_DRIVE_VIEW_WORKFLOW = "io.edifice.google.drive.controller.GoogleDriveController|view", 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"
+  },
+  // Add studio type with video-capture as default tab
+  studio: {
+    title: "bbm.studio.modal.title",
+    defaultTab: "audio-capture"
+  }
+}, MediaLibrary = /* @__PURE__ */ forwardRef(({
+  appCode,
+  visibility,
+  multiple,
+  onSuccess,
+  onCancel,
+  onTabChange
+}, ref) => {
+  var _a, _b, _c;
+  const linkTabProps = useRef(), refModal = useRef(null);
+  useImperativeHandle(ref, () => ({
+    show,
+    hide,
+    showLink,
+    type,
+    ...refModal.current
+  }));
+  const {
+    t
+  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), nextcloudViewWorkflow = useHasWorkflow("fr.openent.nextcloud.controller.NextcloudController|view"), googleDriveViewWorkflow = useHasWorkflow(GOOGLE_DRIVE_VIEW_WORKFLOW), {
+    data: workspacePublicConf
+  } = usePublicConf("workspace"), enableNextcloudTab = ((_a = workspacePublicConf == null ? void 0 : workspacePublicConf["folder-service"]) == null ? void 0 : _a.includes("nextcloud")) && nextcloudViewWorkflow, enableGoogleDriveTab = ((_b = workspacePublicConf == null ? void 0 : workspacePublicConf["folder-service"]) == null ? void 0 : _b.includes("google-drive")) && googleDriveViewWorkflow, [type, setType] = useState(null);
+  useHttpErrorToast({
+    active: !!type,
+    isDismissible: !0,
+    duration: 1 / 0
+  });
+  const availableTabs = {
+    workspace: {
+      id: "workspace",
+      icon: /* @__PURE__ */ jsx(SvgIconFolder, {}),
+      label: t("bbm.workspace"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Workspace, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: null
+    },
+    nextcloud: {
+      id: "nextcloud",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe2, {}),
+      label: t("bbm.nextcloud"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Nextcloud, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!enableNextcloudTab
+    },
+    "google-drive": {
+      id: "google-drive",
+      // FIXME No Google Drive icon in the pack yet; reusing the generic one.
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe2, {}),
+      label: t("bbm.google-drive"),
+      content: /* @__PURE__ */ jsx(InnerTabs.GoogleDrive, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!enableGoogleDriveTab
+    },
+    upload: {
+      id: "upload",
+      icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
+      label: t("bbm.device"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Upload, {}),
+      availableFor: ["audio", "video", "image", "attachment"],
+      isEnable: () => !!workspaceCreateWorkflow
+    },
+    "video-capture": {
+      id: "video-capture",
+      icon: /* @__PURE__ */ jsx(SvgIconRecordVideo, {}),
+      label: t("bbm.video"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Video, {}),
+      availableFor: ["video", "studio"],
+      isEnable: () => !!videoCaptureWorkflow
+    },
+    "audio-capture": {
+      id: "audio-capture",
+      icon: /* @__PURE__ */ jsx(SvgIconMic, {}),
+      label: t("bbm.audio"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Audio, {}),
+      availableFor: ["audio", "studio"],
+      isEnable: () => !!workspaceCreateWorkflow
+    },
+    "external-link": {
+      id: "external-link",
+      icon: /* @__PURE__ */ jsx(SvgIconGlobe, {}),
+      label: t("bbm.linker.ext"),
+      content: /* @__PURE__ */ jsx(InnerTabs.ExternalLink, { ...linkTabProps.current }),
+      availableFor: ["hyperlink"],
+      isEnable: null
+    },
+    "internal-link": {
+      id: "internal-link",
+      icon: /* @__PURE__ */ jsx(SvgIconApplications, {}),
+      label: t("bbm.linker.int"),
+      content: /* @__PURE__ */ jsx(InnerTabs.InternalLink, { ...linkTabProps.current }),
+      availableFor: ["hyperlink"],
+      isEnable: null
+    },
+    iframe: {
+      id: "iframe",
+      icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
+      label: t("bbm.embed"),
+      content: /* @__PURE__ */ jsx(InnerTabs.Iframe, {}),
+      availableFor: ["embedder"],
+      isEnable: null
+    },
+    "video-embedder": {
+      id: "iframe",
+      icon: /* @__PURE__ */ jsx(SvgIconCode, {}),
+      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(), [isSubmitting, setIsSubmitting] = useState(!1);
+  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, _b2;
+    const typeKey = type || "none";
+    !defaultTabId && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _b2.defaultTab);
+  }, [defaultTabId, type]);
+  const modalHeader = t(((_c = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _c.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(() => {
+    if (isSubmitting) return;
+    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);
+    };
+    (async () => {
+      setIsSubmitting(!0);
+      try {
+        if (onSuccessAction) {
+          const asyncResult = await onSuccessAction();
+          await triggerSuccess(asyncResult);
+        } else result && await triggerSuccess(result);
+        resetState();
+      } catch {
+      } finally {
+        setIsSubmitting(!1);
+      }
+    })();
+  }, [isSubmitting, onSuccessAction, result, onSuccess, visibility, appCode]), 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" || isSubmitting, onClick: handleOnSuccess, children: resultCounter && resultCounter > 1 ? t("addMultiple", {
+        number: resultCounter
+      }) : t("add") })
+    ] })
+  ] }) });
+});
+Object.assign(MediaLibrary, InnerTabs);
+export {
+  MediaLibrary as default
+};

package/dist/modules/multimedia/MediaLibrary/MediaLibraryContext.js

@@ -1 +1,12 @@
-import{createContext,useContext}from"react";var MediaLibraryContext=createContext(null);function useMediaLibraryContext(){let context=useContext(MediaLibraryContext);if(!context)throw Error(`Innertabs compound components cannot be rendered outside the MediaLibrary component`);return context}export{MediaLibraryContext,useMediaLibraryContext};
+import { createContext, useContext } from "react";
+const MediaLibraryContext = /* @__PURE__ */ createContext(null);
+function useMediaLibraryContext() {
+  const context = useContext(MediaLibraryContext);
+  if (!context)
+    throw new Error("Innertabs compound components cannot be rendered outside the MediaLibrary component");
+  return context;
+}
+export {
+  MediaLibraryContext,
+  useMediaLibraryContext
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/Audio.js

@@ -1 +1,19 @@
-import AudioRecorder from"../../AudioRecorder/AudioRecorder.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{useRef}from"react";import{jsx}from"react/jsx-runtime";var Audio=()=>{let{setResult,setPreSuccess,visibility}=useMediaLibraryContext(),ref=useRef(null);return jsx(AudioRecorder,{ref,onRecordUpdated:recordURL=>{recordURL?(setResult(recordURL),setPreSuccess(()=>ref.current.save)):setResult()},onSaveSuccess:audioRessource=>{audioRessource&&setResult(audioRessource)},hideSaveAction:!0,visibility})};export{Audio};
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import AudioRecorder from "../../AudioRecorder/AudioRecorder.js";
+const Audio = () => {
+  const {
+    setResult,
+    setPreSuccess,
+    visibility
+  } = useMediaLibraryContext(), ref = useRef(null);
+  return /* @__PURE__ */ jsx(AudioRecorder, { ref, onRecordUpdated: (recordURL) => {
+    recordURL ? (setResult(recordURL), setPreSuccess(() => ref.current.save)) : setResult();
+  }, onSaveSuccess: (audioRessource) => {
+    audioRessource && setResult(audioRessource);
+  }, hideSaveAction: !0, visibility });
+};
+export {
+  Audio
+};

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

@@ -1 +1,17 @@
-import ExternalLinker from"../../Linker/ExternalLinker/ExternalLinker.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{jsx}from"react/jsx-runtime";var ExternalLink=({link,multiNodeSelected=!1})=>{let{setResult}=useMediaLibraryContext();return jsx(ExternalLinker,{link,onChange:link=>{setResult(link)},multiNodeSelected})};export{ExternalLink};
+import { jsx } from "react/jsx-runtime";
+import { ExternalLinker } from "../../Linker/ExternalLinker/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/modules/multimedia/MediaLibrary/innertabs/GoogleDrive.d.ts

@@ -0,0 +1 @@
+export declare const GoogleDrive: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/MediaLibrary/innertabs/GoogleDrive.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { odeServices, GoogleDriveCopyError } from "@edifice.io/client";
+import { useTranslation } from "react-i18next";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import useToast from "../../../../hooks/useToast/useToast.js";
+import GoogleDrive$1 from "../../GoogleDrive/GoogleDrive.js";
+const GoogleDrive = () => {
+  const {
+    appCode,
+    visibility,
+    type,
+    setResultCounter,
+    setResult,
+    setPreSuccess,
+    multiple
+  } = useMediaLibraryContext(), {
+    user
+  } = useUser(), {
+    t
+  } = useTranslation(), toast = useToast();
+  function getDocumentRoleFilter() {
+    switch (type) {
+      case "image":
+        return "img";
+      case "audio":
+        return "audio";
+      case "video":
+        return "video";
+      default:
+        return null;
+    }
+  }
+  async function copyToWorkspace(userId, ids) {
+    try {
+      return await odeServices.googledrive().copyDocumentToWorkspace(
+        userId,
+        ids,
+        void 0,
+        // Copy the documents straight to their final place, the way an upload
+        // does, instead of leaving a copy in the user's own documents for the
+        // modal to transfer afterwards.
+        {
+          application: appCode,
+          visibility
+        }
+      );
+    } catch (error) {
+      if (error instanceof GoogleDriveCopyError && error.copied.length > 0)
+        return toast.warning(t("google-drive.transfer.error")), error.copied;
+      throw error;
+    }
+  }
+  function handleSelect(result) {
+    setResultCounter(result.length), result.length ? (setResult(result), setPreSuccess(() => () => user != null && user.userId ? copyToWorkspace(user.userId, result.map((doc) => doc.id)) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
+  }
+  return /* @__PURE__ */ jsx(GoogleDrive$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
+};
+export {
+  GoogleDrive
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/Iframe.js

@@ -1 +1,14 @@
-import Embed from"../../Embed/Embed.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import{jsx}from"react/jsx-runtime";var Iframe=()=>{let{setResult}=useMediaLibraryContext();return jsx(Embed,{onSuccess:ressource=>{ressource=ressource?.replace(/<p /g,`<div `).replace(/\/p>/g,`/div>`),setResult(ressource)}})};export{Iframe};
+import { jsx } from "react/jsx-runtime";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import Embed from "../../Embed/Embed.js";
+const Iframe = () => {
+  const {
+    setResult
+  } = useMediaLibraryContext();
+  return /* @__PURE__ */ jsx(Embed, { onSuccess: (ressource) => {
+    ressource = ressource == null ? void 0 : ressource.replace(/<p /g, "<div ").replace(/\/p>/g, "/div>"), setResult(ressource);
+  } });
+};
+export {
+  Iframe
+};

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

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

@@ -0,0 +1 @@
+export declare const Nextcloud: () => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/MediaLibrary/innertabs/Nextcloud.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { odeServices } from "@edifice.io/client";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import useUser from "../../../../hooks/useUser/useUser.js";
+import Nextcloud$1 from "../../Nextcloud/Nextcloud.js";
+const Nextcloud = () => {
+  const {
+    appCode,
+    visibility,
+    type,
+    setResultCounter,
+    setResult,
+    setPreSuccess,
+    multiple
+  } = useMediaLibraryContext(), {
+    user
+  } = useUser();
+  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), setPreSuccess(() => () => user != null && user.userId ? odeServices.nextcloud().copyDocumentToWorkspace(
+      user.userId,
+      result.map((doc) => doc.path),
+      void 0,
+      // Copy the documents straight to their final place, the way an
+      // upload does, instead of leaving a copy in the user's own
+      // documents for the modal to transfer afterwards.
+      {
+        application: appCode,
+        visibility
+      }
+    ) : Promise.resolve([]))) : (setResult(), setPreSuccess(void 0));
+  }
+  return /* @__PURE__ */ jsx(Nextcloud$1, { roles: getDocumentRoleFilter(), onSelect: handleSelect, multiple, className: "border rounded overflow-y-auto" });
+};
+export {
+  Nextcloud
+};

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

@@ -1 +1,68 @@
-import Flex from"../../../../components/Flex/Flex.js";import{useMediaLibraryContext}from"../MediaLibraryContext.js";import Dropzone from"../../../../components/Dropzone/Dropzone.js";import Radio from"../../../../components/Radio/Radio.js";import UploadFiles from"../../UploadFiles/UploadFiles.js";import{useEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var acceptedTypes=type=>{let acceptedTypes=[];switch(type){case`audio`:acceptedTypes.push(`audio/*`);break;case`video`:acceptedTypes.push(`video/*`);break;case`image`:acceptedTypes.push(`image/png`),acceptedTypes.push(`image/jpeg`),acceptedTypes.push(`image/webp`),acceptedTypes.push(`image/gif`),acceptedTypes.push(`image/avif`),acceptedTypes.push(`image/heic`);break;default:break}return acceptedTypes},orderUploadedFiles=(uploadedFiles,sourceFilesInfo,byAlpha)=>{let infoOf=element=>element._id?sourceFilesInfo[element._id]:void 0,nameOf=element=>infoOf(element)?.name??element.name,lastModifiedOf=element=>infoOf(element)?.lastModified??0;return byAlpha?[...uploadedFiles].sort((a,b)=>nameOf(a).localeCompare(nameOf(b),void 0,{numeric:!0})):[...uploadedFiles].sort((a,b)=>lastModifiedOf(b)-lastModifiedOf(a)).reverse()},Upload=()=>{let{t}=useTranslation(),{type,visibility,multiple,setResult,setResultCounter,setCancellable,setPreSuccess}=useMediaLibraryContext(),[sortByAlpha,setSortByAlpha]=useState(!0),[uploadedFiles,setUploadedFiles]=useState([]),sourceFilesInfoRef=useRef({});return useEffect(()=>{if(!multiple||!uploadedFiles.length){setPreSuccess(void 0);return}setPreSuccess(()=>()=>Promise.resolve(orderUploadedFiles(uploadedFiles,sourceFilesInfoRef.current,sortByAlpha)))},[multiple,uploadedFiles,sortByAlpha,setPreSuccess]),jsxs(`div`,{className:`flex-grow-1`,children:[multiple&&jsxs(Flex,{className:`mb-16 ms-8`,align:`start`,direction:`column`,gap:`8`,children:[jsxs(`div`,{children:[t(`bbm.upload.sort.title`),` :`]}),jsx(Radio,{label:t(`bbm.upload.sort.alpha`),name:`media-library-upload-sort`,value:`alpha`,model:sortByAlpha?`alpha`:`date`,checked:sortByAlpha,onChange:()=>setSortByAlpha(!0),"data-testid":`media-library-upload-sort-alpha`}),jsx(Radio,{label:t(`bbm.upload.sort.date`),name:`media-library-upload-sort`,value:`date`,model:sortByAlpha?`alpha`:`date`,checked:!sortByAlpha,onChange:()=>setSortByAlpha(!1),"data-testid":`media-library-upload-sort-date`})]}),jsx(Dropzone,{multiple,accept:acceptedTypes(type??`embedder`),children:jsx(UploadFiles,{onFilesChange:(uploadedFiles,sourceFilesInfo)=>{sourceFilesInfoRef.current=sourceFilesInfo,setUploadedFiles(uploadedFiles),uploadedFiles.length?(setCancellable(uploadedFiles),setResultCounter(uploadedFiles.length),setResult(uploadedFiles)):(setCancellable([]),setResultCounter(void 0),setResult(void 0))},visibility})})]})};export{Upload};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import Flex from "../../../../components/Flex/Flex.js";
+import Radio from "../../../../components/Radio/Radio.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"), acceptedTypes2.push("image/heic");
+      break;
+  }
+  return acceptedTypes2;
+}, orderUploadedFiles = (uploadedFiles, sourceFilesInfo, byAlpha) => {
+  const infoOf = (element) => element._id ? sourceFilesInfo[element._id] : void 0, nameOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.name) ?? element.name;
+  }, lastModifiedOf = (element) => {
+    var _a;
+    return ((_a = infoOf(element)) == null ? void 0 : _a.lastModified) ?? 0;
+  };
+  return byAlpha ? [...uploadedFiles].sort((a, b) => nameOf(a).localeCompare(nameOf(b), void 0, {
+    numeric: !0
+  })) : [...uploadedFiles].sort((a, b) => lastModifiedOf(b) - lastModifiedOf(a)).reverse();
+}, Upload = () => {
+  const {
+    t
+  } = useTranslation(), {
+    type,
+    visibility,
+    multiple,
+    setResult,
+    setResultCounter,
+    setCancellable,
+    setPreSuccess
+  } = useMediaLibraryContext(), [sortByAlpha, setSortByAlpha] = useState(!0), [uploadedFiles, setUploadedFiles] = useState([]), sourceFilesInfoRef = useRef({}), handleOnFilesChange = (uploadedFiles2, sourceFilesInfo) => {
+    sourceFilesInfoRef.current = sourceFilesInfo, setUploadedFiles(uploadedFiles2), uploadedFiles2.length ? (setCancellable(uploadedFiles2), setResultCounter(uploadedFiles2.length), setResult(uploadedFiles2)) : (setCancellable([]), setResultCounter(void 0), setResult(void 0));
+  };
+  return useEffect(() => {
+    if (!multiple || !uploadedFiles.length) {
+      setPreSuccess(void 0);
+      return;
+    }
+    setPreSuccess(() => () => Promise.resolve(orderUploadedFiles(uploadedFiles, sourceFilesInfoRef.current, sortByAlpha)));
+  }, [multiple, uploadedFiles, sortByAlpha, setPreSuccess]), /* @__PURE__ */ jsxs("div", { className: "flex-grow-1", children: [
+    multiple && /* @__PURE__ */ jsxs(Flex, { className: "mb-16 ms-8", align: "start", direction: "column", gap: "8", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        t("bbm.upload.sort.title"),
+        " :"
+      ] }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.alpha"), name: "media-library-upload-sort", value: "alpha", model: sortByAlpha ? "alpha" : "date", checked: sortByAlpha, onChange: () => setSortByAlpha(!0), "data-testid": "media-library-upload-sort-alpha" }),
+      /* @__PURE__ */ jsx(Radio, { label: t("bbm.upload.sort.date"), name: "media-library-upload-sort", value: "date", model: sortByAlpha ? "alpha" : "date", checked: !sortByAlpha, onChange: () => setSortByAlpha(!1), "data-testid": "media-library-upload-sort-date" })
+    ] }),
+    /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
+  ] });
+};
+export {
+  Upload
+};

package/dist/modules/multimedia/MediaLibrary/innertabs/Video.js

@@ -1 +1,22 @@
-import{useMediaLibraryContext}from"../MediaLibraryContext.js";import VideoRecorder from"../../VideoRecorder/VideoRecorder.js";import{useRef}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Video=()=>{let{appCode,setResult,setPreSuccess}=useMediaLibraryContext(),{t}=useTranslation(),ref=useRef(null);return jsx(VideoRecorder,{ref,appCode,caption:t(`bbm.video.caption`),onRecordUpdated:recordUrl=>{recordUrl?(setResult(recordUrl),setPreSuccess(()=>ref.current.save)):setResult()},onError:err=>{console.error(err)},hideSaveAction:!0})};export{Video};
+import { jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { useMediaLibraryContext } from "../MediaLibraryContext.js";
+import VideoRecorder from "../../VideoRecorder/VideoRecorder.js";
+const Video = () => {
+  const {
+    appCode,
+    setResult,
+    setPreSuccess
+  } = useMediaLibraryContext(), {
+    t
+  } = useTranslation(), ref = useRef(null), handleRecordUpdated = (recordUrl) => {
+    recordUrl ? (setResult(recordUrl), setPreSuccess(() => ref.current.save)) : setResult();
+  }, handleError = (err) => {
+    console.error(err);
+  };
+  return /* @__PURE__ */ jsx(VideoRecorder, { ref, appCode, caption: t("bbm.video.caption"), onRecordUpdated: handleRecordUpdated, onError: handleError, hideSaveAction: !0 });
+};
+export {
+  Video
+};

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

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