@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-integration.20261014184332

package/dist/modules/multimedia/FileCard/NextcloudFileCard.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { DocumentHelper, odeServices } from "@edifice.io/client";
+import clsx from "clsx";
+import SvgIconLandscape from "../../icons/components/IconLandscape.js";
+import SvgIconMic from "../../icons/components/IconMic.js";
+import SvgIconTextPage from "../../icons/components/IconTextPage.js";
+import SvgIconVideo from "../../icons/components/IconVideo.js";
+import FileIcon from "./FileIcon.js";
+import useThumbnail from "../../../hooks/useThumbnail/useThumbnail.js";
+import Card from "../../../components/Card/Card.js";
+const roleMappings = {
+  csv: {
+    icon: ".CSV",
+    color: "bg-orange-200"
+  },
+  xls: {
+    icon: ".XLS",
+    color: "bg-green-200"
+  },
+  doc: {
+    icon: ".DOC",
+    color: "bg-blue-200"
+  },
+  txt: {
+    icon: ".TXT",
+    color: "bg-blue-200"
+  },
+  pdf: {
+    icon: ".PDF",
+    color: "bg-red-200"
+  },
+  audio: {
+    icon: /* @__PURE__ */ jsx(SvgIconMic, { width: 22, height: 22 }),
+    color: "bg-red-200"
+  },
+  ppt: {
+    icon: ".PPT",
+    color: "bg-red-200"
+  },
+  img: {
+    icon: /* @__PURE__ */ jsx(SvgIconLandscape, { width: 22, height: 22 }),
+    color: "bg-green-200"
+  },
+  video: {
+    icon: /* @__PURE__ */ jsx(SvgIconVideo, { width: 22, height: 22 }),
+    color: "bg-purple-200"
+  },
+  zip: {
+    icon: ".ZIP",
+    color: "bg-gray-300"
+  },
+  md: {
+    icon: ".MD",
+    color: "bg-blue-200"
+  },
+  unknown: {
+    icon: /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: "bg-gray-300"
+  }
+};
+function getRoleMap(type, customIcon, customColor) {
+  return customIcon !== void 0 || customColor !== void 0 ? {
+    icon: customIcon || /* @__PURE__ */ jsx(SvgIconTextPage, { width: 22, height: 22 }),
+    color: customColor || "bg-gray-300",
+    hasShadow: !1
+  } : roleMappings[type] ?? roleMappings.unknown;
+}
+const NextcloudFileCard = ({
+  doc,
+  userId,
+  isClickable = !0,
+  isSelectable = !1,
+  isSelected = !1,
+  onClick,
+  className,
+  onSelect,
+  isFocused,
+  app,
+  customIcon,
+  customColor
+}) => {
+  const ref = useRef(null), type = DocumentHelper.role(doc.contentType, !1), roleMap = getRoleMap(type ?? "unknown", customIcon, customColor), file = clsx("file position-relative rounded", (roleMap == null ? void 0 : roleMap.color) ?? "bg-yellow-200"), mediaSrc = type === "img" ? odeServices.nextcloud().getFileUrl(userId, doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
+    ref
+  }), imageStyles = hasThumbnail && {
+    backgroundImage: `url(${mediaSrc})`,
+    backgroundSize: "cover"
+  };
+  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, app, isFocused, onSelect, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
+    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
+      aspectRatio: "16/10",
+      ...imageStyles
+    }, children: type !== "img" || !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap }) : null }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
+      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerDisplayName })
+    ] })
+  ] }) });
+};
+export {
+  NextcloudFileCard as default
+};

package/dist/modules/multimedia/FileCard/index.d.ts

@@ -1,2 +1,6 @@
 export { default as FileCard } from './FileCard';
 export * from './FileCard';
+export { default as GoogleDriveFileCard } from './GoogleDriveFileCard';
+export * from './GoogleDriveFileCard';
+export { default as NextcloudFileCard } from './NextcloudFileCard';
+export * from './NextcloudFileCard';

package/dist/modules/multimedia/GoogleDrive/GoogleDrive.d.ts

