ode-explorer 1.4.2-develop-integration.202405161426 → 1.4.2-develop-pedago.202405171024

package/dist/index.js

@@ -4100,6 +4100,12 @@ const usePrevious = (value, ignore) => {
   }, [value, ignore]);
   return ref2.current;
 };
+function alwaysNewT(i18n, language, namespace, keyPrefix) {
+  return i18n.getFixedT(language, namespace, keyPrefix);
+}
+function useMemoizedT(i18n, language, namespace, keyPrefix) {
+  return reactExports.useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+}
 function useTranslation(ns) {
   let props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   const {
@@ -4143,9 +4149,9 @@ function useTranslation(ns) {
   if (i18n.reportNamespaces.addUsedNamespaces)
     i18n.reportNamespaces.addUsedNamespaces(namespaces);
   const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n2) => hasLoadedNamespace(n2, i18n, i18nOptions));
-  function getT() {
-    return i18n.getFixedT(props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
-  }
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
   const [t2, setT] = reactExports.useState(getT);
   let joinedNS = namespaces.join();
   if (props.lng)
@@ -4162,21 +4168,21 @@ function useTranslation(ns) {
       if (props.lng) {
         loadLanguages(i18n, props.lng, namespaces, () => {
           if (isMounted.current)
-            setT(getT);
+            setT(getNewT);
         });
       } else {
         loadNamespaces(i18n, namespaces, () => {
           if (isMounted.current)
-            setT(getT);
+            setT(getNewT);
         });
       }
     }
     if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
-      setT(getT);
+      setT(getNewT);
     }
     function boundReset() {
       if (isMounted.current)
-        setT(getT);
+        setT(getNewT);
     }
     if (bindI18n && i18n)
       i18n.on(bindI18n, boundReset);
@@ -4190,13 +4196,11 @@ function useTranslation(ns) {
         bindI18nStore.split(" ").forEach((e2) => i18n.store.off(e2, boundReset));
     };
   }, [i18n, joinedNS]);
-  const isInitial = reactExports.useRef(true);
   reactExports.useEffect(() => {
-    if (isMounted.current && !isInitial.current) {
+    if (isMounted.current && ready) {
       setT(getT);
     }
-    isInitial.current = false;
-  }, [i18n, keyPrefix]);
+  }, [i18n, keyPrefix, ready]);
   const ret = [t2, i18n, ready];
   ret.t = t2;
   ret.i18n = i18n;
@@ -4235,7 +4239,10 @@ instance.use(Backend).use(initReactI18next).init({
     prefix: "[[",
     suffix: "]]"
   },
-  debug: false
+  debug: false,
+  react: {
+    useSuspense: false
+  }
 });
 var Subscribable = class {
   constructor() {
@@ -62603,6 +62610,42 @@ const useConversation = () => {
 }, useConversation$1 = useConversation;
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
+function useDate() {
+  const [lang, setLang] = reactExports.useState("fr"), sessionQuery = useSession();
+  function parseDate(date, lang2) {
+    if (date.length < 11)
+      return dayjs(date, ["YYYY-MM-DD"], lang2);
+    if (date.split("").findIndex((char) => "0" > char || char > "9") < 0)
+      return dayjs(Number.parseInt(date));
+    {
+      let day = dayjs(date);
+      return day.isValid() || (day = dayjs(date, ["YYYY-MM-DD HH:mm:ss.SSS"])), day;
+    }
+  }
+  const fromNow = reactExports.useCallback((date) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date, lang) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)) : typeof date.$date == "string" && (computedDate = parseDate(date.$date, lang)), computedDate.isValid() ? computedDate.fromNow() : "");
+    } catch {
+      return "";
+    }
+  }, [lang]), formatDate = reactExports.useCallback((date, format) => {
+    let computedDate = dayjs();
+    try {
+      return typeof date > "u" ? "" : (typeof date == "string" ? computedDate = parseDate(date, lang) : typeof date.$date == "number" ? computedDate = dayjs(new Date(date.$date)) : typeof date.$date == "string" && (computedDate = parseDate(date.$date, lang)), computedDate.isValid() ? computedDate.locale(lang).format(format || "D MMMM YYYY HH:mm:ss") : "");
+    } catch {
+      return "";
+    }
+  }, [lang]);
+  return reactExports.useEffect(() => {
+    var _a2;
+    const lang2 = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.currentLanguage) || "fr";
+    setLang(lang2), dayjs.locale(lang2);
+  }, [sessionQuery == null ? void 0 : sessionQuery.data, setLang]), {
+    fromNow,
+    formatDate
+  };
+}
 const DEFAULT_EVENTS = ["mousedown", "touchstart"];
 function useClickOutside(handler, events2, nodes) {
   const ref2 = reactExports.useRef();
@@ -63105,98 +63148,6 @@ function useXitiTrackPageLoad() {
     xitiStatus
   };
 }
