@edifice.io/react 2.6.9-develop.20261013171251 → 2.6.10-develop-b2school.20261019104630

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
-export declare function UserSpaceContainer({ children }: {
+export interface UserSpaceContainerProps {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+    onCustomizeWidgetsClick?: () => void;
+}
+export declare function UserSpaceContainer({ children, onCustomizeWidgetsClick, }: UserSpaceContainerProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace UserSpaceContainer {
     var displayName: string;
 }

package/dist/modules/homepage/components/UserSpace/UserSpaceContainer.js

@@ -2,7 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import UserSpace from "./UserSpace.js";
 import useUser from "../../../../hooks/useUser/useUser.js";
 function UserSpaceContainer({
-  children
+  children,
+  onCustomizeWidgetsClick
 }) {
   var _a;
   const {
@@ -12,7 +13,7 @@ function UserSpaceContainer({
   } = useUser();
   if (!user || !userDescription) return null;
   const name = user.username || "", profile = ((_a = userDescription.profiles) == null ? void 0 : _a[0]) || "Guest";
-  return /* @__PURE__ */ jsx(UserSpace, { name, profile, avatar, children });
+  return /* @__PURE__ */ jsx(UserSpace, { name, profile, avatar, onCustomizeWidgetsClick, children });
 }
 export {
   UserSpaceContainer

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface WidgetToggleProps extends Omit<ComponentPropsWithoutRef<'button'>, 'onClick' | 'type' | 'role' | 'aria-checked'> {
+    'checked': boolean;
+    'onChange': () => void;
+    'aria-label': string;
+}
+/**
+ * Dedicated on/off control for a widget row in `WidgetsPersonalizationPanel`.
+ * The generic `Switch` component doesn't match this panel's design (size,
+ * filled-vs-outlined states), so this is a small purpose-built control
+ * rather than a `Switch` variant.
+ */
+export declare function WidgetToggle({ checked, onChange, disabled, ...rest }: WidgetToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WidgetToggle {
+    var displayName: string;
+}

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetToggle.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+function WidgetToggle({
+  checked,
+  onChange,
+  disabled,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("button", { type: "button", role: "switch", "aria-checked": checked, disabled, className: clsx("widget-toggle", {
+    "widget-toggle--checked": checked
+  }), onClick: onChange, ...rest, children: /* @__PURE__ */ jsx("span", { className: "widget-toggle__knob" }) });
+}
+export {
+  WidgetToggle
+};

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface WidgetPersonalizationItem {
+    id: string;
+    label: string;
+    icon: ReactNode;
+    checked: boolean;
+    /** When true, the widget is pinned by an admin: no toggle, lock icon instead. */
+    locked?: boolean;
+}
+export interface WidgetsPersonalizationPanelProps {
+    items: WidgetPersonalizationItem[];
+    isLoading?: boolean;
+    onToggle: (id: string) => void;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+}
+export declare function WidgetsPersonalizationPanel({ items, isLoading, onToggle, onClose, title, description, }: WidgetsPersonalizationPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace WidgetsPersonalizationPanel {
+    var displayName: string;
+}

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/WidgetsPersonalizationPanel.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import clsx from "clsx";
+import SvgIconClose from "../../../icons/components/IconClose.js";
+import SvgIconLock from "../../../icons/components/IconLock.js";
+import { WidgetToggle } from "./WidgetToggle.js";
+import Heading from "../../../../components/Heading/Heading.js";
+import IconButton from "../../../../components/Button/IconButton.js";
+import TextSkeleton from "../../../../components/Skeleton/TextSkeleton.js";
+const SKELETON_ROWS = 5;
+function WidgetsPersonalizationPanel({
+  items,
+  isLoading = !1,
+  onToggle,
+  onClose,
+  title,
+  description
+}) {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "widgets-personalization-panel", children: [
+    /* @__PURE__ */ jsxs("div", { className: "widgets-personalization-panel__header", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h5", className: "widgets-personalization-panel__title", children: title ?? t("homepage.widgetsPersonalization.title") }),
+      /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconClose, {}), variant: "ghost", color: "tertiary", "aria-label": t("close"), onClick: onClose, "data-testid": "widgetspersonalization-button-close" })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "widgets-personalization-panel__description", children: description ?? t("homepage.widgetsPersonalization.description") }),
+    isLoading ? /* @__PURE__ */ jsx("ul", { className: "widgets-personalization-panel__list", "aria-hidden": "true", children: Array.from({
+      length: SKELETON_ROWS
+    }).map((_, index) => /* @__PURE__ */ jsxs("li", { className: "widgets-personalization-panel__item widgets-personalization-panel__item--skeleton", children: [
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "widgets-personalization-panel__item-icon-skeleton" }),
+      /* @__PURE__ */ jsx(TextSkeleton, { className: "widgets-personalization-panel__item-label-skeleton" })
+    ] }, index)) }) : items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "widgets-personalization-panel__empty", children: /* @__PURE__ */ jsx("p", { className: "widgets-personalization-panel__empty-text", children: t("homepage.widgetsPersonalization.empty") }) }) : /* @__PURE__ */ jsx("ul", { className: "widgets-personalization-panel__list", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: clsx("widgets-personalization-panel__item", {
+      "widgets-personalization-panel__item--checked": item.checked && !item.locked,
+      "widgets-personalization-panel__item--locked": item.locked
+    }), "data-testid": `widgetspersonalization-item-${item.id}`, children: [
+      /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-icon", "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-label", children: item.label }),
+      item.locked ? /* @__PURE__ */ jsx("span", { className: "widgets-personalization-panel__item-lock", role: "img", "aria-label": t("homepage.widgetsPersonalization.locked"), "data-testid": `widgetspersonalization-lock-${item.id}`, children: /* @__PURE__ */ jsx(SvgIconLock, {}) }) : /* @__PURE__ */ jsx(WidgetToggle, { checked: item.checked, onChange: () => onToggle(item.id), "aria-label": t("homepage.widgetsPersonalization.toggle", {
+        label: item.label
+      }), "data-testid": `widgetspersonalization-toggle-${item.id}` })
+    ] }, item.id)) })
+  ] });
+}
+export {
+  WidgetsPersonalizationPanel
+};