@@ -0,0 +1,24 @@
+import { GoogleDriveDocument, Role } from '@edifice.io/client';
+/**
+ * GoogleDrive component properties
+ */
+export interface GoogleDriveProps {
+    /**
+     * Notify parent when media elements are successfully selected.
+     */
+    onSelect: (result: GoogleDriveDocument[]) => void;
+    /**
+     * Boolean to know if we can select 1 or many files.
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Document roles to filter files by; null (default) shows all roles.
+     */
+    roles?: Role | Role[] | null;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare const GoogleDrive: ({ onSelect, multiple, roles, className, }: GoogleDriveProps) => import("react/jsx-runtime").JSX.Element;
+export default GoogleDrive;

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

@@ -0,0 +1,100 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { DocumentHelper } from "@edifice.io/client";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { findNodeById } from "../../../components/Tree/utilities/tree.js";
+import SvgIconSortAscendingLetters from "../../icons/components/IconSortAscendingLetters.js";
+import SvgIconSortDescendingLetters from "../../icons/components/IconSortDescendingLetters.js";
+import SvgIconSortTime from "../../icons/components/IconSortTime.js";
+import illuError from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-error.svg";
+import illuTrash from "@edifice.io/bootstrap/dist/images/emptyscreen/illu-trash.svg";
+import useUser from "../../../hooks/useUser/useUser.js";
+import useGoogleDriveSearch from "../../../hooks/useGoogleDriveSearch/useGoogleDriveSearch.js";
+import { Grid } from "../../../components/Grid/Grid.js";
+import Tree from "../../../components/Tree/components/Tree.js";
+import SearchBar from "../../../components/SearchBar/SearchBar.js";
+import Flex from "../../../components/Flex/Flex.js";
+import Dropdown from "../../../components/Dropdown/Dropdown.js";
+import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
+import Button from "../../../components/Button/Button.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+import GoogleDriveFileCard from "../FileCard/GoogleDriveFileCard.js";
+const ROOT_ID = "root";
+function compare(a, b) {
+  return a === b ? 0 : a === void 0 ? -1 : b === void 0 ? 1 : a.localeCompare(b);
+}
+const GoogleDrive = ({
+  onSelect,
+  multiple = !0,
+  roles,
+  className
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    user
+  } = useUser(), {
+    root,
+    loadContent,
+    loadError
+  } = useGoogleDriveSearch(ROOT_ID, t("google-drive.mydrive"), user == null ? void 0 : user.userId), [currentNodeId, setCurrentNodeId] = useState(ROOT_ID), currentNode = findNodeById(root, currentNodeId) ?? root, [searchTerm, setSearchTerm] = useState(void 0), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), handleTreeItemChange = useCallback((nodeId) => {
+    setCurrentNodeId(nodeId), loadContent(nodeId);
+  }, [loadContent]);
+  useEffect(() => {
+    loadContent(ROOT_ID);
+  }, [loadContent]);
+  const documents = useMemo(() => {
+    if (!currentNode.files) return;
+    const matchesRole = (doc) => {
+      if (!roles) return !0;
+      const role = DocumentHelper.role(doc.contentType, !1);
+      return Array.isArray(roles) ? roles.includes(role) : roles === role;
+    }, normalizedSearchTerm = searchTerm == null ? void 0 : searchTerm.toLowerCase(), list = currentNode.files.filter((f) => (!normalizedSearchTerm || f.name.toLowerCase().includes(normalizedSearchTerm)) && matchesRole(f));
+    let sortFunction;
+    return sortOrder[0] === "name" ? sortFunction = sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : sortFunction = (a, b) => compare(b.lastModified, a.lastModified), list.sort(sortFunction);
+  }, [currentNode, searchTerm, sortOrder, roles]), selectedIds = useMemo(() => new Set(selectedDocuments.map((d) => d.id)), [selectedDocuments]), handleSearchChange = useCallback((e) => {
+    setSearchTerm(e.target.value);
+  }, [setSearchTerm]);
+  function getSortOrderLabel() {
+    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
+  }
+  function handleSelectDoc(doc) {
+    let currentDocuments = [...selectedDocuments];
+    multiple ? currentDocuments.some((selectedDocument) => selectedDocument.id === doc.id) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument.id !== doc.id) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
+  }
+  const googleDrive = clsx("workspace flex-grow-1 gap-0", className);
+  return /* @__PURE__ */ jsxs(Grid, { className: googleDrive, children: [
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsx("div", { style: {
+      position: "sticky",
+      top: 0,
+      paddingTop: "1.2rem"
+    }, children: /* @__PURE__ */ jsx(Tree, { nodes: root, selectedNodeId: currentNodeId, showIcon: !0, onTreeItemClick: handleTreeItemChange, onTreeItemUnfold: handleTreeItemChange }) }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
+        /* @__PURE__ */ jsxs(Flex, { className: "px-8 py-4", align: "center", justify: "end", children: [
+          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
+          /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
+            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SvgIconSortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: loadError ? /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "12", className: "h-full w-100", justify: "center", align: "center", children: [
+        /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuError, title: t("google-drive.error.title"), text: t("google-drive.error.description") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => loadContent(currentNodeId), children: t("retry") })
+      ] }) : documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
+        const isSelected = selectedIds.has(doc.id);
+        return /* @__PURE__ */ jsx(GoogleDriveFileCard, { doc, userId: user.userId, isSelected, onClick: () => handleSelectDoc(doc) }, doc.id);
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: illuTrash, text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+    ] }) })
+  ] });
+};
+export {
+  GoogleDrive as default
+};