-function useZendeskGuide() {
-  const sessionQuery = useSession(), {
-    isAdml
-  } = useIsAdml(), {
-    theme
-  } = useOdeTheme(), hasSupportWorkflow = useHasWorkflow("net.atos.entng.support.controllers.DisplayController|view"), [locationPathname, setLocationPathname] = reactExports.useState(""), [dataModule, setDataModule] = reactExports.useState(void 0), setZendeskGuideLabels = () => {
-    var _a2;
-    const modulePathnameSplit = locationPathname.split("/");
-    let moduleLabel = "", labels = "";
-    if (dataModule != null && dataModule.labels && Object.keys(dataModule == null ? void 0 : dataModule.labels).length > 0 && modulePathnameSplit.length > 1) {
-      for (let i2 = 1; i2 < modulePathnameSplit.length; i2++)
-        modulePathnameSplit[i2].length > 0 && modulePathnameSplit[i2].match(/\d/) == null && (moduleLabel.length === 0 ? moduleLabel = modulePathnameSplit[i2] : moduleLabel = moduleLabel + "/" + modulePathnameSplit[i2]);
-      dataModule != null && dataModule.labels && Object.prototype.hasOwnProperty.call(dataModule == null ? void 0 : dataModule.labels, moduleLabel) ? labels = dataModule == null ? void 0 : dataModule.labels[moduleLabel] : dataModule != null && dataModule.default && String(dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    } else
-      dataModule != null && dataModule.default && String(dataModule == null ? void 0 : dataModule.default).length > 0 && (labels = dataModule == null ? void 0 : dataModule.default);
-    if (labels.includes("${adml}") && (isAdml ? labels = labels.replace("${adml}", "adml") : labels = labels.replace("/${adml}", "")), labels.includes("${profile}")) {
-      const userProfile = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.userProfile[0]) || "";
-      labels = labels.replace("${profile}", userProfile.toLowerCase());
-    }
-    labels.includes("${theme") && (theme != null && theme.is1d ? labels = labels.replace("${theme}", "1D") : labels = labels.replace("${theme}", "2D")), window.zE("webWidget", "helpCenter:setSuggestions", {
-      labels: [labels]
-    });
-  };
-  return reactExports.useEffect(() => {
-    window.location.pathname !== locationPathname && setLocationPathname(window.location.pathname), !(dataModule === void 0 || Object.keys(dataModule).length === 0) && setZendeskGuideLabels();
-  }, [window.location.pathname, dataModule]), reactExports.useEffect(() => {
-    document.getElementById("ze-snippet") || hasSupportWorkflow === void 0 || (async () => {
-      var _a2;
-      const zendeskGuideConfig = await odeServices.http().get("/zendeskGuide/config");
-      if (zendeskGuideConfig && zendeskGuideConfig.key && zendeskGuideConfig.key !== "") {
-        const scriptZendesk = document.createElement("script");
-        scriptZendesk.id = "ze-snippet", scriptZendesk.src = `https://static.zdassets.com/ekr/snippet.js?key=${zendeskGuideConfig.key}`;
-        const currentLanguage = ((_a2 = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a2.currentLanguage) || "fr";
-        document.body.appendChild(scriptZendesk).onload = () => {
-          currentLanguage === "es" ? window.zE(function() {
-            window.zE.setLocale("es-419");
-          }) : window.zE(function() {
-            window.zE.setLocale("fr");
-          }), Object.keys(zendeskGuideConfig.module).length > 0 && setDataModule(zendeskGuideConfig.module), window.zE("webWidget", "updateSettings", {
-            webWidget: {
-              color: {
-                theme: zendeskGuideConfig.color || "#ffc400"
-              },
-              zIndex: 2,
-              launcher: {
-                mobile: {
-                  labelVisible: true
-                }
-              },
-              contactForm: {
-                suppress: !hasSupportWorkflow
-              },
-              helpCenter: {
-                messageButton: {
-                  "*": "Assistance ENT",
-                  "es-419": "Asistencia ENT"
-                }
-              }
-            }
-          }), window.addEventListener("scroll", () => {
-            window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                launcher: {
-                  mobile: {
-                    labelVisible: window.scrollY <= 5
-                  }
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "open", function() {
-            hasSupportWorkflow && window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: false
-                }
-              }
-            });
-          }), window.zE("webWidget:on", "userEvent", function(ref2) {
-            const category = ref2.category, action = ref2.action, properties2 = ref2.properties;
-            action === "Contact Form Shown" && category === "Zendesk Web Widget" && properties2 && properties2.name === "contact-form" && hasSupportWorkflow && (window.zE("webWidget", "updateSettings", {
-              webWidget: {
-                contactForm: {
-                  suppress: true
-                }
-              }
-            }), window.zE("webWidget", "close"), window.open("/support", "_blank"));
-          });
-        };
-      }
-    })();
-  }, [hasSupportWorkflow]), null;
-}
 const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
   src,
   alt,
