@edifice.io/react 2.5.12-develop-enabling.20260227103812 → 2.5.12-develop-b2school.20260305152150

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 = Object.assign(Root, {
+}), Card = /* @__PURE__ */ 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 = Object.assign(ComboboxComponent, {
+}), Combobox = /* @__PURE__ */ 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 = Object.assign(Root, {
+}), Dropdown = /* @__PURE__ */ 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 = Object.assign(Root, {
+}), FormControl = /* @__PURE__ */ Object.assign(Root, {
   Label,
   Input,
   Text: FormText

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.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))
+    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/Modal/Modal.js

@@ -62,7 +62,7 @@ const Root = /* @__PURE__ */ forwardRef(({
       opacity: 0.65
     } })
   ] })) });
-}), Modal = Object.assign(Root, {
+}), Modal = /* @__PURE__ */ 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 = Object.assign(Root, {});
+}, children }), PreventPropagation = /* @__PURE__ */ Object.assign(Root, {});
 export {
   PreventPropagation as default
 };

package/dist/components/PromotionCard/PromotionCard.js

@@ -17,7 +17,7 @@ const Root = ({
     borderColor,
     backgroundColor
   }, children });
-}, PromotionCard = Object.assign(Root, {
+}, PromotionCard = /* @__PURE__ */ 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
  */
-interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+export 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
  */
-type Props = DefaultSearchBar | DynamicSearchBar;
+export type Props = DefaultSearchBar | DynamicSearchBar;
 export type SearchBarProps = BaseProps & Props;
 /**
  * SearchBar component to handle dynamic or static search input

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/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 = Object.assign(Root, {
+}, children }) })), Table = /* @__PURE__ */ Object.assign(Root, {
   Thead: TableThead,
   Th: TableTh,
   Tbody: TableTbody,

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('@tanstack/react-query').UseQueryResult<IGetConf, Error>;
+}): import('../../../node_modules/@tanstack/react-query').UseQueryResult<IGetConf, Error>;

package/dist/hooks/useDropdown/useDropdown.js

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

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/useSession/useSession.d.ts

@@ -1,2 +1,2 @@
 import { IGetSession } from '@edifice.io/client';
-export default function useSession(): import('@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 | null | undefined, options?: LazyLoadOptions): boolean | null;
+export default function useThumbnail(src: string, options?: LazyLoadOptions): boolean | null;
 export {};

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -13,10 +13,6 @@ 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);
@@ -26,7 +22,7 @@ function useThumbnail(src, options) {
         img.onload = null, img.onerror = null, setStatus(null);
       };
     }
-  }, [inView, src]), status;
+  }, [inView]), status;
 }
 export {
   useThumbnail as default

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/hooks/useUpload/useUpload.js

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

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 { useTranslation } from "react-i18next";
 import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useTranslation } from "react-i18next";
 import useToast from "../useToast/useToast.js";
 function useWorkspaceFolders() {
   const queryClient = useQueryClient(), {

package/dist/modules/editor/components/Editor/EditorPreview.js

@@ -48,7 +48,7 @@ const EditorPreview = ({
       }), children: t("editor.preview.moreMedia", {
         mediaCount: medias.length - (index + 1)
       }) })