package/dist/modules/multimedia/GoogleDrive/index.d.ts

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

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { App, ILinkedResource } from '@edifice.io/client';
 /**
  * Definition of an internal link.
@@ -32,6 +33,11 @@ export interface InternalLinkerProps {
     applicationList?: ApplicationOption[];
     /** Whether to show the application selector */
     showApplicationSelector?: boolean;
+    /**
+     * Rendered on the search row, where the application selector sits, for
+     * consumers that hide that selector but still need a filter of their own.
+     */
+    searchFilter?: ReactNode;
     /** Disable application selecetor */
     disableApplicationSelector?: boolean;
     /** Optional callback to filter resources after loading. Applied in addition to search filters. */
@@ -49,5 +55,5 @@ export interface InternalLinkerProps {
     /** Label for the "load more" button. Defaults to the `bbm.linker.see.more` i18n key. */
     loadMoreLabel?: string;
 }
-export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, disableApplicationSelector, resourceFilter, onSearch, hasMoreResources, onLoadMore, loadMoreLabel, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InternalLinker: ({ appCode, defaultAppCode, defaultResourceId, onChange, onSelect, multiple, resourceList, applicationList, showApplicationSelector, searchFilter, disableApplicationSelector, resourceFilter, onSearch, hasMoreResources, onLoadMore, loadMoreLabel, }: InternalLinkerProps) => import("react/jsx-runtime").JSX.Element;
 export default InternalLinker;

package/dist/modules/multimedia/Linker/InternalLinker/InternalLinker.js

@@ -23,6 +23,7 @@ const InternalLinker = ({
   resourceList,
   applicationList,
   showApplicationSelector = !0,
+  searchFilter,
   disableApplicationSelector = !1,
   resourceFilter,
   onSearch,
@@ -131,6 +132,7 @@ const InternalLinker = ({
         ] }), variant: "ghost", size: "md", disabled: disableApplicationSelector }),
         /* @__PURE__ */ jsx(Dropdown.Menu, { children: options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(Dropdown.Item, { icon: option.icon, onClick: () => handleOptionClick(option), children: option.displayName }, option.application)) })
       ] }) }),