@@ -63648,8 +63599,8 @@ const Image$1 = /* @__PURE__ */ reactExports.forwardRef(({
     onMenuItemKeyDown,
     onMenuItemMouseEnter,
     onMenuItemClick
-  } = itemProps, handleOnClick = () => {
-    onClick2 == null || onClick2(), type2 === "action" && onMenuItemClick();
+  } = itemProps, handleOnClick = (event) => {
+    onClick2 == null || onClick2(event), type2 === "action" && onMenuItemClick();
   }, id2 = reactExports.useId(), dropdownItem = clsx("dropdown-item", {
     focus: isFocused === id2
   });
@@ -64095,7 +64046,8 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
   className,
   ...restProps
 }, ref2) => {
-  const {
+  var _a2, _b2;
+  const [content, setContent] = reactExports.useState(((_a2 = restProps.defaultValue) == null ? void 0 : _a2.toString()) || ((_b2 = restProps.value) == null ? void 0 : _b2.toString())), {
     id: id2,
     isRequired,
     isReadOnly,
@@ -64112,7 +64064,16 @@ const TextArea = /* @__PURE__ */ reactExports.forwardRef(({
     "form-control-plaintext": isReadOnly,
     "no-validation-icon": noValidationIcon
   }, className);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { ref: ref2, id: id2, className: classes2, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, value: content, onChange: (event) => {
+      setContent(event.target.value);
+    } }),
+    restProps.maxLength && content && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "small text-gray-700 p-2 text-end", children: [
+      content.length,
+      " / ",
+      restProps.maxLength
+    ] })
+  ] });
 }), TextArea$1 = TextArea;
 function useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur) {
   const handleItemClick = (event) => {
@@ -64885,15 +64846,19 @@ const useThumb = ({
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("title") }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(Input$1, { type: "text", defaultValue: isUpdating ? resource == null ? void 0 : resource.name : "", ...register("title", {
                 required: true,
+                maxLength: 60,
                 pattern: {
                   value: /[^ ]/,
                   message: "invalid title"
                 }
-              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true })
+              }), placeholder: t2("explorer.resource.editModal.title.placeholder"), size: "md", "aria-required": true, maxLength: 60 })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(FormControl$1, { id: "description", isOptional: true, children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: t2("description") }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { defaultValue: isUpdating ? resource == null ? void 0 : resource.description : "", ...register("description"), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea$1, { value: resource.description, ...register("description", {
+                required: false,
+                maxLength: 400
+              }), placeholder: t2("explorer.resource.editModal.description.placeholder"), size: "md", maxLength: 400 })
             ] })
           ] })
         ] }),
