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

package/dist/hooks/useToast/useToast.js

@@ -1 +1,37 @@
-import Alert from"../../components/Alert/Alert.js";import{jsx}from"react/jsx-runtime";import toast,{Toaster}from"react-hot-toast";var DEFAULT_POSITION=`top-right`,DEFAULT_DURATION=5e3;function useToast(){return{renderToaster:()=>jsx(Toaster,{containerClassName:`toaster-container`,toastOptions:{position:`top-right`}}),success:(message,options)=>toast.custom(t=>jsx(Alert,{type:`success`,isToast:!0,isDismissible:options?.isDismissible,autoClose:!options?.isDismissible,autoCloseDelay:options?.duration??DEFAULT_DURATION,onClose:()=>toast.dismiss(t.id),className:`mb-12`,children:message}),{id:options?.id,duration:1/0,position:options?.position??DEFAULT_POSITION}),error:(message,options)=>toast.custom(t=>jsx(Alert,{type:`danger`,isToast:!0,isDismissible:options?.isDismissible,autoClose:!options?.isDismissible,autoCloseDelay:options?.duration??DEFAULT_DURATION,onClose:()=>toast.dismiss(t.id),className:`mb-12`,children:message}),{id:options?.id,duration:1/0,position:options?.position??DEFAULT_POSITION}),info:(message,options)=>toast.custom(t=>jsx(Alert,{type:`info`,isToast:!0,isDismissible:options?.isDismissible,autoClose:!options?.isDismissible,autoCloseDelay:options?.duration??DEFAULT_DURATION,onClose:()=>toast.dismiss(t.id),className:`mb-12`,children:message}),{id:options?.id,duration:1/0,position:options?.position??DEFAULT_POSITION}),warning:(message,options)=>toast.custom(t=>jsx(Alert,{type:`warning`,isToast:!0,isDismissible:options?.isDismissible,autoClose:!options?.isDismissible,autoCloseDelay:options?.duration??DEFAULT_DURATION,onClose:()=>toast.dismiss(t.id),className:`mb-12`,children:message}),{id:options?.id,duration:1/0,position:options?.position??DEFAULT_POSITION}),loading:toast.loading,dismiss:id=>toast.dismiss(id),remove:id=>toast.remove(id)}}export{useToast as default};
+import { jsx } from "react/jsx-runtime";
+import toast, { Toaster } from "react-hot-toast";
+import Alert from "../../components/Alert/Alert.js";
+const DEFAULT_POSITION = "top-right", DEFAULT_DURATION = 5e3;
+function useToast() {
+  return {
+    renderToaster: () => /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
+      position: "top-right"
+    } }),
+    success: (message, options) => toast.custom((t) => /* @__PURE__ */ jsx(Alert, { type: "success", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, autoClose: !(options != null && options.isDismissible), autoCloseDelay: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION, onClose: () => toast.dismiss(t.id), className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: 1 / 0,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    error: (message, options) => toast.custom((t) => /* @__PURE__ */ jsx(Alert, { type: "danger", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, autoClose: !(options != null && options.isDismissible), autoCloseDelay: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION, onClose: () => toast.dismiss(t.id), className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: 1 / 0,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    info: (message, options) => toast.custom((t) => /* @__PURE__ */ jsx(Alert, { type: "info", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, autoClose: !(options != null && options.isDismissible), autoCloseDelay: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION, onClose: () => toast.dismiss(t.id), className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: 1 / 0,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    warning: (message, options) => toast.custom((t) => /* @__PURE__ */ jsx(Alert, { type: "warning", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, autoClose: !(options != null && options.isDismissible), autoCloseDelay: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION, onClose: () => toast.dismiss(t.id), className: "mb-12", children: message }), {
+      id: options == null ? void 0 : options.id,
+      duration: 1 / 0,
+      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    }),
+    loading: toast.loading,
+    dismiss: (id) => toast.dismiss(id),
+    remove: (id) => toast.remove(id)
+  };
+}
+export {
+  useToast as default
+};

package/dist/hooks/useToggle/useToggle.js

@@ -1 +1,10 @@
-import{useCallback,useState}from"react";function useToggle(initialState=!1){let[state,setState]=useState(initialState);return[state,useCallback(()=>{setState(prevState=>!prevState)},[])]}export{useToggle as default};
+import { useState, useCallback } from "react";
+function useToggle(initialState = !1) {
+  const [state, setState] = useState(initialState), toggle = useCallback(() => {
+    setState((prevState) => !prevState);
+  }, []);
+  return [state, toggle];
+}
+export {
+  useToggle as default
+};

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1 +1,17 @@
-import{useEffect,useRef}from"react";function useTrapFocus(isActive){let ref=useRef(null),focusableElements=`button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])`;return useEffect(()=>{if(!isActive)return;let node=ref.current,firstFocusableElement=node.querySelectorAll(focusableElements)[0],focusableContent=node.querySelectorAll(focusableElements),lastFocusableElement=ref&&focusableContent?.[focusableContent.length-1],handleKeydown=event=>{event.key===`Tab`&&(event.shiftKey?document.activeElement===firstFocusableElement&&(lastFocusableElement.focus(),event.preventDefault()):document.activeElement===lastFocusableElement&&(firstFocusableElement.focus(),event.preventDefault()))};if(node)return node.addEventListener(`keydown`,handleKeydown),()=>{node.removeEventListener(`keydown`,handleKeydown)}},[isActive]),ref}export{useTrapFocus as default};
+import { useRef, useEffect } from "react";
+function useTrapFocus(isActive) {
+  const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  return useEffect(() => {
+    if (!isActive) return;
+    const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
+      event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
+    };
+    if (node)
+      return node.addEventListener("keydown", handleKeydown), () => {
+        node.removeEventListener("keydown", handleKeydown);
+      };
+  }, [isActive]), ref;
+}
+export {
+  useTrapFocus as default
+};

package/dist/hooks/useTrashedResource/useTrashedResource.js

@@ -1 +1,27 @@
-import{useEdificeClient}from"../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useUser from"../useUser/useUser.js";import{useEffect,useState}from"react";import{odeServices}from"@edifice.io/client";var useTrashedResource=id=>{let{appCode}=useEdificeClient(),{user}=useUser(),[trashed,setTrashed]=useState(!1);useEffect(()=>{(async()=>{let resource=(await odeServices.http().get(`/explorer/resources?application=${appCode}&resource_type=${appCode}&asset_id[]=${id}`))?.resources?.find(resource=>resource.assetId===id);(resource?.trashed||resource?.trashedBy?.includes(user?.userId))&&setTrashed(!0)})()},[]),useEffect(()=>{if(trashed)throw new Response(``,{status:404,statusText:`Not Found`})},[trashed])};export{useTrashedResource as default};
+import { useState, useEffect } from "react";
+import { odeServices } from "@edifice.io/client";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useUser from "../useUser/useUser.js";
+const useTrashedResource = (id) => {
+  const {
+    appCode
+  } = useEdificeClient(), {
+    user
+  } = useUser(), [trashed, setTrashed] = useState(!1);
+  useEffect(() => {
+    (async () => {
+      var _a, _b;
+      const explorerData = await odeServices.http().get(`/explorer/resources?application=${appCode}&resource_type=${appCode}&asset_id[]=${id}`), resource = (_a = explorerData == null ? void 0 : explorerData.resources) == null ? void 0 : _a.find((resource2) => resource2.assetId === id);
+      (resource != null && resource.trashed || (_b = resource == null ? void 0 : resource.trashedBy) != null && _b.includes(user == null ? void 0 : user.userId)) && setTrashed(!0);
+    })();
+  }, []), useEffect(() => {
+    if (trashed)
+      throw new Response("", {
+        status: 404,
+        statusText: "Not Found"
+      });
+  }, [trashed]);
+};
+export {
+  useTrashedResource as default
+};

package/dist/hooks/useUiOverride/useUiOverride.js

@@ -1 +1,13 @@
-import{useEdificeTheme}from"../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";function useUiOverride(key){let{theme}=useEdificeTheme(),raw=theme?.uiOverrides?.[key];return typeof raw==`string`?{variant:raw}:raw}export{useUiOverride as default};
+import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+function useUiOverride(key) {
+  var _a;
+  const {
+    theme
+  } = useEdificeTheme(), raw = (_a = theme == null ? void 0 : theme.uiOverrides) == null ? void 0 : _a[key];
+  return typeof raw == "string" ? {
+    variant: raw
+  } : raw;
+}
+export {
+  useUiOverride as default
+};

package/dist/hooks/useUpload/useUpload.js

@@ -1 +1,109 @@
-import useBrowserInfo from"../useBrowserInfo/useBrowserInfo.js";import useWorkspaceFile from"../useWorkspaceFile/useWorkspaceFile.js";import{getOrGenerateBlobId}from"@edifice.io/utilities";import{useCallback,useState}from"react";import{useTranslation}from"react-i18next";import{ERROR_CODE,odeServices}from"@edifice.io/client";var useUpload=(visibility,application=`media-library`)=>{let[status,setStatus]=useState({}),{browser,device}=useBrowserInfo(navigator.userAgent),{create}=useWorkspaceFile(),{t}=useTranslation(),getUploadStatus=useCallback(upload=>status[getOrGenerateBlobId(upload)],[status]),setUploadStatus=(blob,status)=>{setStatus(prevStatus=>{let key=getOrGenerateBlobId(blob);return{...prevStatus,[key]:status}})},clearUploadStatus=blob=>{setStatus(prevStatus=>{let key=getOrGenerateBlobId(blob),{[key]:unused,...rest}=prevStatus;return rest})},getDefaultDate=()=>{let d=new Date;return`${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,`0`)}-${String(d.getDate()).padStart(2,`0`)} ${String(d.getHours()).padStart(2,`0`)}h${String(d.getMinutes()).padStart(2,`0`)}  `+t(`bbm.video.recorder.defaultName`)};async function uploadFile(file,metadata){setUploadStatus(file,`loading`);try{let resource;return resource=application===`media-library`&&file.type.includes(`video`)?await uploadVideo(file,{filename:file.name,...metadata}):await create(file,{application,visibility}),setUploadStatus(file,`success`),resource}catch(error){return console.error(error),setUploadStatus(file,`error`),null}}async function uploadBlob(blob,metadata){setUploadStatus(blob,`loading`);try{let resource;if(blob.type.includes(`video`))resource=await uploadVideo(blob,metadata);else throw Error(ERROR_CODE.NOT_SUPPORTED);return setUploadStatus(blob,`success`),resource}catch(error){return console.error(error),setUploadStatus(blob,`error`),null}}let uploadVideo=async(blob,metadata)=>{let params={data:{device:device.type,browser:{name:browser.name,version:browser.version},url:window.location.hostname,file:blob,filename:getDefaultDate()??`filename`,weight:blob.size},appCode:application,captation:!(blob instanceof File),duration:metadata?.duration??0},uploadResponse=await odeServices.video().upload(params);if(uploadResponse.state===`succeed`)return{_id:uploadResponse.videoworkspaceid,file:uploadResponse.videoid,name:params.data.filename,eType:`file`,eParent:``,children:[],created:new Date,_shared:[],isShared:!1,owner:``};throw uploadResponse.state===`error`?Error(uploadResponse.code||`Error while uploading video`):Error(`Video encoding is still running`)};function uploadAlternateFile(original,replacement,metadata){return getOrGenerateBlobId(replacement,getOrGenerateBlobId(original)),uploadFile(replacement,metadata)}return{getUploadStatus,setUploadStatus,clearUploadStatus,uploadFile,uploadAlternateFile,uploadBlob}};export{useUpload as default};
+import { useState, useCallback } from "react";
+import { ERROR_CODE, odeServices } from "@edifice.io/client";
+import { getOrGenerateBlobId } from "@edifice.io/utilities";
+import { useTranslation } from "react-i18next";
+import useBrowserInfo from "../useBrowserInfo/useBrowserInfo.js";
+import useWorkspaceFile from "../useWorkspaceFile/useWorkspaceFile.js";
+const useUpload = (visibility, application = "media-library") => {
+  const [status, setStatus] = useState({}), {
+    browser,
+    device
+  } = useBrowserInfo(navigator.userAgent), {
+    create
+  } = useWorkspaceFile(), {
+    t
+  } = useTranslation(), getUploadStatus = useCallback((upload) => status[getOrGenerateBlobId(upload)], [status]), setUploadStatus = (blob, status2) => {
+    setStatus((prevStatus) => {
+      const key = getOrGenerateBlobId(blob);
+      return {
+        ...prevStatus,
+        [key]: status2
+      };
+    });
+  }, clearUploadStatus = (blob) => {
+    setStatus((prevStatus) => {
+      const key = getOrGenerateBlobId(blob), {
+        [key]: unused,
+        ...rest
+      } = prevStatus;
+      return rest;
+    });
+  }, getDefaultDate = () => {
+    const d = /* @__PURE__ */ new Date();
+    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}h${String(d.getMinutes()).padStart(2, "0")}  ` + t("bbm.video.recorder.defaultName");
+  };
+  async function uploadFile(file, metadata) {
+    setUploadStatus(file, "loading");
+    try {
+      let resource;
+      return application === "media-library" && file.type.includes("video") ? resource = await uploadVideo(file, {
+        filename: file.name,
+        ...metadata
+      }) : resource = await create(file, {
+        application,
+        visibility
+      }), setUploadStatus(file, "success"), resource;
+    } catch (error) {
+      return console.error(error), setUploadStatus(file, "error"), null;
+    }
+  }
+  async function uploadBlob(blob, metadata) {
+    setUploadStatus(blob, "loading");
+    try {
+      let resource;
+      if (blob.type.includes("video"))
+        resource = await uploadVideo(blob, metadata);
+      else
+        throw new Error(ERROR_CODE.NOT_SUPPORTED);
+      return setUploadStatus(blob, "success"), resource;
+    } catch (error) {
+      return console.error(error), setUploadStatus(blob, "error"), null;
+    }
+  }
+  const uploadVideo = async (blob, metadata) => {
+    const params = {
+      data: {
+        device: device.type,
+        browser: {
+          name: browser.name,
+          version: browser.version
+        },
+        url: window.location.hostname,
+        file: blob,
+        filename: getDefaultDate() ?? "filename",
+        weight: blob.size
+      },
+      appCode: application,
+      captation: !(blob instanceof File),
+      duration: (metadata == null ? void 0 : metadata.duration) ?? 0
+    }, uploadResponse = await odeServices.video().upload(params);
+    if (uploadResponse.state === "succeed")
+      return {
+        _id: uploadResponse.videoworkspaceid,
+        file: uploadResponse.videoid,
+        name: params.data.filename,
+        eType: "file",
+        eParent: "",
+        children: [],
+        created: /* @__PURE__ */ new Date(),
+        _shared: [],
+        isShared: !1,
+        owner: ""
+      };
+    throw uploadResponse.state === "error" ? new Error(uploadResponse.code || "Error while uploading video") : new Error("Video encoding is still running");
+  };
+  function uploadAlternateFile(original, replacement, metadata) {
+    return getOrGenerateBlobId(replacement, getOrGenerateBlobId(original)), uploadFile(replacement, metadata);
+  }
+  return {
+    getUploadStatus,
+    setUploadStatus,
+    clearUploadStatus,
+    uploadFile,
+    uploadAlternateFile,
+    uploadBlob
+  };
+};
+export {
+  useUpload as default
+};

package/dist/hooks/useUploadFiles/useUploadFiles.js

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

package/dist/hooks/useUser/useUser.js

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

package/dist/hooks/useUserPreferences/useUserPreferences.js

@@ -1 +1,40 @@
-import{odeServices}from"@edifice.io/client";import{queryOptions,useMutation,useQuery,useQueryClient}from"@tanstack/react-query";var USER_PREFERENCES_QUERY_KEY=[`user`,`preferences`];function useUserPreferences(){let queryClient=useQueryClient(),{data:preferences,isLoading,isError,refetch}=useQuery(queryOptions({queryKey:USER_PREFERENCES_QUERY_KEY,queryFn:()=>odeServices.conf().getUserPreferences(),staleTime:15e3})),mutation=useMutation({mutationFn:preferences=>odeServices.conf().saveUserPreferences(preferences),onMutate:async preferences=>{queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY,preferences)},onError:()=>{queryClient.invalidateQueries({queryKey:USER_PREFERENCES_QUERY_KEY})},onSuccess:preferences=>{queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY,preferences)}});return{preferences,isLoading,isError,refetch,savePreferences:preferences=>mutation.mutateAsync(preferences)}}export{useUserPreferences as default};
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery, queryOptions, useMutation } from "@tanstack/react-query";
+const USER_PREFERENCES_QUERY_KEY = ["user", "preferences"];
+function useUserPreferences() {
+  const queryClient = useQueryClient(), {
+    data: preferences,
+    isLoading,
+    isError,
+    refetch
+  } = useQuery(queryOptions({
+    queryKey: USER_PREFERENCES_QUERY_KEY,
+    queryFn: () => odeServices.conf().getUserPreferences(),
+    staleTime: 15e3
+  })), mutation = useMutation({
+    mutationFn: (preferences2) => odeServices.conf().saveUserPreferences(preferences2),
+    onMutate: async (preferences2) => {
+      queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY, preferences2);
+    },
+    onError: () => {
+      queryClient.invalidateQueries({
+        queryKey: USER_PREFERENCES_QUERY_KEY
+      });
+    },
+    onSuccess: (preferences2) => {
+      queryClient.setQueryData(USER_PREFERENCES_QUERY_KEY, preferences2);
+    }
+  });
+  return {
+    preferences,
+    isLoading,
+    isError,
+    refetch,
+    savePreferences: (preferences2) => mutation.mutateAsync(preferences2)
+  };
+}
+export {
+  USER_PREFERENCES_QUERY_KEY,
+  useUserPreferences as default,
+  useUserPreferences
+};

package/dist/hooks/useWorkspaceFile/useWorkspaceFile.js

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

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js

@@ -1 +1,54 @@
-import{useEdificeClient}from"../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useToast from"../useToast/useToast.js";import{useCallback,useMemo}from"react";import{useTranslation}from"react-i18next";import{odeServices}from"@edifice.io/client";import{useMutation,useQuery,useQueryClient}from"@tanstack/react-query";function useWorkspaceFolders(){let queryClient=useQueryClient(),{user}=useEdificeClient(),toast=useToast(),{t}=useTranslation(),{data:ownerWorkspaceData=[],isLoading:isLoadingOwner}=useQuery({queryKey:[`workspace`,`folders`,`owner`],queryFn:()=>odeServices.workspace().listOwnerFolders(!0)}),{data:sharedWorkspaceData=[],isLoading:isLoadingShared}=useQuery({queryKey:[`workspace`,`folders`,`shared`],queryFn:()=>odeServices.workspace().listSharedFolders(!0)}),createFolderMutation=useMutation({mutationFn:({folderName,folderParentId})=>odeServices.workspace().createFolder(folderName,folderParentId),onSuccess:newFolder=>{let queryKey=[`workspace`,`folders`,newFolder.isShared?`shared`:`owner`];queryClient.setQueryData(queryKey,oldFolders=>[...oldFolders,newFolder])},onError:()=>{toast.error(t(`e400`))}}),folders=useMemo(()=>[...ownerWorkspaceData,...sharedWorkspaceData],[ownerWorkspaceData,sharedWorkspaceData]);return{folders,createFolderMutation,canCopyFileIntoFolder:useCallback(folderId=>{let folder=folders.find(folder=>folder._id===folderId);if(!folder||!user)return!1;let userId=user.userId;return folder.owner===userId?!0:!!(folder.inheritedShares?.filter(right=>right.userId===userId||user.groupsIds.includes(right.groupId)))?.find(right=>right[`org-entcore-workspace-controllers-WorkspaceController|updateDocument`])},[folders,user]),isLoading:isLoadingOwner||isLoadingShared}}export{useWorkspaceFolders as default};
+import { odeServices } from "@edifice.io/client";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import { useMemo, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useToast from "../useToast/useToast.js";
+function useWorkspaceFolders() {
+  const queryClient = useQueryClient(), {
+    user
+  } = useEdificeClient(), toast = useToast(), {
+    t
+  } = useTranslation(), {
+    data: ownerWorkspaceData = [],
+    isLoading: isLoadingOwner
+  } = useQuery({
+    queryKey: ["workspace", "folders", "owner"],
+    queryFn: () => odeServices.workspace().listOwnerFolders(!0)
+  }), {
+    data: sharedWorkspaceData = [],
+    isLoading: isLoadingShared
+  } = useQuery({
+    queryKey: ["workspace", "folders", "shared"],
+    queryFn: () => odeServices.workspace().listSharedFolders(!0)
+  }), createFolderMutation = useMutation({
+    mutationFn: ({
+      folderName,
+      folderParentId
+    }) => odeServices.workspace().createFolder(folderName, folderParentId),
+    onSuccess: (newFolder) => {
+      const queryKey = ["workspace", "folders", newFolder.isShared ? "shared" : "owner"];
+      queryClient.setQueryData(queryKey, (oldFolders) => [...oldFolders, newFolder]);
+    },
+    onError: () => {
+      toast.error(t("e400"));
+    }
+  }), folders = useMemo(() => [...ownerWorkspaceData, ...sharedWorkspaceData], [ownerWorkspaceData, sharedWorkspaceData]), canCopyFileIntoFolder = useCallback((folderId) => {
+    var _a;
+    const folder = folders.find((folder2) => folder2._id === folderId);
+    if (!folder || !user) return !1;
+    const userId = user.userId;
+    if (folder.owner === userId) return !0;
+    const userRights = (_a = folder.inheritedShares) == null ? void 0 : _a.filter((right) => right.userId === userId || user.groupsIds.includes(right.groupId)), contrib = "org-entcore-workspace-controllers-WorkspaceController|updateDocument";
+    return !!(userRights != null && userRights.find((right) => right[contrib]));
+  }, [folders, user]);
+  return {
+    folders,
+    createFolderMutation,
+    canCopyFileIntoFolder,
+    isLoading: isLoadingOwner || isLoadingShared
+  };
+}
+export {
+  useWorkspaceFolders as default
+};

package/dist/hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js

@@ -1 +1,51 @@
-import{useMemo,useState}from"react";import{useTranslation}from"react-i18next";var WORKSPACE_USER_FOLDER_ID=`workspace-user-folder-id`,WORKSPACE_SHARED_FOLDER_ID=`workspace-shared-folder-id`;function useWorkspaceFoldersTree(folders){let{t}=useTranslation(),[searchQuery,setSearchQuery]=useState(``);return{foldersTree:useMemo(()=>{let userTreeLabel=t(`workspace.myDocuments`),sharedTreeLabel=t(`workspace.sharedDocuments`),foldersTree=buildTree(folders||[],userTreeLabel,sharedTreeLabel);return searchQuery?filterTree(foldersTree,searchQuery):foldersTree},[folders,searchQuery,t]),filterTree:setSearchQuery}}var buildTree=(workspaceData,userTreeLabel,sharedTreeLabel)=>{let nodes=new Map,userTree=[],sharedTree=[];return workspaceData.forEach(item=>{nodes.set(item._id,{id:item._id,name:item.name,children:[]})}),workspaceData.forEach(item=>{let nodeItem=nodes.get(item._id);item.eParent&&nodes.has(item.eParent)?nodes.get(item.eParent)?.children.push(nodeItem):item.isShared?sharedTree.push(nodeItem):userTree.push(nodeItem)}),[{id:WORKSPACE_USER_FOLDER_ID,name:userTreeLabel,children:userTree},{id:WORKSPACE_SHARED_FOLDER_ID,name:sharedTreeLabel,children:sharedTree}]},filterTree=(nodes,search)=>nodes.map(node=>{let filteredChildren=node.children?filterTree(node.children,search):[];return node.name.toLowerCase().includes(search.toLowerCase())||filteredChildren.length>0?{...node,children:filteredChildren}:null}).filter(node=>node!==null);export{WORKSPACE_SHARED_FOLDER_ID,WORKSPACE_USER_FOLDER_ID,useWorkspaceFoldersTree as default};
+import { useState, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+const WORKSPACE_USER_FOLDER_ID = "workspace-user-folder-id", WORKSPACE_SHARED_FOLDER_ID = "workspace-shared-folder-id";
+function useWorkspaceFoldersTree(folders) {
+  const {
+    t
+  } = useTranslation(), {
+    user
+  } = useEdificeClient(), [searchQuery, setSearchQuery] = useState("");
+  return {
+    foldersTree: useMemo(() => {
+      const userTreeLabel = t("workspace.myDocuments"), sharedTreeLabel = t("workspace.sharedDocuments"), foldersTree = buildTree(folders || [], userTreeLabel, sharedTreeLabel);
+      return searchQuery ? filterTree(foldersTree, searchQuery) : foldersTree;
+    }, [folders, searchQuery, user]),
+    filterTree: setSearchQuery
+  };
+}
+const buildTree = (workspaceData, userTreeLabel, sharedTreeLabel) => {
+  const nodes = /* @__PURE__ */ new Map(), userTree = [], sharedTree = [];
+  return workspaceData.forEach((item) => {
+    nodes.set(item._id, {
+      id: item._id,
+      name: item.name,
+      children: []
+    });
+  }), workspaceData.forEach((item) => {
+    var _a;
+    const nodeItem = nodes.get(item._id);
+    item.eParent && nodes.has(item.eParent) ? (_a = nodes.get(item.eParent)) == null || _a.children.push(nodeItem) : item.isShared ? sharedTree.push(nodeItem) : userTree.push(nodeItem);
+  }), [{
+    id: WORKSPACE_USER_FOLDER_ID,
+    name: userTreeLabel,
+    children: userTree
+  }, {
+    id: WORKSPACE_SHARED_FOLDER_ID,
+    name: sharedTreeLabel,
+    children: sharedTree
+  }];
+}, filterTree = (nodes, search) => nodes.map((node) => {
+  const filteredChildren = node.children ? filterTree(node.children, search) : [];
+  return node.name.toLowerCase().includes(search.toLowerCase()) || filteredChildren.length > 0 ? {
+    ...node,
+    children: filteredChildren
+  } : null;
+}).filter((node) => node !== null);
+export {
+  WORKSPACE_SHARED_FOLDER_ID,
+  WORKSPACE_USER_FOLDER_ID,
+  useWorkspaceFoldersTree as default
+};

package/dist/hooks/useWorkspaceSearch/useWorkspaceSearch.js

@@ -1 +1,50 @@
-import useHasWorkflow from"../useHasWorkflow/useHasWorkflow.js";import{findNodeById}from"../../components/TreeView/utilities/treeview.js";import{useCallback,useReducer}from"react";import{DocumentHelper,odeServices}from"@edifice.io/client";function useWorkspaceSearch(rootId,rootName,filter,format){let canListDocs=useHasWorkflow(`org.entcore.workspace.controllers.WorkspaceController|listDocuments`),canListFolders=useHasWorkflow(`org.entcore.workspace.controllers.WorkspaceController|listFolders`);function treeReducer(state,action){switch(action.type){case`update`:{let node=findNodeById(state,action.folderId);return node&&(node.children=action.subfolders.map(f=>({id:f._id||``,name:f.name})),node.files=action.files),{...state}}default:throw Error(`[useWorkspaceSearch] Unknown action type: `+action.type)}}let[root,dispatch]=useReducer(treeReducer,{id:rootId,name:rootName,section:!0});return{root,loadContent:useCallback(async folderId=>{if(canListDocs&&canListFolders){let realWorkspaceId=folderId===rootId?``:folderId,payload=await odeServices.workspace().listDocuments(filter,realWorkspaceId),subfolders=[],files=[];payload.filter(f=>{if(!format||f.eType===`folder`)return!0;let role=DocumentHelper.getRole(f);return typeof format==`string`?format===role:Array.isArray(format)?format.findIndex(format=>format===role)>=0:!1}).forEach(doc=>{doc.eType===`folder`?subfolders.push(doc):files.push(doc)}),dispatch({folderId,subfolders,files,type:`update`})}},[canListDocs,canListFolders,rootId,filter,format])}}export{useWorkspaceSearch as default};
+import { useReducer, useCallback } from "react";
+import { odeServices, DocumentHelper } from "@edifice.io/client";
+import { findNodeById } from "../../components/TreeView/utilities/treeview.js";
+import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
+function useWorkspaceSearch(rootId, rootName, filter, format) {
+  const canListDocs = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listDocuments"), canListFolders = useHasWorkflow("org.entcore.workspace.controllers.WorkspaceController|listFolders");
+  function treeReducer(state, action) {
+    switch (action.type) {
+      case "update": {
+        const node = findNodeById(state, action.folderId);
+        return node && (node.children = action.subfolders.map((f) => ({
+          id: f._id || "",
+          name: f.name
+        })), node.files = action.files), {
+          ...state
+        };
+      }
+      default:
+        throw Error("[useWorkspaceSearch] Unknown action type: " + action.type);
+    }
+  }
+  const [root, dispatch] = useReducer(treeReducer, {
+    id: rootId,
+    name: rootName,
+    section: !0
+  }), loadContent = useCallback(async (folderId) => {
+    if (canListDocs && canListFolders) {
+      const realWorkspaceId = folderId === rootId ? "" : folderId, payload = await odeServices.workspace().listDocuments(filter, realWorkspaceId), subfolders = [], files = [];
+      payload.filter((f) => {
+        if (!format || f.eType === "folder") return !0;
+        const role = DocumentHelper.getRole(f);
+        return typeof format == "string" ? format === role : Array.isArray(format) ? format.findIndex((format2) => format2 === role) >= 0 : !1;
+      }).forEach((doc) => {
+        doc.eType === "folder" ? subfolders.push(doc) : files.push(doc);
+      }), dispatch({
+        folderId,
+        subfolders,
+        files,
+        type: "update"
+      });
+    }
+  }, [canListDocs, canListFolders, rootId, filter, format]);
+  return {
+    root,
+    loadContent
+  };
+}
+export {
+  useWorkspaceSearch as default
+};