+      !showApplicationSelector && searchFilter && /* @__PURE__ */ jsx("div", { className: "flex-shrink-1 px-8 py-12 border-end align-self-center", children: searchFilter }),
       /* @__PURE__ */ jsx("div", { className: "flex-grow-1 align-self-center", children: /* @__PURE__ */ jsx("form", { className: "gap-16 d-flex w-100 align-items-center px-16 py-8", onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, placeholder: t("search"), size: "lg", className: "w-100", disabled: !selectedApplication, onChange: handleSearchChange }) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "internal-linker flex-grow-1 w-100 rounded-bottom border gap-0 overflow-auto", children: [

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

@@ -1,4 +1,4 @@
-import { WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
+import { NextcloudDocument, WorkspaceElement, WorkspaceVisibility } from '@edifice.io/client';
 import { TabsItemProps } from '../../../components';
 import { ExternalLinkTabProps } from './innertabs/ExternalLink';
 import { InternalLinkTabProps, InternalLinkTabResult } from './innertabs/InternalLink';
@@ -54,7 +54,7 @@ export interface MediaLibraryRef {
 /**
  * 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;
+export type MediaLibraryResult = WorkspaceElement[] | WorkspaceElement | NextcloudDocument[] | InternalLinkTabResult | string | /*TODO type des autres résultats ?*/ any;
 /**
  * MediaLibrary component properties
  */
@@ -65,8 +65,6 @@ export interface MediaLibraryProps {
     visibility: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
-    /** Restrict attachments to PDF files in Workspace and Upload. */
-    pdfOnly?: boolean;
     /**
      * Called when the user validates the modal (Add button).
      * @param result depends on which InnerTab is visible

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

@@ -5,6 +5,7 @@ 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";
@@ -12,6 +13,7 @@ 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";
@@ -29,9 +31,13 @@ const orderedTabs = [
   // 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
-], mediaLibraryTypes = {
+], GOOGLE_DRIVE_VIEW_WORKFLOW = "io.edifice.google.drive.controller.GoogleDriveController|view", mediaLibraryTypes = {
   none: null,
   audio: {
     title: "bbm.audio.modal.title",
@@ -66,12 +72,11 @@ const orderedTabs = [
   appCode,
   visibility,
   multiple,
-  pdfOnly,
   onSuccess,
   onCancel,
   onTabChange
 }, ref) => {
-  var _a;
+  var _a, _b, _c;
   const linkTabProps = useRef(), refModal = useRef(null);
   useImperativeHandle(ref, () => ({
     show,
@@ -82,7 +87,9 @@ const orderedTabs = [
   }));
   const {
     t
-  } = useTranslation(), workspaceCreateWorkflow = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|addDocument"), videoCaptureWorkflow = useHasWorkflow("com.opendigitaleducation.video.controllers.VideoController|capture"), [type, setType] = useState(null);
+  } = 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,
@@ -97,6 +104,23 @@ const orderedTabs = [
       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, {}),
@@ -163,7 +187,7 @@ const orderedTabs = [
   ), [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();
+  }, [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";
   }
@@ -178,29 +202,39 @@ const orderedTabs = [
     linkTabProps.current = props, "resourceId" in props || "appPrefix" in props || setDefaultTabId("external-link"), setType("hyperlink");
   };
   useEffect(() => {
-    var _a2, _b;
+    var _a2, _b2;
     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 && typeof ((_a2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _a2.defaultTab) == "string" && setDefaultTabId((_b2 = mediaLibraryTypes[typeKey]) == null ? void 0 : _b2.defaultTab);
   }, [defaultTabId, type]);
-  const modalHeader = t(((_a = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _a.title) ?? "bbm"), resetState = () => {
+  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);
     };
-    onSuccessAction ? onSuccessAction().then((result2) => {
-      triggerSuccess(result2);
-    }) : result && triggerSuccess(result), resetState();
-  }, [onSuccessAction, result, onSuccess, visibility, appCode]), handleOnCancel = () => {
+    (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,
-    pdfOnly,
     type,
     setResultCounter,
     setResult,
@@ -216,7 +250,7 @@ const orderedTabs = [
     ] }) }),
     /* @__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", {
+      /* @__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") })
     ] })

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

@@ -7,8 +7,6 @@ export declare const MediaLibraryContext: import('react').Context<{
     visibility?: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
-    /** Restrict attachments to PDF files in Workspace and Upload. */
-    pdfOnly?: boolean;
     /** Type of resource to search for. */
     type: MediaLibraryType | null;
     /** Set the counter in the success button label. */
@@ -38,8 +36,6 @@ export declare function useMediaLibraryContext(): {
     visibility?: WorkspaceVisibility;
     /** Allow selecting / uploading multiple files at once ? */
     multiple?: boolean;
-    /** Restrict attachments to PDF files in Workspace and Upload. */
-    pdfOnly?: boolean;
     /** Type of resource to search for. */
     type: MediaLibraryType | null;
     /** Set the counter in the success button label. */

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/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

@@ -36,7 +36,6 @@ const acceptedTypes = (type) => {
     t
   } = useTranslation(), {
     type,
-    pdfOnly,
     visibility,
     multiple,
     setResult,
@@ -61,7 +60,7 @@ const acceptedTypes = (type) => {
       /* @__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: type === "attachment" && pdfOnly ? ["application/pdf"] : acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
+    /* @__PURE__ */ jsx(Dropzone, { multiple, accept: acceptedTypes(type ?? "embedder"), children: /* @__PURE__ */ jsx(UploadFiles, { onFilesChange: handleOnFilesChange, visibility }) })
   ] });
 };
 export {

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

@@ -4,7 +4,6 @@ import Workspace$1 from "../../Workspace/Workspace.js";
 const Workspace = () => {
   const {
     type,
-    pdfOnly,
     setResultCounter,
     setResult,
     multiple,
@@ -18,8 +17,6 @@ const Workspace = () => {
         return "audio";
       case "video":
         return "video";
-      case "attachment":
-        return pdfOnly ? "pdf" : null;
       default:
         return null;
     }

package/dist/modules/multimedia/MediaLibrary/innertabs/index.d.ts

@@ -4,6 +4,8 @@ export declare const InnerTabs: {
     Upload: () => import("react/jsx-runtime").JSX.Element;
     ExternalLink: ({ link, multiNodeSelected, }: import('./ExternalLink').ExternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Workspace: () => import("react/jsx-runtime").JSX.Element;
+    Nextcloud: () => import("react/jsx-runtime").JSX.Element;
+    GoogleDrive: () => import("react/jsx-runtime").JSX.Element;
     InternalLink: ({ target, resourceId, appPrefix, }: import('./InternalLink').InternalLinkTabProps) => import("react/jsx-runtime").JSX.Element;
     Iframe: () => import("react/jsx-runtime").JSX.Element;
     VideoEmbedder: () => import("react/jsx-runtime").JSX.Element;