@@ -66385,14 +66350,35 @@ const SearchEngine = () => {
     showCookiesConsent,
     handleConsultCookies,
     handleCloseCookiesConsent
-  } = useCookiesConsent();
-  useZendeskGuide();
-  const classes2 = clsx("d-flex flex-column bg-white", {
+  } = useCookiesConsent(), classes2 = clsx("d-flex flex-column bg-white", {
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { toastOptions: {
-    position: "top-right"
+  }), renderHeader = headless ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Header$2, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "info", className: "m-12", isConfirm: true, position: "bottom-right", button: /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t2("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t2("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsxRuntimeExports.jsx(Ie$1, { containerStyle: {
+    zIndex: 0
+  }, toastOptions: {
+    position: "top-right",
+    style: {},
+    success: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    error: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    loading: {
+      style: {
+        zIndex: 9999
+      }
+    },
+    custom: {
+      style: {
+        zIndex: 9999
+      }
+    }
   } });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     renderHeader,
@@ -67221,7 +67207,7 @@ const useSearchForm = () => {
 function ExplorerBreadcrumb() {
   const { appCode } = useOdeClient();
   const { gotoPreviousFolder } = useStoreActions();
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useTranslation(["common", appCode]);
   const { inputSearch } = useSearchForm();
   const selectedNodesIds = useSelectedNodesIds();
   const isTrashFolder = useIsTrash();
@@ -67677,7 +67663,7 @@ const useCopyResource = () => {
           }
         );
       }
-      if (currentFolder.id && currentFolder.id !== "default") {
+      if (currentFolder.id && currentFolder.id !== FOLDER.DEFAULT) {
         moveToFolder({
           searchParams,
           resourceIds: [data.duplicateId],
@@ -68059,10 +68045,9 @@ const useCreateResource = () => {
       var _a2, _b2, _c2;
       await queryClient2.cancelQueries({ queryKey });
       const previousData = queryClient2.getQueryData(queryKey);
-      const { thumbnail } = variables;
       const newResource = {
         ...variables,
-        thumbnail: thumbnail ? URL.createObjectURL(thumbnail) : "",
+        thumbnail: data.thumbnail || "",
         application,
         assetId: data._id || data.entId || "",
         id: data._id || data.entId || "",
@@ -68126,7 +68111,7 @@ const List = () => {
   const treeData = useTreeData();
   const toast = useToast();
   const { appCode } = useOdeClient();
-  const { t: t2 } = useTranslation();
+  const { t: t2 } = useTranslation([appCode]);
   const { setSearchParams, setSearchConfig, setTreeData } = useStoreActions();
   const { data, isError: isError2, error, isLoading, isFetching, fetchNextPage } = useSearchContext();
   const hasNoFolders = (data == null ? void 0 : data.pages[0].folders.length) === 0;
@@ -68369,7 +68354,10 @@ const TreeViewContainer = () => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       TreeView$1,
       {
-        data: treeData,
+        data: {
+          ...treeData,
+          name: t2("explorer.filters.mine", { ns: appCode })
+        },
         selectedNodesIds,
         onTreeItemSelect: selectTreeItem,
         onTreeItemFold: foldTreeItem,
@@ -68787,7 +68775,7 @@ const ResourceCard = ({
             Image$2,
             {
               alt: "",
-              src: resource == null ? void 0 : resource.thumbnail,
+              src: `${resource == null ? void 0 : resource.thumbnail}?thumbnail=80x80`,
               objectFit: "cover",
               className: "h-full w-100"
             }
@@ -68844,13 +68832,13 @@ const ResourceCard = ({
   );
 };
 ResourceCard.displayName = "ResourceCard";
-dayjs.extend(relativeTime);
 const ResourcesList = ({
   data,
   fetchNextPage
 }) => {
-  const { currentApp, currentLanguage } = useOdeClient();
+  const { currentApp } = useOdeClient();
   const { t: t2 } = useTranslation();
+  const { fromNow } = useDate();
   const searchParams = useSearchParams();
   const resourceIds = useResourceIds();
   const selectedResources = useSelectedResources();
@@ -68902,7 +68890,7 @@ const ResourcesList = ({
       // eslint-disable-next-line react/no-array-index-key
       /* @__PURE__ */ jsxRuntimeExports.jsx(React$2.Fragment, { children: page.resources.map((resource) => {
         const { id: id2, updatedAt } = resource;
-        const time = dayjs(updatedAt).locale(currentLanguage).fromNow();
+        const time = fromNow(updatedAt);
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           animated.li,
           {
@@ -69044,6 +69032,7 @@ function FolderModal$1({
             type: "text",
             ...register("name", {
               required: true,
+              maxLength: 60,
               pattern: {
                 value: /[^ ]/,
                 message: "invalid title"
@@ -69051,7 +69040,8 @@ function FolderModal$1({
             }),
             placeholder: t2("explorer.create.folder.name"),
             size: "md",
-            "aria-required": true
+            "aria-required": true,
+            maxLength: 60
           }
         )
       ] }) }) }),
@@ -69173,7 +69163,7 @@ const Library = () => {
         href: libraryUrl,
         target: "_blank",
         rel: "noreferrer",
-        className: "d-inline-flex gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
+        className: "d-inline-flex align-items-center gap-4 btn btn-ghost-primary py-0 p-0 pe-8",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t2("explorer.libray.btn") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SvgArrowRight$1, {})
@@ -69315,14 +69305,10 @@ function useActionBar() {
       case ACTION.UPD_PROPS:
       case "edit":
         return onEdit();
-      case "export":
-        if (resourceIds.length > 0) {
-          return onExport();
-        } else {
-          return null;
-        }
       case ACTION.SHARE:
         return setOpenedModalName("share");
+      case ACTION.EXPORT:
+        return setOpenedModalName("export");
       default:
         throw Error(`Unknown action: ${action.id}`);
     }
@@ -69394,6 +69380,8 @@ function useActionBar() {
   const onEditResourceCancel = onFinish("edit_resource");
   const onShareResourceSuccess = onFinish("share");
   const onShareResourceCancel = onFinish("share");
+  const onExportCancel = onFinish("export");
+  const onExportSuccess = onFinish("export");
   async function onCopy() {
     if (selectedResources && selectedResources.length > 0) {
       const selectedResource = selectedResources[0];
@@ -69410,12 +69398,6 @@ function useActionBar() {
       setOpenedModalName("edit_folder");
     }
   }
-  function onExport() {
-    if (resourceIds && resourceIds.length > 0) {
-      const selectedResource = selectedResources[0].assetId;
-      goToExport({ searchParams, assetId: selectedResource });
-    }
-  }
   function overrideLabel(action) {
     if (action.id === "edit" && folderIds.length > 0) {
       return "explorer.rename";
@@ -69449,6 +69431,9 @@ function useActionBar() {
     isShareResourceOpen: openedModalName === "share",
     onShareResourceCancel,
     onShareResourceSuccess,
+    isExportModalOpen: openedModalName === "export",
+    onExportCancel,
+    onExportSuccess,
     onClearActionBar
   };
 }
@@ -69498,6 +69483,7 @@ const UpdateModal = reactExports.lazy(
 const DeleteModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => DeleteModal$1), true ? void 0 : void 0));
 const MoveModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => MoveModal$1), true ? void 0 : void 0));
 const FolderModal = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => FolderModal$2), true ? void 0 : void 0));
+const ExportModal$2 = reactExports.lazy(async () => await __vitePreload(() => Promise.resolve().then(() => ExportModal$1), true ? void 0 : void 0));
 function ActionBarContainer() {
   const { appCode } = useOdeClient();
   const { t: t2 } = useTranslation();
@@ -69518,6 +69504,9 @@ function ActionBarContainer() {
     isShareResourceOpen,
     onShareResourceCancel,
     onShareResourceSuccess,
+    isExportModalOpen,
+    onExportCancel,
+    onExportSuccess,
     onMoveCancel,
     onMoveSuccess,
     onDeleteCancel,
@@ -69646,6 +69635,14 @@ function ActionBarContainer() {
             }
           ) : null
         }
+      ),
+      isExportModalOpen && selectedResource && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ExportModal$2,
+        {
+          isOpen: isExportModalOpen,
+          onCancel: onExportCancel,
+          onSuccess: onExportSuccess
+        }
       )
     ] })
   ] });
@@ -69899,6 +69896,69 @@ const MoveModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   __proto__: null,
   default: MoveModal
 }, Symbol.toStringTag, { value: "Module" }));
+const useExportModal = (onSuccess) => {
+  const selectedResources = useSelectedResources();
+  const searchParams = useSearchParams();
+  const toast = useToast();
+  const { t: t2 } = useTranslation();
+  const handleExportClick = () => {
+    if (selectedResources.length) {
+      goToExport({ searchParams, assetId: selectedResources[0].assetId });
+      onSuccess();
+    } else {
+      toast.error(t2("explorer.error.noResourceSelected"));
+    }
+  };
+  return { handleExportClick };
+};
+function ExportModal({
+  isOpen,
+  onSuccess,
+  onCancel
+}) {
+  const { handleExportClick } = useExportModal(onSuccess);
+  const { t: t2 } = useTranslation();
+  return reactDomExports.createPortal(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1, { isOpen, onModalClose: onCancel, id: "exportModal", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Modal$1.Header, { onModalClose: onCancel, children: t2("explorer.export.title") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1.Body, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.1") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.2") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: t2("explorer.export.body.info.3") })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Alert$1, { type: "warning", children: t2("explorer.export.body.warning") })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal$1.Footer, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            color: "tertiary",
+            onClick: onCancel,
+            type: "button",
+            variant: "ghost",
+            children: t2("explorer.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button$1,
+          {
+            color: "primary",
+            onClick: handleExportClick,
+            type: "button",
+            variant: "filled",
+            children: t2("explorer.actions.export")
+          }
+        )
+      ] })
+    ] }),
+    document.getElementById("portal")
+  );
+}
+const ExportModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ExportModal
+}, Symbol.toStringTag, { value: "Module" }));
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 16/05/2024 14:26:40
+ode-explorer=1.0-b2school-SNAPSHOT 17/05/2024 10:25:10