package/dist/modules/homepage/components/WidgetsPersonalizationPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WidgetsPersonalizationPanel';
+export * from './WidgetToggle';

package/dist/modules/homepage/components/index.d.ts

@@ -1,10 +1,17 @@
+export * from './Agenda';
+export * from './Communities';
+export * from './BriefMe';
+export * from './Cantine';
 export * from './Favorites';
+export * from './GenerationHdf';
 export * from './Header';
 export * from './HomeCard';
 export * from './LastInfos';
 export * from './MessageFlashList';
 export * from './Notifications';
+export * from './Qwant';
 export * from './SchoolSpace';
 export * from './UsefulLinks';
+export * from './Universalis';
 export * from './UserSpace';
-export * from './Communities';
+export * from './WidgetsPersonalizationPanel';

package/dist/modules/homepage/{components/SchoolSpace → hooks}/useUserSchools.d.ts

@@ -1,5 +1,5 @@
-import { School } from '@edifice.io/client';
-export declare function useUserSchools(): {
+import { School, WidgetName } from '@edifice.io/client';
+export declare function useUserSchools(widgetName?: WidgetName): {
     schools: School[];
     selectedSchool: School | undefined;
     handleSelectedSchoolChange: (school: School) => void;

package/dist/modules/homepage/{components/SchoolSpace → hooks}/useUserSchools.js

@@ -1,15 +1,15 @@
 import { WIDGET_NAME } from "@edifice.io/client";
 import { useState, useEffect } from "react";
-import useWidget from "../../hooks/useWidget.js";
-import useSession from "../../../../hooks/useSession/useSession.js";
-function useUserSchools() {
+import useWidget from "./useWidget.js";
+import useSession from "../../../hooks/useSession/useSession.js";
+function useUserSchools(widgetName = WIDGET_NAME.SCHOOL) {
   var _a, _b;
   const {
     data: session
   } = useSession(), {
     preference,
     savePreference
-  } = useWidget(WIDGET_NAME.SCHOOL), [selectedSchool, setSelectedSchool] = useState(), [schools, setSchools] = useState((_a = session == null ? void 0 : session.userDescription) == null ? void 0 : _a.schools);
+  } = useWidget(widgetName), [selectedSchool, setSelectedSchool] = useState(), [schools, setSchools] = useState((_a = session == null ? void 0 : session.userDescription) == null ? void 0 : _a.schools);
   return useEffect(() => {
     var _a2;
     const newSchools = (_a2 = session == null ? void 0 : session.userDescription) == null ? void 0 : _a2.schools;

package/dist/modules/icons/components/IconAddWidget.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconAddWidget: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconAddWidget;

package/dist/modules/icons/components/IconAddWidget.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconAddWidget = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 20 20", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.834 10.833c.46 0 .833.373.833.834v2.5h2.5a.833.833 0 0 1 0 1.666h-2.5v2.5a.833.833 0 0 1-1.667 0v-2.5h-2.5a.833.833 0 0 1 0-1.666H15v-2.5c0-.46.373-.834.834-.834M8.333 3.333A.833.833 0 0 0 7.5 2.5h-5a.833.833 0 0 0-.833.833v13.334c0 .46.373.833.833.833h5c.46 0 .833-.373.833-.833zM10 16.667a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 1-2.5-2.5V3.333a2.5 2.5 0 0 1 2.5-2.5h5a2.5 2.5 0 0 1 2.5 2.5zM18.334 3.333A.833.833 0 0 0 17.5 2.5h-3.333a.833.833 0 0 0-.833.833v3.334c0 .46.373.833.833.833H17.5c.46 0 .834-.373.834-.833zM20 6.667a2.5 2.5 0 0 1-2.5 2.5h-3.333a2.5 2.5 0 0 1-2.5-2.5V3.333a2.5 2.5 0 0 1 2.5-2.5H17.5a2.5 2.5 0 0 1 2.5 2.5z", clipRule: "evenodd" })
+] });
+export {
+  SvgIconAddWidget as default
+};