-    ] }, `${index}-${media.url}`)) })
+    ] }, media.url)) })
   ] });
 };
 export {

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,35 @@
-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);
+      const response = await getPreference();
       if (response) {
         const {
           key
-        } = response;
-        key === !0 && setIsOpen(!0), setIsOnboarding(key);
-        return;
-      }
-      setIsOnboarding(!0), setIsOpen(!0);
+        } = response, {
+          display,
+          nextState
+        } = applyDisplayRule(key);
+        setIsOpen(display), setIsOnboarding(display), state.current = nextState;
+      } else
+        setIsOnboarding(!0), setIsOpen(!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/ResourceModal/ResourceModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { CreateParameters, CreateResult, ID, IFolder, UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationResult } from '@tanstack/react-query';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
 export interface FormInputs {
     title: string;
     description: string;

package/dist/modules/modals/ResourceModal/hooks/useUpdateMutation.d.ts

@@ -1,5 +1,5 @@
 import { UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 declare const useUpdateMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<UpdateResult, Error, UpdateParameters>;

package/dist/modules/modals/ShareModal/ShareResources.d.ts

@@ -1,5 +1,5 @@
 import { ID, PutShareResponse, RightStringified, ShareRight, ShareRightAction, ShareRightActionDisplayName, ShareUrls } from '@edifice.io/client';
-import { UseMutationResult } from '@tanstack/react-query';
+import { UseMutationResult } from '../../../../node_modules/@tanstack/react-query';
 /**
  * Configuration options for sharing a resource
  *
@@ -118,11 +118,21 @@ interface ShareResourceProps {
     classNameSearchInput?: string;
 }
 /**
- * Ref interface exposed by ShareResources component.
- * Use useRef with this type and call ref.current?.handleShare() to trigger share programmatically.
+ * Ref interface exposed by ShareResources component
  *
  * @interface ShareResourcesRef
  * @property {() => void} handleShare - Method to trigger the share operation
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<ShareResourcesRef>(null);
+ *
+ * // Trigger share programmatically
+ * ref.current?.handleShare();
+ *
+ * // Check sharing status
+ * const sharing = ref.current?.isSharing();
+ * ```
  */
 export interface ShareResourcesRef {
     handleShare: (notify?: boolean) => void;
@@ -132,7 +142,46 @@ export interface ShareResourcesRef {
  *
  * A component for managing resource sharing permissions with users and groups.
  * Provides search functionality, bookmark management, and granular rights control.
- * Use forwardRef to get a ref with handleShare(). See ShareResourcesRef interface.
+ *
+ * @example
+ * ```tsx
+ * import { useRef } from 'react';
+ * import ShareResources, { ShareResourcesRef, ShareOptions } from './ShareResources';
+ *
+ * function MyComponent() {
+ *   const shareRef = useRef<ShareResourcesRef>(null);
+ *
+ *   const shareOptions: ShareOptions = {
+ *     resourceId: '123',
+ *     resourceRights: [],
+ *     resourceCreatorId: 'user-456',
+ *     filteredActions: ['read', 'contrib'],
+ *     urls: {
+ *       getResourceRights: '/api/share/rights',
+ *       putResourceRights: '/api/share/update'
+ *     }
+ *   };
+ *
+ *   const handleSave = () => {
+ *     if (shareRef.current) {
+ *       shareRef.current.handleShare();
+ *     }
+ *   };
+ *
+ *   return (
+ *     <>
+ *       <ShareResources
+ *         ref={shareRef}
+ *         shareOptions={shareOptions}
+ *         onSuccess={() => console.log('Shared successfully')}
+ *         onChange={(rights, isDirty) => console.log('Rights changed:', isDirty)}
+ *         onSubmit={(isSubmitting) => console.log('Submitting share...', isSubmitting)}
+ *       />
+ *       <button onClick={handleSave}>Save Changes</button>
+ *     </>
+ *   );
+ * }
+ * ```
  *
  * @component
  * @forwardRef

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/modules/modals/ShareModal/apps/ShareBlog.d.ts

@@ -1,5 +1,5 @@
 import { ID, UpdateParameters, UpdateResult } from '@edifice.io/client';
-import { UseMutationResult } from '@tanstack/react-query';
+import { UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 export type PublicationType = 'RESTRAINT' | 'IMMEDIATE' | undefined;
 export interface ShareBlogProps {
     resourceId: ID;

package/dist/modules/modals/ShareModal/hooks/useShareBookmark.js

@@ -35,8 +35,7 @@ const useShareBookmark = ({
           ...shareRights,
           visibleBookmarks: [...shareRights.visibleBookmarks, {
             displayName: name,
-            id: res.id,
-            notVisibleCount: 0
+            id: res.id
           }]
         }
       }), setBookmark((prev) => ({

package/dist/modules/modals/ShareModal/hooks/useShareMutation.d.ts

@@ -1,5 +1,5 @@
 import { PutShareResponse, ShareRight } from '@edifice.io/client';
-import { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { UseMutationOptions, UseMutationResult } from '../../../../../node_modules/@tanstack/react-query';
 declare const useShareMutation: ({ application, options, }: {
     application: string;
     options?: UseMutationOptions<PutShareResponse, Error, {