@edifice.io/react 2.5.13-develop-pedago.20260316113612 → 2.5.13-develop.20260316160930

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

@@ -1,11 +1,8 @@
 import { Attachment } from './models/attachment';
-export type SingleAttachmentType = Attachment;
-export { useFileToAttachment } from './hooks/useFileToAttachment';
 export interface AddAttachmentsProps {
     attachments: Attachment[];
-    onChange?: (attachments: Attachment[]) => void;
-    onFilesSelected?: (files: File[]) => void;
-    onRemoveAttachment?: (attachmentId: string) => void;
+    onFilesSelected: (files: File[]) => void;
+    onRemoveAttachment: (attachmentId: string) => void;
     editMode?: boolean;
     isMutating?: boolean;
     onCopyToWorkspace?: (attachments: Attachment[], folderId: string) => Promise<boolean>;
@@ -15,7 +12,7 @@ export interface AddAttachmentsProps {
     downloadAllUrl?: string;
 }
 export declare const AddAttachments: {
-    ({ attachments, onChange, onFilesSelected, onRemoveAttachment, editMode, isMutating, onCopyToWorkspace, getDownloadUrl, downloadAllUrl, }: AddAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ 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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { useRef, useState } from "react";
+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";
@@ -8,13 +8,22 @@ 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 { useFileToAttachment } from "./hooks/useFileToAttachment.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,
-  onChange,
   onFilesSelected,
   onRemoveAttachment,
   editMode = !1,
@@ -25,8 +34,10 @@ const AddAttachments = ({
 }) => {
   const {
     t
-  } = useTranslation(), inputRef = useRef(null), fileToAttachment = useFileToAttachment(), [attachmentsToAddToWorkspace, setAttachmentsToAddToWorkspace] = useState(void 0);
-  if (!editMode && !attachments.length) return null;
+  } = 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 = () => {
@@ -35,34 +46,36 @@ const AddAttachments = ({
   }, handleFileChange = (event) => {
     const files = Array.from(event.target.files ?? []);
     if (files.length > 0) {
-      const newAttachments = files.map(fileToAttachment);
-      onChange == null || onChange([...attachments, ...newAttachments]), onFilesSelected == null || onFilesSelected(files);
+      onFilesSelected(files);
+      const newOptimistic = files.map(fileToAttachment);
+      setOptimisticAttachments((prev) => [...prev, ...newOptimistic]);
     }
     resetInputValue();
   }, handleDetachAllClick = () => {
-    onChange == null || onChange([]), attachments.forEach((a) => onRemoveAttachment == null ? void 0 : onRemoveAttachment(a.id)), resetInputValue();
+    setOptimisticAttachments([]), attachments.forEach((attachment) => {
+      onRemoveAttachment(attachment.id);
+    }), resetInputValue();
   }, handleDetachClick = (attachmentId) => {
-    const next = attachments.filter((a) => a.id !== attachmentId);
-    onChange == null || onChange(next), onRemoveAttachment == null || onRemoveAttachment(attachmentId), resetInputValue();
+    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: [
-    !!attachments.length && /* @__PURE__ */ jsxs(Fragment, { 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") }),
-        attachments.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(attachments), variant: "ghost" }),
+        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: attachments.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}-${attachment.name}`)) })
+      /* @__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, {}), "data-testid": "common-add-attachments-button-add-attachment", children: t("add.attachment") }),
+      /* @__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 })
@@ -70,6 +83,5 @@ const AddAttachments = ({
 };
 export {
   AddAttachments,
-  AddAttachments as default,
-  useFileToAttachment
+  AddAttachments as default
 };

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

@@ -6,5 +6,4 @@ export type Attachment = {
     filename: string;
     name: string;
     size: number;
-    file: File;
 };

package/dist/components/Badge/Badge.js

@@ -21,7 +21,6 @@ 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, ...restProps, children: [
     variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),

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

@@ -11,10 +11,10 @@ const WidgetAppsFooter = () => {
 }) => {
   const {
     t
-  } = useTranslation();
+  } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
   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, title: getAppName(app), 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))
   ] });
 };
 export {

package/dist/components/MediaViewer/PdfViewer.js

@@ -1,17 +1,27 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useRef } from "react";
-import { Document, Page } from "react-pdf";
+import { useState, useRef, useEffect } from "react";
 import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
 function PdfViewer({
   mediaUrl,
   scale
 }) {
-  const [numPages, setNumPages] = useState(null), pagesRef = useRef([]), onDocumentLoadSuccess = ({
+  const [numPages, setNumPages] = useState(null), [Document, setDocument] = useState(null), [Page, setPage] = useState(null), [isLoading, setIsLoading] = useState(!0), pagesRef = useRef([]);
+  useEffect(() => {
+    (async () => {
+      try {
+        const reactPdf = await import("react-pdf");
+        setDocument(() => reactPdf.Document), setPage(() => reactPdf.Page), setIsLoading(!1);
+      } catch (error) {
+        console.error("Failed to load react-pdf:", error);
+      }
+    })();
+  }, []);
+  const onDocumentLoadSuccess = ({
     numPages: numPages2
   }) => {
     setNumPages(numPages2);
   };
-  return /* @__PURE__ */ jsx("div", { style: {
+  return isLoading || !Document || !Page ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsx("div", { style: {
     width: `calc(600px * ${scale})`,
     height: "calc(100vh - 52px)",
     overflowY: "auto",

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -27,6 +27,14 @@ export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDiv
      * Selected value
      */
     value?: string;
+    /**
+     * Variant of the segmented control, affecting its styling.
+     * - 'default': standard segmented control with borders.
+     * - 'ghost': borderless segmented control, relying on background and text color for distinction.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'ghost';
     /**
      * Callback called when value changes
      */

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,20 +1,26 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Segmented } from "antd";
+import clsx from "clsx";
+import { forwardRef } from "react";
 const SegmentedControl = /* @__PURE__ */ forwardRef(({
   options,
   value,
   onChange,
+  variant = "default",
+  className,
   ...htmlProps
 }, ref) => {
-  const antProps = {
-    options: options.map((option) => ({
-      ...option,
-      label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
-    })),
+  const transformedOptions = options.map((option) => ({
+    ...option,
+    label: /* @__PURE__ */ jsx("span", { "data-testid": `segmented-option-${option.value}`, children: option.label })
+  })), classNames = clsx(className, {
+    ghost: variant === "ghost"
+  }), antProps = {
+    options: transformedOptions,
     value,
     onChange,
     ref,
+    className: classNames,
     ...htmlProps
   };
   return /* @__PURE__ */ jsx(Segmented, { ...antProps });

package/dist/components/index.d.ts

@@ -52,5 +52,4 @@ export * from './Toolbar';
 export * from './Tooltip';
 export * from './Tree';
 export * from './TreeView';
-export * from './UserSearch';
 export * from './VisuallyHidden';

package/dist/hooks/useConversation/useConversation.js

@@ -6,13 +6,11 @@ const useConversation = () => {
   const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
     unread: !0,
     _: (/* @__PURE__ */ new Date()).getTime()
-  };
-  zimbraWorkflow || (queryParams.queryparam_token = (/* @__PURE__ */ new Date()).getTime());
-  const {
+  }, {
     data: messages
   } = useQuery({
     queryKey: ["folder", "count", "inbox"],
-    queryFn: async () => await odeServices.http().get(zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/inbox", {
+    queryFn: async () => await odeServices.http().get(zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/api/count/inbox", {
       queryParams
     }),
     staleTime: 5 * 60 * 1e3

package/dist/hooks/useDropzone/useDropzone.js

@@ -35,11 +35,11 @@ const useDropzone = (props) => {
   }, convertHEICImages = async (files2) => {
     if (files2 === null || files2.length === 0)
       return [];
-    let heicToLib;
-    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heicToLib = await import("heic-to")), Promise.all(files2.map(async (file) => {
-      if (heicToLib && heicToLib.isHeic(file))
+    let heic2any;
+    return files2.some((file) => HEIC_MIME_TYPES.includes(file.type)) && (heic2any = (await import("heic2any")).default), Promise.all(files2.map(async (file) => {
+      if (HEIC_MIME_TYPES.includes(file.type) && heic2any)
         try {
-          const converted = await heicToLib.heicTo({
+          const converted = await heic2any({
             blob: file,
             toType: "image/jpeg"
           });

package/dist/hooks/usePreferences/usePreferences.d.ts

@@ -1,4 +1,4 @@
-export default function usePreferences(name: string): {
-    getPreference: () => Promise<any>;
-    savePreference: (value: any) => Promise<void>;
+export default function usePreferences<T = any>(name: string): {
+    getPreference: () => Promise<T>;
+    savePreference: (value: T) => Promise<void>;
 };

package/dist/hooks/useToast/useToast.js

@@ -1,27 +1,27 @@
 import { jsx } from "react/jsx-runtime";
 import toast from "react-hot-toast";
 import Alert from "../../components/Alert/Alert.js";
-const DEFAULT_POSITION = "top-right";
+const DEFAULT_POSITION = "top-right", DEFAULT_DURATION = 5e3;
 function useToast() {
   return {
     success: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "success", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
       id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
+      duration: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     error: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "danger", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
       id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
+      duration: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     info: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "info", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
       id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
+      duration: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     warning: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "warning", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
       id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
+      duration: (options == null ? void 0 : options.duration) ?? DEFAULT_DURATION,
       position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
     }),
     loading: toast.loading,

package/dist/index.js

@@ -133,8 +133,6 @@ import { Toolbar } from "./components/Toolbar/Toolbar.js";
 import { TreeNode } from "./components/TreeView/TreeNode.js";
 import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, findPathById, findTreeNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./components/TreeView/utilities/treeview.js";
 import { Upload } from "./modules/multimedia/MediaLibrary/innertabs/Upload.js";
-import { UserSearch } from "./components/UserSearch/UserSearch.js";
-import { VisibleType } from "./components/UserSearch/types/visible.js";
 import { buildTree, determineNewParentId, findItemIndexInTree, flattenNodes, flattenTree, generateUpdateData, getActiveAndOverNodes, getDragDepth, getIndicesToUpdate, getProjection, updateParentIds } from "./components/Tree/utilities/tree-sortable.js";
 import { checkUserRight } from "./utilities/check-user-rights/check-user-rights.js";
 import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-mapping.js";
@@ -143,7 +141,6 @@ import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 import { useCheckable } from "./hooks/useCheckable/useCheckable.js";
 import { useEdificeClient } from "./providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import { useFileToAttachment } from "./components/AddAttachments/hooks/useFileToAttachment.js";
 import { useTreeSortable } from "./components/Tree/hooks/useTreeSortable.js";
 import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 export {
@@ -243,10 +240,8 @@ export {
   Upload,
   default67 as UploadCard,
   default68 as UploadFiles,
-  UserSearch,
   default69 as VideoEmbed,
   default70 as VideoRecorder,
-  VisibleType,
   default71 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
@@ -296,7 +291,6 @@ export {
   useEdificeClient,
   default85 as useEdificeIcons,
   useEdificeTheme,
-  useFileToAttachment,
   default86 as useHasWorkflow,
   default87 as useHover,
   default88 as useHttpErrorToast,

package/dist/modules/modals/OnboardingModal/OnboardingModal.d.ts

@@ -38,11 +38,37 @@ export interface OnboardingModalRef {
     setIsOpen: (isOpen: boolean) => void;
     handleSavePreference: () => void;
 }
-interface OnboardingProps {
+/**
+ * Result of a custom display check. Must contain the following data :
+ * - display: a boolean indicating whether the modal should be shown when truthy or hidden if falsy;
+ * - nextState: the next state to persist when onboarding is done.
+ */
+export interface DisplayRuleCheckResult<T> {
+    display: boolean;
+    nextState: T;
+}
+export interface OnboardingProps<T = boolean> {
     id: string;
     items: ModalItemsProps[];
     modalOptions?: ModalOptionsProps;
     isOnboardingChange?: (isOnboarding: boolean) => void;
+    /**
+     * Allow the parent component to control the rule for showing/hiding the modal.
+     *
+     * If undefined, the component will manage a visible/hidden state on its own.
+     *
+     * If defined, this function is called with the previously known state (if any).
+     * It can then compute the next state and return a DisplayRuleCheckResult.
+     *
+     * Note that the user may close the modal without finishing their onboarding.
+     * In this case, the next state is not persisted.
+     */
+    onDisplayRuleCheck?: (previousState?: T) => DisplayRuleCheckResult<T>;
 }
-declare const OnboardingModal: import('react').ForwardRefExoticComponent<OnboardingProps & import('react').RefAttributes<OnboardingModalRef>>;
+declare const OnboardingModalInner: <T = boolean>({ id, items, modalOptions, isOnboardingChange, onDisplayRuleCheck, }: OnboardingProps<T>, ref: React.Ref<OnboardingModalRef>) => import('react').ReactPortal | null;
+declare const OnboardingModal: (<T = boolean>(props: OnboardingProps<T> & {
+    ref?: React.Ref<OnboardingModalRef>;
+}) => ReturnType<typeof OnboardingModalInner>) & {
+    displayName?: string;
+};
 export default OnboardingModal;

package/dist/modules/modals/OnboardingModal/OnboardingModal.js

@@ -8,11 +8,15 @@ import { useOnboardingModal } from "./useOnboardingModal.js";
 import Modal from "../../../components/Modal/Modal.js";
 import Image from "../../../components/Image/Image.js";
 import Button from "../../../components/Button/Button.js";
-const OnboardingModal = /* @__PURE__ */ forwardRef(({
+const OnboardingModalInner = ({
   id,
   items,
   modalOptions = {},
-  isOnboardingChange
+  isOnboardingChange,
+  onDisplayRuleCheck = (previousState) => ({
+    display: previousState === !0,
+    nextState: !1
+  })
 }, ref) => {
   var _a;
   const [swiperInstance, setSwiperInstance] = useState(), [swiperProgress, setSwiperprogress] = useState(0), {
@@ -20,12 +24,12 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
     isOnboarding,
     setIsOpen,
     handleSavePreference
-  } = useOnboardingModal(id);
+  } = useOnboardingModal(id, onDisplayRuleCheck);
   useImperativeHandle(ref, () => ({
     setIsOpen,
     handleSavePreference
   })), useEffect(() => {
-    isOnboardingChange && isOnboardingChange(isOnboarding);
+    isOnboardingChange == null || isOnboardingChange(isOnboarding);
   }, [isOnboarding, isOnboardingChange]), useEffect(() => {
     const link = document.createElement("link");
     return link.href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", link.rel = "stylesheet", link.type = "text/css", document.head.appendChild(link), () => {
@@ -44,7 +48,7 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
   }, handleCloseWithoutPreference = () => {
     setIsOpen(!1), setSwiperprogress(0);
   };
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", "data-testid": "modal-onboarding", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
+  return isOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "onboarding-modal", "data-testid": "modal-onboarding", size: "md", isOpen, focusId: "nextButtonId", onModalClose: handleCloseWithoutPreference, children: [
     /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleCloseWithoutPreference, centered: !0, children: t(currentTitle || "explorer.modal.onboarding.trash.title") }),
     /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Swiper, { modules: [Pagination], onSwiper: (swiper) => {
       setSwiperInstance(swiper);
@@ -61,13 +65,13 @@ const OnboardingModal = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsxs(Modal.Footer, { children: [
       /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-later", type: "button", color: "tertiary", variant: "ghost", onClick: handleCloseWithoutPreference, children: t("explorer.modal.onboarding.trash.later") }),
       swiperProgress > 0 && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-previous", type: "button", color: "primary", variant: "outline", onClick: () => swiperInstance.slidePrev(), children: t(prevText || "explorer.modal.onboarding.trash.prev") }),
-      swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", "data-testid": "modal-onboarding-next", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
-      swiperProgress === 1 && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-close", type: "button", color: "primary", variant: "filled", onClick: () => {
+      items.length > 1 && swiperProgress < 1 && /* @__PURE__ */ jsx(Button, { id: "nextButtonId", "data-testid": "modal-onboarding-next", type: "button", color: "primary", variant: "filled", onClick: () => swiperInstance.slideNext(), children: t(nextText || "explorer.modal.onboarding.trash.next") }),
+      (items.length === 1 || swiperProgress === 1) && /* @__PURE__ */ jsx(Button, { "data-testid": "modal-onboarding-close", type: "button", color: "primary", variant: "filled", onClick: () => {
         isOnboarding ? handleCloseWithPreference() : handleCloseWithoutPreference();
       }, children: t(closeText || "explorer.modal.onboarding.trash.close") })
     ] })
-  ] }), document.getElementById("portal") || document.body);
-});
+  ] }), document.getElementById("portal") || document.body) : null;
+}, OnboardingModal = /* @__PURE__ */ forwardRef(OnboardingModalInner);
 export {
   OnboardingModal as default
 };

package/dist/modules/modals/OnboardingModal/useOnboardingModal.d.ts

@@ -1,4 +1,7 @@
-export declare const useOnboardingModal: (id: string) => {
+export declare const useOnboardingModal: <T>(id: string, applyDisplayRule: (previousState?: T) => {
+    display: boolean;
+    nextState: T;
+}) => {
     isOpen: boolean;
     setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     isOnboarding: boolean;

package/dist/modules/modals/OnboardingModal/useOnboardingModal.js

@@ -1,28 +1,36 @@
-import { useState, useEffect } from "react";
-import { odeServices } from "@edifice.io/client";
-const getOnboardingTrash = async (key) => await odeServices.conf().getPreference(key), saveOnboardingTrash = async (key) => await odeServices.conf().savePreference(key, JSON.stringify({
-  key: !1
-})), useOnboardingModal = (id) => {
-  const [isOpen, setIsOpen] = useState(!1), [isOnboarding, setIsOnboarding] = useState(!1);
-  return useEffect(() => {
+import { useRef, useState, useEffect, useCallback } from "react";
+import usePreferences from "../../../hooks/usePreferences/usePreferences.js";
+const useOnboardingModal = (id, applyDisplayRule) => {
+  const state = useRef(), [isOpen, setIsOpen] = useState(!1), [isOnboarding, setIsOnboarding] = useState(!1), {
+    getPreference,
+    savePreference
+  } = usePreferences(id);
+  useEffect(() => {
     (async () => {
-      const response = await getOnboardingTrash(id);
-      if (response) {
-        const {
-          key
-        } = response;
-        key === !0 && setIsOpen(!0), setIsOnboarding(key);
-        return;
-      }
-      setIsOnboarding(!0), setIsOpen(!0);
+      const response = await getPreference();
+      if (response)
+        if (applyDisplayRule) {
+          const {
+            display,
+            nextState
+          } = applyDisplayRule(response.key);
+          setIsOpen(display), setIsOnboarding(display), state.current = nextState;
+        } else
+          response.key === !0 && setIsOpen(!0), setIsOnboarding(!!response.key), state.current = void 0;
+      else
+        setIsOpen(!0), setIsOnboarding(!0), state.current = void 0;
     })();
-  }, [id]), {
+  }, []);
+  const handleSavePreference = useCallback(async () => {
+    await savePreference({
+      key: state.current
+    }), setIsOpen(!1), setIsOnboarding(!1);
+  }, [savePreference, setIsOpen, setIsOnboarding]);
+  return {
     isOpen,
     setIsOpen,
     isOnboarding,
-    handleSavePreference: async () => {
-      await saveOnboardingTrash(id), setIsOpen(!1), setIsOnboarding(!1);
-    }
+    handleSavePreference
   };
 };
 export {

package/dist/modules/modals/ShareModal/ShareResources.js

@@ -139,7 +139,7 @@ const ShareResources = /* @__PURE__ */ forwardRef(({
       /* @__PURE__ */ jsx(Button, { "data-testid": "share-bookmark-show-button", color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconBookmark, {}), rightIcon: /* @__PURE__ */ jsx(SvgIconRafterDown, { title: t("show"), className: "w-16 min-w-0", style: {
         transition: "rotate 0.2s ease-out",
         rotate: showBookmarkInput ? "-180deg" : "0deg"
-      } }), type: "button", variant: "ghost", className: "fw-normal", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
+      } }), type: "button", variant: "ghost", className: "fw-normal text-start", onClick: () => toggleBookmarkInput(!showBookmarkInput), children: t("share.save.sharebookmark") }),
       showBookmarkInput && /* @__PURE__ */ jsx(ShareBookmark, { refBookmark, bookmark, onBookmarkChange: handleBookmarkChange, onSave: handleOnSaveBookmark })
     ] })
   ] });

package/dist/providers/AntThemeProvider/AntProvider.js

@@ -3,11 +3,11 @@ import { ConfigProvider } from "antd";
 import { antTheme } from "./antThemeConfig.js";
 /* empty css                     */
 import { useEdificeClient } from "../EdificeClientProvider/EdificeClientProvider.hook.js";
-import frFR from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/fr_FR.js";
-import deDE from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/de_DE.js";
-import esES from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/es_ES.js";
-import itIT from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/it_IT.js";
-import ptPT from "../../node_modules/.pnpm/antd@5.29.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/locale/pt_PT.js";
+import frFR from "antd/locale/fr_FR";
+import deDE from "antd/locale/de_DE";
+import esES from "antd/locale/es_ES";
+import itIT from "antd/locale/it_IT";
+import ptPT from "antd/locale/pt_PT";
 const antdLocaleMap = {
   fr: frFR,
   de: deDE,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.5.13-develop-pedago.20260316113612",
+  "version": "2.5.13-develop.20260316160930",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -123,7 +123,7 @@
     "clsx": "^2.1.1",
     "dayjs": "1.11.19",
     "emoji-picker-react": "4.5.2",
-    "heic-to": "1.4.2",
+    "heic2any": "0.0.4",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
     "pako": "2.1.0",
@@ -135,9 +135,9 @@
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
     "react-pdf": "10.2.0",
-    "@edifice.io/bootstrap": "2.5.13-develop-pedago.20260316113612",
-    "@edifice.io/tiptap-extensions": "2.5.13-develop-pedago.20260316113612",
-    "@edifice.io/utilities": "2.5.13-develop-pedago.20260316113612"
+    "@edifice.io/bootstrap": "2.5.13-develop.20260316160930",
+    "@edifice.io/tiptap-extensions": "2.5.13-develop.20260316160930",
+    "@edifice.io/utilities": "2.5.13-develop.20260316160930"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -168,8 +168,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.5.13-develop-pedago.20260316113612",
-    "@edifice.io/config": "2.5.13-develop-pedago.20260316113612"
+    "@edifice.io/client": "2.5.13-develop.20260316160930",
+    "@edifice.io/config": "2.5.13-develop.20260316160930"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",

package/dist/_virtual/common.js

@@ -1,4 +0,0 @@
-var common = {};
-export {
-  common as __exports
-};

package/dist/_virtual/de_DE.js

@@ -1,4 +0,0 @@
-var de_DE = {};
-export {
-  de_DE as __exports
-};

package/dist/_virtual/de_DE2.js

@@ -1,4 +0,0 @@
-var de_DE = {};
-export {
-  de_DE as __exports
-};