@edifice.io/react 2.5.10 → 2.5.12-develop-enabling.20260224121421

package/dist/components/AddAttachments/AddAttachments.d.ts

@@ -0,0 +1,18 @@
+import { Attachment } from './models/attachment';
+export interface AddAttachmentsProps {
+    attachments: Attachment[];
+    onFilesSelected: (files: File[]) => void;
+    onRemoveAttachment: (attachmentId: string) => void;
+    editMode?: boolean;
+    isMutating?: boolean;
+    onCopyToWorkspace?: (attachments: Attachment[], folderId: string) => Promise<boolean>;
+    /** Si fourni, chaque pièce jointe affiche un bouton télécharger avec l'URL retournée. */
+    getDownloadUrl?: (attachmentId: string) => string;
+    /** Si fourni et qu'il y a plusieurs pièces jointes, affiche un bouton « télécharger tout ». */
+    downloadAllUrl?: string;
+}
+export declare const AddAttachments: {
+    ({ attachments, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default AddAttachments;

package/dist/components/AddAttachments/AddAttachments.js

@@ -0,0 +1,87 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useRef, useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconDelete from "../../modules/icons/components/IconDelete.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconFolderAdd from "../../modules/icons/components/IconFolderAdd.js";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
+import { AddAttachmentToWorkspaceModal } from "./components/AddAttachmentToWorkspaceModal.js";
+import { SingleAttachment } from "./components/SingleAttachment.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+import Button from "../Button/Button.js";
+function fileToAttachment(file) {
+  return {
+    id: `${file.name}-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+    charset: "UTF-8",
+    contentTransferEncoding: "binary",
+    contentType: file.type || "application/octet-stream",
+    filename: file.name,
+    name: file.name,
+    size: file.size
+  };
+}
+const AddAttachments = ({
+  attachments,
+  onFilesSelected,
+  onRemoveAttachment,
+  editMode = !1,
+  isMutating = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  downloadAllUrl
+}) => {
+  const {
+    t
+  } = useTranslation(), inputRef = useRef(null), [optimisticAttachments, setOptimisticAttachments] = useState([]), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0), prevAttachmentsLengthRef = useRef(attachments.length), displayedAttachments = [...attachments, ...optimisticAttachments];
+  if (useEffect(() => {
+    attachments.length > prevAttachmentsLengthRef.current && setOptimisticAttachments([]), prevAttachmentsLengthRef.current = attachments.length;
+  }, [attachments.length]), !editMode && !displayedAttachments.length) return null;
+  const resetInputValue = () => {
+    inputRef.current && (inputRef.current.value = "");
+  }, handleAttachClick = () => {
+    var _a;
+    return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+  }, handleFileChange = (event) => {
+    const files = Array.from(event.target.files ?? []);
+    if (files.length > 0) {
+      onFilesSelected(files);
+      const newOptimistic = files.map(fileToAttachment);
+      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
+    }
+    resetInputValue();
+  }, handleDetachAllClick = () => {
+    setOptimisticAttachments([]), attachments.forEach((attachment) => {
+      onRemoveAttachment(attachment.id);
+    }), resetInputValue();
+  }, handleDetachClick = (attachmentId) => {
+    optimisticAttachments.some((attachment) => attachment.id === attachmentId) ? setOptimisticAttachments((prev) => prev.filter((attachment) => attachment.id !== attachmentId)) : onRemoveAttachment(attachmentId), resetInputValue();
+  }, handleCopyToWorkspace = (attachments2) => {
+    setAttachmentsToAddToWorkspace(attachments2);
+  }, className = clsx("bg-gray-200 rounded px-12 py-8 message-attachments align-self-start gap-8 d-flex flex-column mw-100", {
+    "border add-attachments-edit mx-16": editMode
+  });
+  return /* @__PURE__ */ jsxs("div", { className, "data-drag-handle": !0, children: [
+    !!displayedAttachments.length && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Flex, { direction: "row", align: "center", justify: "between", className: "border-bottom", children: [
+        /* @__PURE__ */ jsx("span", { className: "caption fw-bold my-8", children: t("attachments") }),
+        displayedAttachments.length > 1 && /* @__PURE__ */ jsxs("div", { children: [
+          onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.all.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), onClick: () => handleCopyToWorkspace(displayedAttachments), variant: "ghost" }),
+          downloadAllUrl && /* @__PURE__ */ jsx("a", { href: downloadAllUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.all.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost" }) }),
+          editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.all.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: handleDetachAllClick, disabled: isMutating })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "d-flex gap-8 flex-column list-unstyled m-0", children: displayedAttachments.map((attachment) => /* @__PURE__ */ jsx("li", { className: "mw-100", children: /* @__PURE__ */ jsx(SingleAttachment, { attachment, editMode, onDelete: handleDetachClick, onCopyToWorkspace: onCopyToWorkspace ? (attachment2) => handleCopyToWorkspace([attachment2]) : void 0, getDownloadUrl, disabled: isMutating }) }, attachment.id)) })
+    ] }),
+    editMode && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { color: "secondary", variant: "ghost", isLoading: isMutating, onClick: handleAttachClick, disabled: isMutating, className: "align-self-start", leftIcon: /* @__PURE__ */ jsx(SvgIconPlus, {}), children: t("add.attachment") }),
+      /* @__PURE__ */ jsx("input", { ref: inputRef, multiple: !0, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleFileChange, hidden: !0 })
+    ] }),
+    onCopyToWorkspace && !!attachmentsToAddToWorkspace && /* @__PURE__ */ jsx(AddAttachmentToWorkspaceModal, { isOpen: !0, onModalClose: () => setAttachmentsToAddToWorkspace(void 0), attachments: attachmentsToAddToWorkspace, onCopyToWorkspace })
+  ] });
+};
+export {
+  AddAttachments,
+  AddAttachments as default
+};

package/dist/components/AddAttachments/components/AddAttachmentToWorkspaceModal.d.ts

@@ -0,0 +1,9 @@
+import { Attachment } from '../models/attachment';
+interface AddAttachmentToWorkspaceModalProps {
+    attachments: Attachment[];
+    onModalClose: () => void;
+    isOpen?: boolean;
+    onCopyToWorkspace: (attachments: Attachment[], folderId: string) => Promise<boolean>;
+}
+export declare function AddAttachmentToWorkspaceModal({ attachments, isOpen, onModalClose, onCopyToWorkspace, }: AddAttachmentToWorkspaceModalProps): import('react').ReactPortal;
+export {};

package/dist/components/AddAttachments/components/AddAttachmentToWorkspaceModal.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import Modal from "../../Modal/Modal.js";
+import WorkspaceFolders from "../../../modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import Button from "../../Button/Button.js";
+function AddAttachmentToWorkspaceModal({
+  attachments,
+  isOpen = !1,
+  onModalClose,
+  onCopyToWorkspace
+}) {
+  const {
+    t
+  } = useTranslation(), [selectedFolderIdToCopyFile, setSelectedFolderIdToCopyFile] = useState(void 0), [isLoading, setIsLoading] = useState(!1), [disabled, setDisabled] = useState(!1), handleFolderSelected = (folderId, canCopyFileInto) => {
+    setSelectedFolderIdToCopyFile(canCopyFileInto ? folderId : void 0);
+  }, handleAddAttachmentToWorkspace = async () => {
+    if (selectedFolderIdToCopyFile === void 0) return;
+    setIsLoading(!0), await onCopyToWorkspace(attachments, selectedFolderIdToCopyFile) ? onModalClose() : toast.error(t("attachments.add.to.folder.modal.error")), setIsLoading(!1);
+  };
+  return useEffect(() => {
+    setDisabled(selectedFolderIdToCopyFile === void 0);
+  }, [selectedFolderIdToCopyFile]), /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { isOpen, onModalClose, id: "add-attachment-to-workspace-modal", size: "md", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("attachments.add.to.folder.modal.title") }),
+    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column gap-12", children: [
+      /* @__PURE__ */ jsx("p", { children: t("attachments.add.to.folder.modal.description", {
+        count: attachments.length
+      }) }),
+      /* @__PURE__ */ jsx(WorkspaceFolders, { onFolderSelected: handleFolderSelected })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", color: "tertiary", variant: "ghost", onClick: onModalClose, children: t("attachments.add.to.folder.modal.cancel") }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", variant: "filled", onClick: handleAddAttachmentToWorkspace, disabled: isLoading || disabled, isLoading, children: t("attachments.add.to.folder.modal.add") })
+    ] })
+  ] }), document.getElementById("portal"));
+}
+export {
+  AddAttachmentToWorkspaceModal
+};

package/dist/components/AddAttachments/components/SingleAttachment.d.ts

@@ -0,0 +1,13 @@
+import { Attachment } from '../models/attachment';
+export interface SingleAttachmentProps {
+    attachment: Attachment;
+    onDelete: (attachmentId: string) => void;
+    editMode?: boolean;
+    /** Si fourni, affiche le bouton « copier vers l'espace » et appelle ce callback au clic. */
+    onCopyToWorkspace?: (attachment: Attachment) => void;
+    /** Si fourni, affiche le bouton télécharger avec l'URL retournée. */
+    getDownloadUrl?: (attachmentId: string) => string;
+    /** Désactive les boutons d'action (ex. pendant une suppression). */
+    disabled?: boolean;
+}
+export declare function SingleAttachment({ attachment, onDelete, editMode, onCopyToWorkspace, getDownloadUrl, disabled, }: SingleAttachmentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AddAttachments/components/SingleAttachment.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import SvgIconDelete from "../../../modules/icons/components/IconDelete.js";
+import SvgIconDownload from "../../../modules/icons/components/IconDownload.js";
+import SvgIconFolderAdd from "../../../modules/icons/components/IconFolderAdd.js";
+import { useTranslation } from "react-i18next";
+import Attachment from "../../Attachment/Attachment.js";
+import IconButton from "../../Button/IconButton.js";
+function SingleAttachment({
+  attachment,
+  onDelete,
+  editMode = !1,
+  onCopyToWorkspace,
+  getDownloadUrl,
+  disabled = !1
+}) {
+  const {
+    t
+  } = useTranslation(), downloadUrl = getDownloadUrl == null ? void 0 : getDownloadUrl(attachment.id);
+  return /* @__PURE__ */ jsx(Attachment, { name: attachment.filename, options: /* @__PURE__ */ jsxs(Fragment, { children: [
+    onCopyToWorkspace && /* @__PURE__ */ jsx(IconButton, { title: t("conversation.copy.toworkspace"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconFolderAdd, {}), variant: "ghost", onClick: () => onCopyToWorkspace(attachment), disabled }),
+    downloadUrl !== void 0 && /* @__PURE__ */ jsx("a", { href: downloadUrl, download: !0, children: /* @__PURE__ */ jsx(IconButton, { title: t("download.attachment"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDownload, {}), variant: "ghost", disabled }) }),
+    editMode && /* @__PURE__ */ jsx(IconButton, { title: t("remove.attachment"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(SvgIconDelete, {}), variant: "ghost", onClick: () => onDelete(attachment.id), disabled })
+  ] }) });
+}
+export {
+  SingleAttachment
+};

package/dist/components/AddAttachments/index.d.ts

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

package/dist/components/AddAttachments/models/attachment.d.ts

@@ -0,0 +1,9 @@
+export type Attachment = {
+    id: string;
+    charset: string;
+    contentTransferEncoding: string;
+    contentType: string;
+    filename: string;
+    name: string;
+    size: number;
+};

package/dist/components/Badge/Badge.js

@@ -21,18 +21,8 @@ const Badge = /* @__PURE__ */ forwardRef(({
     const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
     badgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
   }
-  console.log(badgeColorClassName);
   const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "beta" && badgeColorClassName, className);
-  return /* @__PURE__ */ jsxs("span", { ref, className: classes, style: (() => {
-    if (variant.type !== "beta") return;
-    const color = variant.color ?? "#000000";
-    return {
-      borderColor: color,
-      color,
-      backgroundColor: `${color}10`
-      // the 2 last hexadecimal numbers are for opacity
-    };
-  })(), ...restProps, children: [
+  return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
     variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
     variant.type === "beta" && (children ?? "BÊTA"),
     variant.type !== "chip" && variant.type !== "beta" && children

package/dist/components/Card/Card.js

@@ -39,7 +39,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx(Card.Header, {}),
     typeof children == "function" ? children(appCode) : children
   ] }) });
-}), Card = /* @__PURE__ */ Object.assign(Root, {
+}), Card = Object.assign(Root, {
   Title: CardTitle,
   Text: CardText,
   Image: CardImage,

package/dist/components/Combobox/Combobox.js

@@ -53,7 +53,7 @@ const ComboboxComponent = /* @__PURE__ */ forwardRef(({
     }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length, onFocus, onBlur, inputRef }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { "data-testid": "combobox-search-menu", children: renderContent() })
   ] });
-}), Combobox = /* @__PURE__ */ Object.assign(ComboboxComponent, {
+}), Combobox = Object.assign(ComboboxComponent, {
   Trigger: ComboboxTrigger
 });
 export {

package/dist/components/Dropdown/Dropdown.js

@@ -67,7 +67,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   return useEffect(() => {
     onToggle == null || onToggle(visible);
   }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
-}), Dropdown = /* @__PURE__ */ Object.assign(Root, {
+}), Dropdown = Object.assign(Root, {
   Trigger: DropdownTrigger,
   Menu: DropdownMenu,
   Item: DropdownItem,

package/dist/components/Form/FormControl.js

@@ -22,7 +22,7 @@ const Root = /* @__PURE__ */ forwardRef(({
     status
   }), [id, isOptional, isReadOnly, isRequired, status]);
   return /* @__PURE__ */ jsx(Context.Provider, { value: values, children: /* @__PURE__ */ jsx("div", { ref, className, ...restProps, children }) });
-}), FormControl = /* @__PURE__ */ Object.assign(Root, {
+}), FormControl = Object.assign(Root, {
   Label,
   Input,
   Text: FormText

package/dist/components/Layout/components/WidgetApps.js

@@ -14,7 +14,7 @@ const WidgetAppsFooter = () => {
   } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
     !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
-    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.category === "connector" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
   ] });
 };
 export {

package/dist/components/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = /* @__PURE__ */ Object.assign(Root, {
+}), Modal = Object.assign(Root, {
   Header: ModalHeader,
   Subtitle: ModalSubtitle,
   Body: ModalBody,

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -3,7 +3,7 @@ const Root = ({
   children
 }) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
   e.stopPropagation();
-}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
+}, children }), PreventPropagation = Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = /* @__PURE__ */ Object.assign(Root, {
+}, PromotionCard = Object.assign(Root, {
   Header: PromotionCardHeader,
   Body: PromotionCardBody,
   Icon: PromotionCardIcon,

package/dist/components/SearchBar/SearchBar.d.ts

@@ -3,7 +3,7 @@ import { Size } from '../../types';
 /**
  * Base props shared by both SearchBar variants
  */
-export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     /**
      * String or template literal key for i18next translation
      */
@@ -67,7 +67,7 @@ type DynamicSearchBar = {
 /**
  * Props for the SearchBar component
  */
-export type Props = DefaultSearchBar | DynamicSearchBar;
+type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
 /**
  * SearchBar component to handle dynamic or static search input

package/dist/components/Table/components/Table.js

@@ -13,7 +13,7 @@ const Root = /* @__PURE__ */ forwardRef(({
   overflowY: "auto"
 } : {}, children: /* @__PURE__ */ jsx("table", { ref, className: "table align-middle mb-0", style: {
   overflow: maxHeight ? "visible" : "hidden"
-}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
+}, children }) })), Table = Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './ActionBar';
+export * from './AddAttachments';
 export * from './Alert';
 export * from './AppHeader';
 export * from './AppIcon';

package/dist/hooks/useConf/useConf.d.ts

@@ -1,4 +1,4 @@
 import { App, IGetConf } from '@edifice.io/client';
 export default function useConf({ appCode }: {
     appCode: App;
-}): import('../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;
+}): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;

package/dist/hooks/useDropdown/useDropdown.js

@@ -73,6 +73,8 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
       case "Space":
         if (!openOnSpace)
           break;
+        openDropdown(), flag = !0;
+        break;
       case "Enter":
       case "ArrowDown":
       case "Down":

package/dist/hooks/useSession/useSession.d.ts

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;
+export default function useSession(): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetSession, Error>;

package/dist/hooks/useThumbnail/useThumbnail.d.ts

@@ -10,5 +10,5 @@ type LazyLoadOptions = {
  *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)
  * @return `true` if `src` is available, or false otherwise, or `null` while not tested.
  */
-export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
+export default function useThumbnail(src: string | null | undefined, options?: LazyLoadOptions): boolean | null;
 export {};

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -13,6 +13,10 @@ function useThumbnail(src, options) {
     (_a = options == null ? void 0 : options.ref) != null && _a.current && (inViewRef == null || inViewRef(options.ref.current));
   }, [options == null ? void 0 : options.ref, inViewRef]), useEffect(() => {
     if ((options == null ? void 0 : options.ref) === void 0 || inView) {
+      if (!src) {
+        setStatus(!1);
+        return;
+      }
       const img = new Image();
       return img.src = src, img.onload = () => {
         setStatus(!0);
@@ -22,7 +26,7 @@ function useThumbnail(src, options) {
         img.onload = null, img.onerror = null, setStatus(null);
       };
     }
-  }, [inView]), status;
+  }, [inView, src]), status;
 }
 export {
   useThumbnail as default

package/dist/hooks/useUpload/useUpload.js

@@ -87,11 +87,8 @@ const useUpload = (visibility, application = "media-library") => {
         children: [],
         created: /* @__PURE__ */ new Date(),
         _shared: [],
-        _isShared: !1,
-        owner: {
-          userId: "",
-          displayName: ""
-        }
+        isShared: !1,
+        owner: ""
       };
     throw uploadResponse.state === "error" ? new Error(uploadResponse.code || "Error while uploading video") : new Error("Video encoding is still running");
   };

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.d.ts

@@ -0,0 +1,12 @@
+import { WorkspaceElement } from '@edifice.io/client';
+export interface CreateFolderParams {
+    folderName: string;
+    folderParentId?: string;
+}
+declare function useWorkspaceFolders(): {
+    folders: WorkspaceElement[];
+    createFolderMutation: import('../../../node_modules/@tanstack/react-query').UseMutationResult<any, Error, CreateFolderParams, unknown>;
+    canCopyFileIntoFolder: (folderId: string) => boolean;
+    isLoading: boolean;
+};
+export default useWorkspaceFolders;

package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js

@@ -1,8 +1,8 @@
 import { odeServices } from "@edifice.io/client";
 import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import { useMemo, useCallback } from "react";
-import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import useToast from "../useToast/useToast.js";
 function useWorkspaceFolders() {
   const queryClient = useQueryClient(), {