ode-explorer 1.4.8 → 1.4.9

package/lib/index2.js

@@ -2,16 +2,16 @@ var ge = Object.defineProperty;
 var ye = (e, s, t) => s in e ? ge(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var $ = (e, s, t) => (ye(e, typeof s != "symbol" ? s + "" : s, t), t);
 import { jsx as c, jsxs as N, Fragment as ce } from "react/jsx-runtime";
-import { useState as ie, useRef as Ie, useEffect as M, Suspense as O, lazy as F, Fragment as Se } from "react";
-import { useScrollToTop as we, useOdeClient as K, IconButton as xe, useToast as k, useUser as le, useShareMutation as De, useUpdateMutation as be, LoadingScreen as A, FormControl as Te, Input as Fe, SearchButton as Ce, Dropdown as z, useToggle as Ne, TreeView as Re, Button as Pe, useXitiTrackPageLoad as Ae, isActionAvailable as oe, AppHeader as Ee, Breadcrumb as Qe, Grid as te } from "@edifice-ui/react";
-import { ArrowLeft as qe, Filter as Oe, Delete as ke, Plus as Ue } from "@edifice-ui/icons";
+import { useState as ie, useRef as Ie, useEffect as M, lazy as F, Suspense as q, Fragment as we } from "react";
+import { useScrollToTop as Se, useOdeClient as K, IconButton as xe, useToast as U, useUser as le, useShareMutation as De, useUpdateMutation as be, LoadingScreen as A, FormControl as Te, Input as Fe, SearchButton as Ce, Dropdown as z, useToggle as Ne, TreeView as Re, Button as Pe, useXitiTrackPageLoad as Ae, isActionAvailable as oe, AppHeader as Ee, Breadcrumb as Qe, Grid as te } from "@edifice-ui/react";
+import { ArrowLeft as Oe, Filter as qe, Delete as Ue, Plus as ke } from "@edifice-ui/icons";
 import { useTranslation as j } from "react-i18next";
-import { odeServices as D, FOLDER as w, SORT_ORDER as Le } from "edifice-ts-client";
-import { t as x } from "i18next";
-import { create as ve } from "zustand";
-import { useQuery as Me, useInfiniteQuery as Ke, useQueryClient as E, useMutation as L } from "@tanstack/react-query";
+import { odeServices as x, FOLDER as T, SORT_ORDER as ve } from "edifice-ts-client";
+import { t as S } from "i18next";
+import { create as Le } from "zustand";
+import { useQuery as Me, useInfiniteQuery as Ke, useQueryClient as E, useMutation as v } from "@tanstack/react-query";
 const de = async (e) => {
-  const s = await D.resource(e.application).searchContext(e);
+  const s = await x.resource(e.application).searchContext(e);
   return {
     ...s,
     folders: s.folders.filter((t) => !t.trashed)
@@ -27,7 +27,7 @@ const de = async (e) => {
     application: e.application,
     type: e.types[0]
   };
-  return await D.resource(e.application).createFolder(r);
+  return await x.resource(e.application).createFolder(r);
 }, _e = async ({
   folderId: e,
   searchParams: s,
@@ -41,7 +41,7 @@ const de = async (e) => {
     application: s.application,
     type: s.types[0]
   };
-  return await D.resource(s.application).updateFolder(n);
+  return await x.resource(s.application).updateFolder(n);
 }, $e = async ({
   searchParams: e,
   resourceIds: s,
@@ -54,7 +54,7 @@ const de = async (e) => {
     resourceIds: s,
     folderIds: r
   };
-  return await D.resource(e.application).trashAll(n, t);
+  return await x.resource(e.application).trashAll(n, t);
 }, ze = async ({
   searchParams: e,
   resourceIds: s,
@@ -67,7 +67,7 @@ const de = async (e) => {
     resourceIds: s,
     folderIds: r
   };
-  return await D.resource(e.application).deleteAll(n, t);
+  return await x.resource(e.application).deleteAll(n, t);
 }, je = async ({
   searchParams: e,
   resourceIds: s,
@@ -80,8 +80,8 @@ const de = async (e) => {
     resourceIds: s,
     folderIds: t
   };
-  return await D.resource(e.application).restoreAll(n, r);
-}, Ve = async (e, s) => await D.resource(e.application).copy({
+  return await x.resource(e.application).restoreAll(n, r);
+}, Ve = async (e, s) => await x.resource(e.application).copy({
   application: e.application,
   resourceId: s
 }), ue = async ({
@@ -97,39 +97,40 @@ const de = async (e) => {
     resourceIds: s,
     folderIds: r
   };
-  return await D.resource(e.application).moveToFolder(a, n);
-}, He = async (e) => await D.rights().sessionHasWorkflowRights(e), We = ({
+  return await x.resource(e.application).moveToFolder(a, n);
+};
+const He = async (e) => await x.rights().sessionHasWorkflowRights(e), We = ({
   searchParams: e,
   assetId: s
 }) => {
-  const t = D.resource(e.application).getViewUrl(s);
+  const t = x.resource(e.application).getViewUrl(s);
   window.open(t, "_self");
-}, Ge = ({
+}, Je = ({
   searchParams: e,
   params: s
-}) => D.resource(e.application).create(s), Je = ({
+}) => x.resource(e.application).create(s), Ge = ({
   searchParams: e,
   assetId: s
 }) => {
-  const t = D.resource(e.application).getPrintUrl(s);
+  const t = x.resource(e.application).getPrintUrl(s);
   return window.open(t, "_blank");
 }, $t = ({
   searchParams: e,
   folderId: s
 }) => {
-  const t = D.resource(e.application).getFormUrl(s);
+  const t = x.resource(e.application).getFormUrl(s);
   return window.open(t, "_self");
 }, zt = ({
   searchParams: e,
   assetId: s
 }) => {
-  const t = D.resource(e.application).getEditUrl(s);
+  const t = x.resource(e.application).getEditUrl(s);
   return window.open(t, "_self");
 }, jt = ({
   searchParams: e,
   assetId: s
 }) => {
-  const t = D.resource(e.application).getExportUrl(s);
+  const t = x.resource(e.application).getExportUrl(s);
   return window.open(t, "_self");
 };
 function se(e) {
@@ -143,12 +144,12 @@ function W(e, s) {
 function Xe(e, s) {
   var r;
   const t = W(e, s);
-  return (r = t == null ? void 0 : t.folder) != null && r.ancestors ? [...(t == null ? void 0 : t.folder.ancestors) || [], e] : e === w.BIN ? [w.BIN] : [w.DEFAULT];
+  return (r = t == null ? void 0 : t.folder) != null && r.ancestors ? [...(t == null ? void 0 : t.folder.ancestors) || [], e] : e === T.BIN ? [T.BIN] : [T.DEFAULT];
 }
 function fe(e, s) {
   return s.id === e && s.children ? s.children.length > 0 : s.children ? s.children.some((t) => fe(s.id, t)) : !1;
 }
-function G(e, s) {
+function J(e, s) {
   return he(e, s) || e;
 }
 function he(e, s, t) {
@@ -157,8 +158,8 @@ function he(e, s, t) {
   if ((n = r == null ? void 0 : r.children) != null && n.length) {
     const a = [];
     for (const o of (r == null ? void 0 : r.children) || []) {
-      const i = he(o, s, r);
-      i && a.push(i);
+      const l = he(o, s, r);
+      l && a.push(l);
     }
     return {
       ...r,
@@ -167,7 +168,7 @@ function he(e, s, t) {
   }
   return r;
 }
-class J {
+class G {
   constructor(s) {
     $(this, "id");
     $(this, "name");
@@ -177,20 +178,20 @@ class J {
     this.folder = s, this.id = s.id, this.name = s.name, this.childNumber = s.childNumber;
   }
 }
-const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? void 0 : s.map((n) => new J(n))), r)), Ye = {
+const pe = (e, s, t) => J(e, (r) => (r.id === t && (r.children = s == null ? void 0 : s.map((n) => new G(n))), r)), Ye = {
   config: null,
   searchConfig: {
     minLength: 1
   },
   searchParams: {
     filters: {
-      folder: w.DEFAULT,
+      folder: T.DEFAULT,
       owner: void 0,
       shared: void 0,
       public: void 0
     },
     orders: {
-      updatedAt: Le.DESC
+      updatedAt: ve.DESC
     },
     application: "",
     types: [],
@@ -202,8 +203,8 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
     trashed: !1
   },
   treeData: {
-    id: w.DEFAULT,
-    name: x("explorer.filters.mine"),
+    id: T.DEFAULT,
+    name: S("explorer.filters.mine"),
     section: !0,
     children: []
   },
@@ -218,7 +219,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
   resourceIsTrash: !1,
   resourceActionDisable: !1,
   status: void 0
-}, S = ve()((e, s) => ({
+}, w = Le()((e, s) => ({
   ...Ye,
   updaters: {
     setConfig: (t) => e({
@@ -329,7 +330,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
         if (r.length !== 1)
           throw new Error("Cannot open more than 1 resource");
         const a = r.find((o) => o.id === n[0]);
-        Je({
+        Ge({
           searchParams: t,
           assetId: a.assetId
         });
@@ -344,7 +345,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
       const {
         searchParams: n,
         treeData: a
-      } = s(), o = n.filters.folder, i = Xe(t, a), f = se([...i, t]);
+      } = s(), o = n.filters.folder, l = Xe(t, a), f = se([...l, t]);
       o !== t && e((d) => ({
         ...d,
         // reset selection when changing folder
@@ -361,7 +362,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
             ...n.filters,
             folder: t
           },
-          trashed: t === w.BIN
+          trashed: t === T.BIN
         }
       }));
     },
@@ -396,11 +397,11 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
           folderId: t,
           trashed: !1
         }]);
-        e((i) => {
+        e((l) => {
           var f;
           return {
-            ...i,
-            treeData: pe(n, (f = o == null ? void 0 : o.pages[0]) == null ? void 0 : f.folders, t || w.DEFAULT)
+            ...l,
+            treeData: pe(n, (f = o == null ? void 0 : o.pages[0]) == null ? void 0 : f.folders, t || T.DEFAULT)
           };
         });
       }
@@ -411,10 +412,10 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
       } = s(), {
         openFolder: n
       } = s().updaters, a = W(t, r);
-      we()(), e((i) => ({
-        ...i,
+      Se()(), e((l) => ({
+        ...l,
         searchParams: {
-          ...i.searchParams,
+          ...l.searchParams,
           search: void 0
         },
         status: "select",
@@ -436,7 +437,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
       const o = W(t[a - 2], r);
       n({
         folder: o,
-        folderId: (o == null ? void 0 : o.id) || w.DEFAULT
+        folderId: (o == null ? void 0 : o.id) || T.DEFAULT
       });
     },
     goToTrash: () => e((t) => ({
@@ -450,25 +451,25 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
         ...t.searchParams,
         search: void 0,
         filters: {
-          folder: w.BIN
+          folder: T.BIN
         },
         trashed: !0
       },
       currentFolder: {
-        id: w.BIN
+        id: T.BIN
       }
     }))
   }
-})), b = () => S((e) => e.searchParams), re = () => S((e) => e.selectedNodesIds), V = () => S((e) => e.treeData), Vt = () => S((e) => e.selectedFolders), Ht = () => S((e) => e.selectedResources), Ze = () => S((e) => e.searchConfig), X = () => S((e) => e.folderIds), Y = () => S((e) => e.resourceIds), Z = () => S((e) => e.selectedResources.map((s) => s.assetId)), ee = () => S((e) => e.selectedResources.filter((s) => s.assetId === s.id)), H = () => S((e) => e.currentFolder), T = () => S((e) => e.updaters), ne = () => {
+})), D = () => w((e) => e.searchParams), re = () => w((e) => e.selectedNodesIds), V = () => w((e) => e.treeData), Vt = () => w((e) => e.selectedFolders), Ht = () => w((e) => e.selectedResources), Ze = () => w((e) => e.searchConfig), X = () => w((e) => e.folderIds), Y = () => w((e) => e.resourceIds), Z = () => w((e) => e.selectedResources.map((s) => s.assetId)), ee = () => w((e) => e.selectedResources.filter((s) => s.assetId === s.id)), H = () => w((e) => e.currentFolder), b = () => w((e) => e.updaters), ne = () => {
   const e = H();
-  return (e == null ? void 0 : e.id) === w.BIN;
-}, et = () => S((e) => e.resourceIsTrash), tt = () => S((e) => e.resourceActionDisable), st = () => {
+  return (e == null ? void 0 : e.id) === T.BIN;
+}, et = () => w((e) => e.resourceIsTrash), tt = () => w((e) => e.resourceActionDisable), st = () => {
   const e = H();
   return (e == null ? void 0 : e.id) === "default";
-}, rt = () => re().length > 1, nt = () => S((e) => e.status), me = () => {
-  const e = b(), [s, t] = ie(""), r = Ze(), n = nt(), a = Ie(null), {
+}, rt = () => re().length > 1, nt = () => w((e) => e.status), me = () => {
+  const e = D(), [s, t] = ie(""), r = Ze(), n = nt(), a = Ie(null), {
     setSearchParams: o
-  } = T(), i = (u) => {
+  } = b(), l = (u) => {
     const h = u.target.value;
     t(h.toString());
   }, f = (u) => {
@@ -498,7 +499,7 @@ const pe = (e, s, t) => G(e, (r) => (r.id === t && (r.children = s == null ? voi
   }, [e]), {
     formRef: a,
     inputSearch: s,
-    handleInputSearchChange: i,
+    handleInputSearchChange: l,
     handleKeyPress: f,
     handleSearchSubmit: d
   };
@@ -508,24 +509,24 @@ function ot() {
     appCode: e
   } = K(), {
     gotoPreviousFolder: s
-  } = T(), {
+  } = b(), {
     t
-  } = j(["common", e]), {
+  } = j(), {
     inputSearch: r
-  } = me(), n = re(), a = ne(), o = H(), i = t("explorer.tree.trash"), f = t("explorer.tree.search"), d = t("explorer.filters.mine", {
+  } = me(), n = re(), a = ne(), o = H(), l = t("explorer.tree.trash"), f = t("explorer.tree.search"), d = t("explorer.filters.mine", {
     ns: e
   }), u = (o == null ? void 0 : o.name) || d;
   return /* @__PURE__ */ c("div", { className: "py-16", children: n.length > 1 && !a ? /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8", children: [
-    /* @__PURE__ */ c(xe, { icon: /* @__PURE__ */ c(qe, {}), variant: "ghost", color: "tertiary", "aria-label": t("back"), className: "ms-n16", onClick: s }),
+    /* @__PURE__ */ c(xe, { icon: /* @__PURE__ */ c(Oe, {}), variant: "ghost", color: "tertiary", "aria-label": t("back"), className: "ms-n16", onClick: s }),
     /* @__PURE__ */ c("p", { className: "body py-8 text-truncate", children: /* @__PURE__ */ c("strong", { children: u }) })
-  ] }) : /* @__PURE__ */ c("h2", { className: "body py-8 fw-bold", children: r.length !== 0 ? f : a ? i : d }) });
+  ] }) : /* @__PURE__ */ c("h2", { className: "body py-8 fw-bold", children: r.length !== 0 ? f : a ? l : d }) });
 }
 const at = () => {
   const e = tt(), {
     clearSelectedIds: s,
     setResourceActionDisable: t,
     clearSelectedItems: r
-  } = T();
+  } = b();
   return {
     isActionDisableModalOpen: e,
     onActionDisableCancel: () => {
@@ -537,7 +538,7 @@ const at = () => {
     clearSelectedIds: s,
     setResourceIsTrash: t,
     clearSelectedItems: r
-  } = T();
+  } = b();
   return {
     isTrashedModalOpen: e,
     onTrashedCancel: () => {
@@ -549,13 +550,13 @@ function it(e, {
   parentId: s,
   newFolder: t
 }) {
-  return G(e, (r) => {
+  return J(e, (r) => {
     var n;
     if (r.id === s) {
       const a = [...((n = r.folder) == null ? void 0 : n.ancestors) || []], o = se([...a, r.id]);
       return {
         ...r,
-        children: [...r.children || [], new J({
+        children: [...r.children || [], new G({
           ...t,
           ancestors: o
         })]
@@ -567,7 +568,7 @@ function it(e, {
 function lt(e, {
   folders: s
 }) {
-  return G(e, (t) => {
+  return J(e, (t) => {
     if (!s.includes(t.id))
       return t;
   });
@@ -576,13 +577,13 @@ function dt(e, {
   destinationId: s,
   folders: t
 }) {
-  return G(e, (r, n) => {
+  return J(e, (r, n) => {
     var a, o;
     if (s === r.id) {
-      const i = [...((a = r.folder) == null ? void 0 : a.ancestors) || []], f = se([...i, r.id]), d = [...r.children || []], u = ((o = r.children) == null ? void 0 : o.map((l) => l.id)) || [];
-      for (const l of t)
-        if (!u.includes(l)) {
-          const p = W(l, e);
+      const l = [...((a = r.folder) == null ? void 0 : a.ancestors) || []], f = se([...l, r.id]), d = [...r.children || []], u = ((o = r.children) == null ? void 0 : o.map((i) => i.id)) || [];
+      for (const i of t)
+        if (!u.includes(i)) {
+          const p = W(i, e);
           p && d.push({
             ...p,
             folder: {
@@ -603,10 +604,10 @@ function ut(e, {
   folderId: s,
   newFolder: t
 }) {
-  return G(e, (r) => r.id === s ? new J(t) : r);
+  return J(e, (r) => r.id === s ? new G(t) : r);
 }
 const ft = () => {
-  const e = S((s) => s.config);
+  const e = w((s) => s.config);
   return Me({
     queryKey: ["actions"],
     queryFn: async () => {
@@ -621,7 +622,7 @@ const ft = () => {
     enabled: !!e
   });
 }, ht = () => {
-  const e = S((o) => o.config), s = b(), {
+  const e = w((o) => o.config), s = D(), {
     filters: t,
     trashed: r,
     search: n
@@ -651,12 +652,12 @@ const ft = () => {
     getNextPageParam: (o) => o.pagination.startIdx + o.pagination.pageSize
   });
 }, Wt = () => {
-  const e = k(), s = E(), t = b(), r = V(), n = X(), a = Z(), o = Y(), i = ee().length > 0, f = i ? a : o, {
+  const e = U(), s = E(), t = D(), r = V(), n = X(), a = Z(), o = Y(), l = ee().length > 0, f = l ? a : o, {
     clearSelectedItems: d,
     clearSelectedIds: u,
     setTreeData: h,
-    setSearchParams: l
-  } = T(), {
+    setSearchParams: i
+  } = b(), {
     filters: p,
     trashed: m
   } = t, y = ["context", {
@@ -664,49 +665,49 @@ const ft = () => {
     filters: p,
     trashed: m
   }];
-  return L({
+  return v({
     mutationFn: async () => await $e({
       searchParams: t,
       folderIds: n,
       resourceIds: f,
-      useAssetIds: i
+      useAssetIds: l
     }),
     onError(g) {
-      typeof g == "string" && e.error(x(g));
+      typeof g == "string" && e.error(S(g));
     },
     onSuccess: async (g) => {
       if (await s.cancelQueries({
         queryKey: y
       }), s.getQueryData(y))
-        return e.success(x("explorer.trash.title")), s.setQueryData(y, (C) => {
+        return e.success(S("explorer.trash.title")), s.setQueryData(y, (C) => {
           var Q;
           if (C) {
-            const U = {
+            const k = {
               ...C,
               pages: C == null ? void 0 : C.pages.map((R) => {
                 var P;
                 return {
                   ...R,
-                  folders: R.folders.filter((q) => !n.includes(q.id)),
+                  folders: R.folders.filter((O) => !n.includes(O.id)),
                   pagination: {
                     ...R.pagination,
                     // @ts-ignore
                     maxIdx: ((P = R == null ? void 0 : R.pagination) == null ? void 0 : P.maxIdx) - g.resources.length
                   },
-                  resources: R.resources.filter((q) => i ? !a.includes(q.assetId) : !f.includes(q.id))
+                  resources: R.resources.filter((O) => l ? !a.includes(O.assetId) : !f.includes(O.id))
                 };
               })
             }, B = lt(r, {
               folders: n
             });
-            return h(B), l({
+            return h(B), i({
               ...t,
               pagination: {
                 ...t.pagination,
                 // @ts-ignore
                 maxIdx: ((Q = t.pagination) == null ? void 0 : Q.maxIdx) - g.resources.length
               }
-            }), U;
+            }), k;
           }
         });
     },
@@ -714,42 +715,42 @@ const ft = () => {
       d(), u();
     }
   });
-}, Gt = () => {
-  const e = k(), s = E(), t = b(), r = X(), n = Z(), a = Y(), o = ee().length > 0, i = o ? n : a, {
+}, Jt = () => {
+  const e = U(), s = E(), t = D(), r = X(), n = Z(), a = Y(), o = ee().length > 0, l = o ? n : a, {
     setFolderIds: f,
     setResourceIds: d,
     setSelectedResources: u,
     setSelectedFolders: h
-  } = T(), {
-    filters: l,
+  } = b(), {
+    filters: i,
     trashed: p
   } = t, m = ["context", {
-    folderId: l.folder,
-    filters: l,
+    folderId: i.folder,
+    filters: i,
     trashed: p
   }];
-  return L({
+  return v({
     mutationFn: async () => await je({
       searchParams: t,
       folderIds: r,
-      resourceIds: i,
+      resourceIds: l,
       useAssetIds: o
     }),
     onError(y) {
-      typeof y == "string" && e.error(x(y));
+      typeof y == "string" && e.error(S(y));
     },
     onSuccess: async () => {
       if (await s.cancelQueries({
         queryKey: m
       }), s.getQueryData(m))
-        return e.success(x("explorer.trash.toast")), s.setQueryData(m, (g) => {
+        return e.success(S("explorer.trash.toast")), s.setQueryData(m, (g) => {
           if (g)
             return {
               ...g,
               pages: g == null ? void 0 : g.pages.map((I) => ({
                 ...I,
                 folders: I.folders.filter((C) => !r.includes(C.id)),
-                resources: I.resources.filter((C) => o ? !n.includes(C.assetId) : !i.includes(C.id))
+                resources: I.resources.filter((C) => o ? !n.includes(C.assetId) : !l.includes(C.id))
               }))
             };
         });
@@ -758,40 +759,40 @@ const ft = () => {
       d([]), u([]), f([]), h([]);
     }
   });
-}, Jt = () => {
-  const e = k(), s = E(), t = b(), r = X(), n = Z(), a = Y(), o = ee().length > 0, i = o ? n : a, {
+}, Gt = () => {
+  const e = U(), s = E(), t = D(), r = X(), n = Z(), a = Y(), o = ee().length > 0, l = o ? n : a, {
     clearSelectedItems: f,
     clearSelectedIds: d
-  } = T(), {
+  } = b(), {
     filters: u,
     trashed: h
-  } = t, l = ["context", {
+  } = t, i = ["context", {
     folderId: u.folder,
     filters: u,
     trashed: h
   }];
-  return L({
+  return v({
     mutationFn: async () => await ze({
       searchParams: t,
       folderIds: r,
-      resourceIds: i,
+      resourceIds: l,
       useAssetIds: o
     }),
     onError(p) {
-      typeof p == "string" && e.error(x(p));
+      typeof p == "string" && e.error(S(p));
     },
     onSuccess: async () => {
       if (await s.cancelQueries({
-        queryKey: l
-      }), s.getQueryData(l))
-        return e.success(x("explorer.removed.from.trash")), s.setQueryData(l, (m) => {
+        queryKey: i
+      }), s.getQueryData(i))
+        return e.success(S("explorer.removed.from.trash")), s.setQueryData(i, (m) => {
           if (m)
             return {
               ...m,
               pages: m == null ? void 0 : m.pages.map((g) => ({
                 ...g,
                 folders: g.folders.filter((I) => !r.includes(I.id)),
-                resources: g.resources.filter((I) => o ? !n.includes(I.assetId) : !i.includes(I.id))
+                resources: g.resources.filter((I) => o ? !n.includes(I.assetId) : !l.includes(I.id))
               }))
             };
         });
@@ -801,27 +802,27 @@ const ft = () => {
     }
   });
 }, Xt = () => {
-  const e = k(), s = b(), t = E(), {
+  const e = U(), s = D(), t = E(), {
     user: r
   } = le(), n = H(), {
     filters: a,
     trashed: o
-  } = s, i = "duplicate_start", f = ["context", {
+  } = s, l = "duplicate_start", f = ["context", {
     folderId: a.folder,
     filters: a,
     trashed: o
   }];
-  return L({
-    mutationFn: async (d) => (e.info(x("duplicate.start"), {
-      id: i
+  return v({
+    mutationFn: async (d) => (e.info(S("duplicate.start"), {
+      id: l
     }), await Ve(s, d.assetId)),
     onSuccess: async (d, u) => {
-      e.remove(i), e.success(x("duplicate.done")), await t.cancelQueries({
+      e.remove(l), e.success(S("duplicate.done")), await t.cancelQueries({
         queryKey: f
       });
-      const h = t.getQueryData(f), l = {
+      const h = t.getQueryData(f), i = {
         ...u,
-        name: `${u.name}${x("duplicate.suffix")}`,
+        name: `${u.name}${S("duplicate.suffix")}`,
         assetId: d.duplicateId,
         id: d.duplicateId,
         creatorId: r == null ? void 0 : r.userId,
@@ -841,10 +842,10 @@ const ft = () => {
             ...p,
             pages: p == null ? void 0 : p.pages.map((m) => ({
               ...m,
-              resources: [l, ...m.resources]
+              resources: [i, ...m.resources]
             }))
           };
-      }), n.id && n.id !== w.DEFAULT && ue({
+      }), n.id && n.id !== "default" && ue({
         searchParams: s,
         resourceIds: [d.duplicateId],
         folderId: n.id,
@@ -853,16 +854,16 @@ const ft = () => {
       });
     },
     onError: (d) => {
-      e.remove(i), typeof d == "string" && e.error(`${x("duplicate.error")}: ${d}`);
+      e.remove(l), typeof d == "string" && e.error(`${S("duplicate.error")}: ${d}`);
     }
   });
 }, Yt = () => {
-  const e = k(), s = E(), t = b(), r = V(), n = X(), a = Z(), o = Y(), i = ee().length > 0, f = i ? a : o, {
+  const e = U(), s = E(), t = D(), r = V(), n = X(), a = Z(), o = Y(), l = ee().length > 0, f = l ? a : o, {
     clearSelectedIds: d,
     clearSelectedItems: u,
     setTreeData: h,
-    setSearchParams: l
-  } = T(), {
+    setSearchParams: i
+  } = b(), {
     filters: p,
     trashed: m
   } = t, y = ["context", {
@@ -870,21 +871,21 @@ const ft = () => {
     filters: p,
     trashed: m
   }];
-  return L({
+  return v({
     mutationFn: async (g) => await ue({
       searchParams: t,
       folderId: g,
       folderIds: n,
       resourceIds: f,
-      useAssetIds: i
+      useAssetIds: l
     }),
     onError(g) {
-      typeof g == "string" && e.error(x(g));
+      typeof g == "string" && e.error(S(g));
     },
     onSuccess: async (g, I) => {
       if (s.getQueryData(y))
         return s.setQueryData(y, (Q) => {
-          var U;
+          var k;
           if (Q) {
             const B = dt(r, {
               destinationId: I,
@@ -892,25 +893,25 @@ const ft = () => {
             }), R = {
               ...Q,
               pages: Q == null ? void 0 : Q.pages.map((P) => {
-                var q;
+                var O;
                 return {
                   ...P,
                   folders: P.folders.filter((_) => !n.includes(_.id)),
                   pagination: {
                     ...P.pagination,
                     // @ts-ignore
-                    maxIdx: ((q = P.pagination) == null ? void 0 : q.maxIdx) - g.resources.length
+                    maxIdx: ((O = P.pagination) == null ? void 0 : O.maxIdx) - g.resources.length
                   },
-                  resources: P.resources.filter((_) => i ? !a.includes(_.assetId) : !f.includes(_.id))
+                  resources: P.resources.filter((_) => l ? !a.includes(_.assetId) : !f.includes(_.id))
                 };
               })
             };
-            return h(B), l({
+            return h(B), i({
               ...t,
               pagination: {
                 ...t.pagination,
                 // @ts-ignore
-                maxIdx: ((U = t.pagination) == null ? void 0 : U.maxIdx) - g.resources.length
+                maxIdx: ((k = t.pagination) == null ? void 0 : k.maxIdx) - g.resources.length
               }
             }), R;
           }
@@ -921,17 +922,17 @@ const ft = () => {
     }
   });
 }, Zt = () => {
-  const e = k(), s = E(), t = b(), r = V(), {
+  const e = U(), s = E(), t = D(), r = V(), {
     setTreeData: n
-  } = T(), {
+  } = b(), {
     filters: a,
     trashed: o
-  } = t, i = ["context", {
+  } = t, l = ["context", {
     folderId: a.folder,
     filters: a,
     trashed: o
   }];
-  return L({
+  return v({
     mutationFn: async ({
       name: f,
       parentId: d
@@ -941,24 +942,24 @@ const ft = () => {
       parentId: d
     }),
     onError(f) {
-      typeof f == "string" && e.error(x(f));
+      typeof f == "string" && e.error(S(f));
     },
     onSuccess: async (f, d) => {
       await s.cancelQueries({
-        queryKey: i
+        queryKey: l
       });
-      const u = s.getQueryData(i), h = {
+      const u = s.getQueryData(l), h = {
         ...f,
         parentId: d.parentId,
         children: [],
         rights: [`creator:${f == null ? void 0 : f.creator_id}`]
       };
       if (u)
-        return s.setQueryData(i, (l) => {
-          if (l) {
+        return s.setQueryData(l, (i) => {
+          if (i) {
             const p = {
-              ...l,
-              pages: l == null ? void 0 : l.pages.map((y) => ({
+              ...i,
+              pages: i == null ? void 0 : i.pages.map((y) => ({
                 ...y,
                 folders: [...y.folders, h]
               }))
@@ -972,31 +973,31 @@ const ft = () => {
     }
   });
 }, es = () => {
-  const e = k(), s = E(), t = b(), r = V(), {
+  const e = U(), s = E(), t = D(), r = V(), {
     setFolderIds: n,
     setSelectedFolders: a,
     setTreeData: o
-  } = T(), {
-    filters: i,
+  } = b(), {
+    filters: l,
     trashed: f
   } = t, d = ["context", {
-    folderId: i.folder,
-    filters: i,
+    folderId: l.folder,
+    filters: l,
     trashed: f
   }];
-  return L({
+  return v({
     mutationFn: async ({
       folderId: u,
       name: h,
-      parentId: l
+      parentId: i
     }) => await _e({
       searchParams: t,
       folderId: u,
-      parentId: l,
+      parentId: i,
       name: h
     }),
     onError(u) {
-      typeof u == "string" && e.error(x(u));
+      typeof u == "string" && e.error(S(u));
     },
     onSuccess: async (u, h) => {
       if (await s.cancelQueries({
@@ -1027,13 +1028,13 @@ const ft = () => {
     }
   });
 }, ts = (e) => {
-  const s = E(), t = b(), {
+  const s = E(), t = D(), {
     setResourceIds: r,
     setSelectedResources: n
-  } = T(), {
+  } = b(), {
     filters: a,
     trashed: o
-  } = t, i = ["context", {
+  } = t, l = ["context", {
     folderId: a.folder,
     filters: a,
     trashed: o
@@ -1043,15 +1044,15 @@ const ft = () => {
     options: {
       onSuccess: async (f, d) => {
         if (await s.cancelQueries({
-          queryKey: i
-        }), s.getQueryData(i))
-          return s.setQueryData(i, (h) => {
+          queryKey: l
+        }), s.getQueryData(l))
+          return s.setQueryData(l, (h) => {
             if (h)
               return {
                 ...h,
-                pages: h == null ? void 0 : h.pages.map((l) => ({
-                  ...l,
-                  resources: l.resources.map((p) => {
+                pages: h == null ? void 0 : h.pages.map((i) => ({
+                  ...i,
+                  resources: i.resources.map((p) => {
                     if (p.assetId === (d == null ? void 0 : d.resourceId)) {
                       let m = [`creator:${p.creatorId}`];
                       return (d == null ? void 0 : d.rights.length) >= 1 && (m = [...m, ...d.rights.flatMap((y) => y.actions.map((g) => `${y.type}:${y.id}:${g.id}`))]), {
@@ -1071,7 +1072,7 @@ const ft = () => {
     }
   });
 }, ss = (e) => {
-  const s = E(), t = b(), {
+  const s = E(), t = D(), {
     filters: r,
     trashed: n
   } = t, a = ["context", {
@@ -1082,7 +1083,7 @@ const ft = () => {
   return be({
     application: e,
     options: {
-      onSuccess: async (o, i) => {
+      onSuccess: async (o, l) => {
         if (await s.cancelQueries({
           queryKey: a
         }), s.getQueryData(a))
@@ -1093,20 +1094,20 @@ const ft = () => {
                 pages: d == null ? void 0 : d.pages.map((u) => ({
                   ...u,
                   resources: u.resources.map((h) => {
-                    if (h.assetId === (i == null ? void 0 : i.entId)) {
+                    if (h.assetId === (l == null ? void 0 : l.entId)) {
                       const {
-                        name: l,
+                        name: i,
                         thumbnail: p,
                         public: m,
                         description: y,
                         slug: g,
                         ...I
-                      } = i;
+                      } = l;
                       return {
                         ...h,
                         ...I,
                         // add any custom field
-                        name: l,
+                        name: i,
                         thumbnail: typeof p == "string" ? p : URL.createObjectURL(p),
                         public: m,
                         description: y,
@@ -1121,8 +1122,9 @@ const ft = () => {
       }
     }
   });
-}, rs = () => {
-  const e = k(), s = E(), t = b(), {
+};
+const rs = () => {
+  const e = U(), s = E(), t = D(), {
     user: r
   } = le(), {
     appCode: n
@@ -1131,87 +1133,89 @@ const ft = () => {
     filters: t.filters,
     trashed: t.trashed
   }];
-  return L({
-    mutationFn: async (o) => await Ge({
+  return v({
+    mutationFn: async (o) => await Je({
       searchParams: t,
       params: o
     }),
     onError(o) {
-      typeof o == "string" && e.error(x(o));
+      typeof o == "string" && e.error(S(o));
     },
-    onSuccess: async (o, i) => {
-      var u, h, l;
+    onSuccess: async (o, l) => {
+      var h, i, p;
       await s.cancelQueries({
         queryKey: a
       });
-      const f = s.getQueryData(a), d = {
-        ...i,
-        thumbnail: o.thumbnail || "",
+      const f = s.getQueryData(a), {
+        thumbnail: d
+      } = l, u = {
+        ...l,
+        thumbnail: d ? URL.createObjectURL(d) : "",
         application: n,
         assetId: o._id || o.entId || "",
         id: o._id || o.entId || "",
         creatorId: r == null ? void 0 : r.userId,
         creatorName: r == null ? void 0 : r.username,
         createdAt: Date.now(),
-        slug: i.slug || "",
-        modifiedAt: ((u = o.modified) == null ? void 0 : u.$date) || "",
-        modifierId: ((h = o.author) == null ? void 0 : h.userId) || "",
-        modifierName: ((l = o.author) == null ? void 0 : l.username) || "",
+        slug: l.slug || "",
+        modifiedAt: ((h = o.modified) == null ? void 0 : h.$date) || "",
+        modifierId: ((i = o.author) == null ? void 0 : i.userId) || "",
+        modifierName: ((p = o.author) == null ? void 0 : p.username) || "",
         updatedAt: Date.now(),
         trashed: !1,
         rights: [`creator:${r == null ? void 0 : r.userId}`]
       };
       if (f)
-        return s.setQueryData(a, (p) => {
-          if (p)
+        return s.setQueryData(a, (m) => {
+          if (m)
             return {
-              ...p,
-              pages: p == null ? void 0 : p.pages.map((m) => ({
-                ...m,
-                resources: [d, ...m.resources]
+              ...m,
+              pages: m == null ? void 0 : m.pages.map((y) => ({
+                ...y,
+                resources: [u, ...y.resources]
               }))
             };
         });
     }
   });
-}, pt = /* @__PURE__ */ F(async () => await import("./EmptyScreenApp.js")), mt = /* @__PURE__ */ F(async () => await import("./EmptyScreenSearch.js")), gt = /* @__PURE__ */ F(async () => await import("./EmptyScreenError.js")), yt = /* @__PURE__ */ F(async () => await import("./EmptyScreenNoContentInFolder.js")), It = /* @__PURE__ */ F(async () => await import("./EmptyScreenTrash.js")), St = /* @__PURE__ */ F(async () => await import("./FoldersList.js")), wt = /* @__PURE__ */ F(async () => await import("./ResourcesList.js")), xt = () => {
-  const e = st(), s = ne(), t = rt(), r = b(), n = H(), a = V(), o = k(), {
-    appCode: i
+}, pt = /* @__PURE__ */ F(async () => await import("./EmptyScreenApp.js")), mt = /* @__PURE__ */ F(async () => await import("./EmptyScreenSearch.js")), gt = /* @__PURE__ */ F(async () => await import("./EmptyScreenError.js")), yt = /* @__PURE__ */ F(async () => await import("./EmptyScreenNoContentInFolder.js")), It = /* @__PURE__ */ F(async () => await import("./EmptyScreenTrash.js")), wt = /* @__PURE__ */ F(async () => await import("./FoldersList.js")), St = /* @__PURE__ */ F(async () => await import("./ResourcesList.js")), xt = () => {
+  const e = st(), s = ne(), t = rt(), r = D(), n = H(), a = V(), o = U(), {
+    appCode: l
   } = K(), {
     t: f
-  } = j([i]), {
+  } = j(), {
     setSearchParams: d,
     setSearchConfig: u,
     setTreeData: h
-  } = T(), {
-    data: l,
+  } = b(), {
+    data: i,
     isError: p,
     error: m,
     isLoading: y,
     isFetching: g,
     fetchNextPage: I
-  } = ht(), C = (l == null ? void 0 : l.pages[0].folders.length) === 0, Q = (l == null ? void 0 : l.pages[0].resources.length) === 0, U = C && Q;
+  } = ht(), C = (i == null ? void 0 : i.pages[0].folders.length) === 0, Q = (i == null ? void 0 : i.pages[0].resources.length) === 0, k = C && Q;
   return M(() => {
     var B, R, P;
-    if (l) {
-      const q = [...((B = l == null ? void 0 : l.pages[0]) == null ? void 0 : B.folders) ?? []];
-      (R = l == null ? void 0 : l.pages[0]) != null && R.searchConfig && u(l.pages[0].searchConfig), r.search || ((n == null ? void 0 : n.id) === "default" ? h({
-        id: w.DEFAULT,
+    if (i) {
+      const O = [...((B = i == null ? void 0 : i.pages[0]) == null ? void 0 : B.folders) ?? []];
+      (R = i == null ? void 0 : i.pages[0]) != null && R.searchConfig && u(i.pages[0].searchConfig), r.search || ((n == null ? void 0 : n.id) === "default" ? h({
+        id: T.DEFAULT,
         section: !0,
-        children: q.map((_) => new J(_)),
+        children: O.map((_) => new G(_)),
         name: f("explorer.filters.mine", {
-          ns: i
+          ns: l
         })
-      }) : h(pe(a, q, r.filters.folder || w.DEFAULT))), d({
+      }) : h(pe(a, O, r.filters.folder || T.DEFAULT))), d({
         ...r,
-        pagination: (P = l == null ? void 0 : l.pages[(l == null ? void 0 : l.pages.length) - 1]) == null ? void 0 : P.pagination
+        pagination: (P = i == null ? void 0 : i.pages[(i == null ? void 0 : i.pages.length) - 1]) == null ? void 0 : P.pagination
       });
     }
-  }, [l]), M(() => {
+  }, [i]), M(() => {
     m && typeof m == "string" && o.error(f(m));
-  }, [m]), y ? /* @__PURE__ */ c(A, {}) : p ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(gt, {}) }) : r.search && U ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(mt, {}) }) : e && U ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(pt, {}) }) : t && U && !s ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(yt, {}) }) : s && (l == null ? void 0 : l.pages[0].resources.length) === 0 ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(It, {}) }) : /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
-    /* @__PURE__ */ c(St, { data: l, isFetching: g }),
-    /* @__PURE__ */ c(wt, { data: l, isFetching: g, fetchNextPage: I })
+  }, [m]), y ? /* @__PURE__ */ c(A, {}) : p ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(gt, {}) }) : r.search && k ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(mt, {}) }) : e && k ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(pt, {}) }) : t && k && !s ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(yt, {}) }) : s && (i == null ? void 0 : i.pages[0].resources.length) === 0 ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(It, {}) }) : /* @__PURE__ */ N(q, { fallback: /* @__PURE__ */ c(A, {}), children: [
+    /* @__PURE__ */ c(wt, { data: i, isFetching: g }),
+    /* @__PURE__ */ c(St, { data: i, isFetching: g, fetchNextPage: I })
   ] });
 }, Dt = () => {
   const {
@@ -1225,16 +1229,16 @@ const ft = () => {
       return;
     }
     n(u);
-  }, o = H(), i = b(), {
+  }, o = H(), l = D(), {
     setSearchParams: f
-  } = T();
+  } = b();
   M(() => {
-    const u = () => r.includes("1") ? !0 : void 0, h = () => r.includes("2") ? !0 : void 0, l = () => r.includes("7") ? !0 : void 0;
+    const u = () => r.includes("1") ? !0 : void 0, h = () => r.includes("2") ? !0 : void 0, i = () => r.includes("7") ? !0 : void 0;
     f({
-      ...i,
+      ...l,
       filters: {
         owner: u(),
-        public: l(),
+        public: i(),
         shared: h(),
         folder: o ? o.id : "default"
       }
@@ -1290,22 +1294,22 @@ const ft = () => {
   } = Dt(), {
     formRef: a,
     inputSearch: o,
-    handleInputSearchChange: i,
+    handleInputSearchChange: l,
     handleKeyPress: f,
     handleSearchSubmit: d
   } = me(), u = t.length > 0 ? t.length : void 0;
-  return /* @__PURE__ */ N("form", { noValidate: !0, className: "bg-light p-16 ps-24 ms-n16 ms-lg-n24 me-n16 position-relative d-flex gap-8", ref: a, children: [
+  return /* @__PURE__ */ N("form", { noValidate: !0, className: "bg-light p-16 ps-24 ms-n16 ms-lg-n24 me-n16 position-relative z-3 d-flex gap-8", ref: a, children: [
     /* @__PURE__ */ N(Te, { id: "search", className: "input-group", children: [
       /* @__PURE__ */ c(Fe, { type: "search", placeholder: s("explorer.label.search", {
         ns: e
-      }), size: "lg", noValidationIcon: !0, value: o, onChange: i, onKeyDown: f }),
+      }), size: "lg", noValidationIcon: !0, value: o, onChange: l, onKeyDown: f }),
       /* @__PURE__ */ c(Ce, { type: "submit", "aria-label": s("explorer.label.search", {
         ns: e
       }), onClick: d })
     ] }),
     /* @__PURE__ */ N(z, { placement: "bottom-end", children: [
-      /* @__PURE__ */ c(z.Trigger, { label: s("explorer.filters"), icon: /* @__PURE__ */ c(Oe, { width: 20 }), variant: "ghost", badgeContent: u }),
-      /* @__PURE__ */ c(z.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ N(Se, { children: [
+      /* @__PURE__ */ c(z.Trigger, { label: s("explorer.filters"), icon: /* @__PURE__ */ c(qe, { width: 20 }), variant: "ghost", badgeContent: u }),
+      /* @__PURE__ */ c(z.Menu, { children: r.map((h) => h.value === "0" ? /* @__PURE__ */ N(we, { children: [
         /* @__PURE__ */ c(z.RadioItem, { value: h.value, model: t, onChange: () => n(h.value), children: h.label }),
         /* @__PURE__ */ c(z.Separator, {})
       ] }, "0") : /* @__PURE__ */ c(z.RadioItem, { value: h.value, model: t, onChange: () => n(h.value), children: h.label }, h.value)) })
@@ -1320,44 +1324,39 @@ const ft = () => {
     t: r
   } = j();
   return /* @__PURE__ */ c("div", { className: "treeview", children: /* @__PURE__ */ c("ul", { role: "tree", className: "m-0 p-0", children: /* @__PURE__ */ c("li", { id: e, role: "treeitem", "aria-selected": s, children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c("div", { className: "action-container", children: /* @__PURE__ */ c("div", { onClick: t, role: "button", tabIndex: 0, children: /* @__PURE__ */ N("div", { className: "d-flex align-items-center gap-8 py-8 ps-24", children: [
-    /* @__PURE__ */ c(ke, { width: "20", height: "20" }),
+    /* @__PURE__ */ c(Ue, { width: "20", height: "20" }),
     /* @__PURE__ */ c("span", { children: r("explorer.tree.trash") })
   ] }) }) }) }) }) }) });
 }, Ft = /* @__PURE__ */ F(async () => await import("./FolderModal.js")), Ct = () => {
   const e = E(), [s, t] = Ne(), r = V(), n = ne(), a = re(), {
     appCode: o
   } = K(), {
-    t: i
+    t: l
   } = j(["common", o]), {
     goToTrash: f,
     selectTreeItem: d,
     unfoldTreeItem: u,
     foldTreeItem: h,
-    clearSelectedItems: l,
+    clearSelectedItems: i,
     clearSelectedIds: p
-  } = T(), m = async (g) => {
+  } = b(), m = async (g) => {
     await u(g, e);
   }, y = () => {
-    l(), p(), t();
+    i(), p(), t();
   };
   return /* @__PURE__ */ N(ce, { children: [
-    /* @__PURE__ */ c(Re, { data: {
-      ...r,
-      name: i("explorer.filters.mine", {
-        ns: o
-      })
-    }, selectedNodesIds: a, onTreeItemSelect: d, onTreeItemFold: h, onTreeItemUnfold: m }),
-    /* @__PURE__ */ c(Tt, { id: w.BIN, selected: n, onSelect: f }),
-    /* @__PURE__ */ c("div", { className: "d-grid my-16", children: /* @__PURE__ */ c(Pe, { disabled: n, type: "button", color: "primary", variant: "outline", leftIcon: /* @__PURE__ */ c(Ue, {}), onClick: y, children: i("explorer.folder.new") }) }),
-    /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: s && /* @__PURE__ */ c(Ft, { edit: !1, isOpen: s, onSuccess: t, onCancel: t }) })
+    /* @__PURE__ */ c(Re, { data: r, selectedNodesIds: a, onTreeItemSelect: d, onTreeItemFold: h, onTreeItemUnfold: m }),
+    /* @__PURE__ */ c(Tt, { id: T.BIN, selected: n, onSelect: f }),
+    /* @__PURE__ */ c("div", { className: "d-grid my-16", children: /* @__PURE__ */ c(Pe, { disabled: n, type: "button", color: "primary", variant: "outline", leftIcon: /* @__PURE__ */ c(ke, {}), onClick: y, children: l("explorer.folder.new") }) }),
+    /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: s && /* @__PURE__ */ c(Ft, { edit: !1, isOpen: s, onSuccess: t, onCancel: t }) })
   ] });
 }, Nt = /* @__PURE__ */ F(async () => await import("./AppAction.js")), Rt = /* @__PURE__ */ F(async () => await import("./Library.js")), Pt = /* @__PURE__ */ F(async () => await import("./ActionBarContainer.js")), At = /* @__PURE__ */ F(async () => await import("./DisableModal.js")), Et = /* @__PURE__ */ F(async () => await import("./TrashModal.js")), Qt = /* @__PURE__ */ F(async () => await import("./OnboardingModal.js")), ns = ({
   config: e
 }) => {
-  const s = b(), {
+  const s = D(), {
     setConfig: t,
     setSearchParams: r
-  } = T();
+  } = b();
   M(() => {
     t(e || {}), r({
       ...s,
@@ -1371,7 +1370,7 @@ const ft = () => {
     data: a
   } = ft(), {
     isTrashedModalOpen: o,
-    onTrashedCancel: i
+    onTrashedCancel: l
   } = ct(), {
     isActionDisableModalOpen: f,
     onActionDisableCancel: d
@@ -1379,9 +1378,9 @@ const ft = () => {
   Ae();
   const u = oe("publish", a), h = oe("create", a);
   return e && /* @__PURE__ */ N(ce, { children: [
-    /* @__PURE__ */ c(Ee, { render: () => h ? /* @__PURE__ */ c(O, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(Nt, {}) }) : null, children: /* @__PURE__ */ c(Qe, { app: n }) }),
+    /* @__PURE__ */ c(Ee, { render: () => h ? /* @__PURE__ */ c(q, { fallback: /* @__PURE__ */ c(A, {}), children: /* @__PURE__ */ c(Nt, {}) }) : null, children: /* @__PURE__ */ c(Qe, { app: n }) }),
     /* @__PURE__ */ N(te, { className: "flex-grow-1", children: [
-      /* @__PURE__ */ c(te.Col, { sm: "3", lg: "2", xl: "3", className: "border-end pt-16 pe-16 d-none d-lg-block", as: "aside", children: /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
+      /* @__PURE__ */ c(te.Col, { sm: "3", lg: "2", xl: "3", className: "border-end pt-16 pe-16 d-none d-lg-block", as: "aside", children: /* @__PURE__ */ N(q, { fallback: /* @__PURE__ */ c(A, {}), children: [
         /* @__PURE__ */ c(Ct, {}),
         u && /* @__PURE__ */ c(Rt, {})
       ] }) }),
@@ -1390,7 +1389,7 @@ const ft = () => {
         /* @__PURE__ */ c(ot, {}),
         /* @__PURE__ */ c(xt, {})
       ] }),
-      /* @__PURE__ */ N(O, { fallback: /* @__PURE__ */ c(A, {}), children: [
+      /* @__PURE__ */ N(q, { fallback: /* @__PURE__ */ c(A, {}), children: [
         /* @__PURE__ */ c(Pt, {}),
         e.enableOnboarding && /* @__PURE__ */ c(Qt, { id: "showOnboardingTrash", items: [{
           src: "onboarding/illu-trash-menu.svg",
@@ -1410,19 +1409,19 @@ const ft = () => {
           nextText: "explorer.modal.onboarding.trash.next",
           closeText: "explorer.modal.onboarding.trash.close"
         } }),
-        o && /* @__PURE__ */ c(Et, { isOpen: o, onCancel: i }),
+        o && /* @__PURE__ */ c(Et, { isOpen: o, onCancel: l }),
         f && /* @__PURE__ */ c(At, { isOpen: f, onCancel: d })
       ] })
     ] })
   ] });
-}, v = document.querySelector("[data-explorer-config]");
+}, L = document.querySelector("[data-explorer-config]");
 let ae;
 function os() {
   var e;
-  if ((e = v == null ? void 0 : v.dataset) != null && e.explorerConfig) {
+  if ((e = L == null ? void 0 : L.dataset) != null && e.explorerConfig) {
     const {
       explorerConfig: s
-    } = v.dataset;
+    } = L.dataset;
     try {
       const t = JSON.parse(s);
       ae = {
@@ -1430,7 +1429,7 @@ function os() {
         enableOnboarding: t.enableOnboarding !== void 0 ? t.enableOnboarding : !0
       };
     } catch (t) {
-      console.error("[Explorer Config] could not parse app params from root data attributes:", v == null ? void 0 : v.dataset, t);
+      console.error("[Explorer Config] could not parse app params from root data attributes:", L == null ? void 0 : L.dataset, t);
     }
   }
   return ae;
@@ -1440,27 +1439,27 @@ export {
   ft as a,
   H as b,
   rs as c,
-  b as d,
+  D as d,
   ne as e,
-  S as f,
+  w as f,
   $t as g,
   Y as h,
   Ht as i,
   Vt as j,
   X as k,
-  Gt as l,
+  Jt as l,
   et as m,
   Xt as n,
   zt as o,
-  ts as p,
-  ss as q,
-  Zt as r,
-  es as s,
-  Jt as t,
-  T as u,
-  Wt as v,
-  Yt as w,
-  V as x,
-  jt as y,
+  jt as p,
+  ts as q,
+  ss as r,
+  Zt as s,
+  es as t,
+  b as u,
+  Gt as v,
+  Wt as w,
+  Yt as x,
+  V as y,
   os as z
 };