package/dist/modules/icons/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as IconAddUser } from './IconAddUser';
+export { default as IconAddWidget } from './IconAddWidget';
 export { default as IconAdd } from './IconAdd';
 export { default as IconAdjustSettings } from './IconAdjustSettings';
 export { default as IconAiFill } from './IconAiFill';

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { NextcloudDocument } from '@edifice.io/client';
+import { CardProps } from '../../../components/Card';
+export interface NextcloudFileCardProps extends CardProps {
+    doc: NextcloudDocument;
+    /**
+     * Id of the user who owns the Nextcloud document, used to build the preview URL.
+     */
+    userId: string;
+    /**
+     * Custom icon to override the default based on file type
+     * Can be a string or a React node
+     */
+    customIcon?: ReactNode;
+    /**
+     * Custom color class to override the default based on file type
+     * Example: "bg-purple-300" or any valid CSS class
+     */
+    customColor?: string;
+}
+declare const NextcloudFileCard: {
+    ({ doc, userId, isClickable, isSelectable, isSelected, onClick, className, onSelect, isFocused, app, customIcon, customColor, }: NextcloudFileCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default NextcloudFileCard;

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,4 @@
 export { default as FileCard } from './FileCard';
 export * from './FileCard';
+export { default as NextcloudFileCard } from './NextcloudFileCard';
+export * from './NextcloudFileCard';

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

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,6 +31,8 @@ const orderedTabs = [
   // Filesystem browser + drag'n'drop of files
   "workspace",
   // Media browser
+  "nextcloud",
+  // Nextcloud media browser
   "video-embedder"
   // Link to a hosted video
 ], mediaLibraryTypes = {
@@ -70,7 +74,7 @@ const orderedTabs = [
   onCancel,
   onTabChange
 }, ref) => {
-  var _a;
+  var _a, _b;
   const linkTabProps = useRef(), refModal = useRef(null);
   useImperativeHandle(ref, () => ({
     show,
@@ -81,7 +85,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"), {
+    data: workspacePublicConf
+  } = usePublicConf("workspace"), enableNextcloudTab = ((_a = workspacePublicConf == null ? void 0 : workspacePublicConf["folder-service"]) == null ? void 0 : _a.includes("nextcloud")) && nextcloudViewWorkflow, [type, setType] = useState(null);
   useHttpErrorToast({
     active: !!type,
     isDismissible: !0,
@@ -96,6 +102,14 @@ 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
+    },
     upload: {
       id: "upload",
       icon: /* @__PURE__ */ jsx(SvgIconSmartphone, {}),
@@ -162,7 +176,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";
   }
@@ -177,22 +191,33 @@ 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(((_b = mediaLibraryTypes[type ?? "none"]) == null ? void 0 : _b.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: {
@@ -214,7 +239,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/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/index.d.ts

@@ -4,6 +4,7 @@ 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;
     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;

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

@@ -2,6 +2,7 @@ import { Audio } from "./Audio.js";
 import { ExternalLink } from "./ExternalLink.js";
 import { Iframe } from "./Iframe.js";
 import { InternalLink } from "./InternalLink.js";
+import { Nextcloud } from "./Nextcloud.js";
 import { Upload } from "./Upload.js";
 import { Video } from "./Video.js";
 import { VideoEmbedder } from "./VideoEmbedder.js";
@@ -12,6 +13,7 @@ const InnerTabs = {
   Upload,
   ExternalLink,
   Workspace,
+  Nextcloud,
   InternalLink,
   Iframe,
   VideoEmbedder

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

@@ -0,0 +1,24 @@
+import { NextcloudDocument, Role } from '@edifice.io/client';
+/**
+ * Nextcloud component properties
+ */
+export interface NextcloudProps {
+    /**
+     * Notify parent when media elements are successfully selected.
+     */
+    onSelect: (result: NextcloudDocument[]) => 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 Nextcloud: ({ onSelect, multiple, roles, className, }: NextcloudProps) => import("react/jsx-runtime").JSX.Element;
+export default Nextcloud;