ode-explorer 2.1.2 → 2.1.3-develop.202502261417

package/lib/ActionBarContainer.js

@@ -4,7 +4,7 @@ import { odeServices as D, ACTION as c, isActionAvailable as he } from "@edifice
 import { useUser as fe, Button as W, useEdificeClient as Re, ActionBar as me, BlogPublic as Se, ShareModal as Ee, ShareBlog as Oe, LoadingScreen as Ce } from "@edifice.io/react";
 import { useTransition as be, animated as ye } from "@react-spring/web";
 import { useTranslation as ee } from "react-i18next";
-import { f as J, u as Ie, c as ge, h as Ae, i as se, j as ve, k as Me, l as Pe, m as we, e as Fe, n as xe, o as Te, a as te, b as Be, p as De, q as Le, r as _e } from "./index2.js";
+import { f as J, u as Ie, c as ge, h as ve, i as se, j as Ae, k as Me, l as Pe, m as we, e as Fe, n as xe, o as Te, a as te, b as Be, p as De, q as Le, r as _e } from "./index2.js";
 function Ne({
   roles: r,
   rights: s,
@@ -62,7 +62,7 @@ function Ne({
   };
 }
 function oe() {
-  const [r, s] = L(!1), [t, p] = L("void"), [o, E] = L(), i = Ie((e) => e.config), m = ge(), h = Ae(), f = se(), l = ve(), n = Me(), R = J(), y = Pe(), I = we(), M = Fe(), _ = xe(), N = Te(), {
+  const [r, s] = L(!1), [t, p] = L("void"), [o, E] = L(), i = Ie((e) => e.config), m = ge(), h = ve(), f = se(), l = Ae(), n = Me(), R = J(), y = Pe(), I = we(), M = Fe(), _ = xe(), N = Te(), {
     openResource: P,
     printSelectedResource: k,
     openFolder: H,
@@ -160,7 +160,7 @@ function oe() {
   }
   const u = (e) => () => {
     t === e && (g(), w(), F());
-  }, S = u("move"), V = u("move"), T = u("delete"), $ = u("delete"), A = u("publish"), v = u("publish"), d = u("edit_folder"), q = u("edit_folder"), G = u("edit_resource"), re = u("edit_resource"), ne = u("share"), ce = u("share"), ae = u("export"), ie = u("export");
+  }, S = u("move"), V = u("move"), T = u("delete"), $ = u("delete"), v = u("publish"), A = u("publish"), d = u("edit_folder"), q = u("edit_folder"), G = u("edit_resource"), re = u("edit_resource"), ne = u("share"), ce = u("share"), ae = u("export"), ie = u("export");
   async function le() {
     if (f && f.length > 0) {
       const e = f[0];
@@ -196,8 +196,8 @@ function oe() {
     onDeleteCancel: $,
     onDeleteSuccess: T,
     isPublishModalOpen: t === "publish",
-    onPublishCancel: v,
-    onPublishSuccess: A,
+    onPublishCancel: A,
+    onPublishSuccess: v,
     isEditFolderOpen: t === "edit_folder",
     onEditFolderCancel: q,
     onEditFolderSuccess: d,
@@ -286,8 +286,8 @@ function Ze() {
     }
   });
   return /* @__PURE__ */ Q(X, { children: [
-    $((A, v) => v && /* @__PURE__ */ a(ye.div, { className: "position-fixed bottom-0 start-0 end-0", style: {
-      ...A,
+    $((v, A) => A && /* @__PURE__ */ a(ye.div, { className: "position-fixed bottom-0 start-0 end-0", style: {
+      ...v,
       zIndex: 4
     }, children: /* @__PURE__ */ a(me, { children: t == null ? void 0 : t.filter((d) => d.available && d.target === "actionbar").map((d) => x(d) && /* @__PURE__ */ a(ke, { resourceRights: p, roleExpected: d.right, action: d, children: /* @__PURE__ */ a(W, { id: d.id, type: "button", color: "primary", variant: "filled", onClick: () => {
       g(d);
@@ -297,7 +297,7 @@ function Ze() {
       E && /* @__PURE__ */ a(Ye, { isOpen: E, onCancel: U, onSuccess: Y }),
       i && S && /* @__PURE__ */ a(He, { isOpen: i, resourceId: S.assetId, onCancel: j, onSuccess: z }),
       h && /* @__PURE__ */ a(ze, { edit: !0, isOpen: h, onCancel: l, onSuccess: n }),
-      R && S && /* @__PURE__ */ a(Ue, { mode: "update", isOpen: R, resourceId: S.assetId, updateResource: T, onCancel: y, onSuccess: I, children: (A, v, d, q, G) => r === "blog" && he("createPublic", t) && /* @__PURE__ */ a(Se, { appCode: r, isUpdating: v, resource: A, watch: d, setValue: q, register: G }) }),
+      R && S && /* @__PURE__ */ a(Ue, { mode: "update", isOpen: R, resourceId: S.assetId, updateResource: T, onCancel: y, onSuccess: I, children: (v, A, d, q, G) => r === "blog" && he("createPublic", t) && /* @__PURE__ */ a(Se, { appCode: r, isUpdating: A, resource: v, watch: d, setValue: q, register: G }) }),
       M && S && /* @__PURE__ */ a(Ee, { isOpen: M, shareResource: V, shareOptions: {
         resourceCreatorId: S.creatorId,
         resourceId: S.assetId,

package/lib/FolderModal.js

@@ -12,10 +12,10 @@ function P({
   onClose: s
 }) {
   var b;
-  const n = k(), r = z(), c = A(), f = H(), u = t ? (b = n[0]) == null ? void 0 : b.name : void 0, {
+  const l = k(), r = z(), c = A(), f = H(), u = t ? (b = l[0]) == null ? void 0 : b.name : void 0, {
     reset: o,
     register: p,
-    handleSubmit: l,
+    handleSubmit: n,
     setFocus: h,
     formState: {
       errors: F,
@@ -34,7 +34,7 @@ function P({
     var g;
     try {
       if (t) {
-        const d = (g = n[0]) == null ? void 0 : g.parentId, E = n[0].id;
+        const d = (g = l[0]) == null ? void 0 : g.parentId, E = l[0].id;
         await f.mutate({
           folderId: E,
           parentId: d,
@@ -62,7 +62,7 @@ function P({
     isValid: v,
     register: p,
     setFocus: h,
-    handleSubmit: l,
+    handleSubmit: n,
     onCancel: D,
     onSubmit: L
   };
@@ -71,7 +71,7 @@ function Z({
   isOpen: t,
   edit: e,
   onSuccess: s,
-  onCancel: n
+  onCancel: l
 }) {
   const {
     t: r
@@ -81,19 +81,19 @@ function Z({
     isSubmitting: u,
     formId: o,
     onSubmit: p,
-    onCancel: l,
+    onCancel: n,
     handleSubmit: h,
     register: F,
     setFocus: i
   } = P({
     edit: e,
     onSuccess: s,
-    onClose: n
+    onClose: l
   });
   return q(() => {
     t && i("name");
-  }, [t, i]), t ? /* @__PURE__ */ T(/* @__PURE__ */ x(m, { isOpen: t, onModalClose: l, id: "modal_" + o, children: [
-    /* @__PURE__ */ a(m.Header, { onModalClose: l, children: r(e ? "explorer.rename.folder" : "explorer.create.folder") }),
+  }, [t, i]), t ? /* @__PURE__ */ T(/* @__PURE__ */ x(m, { isOpen: t, onModalClose: n, id: "modal_" + o, children: [
+    /* @__PURE__ */ a(m.Header, { onModalClose: n, children: r(e ? "explorer.rename.folder" : "explorer.create.folder") }),
     /* @__PURE__ */ a(m.Body, { children: /* @__PURE__ */ a("form", { id: o, onSubmit: h(p), children: /* @__PURE__ */ x(B, { id: "nameFolder", isRequired: !0, children: [
       /* @__PURE__ */ a(w, { children: r("explorer.create.folder.name") }),
       /* @__PURE__ */ a(R, { type: "text", ...F("name", {
@@ -106,7 +106,7 @@ function Z({
       }), placeholder: r("explorer.create.folder.name"), size: "md", "aria-required": !0, maxLength: 60 })
     ] }) }) }),
     /* @__PURE__ */ x(m.Footer, { children: [
-      /* @__PURE__ */ a(C, { color: "tertiary", onClick: l, type: "button", variant: "ghost", children: r("explorer.cancel") }),
+      /* @__PURE__ */ a(C, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: r("explorer.cancel") }),
       /* @__PURE__ */ a(C, { form: o, type: "submit", color: "primary", variant: "filled", disabled: !c || !f || u, children: r(e ? "explorer.rename" : "explorer.create") })
     ] })
   ] }), document.getElementById("portal")) : null;

package/lib/MoveModal.js

@@ -8,20 +8,20 @@ import { y as D, j as E, i as j, z as k, a as U } from "./index2.js";
 function O({
   onSuccess: a
 }) {
-  const [d, n] = B(), u = A(), o = D(), h = E(), p = j(), i = k(), {
+  const [i, n] = B(), u = A(), o = D(), h = E(), p = j(), d = k(), {
     fetchTreeData: v
   } = U();
   async function y() {
     try {
-      if (!d) throw new Error("explorer.move.selection.empty");
-      await o.mutate(d), await (a == null ? void 0 : a());
+      if (!i) throw new Error("explorer.move.selection.empty");
+      await o.mutate(i), await (a == null ? void 0 : a());
     } catch (r) {
       console.error(r);
     }
   }
   const I = (r) => {
     var f, c;
-    const t = C(i, r);
+    const t = C(d, r);
     for (const e of h)
       if (r === e.id || r === e.parentId || (f = e.childrenIds) != null && f.includes(r) || t.includes(e.id))
         return !1;
@@ -31,14 +31,14 @@ function O({
     return !0;
   };
   return {
-    treeData: i,
-    disableSubmit: !d,
+    treeData: d,
+    disableSubmit: !i,
     handleTreeItemSelect: (r) => {
       I(r) ? n(r) : n(void 0);
     },
     handleOnTreeItemUnfold: (r) => {
       var c, e;
-      const t = x(i, r), f = (c = t == null ? void 0 : t.children) == null ? void 0 : c.some((l) => {
+      const t = x(d, r), f = (c = t == null ? void 0 : t.children) == null ? void 0 : c.some((l) => {
         var M;
         return Array.isArray(l == null ? void 0 : l.children) && ((M = l.children) == null ? void 0 : M.length) > 0;
       });
@@ -51,7 +51,7 @@ function O({
 }
 function W({
   isOpen: a,
-  onSuccess: d,
+  onSuccess: i,
   onCancel: n
 }) {
   const {
@@ -61,11 +61,11 @@ function W({
   } = w(), {
     treeData: h,
     handleTreeItemSelect: p,
-    handleOnTreeItemUnfold: i,
+    handleOnTreeItemUnfold: d,
     onMove: v,
     disableSubmit: y
   } = O({
-    onSuccess: d
+    onSuccess: i
   }), I = {
     ...h,
     name: o("explorer.filters.mine", {
@@ -75,7 +75,7 @@ function W({
   return /* @__PURE__ */ g(/* @__PURE__ */ T(m, { isOpen: a, onModalClose: n, id: "moveModal", children: [
     /* @__PURE__ */ s(m.Header, { onModalClose: n, children: o("explorer.move.title") }),
     /* @__PURE__ */ s(m.Subtitle, { children: o("explorer.move.subtitle") }),
-    /* @__PURE__ */ s(m.Body, { children: /* @__PURE__ */ s(F, { data: I, onTreeItemClick: p, onTreeItemUnfold: i }) }),
+    /* @__PURE__ */ s(m.Body, { children: /* @__PURE__ */ s(F, { data: I, onTreeItemClick: p, onTreeItemUnfold: d }) }),
     /* @__PURE__ */ T(m.Footer, { children: [
       /* @__PURE__ */ s(b, { color: "tertiary", onClick: n, type: "button", variant: "ghost", children: o("explorer.cancel") }),
       /* @__PURE__ */ s(b, { color: "primary", onClick: v, type: "button", variant: "filled", disabled: y, children: o("explorer.move") })

package/lib/ResourcesList.js

@@ -1,158 +1,160 @@
-import { jsxs as n, jsx as i, Fragment as k } from "react/jsx-runtime";
-import D, { useState as O, useEffect as H, useCallback as $ } from "react";
-import { useBreakpoint as j, Card as m, IconButton as V, Image as E, AppIcon as G, Avatar as L, Tooltip as F, useEdificeClient as U, useDate as q, Button as J } from "@edifice.io/react";
-import { useSpring as K, animated as P } from "@react-spring/web";
-import Q from "clsx";
-import { useTranslation as T } from "react-i18next";
-import { f as z, o as W, e as X, h as Y, i as Z, a as ee } from "./index2.js";
-import { useDraggable as ie } from "@dnd-kit/core";
-import { S as te, D as ae } from "./DraggableCard.js";
-const le = ({
+import { jsxs as l, jsx as i, Fragment as H } from "react/jsx-runtime";
+import D, { useState as $, useEffect as j, useCallback as V } from "react";
+import { useBreakpoint as E, useEdificeClient as T, Card as m, IconButton as G, Image as L, AppIcon as U, Avatar as q, Tooltip as F, useDate as J, Button as K } from "@edifice.io/react";
+import { useSpring as Q, animated as P } from "@react-spring/web";
+import W from "clsx";
+import { useTranslation as z } from "react-i18next";
+import { f as B, o as X, e as Y, h as Z, i as ee, a as ie } from "./index2.js";
+import { useDraggable as te } from "@dnd-kit/core";
+import { S as ae, D as le } from "./DraggableCard.js";
+const ne = ({
   title: t,
   titleId: e,
-  ...s
-}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  ...n
+}) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...n, children: [
   t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
   /* @__PURE__ */ i("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.726 3.29A9.01 9.01 0 0 0 3.055 11H7.05a16.3 16.3 0 0 1 2.676-7.71m4.548 0A16.3 16.3 0 0 1 16.95 11h3.995a9.01 9.01 0 0 0-6.67-7.71m.668 7.71A14.3 14.3 0 0 0 12 3.55 14.3 14.3 0 0 0 9.058 11zm-5.884 2h5.884A14.3 14.3 0 0 1 12 20.45 14.3 14.3 0 0 1 9.058 13M7.05 13H3.055a9.01 9.01 0 0 0 6.67 7.71A16.3 16.3 0 0 1 7.05 13m7.224 7.71A16.3 16.3 0 0 0 16.95 13h3.995a9.01 9.01 0 0 1-6.67 7.71M12 23c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11", clipRule: "evenodd" })
-] }), ne = ({
+] }), se = ({
   title: t,
   titleId: e,
-  ...s
-}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  ...n
+}) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": e, ...n, children: [
   t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
   /* @__PURE__ */ i("g", { fill: "currentColor", fillRule: "evenodd", clipPath: "url(#icon-users_svg__a)", clipRule: "evenodd", children: /* @__PURE__ */ i("path", { d: "M19.055 12.803a1 1 0 0 1 1.272-.618c1.128.39 2.061 1.247 2.7 2.351.64 1.106.972 2.435.973 3.782V21a1 1 0 1 1-2 0v-2.681c0-1.03-.258-2.009-.704-2.782-.448-.773-1.034-1.258-1.623-1.462a1 1 0 0 1-.618-1.272M15.187 1.384a1 1 0 0 1 1.036-.962 5.129 5.129 0 0 1 2.11 9.71 1 1 0 1 1-.896-1.788 3.129 3.129 0 0 0-1.288-5.924 1 1 0 0 1-.962-1.036M1.505 15.694C2.481 14.622 3.825 14 5.25 14h8.5c1.424 0 2.769.622 3.744 1.694.974 1.068 1.506 2.498 1.506 3.973V22a1 1 0 1 1-2 0v-2.333c0-1.001-.363-1.945-.984-2.627-.618-.679-1.436-1.04-2.266-1.04h-8.5c-.83 0-1.648.361-2.266 1.04-.621.682-.984 1.626-.984 2.627V22a1 1 0 1 1-2 0v-2.333c0-1.475.533-2.905 1.505-3.974M9.5 3a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7M4 6.5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0" }) }),
   /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "icon-users_svg__a", children: /* @__PURE__ */ i("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), se = ({
+] }), de = ({
   title: t,
   titleId: e,
-  ...s
-}) => /* @__PURE__ */ n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", "aria-labelledby": e, ...s, children: [
+  ...n
+}) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24", height: "24", "aria-hidden": "true", "aria-labelledby": e, ...n, children: [
   t ? /* @__PURE__ */ i("title", { id: e, children: t }) : null,
   /* @__PURE__ */ i("g", { clipPath: "url(#icon-one-profile_svg__a)", children: /* @__PURE__ */ i("path", { fill: "currentColor", d: "M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24m0 4.65a4.26 4.26 0 1 1 0 8.51 4.26 4.26 0 0 1 0-8.51m0 16.64a9.27 9.27 0 0 1-7.09-3.3 5.4 5.4 0 0 1 4.77-2.9c.11 0 .23.03.34.06.63.2 1.29.33 1.98.33.7 0 1.35-.13 1.98-.33.11-.03.23-.05.34-.05a5.4 5.4 0 0 1 4.77 2.89 9.27 9.27 0 0 1-7.09 3.3" }) }),
   /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "icon-one-profile_svg__a", children: /* @__PURE__ */ i("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })
-] }), B = ({
+] }), k = ({
   app: t,
   resource: e,
-  time: s,
-  isSelected: x = !1,
-  isSelectable: b = !0,
+  time: n,
+  isSelected: b = !1,
+  isSelectable: w = !0,
   onClick: g,
   onSelect: r
 }) => {
-  const [d, p] = O(!1), h = z(), {
-    lg: f
-  } = j(), v = `/userbook/avatar/${e == null ? void 0 : e.creatorId}`;
-  function w(l) {
+  const [s, p] = $(!1), h = B(), {
+    lg: v
+  } = E(), u = `/userbook/avatar/${e == null ? void 0 : e.creatorId}`;
+  function R(f) {
     const {
-      rights: N,
-      creatorId: M
-    } = l || {};
-    return N.filter((C) => !C.includes(M)).length >= 1;
+      rights: M,
+      creatorId: C
+    } = f || {};
+    return M.filter((O) => !O.includes(C)).length >= 1;
   }
   const {
-    attributes: R,
+    attributes: S,
     listeners: _,
-    setNodeRef: S,
-    transform: c
-  } = ie({
+    setNodeRef: y,
+    transform: d
+  } = te({
     id: e.id,
     data: {
       id: e.id,
       type: "resource"
     },
-    disabled: !!h || !f
-  }), y = w(e), I = e == null ? void 0 : e.public, u = W(), {
-    t: a
-  } = T(), o = {
-    position: d ? "absolute" : "relative",
-    zIndex: d ? 2e3 : 1,
-    transform: `translate3d(${((c == null ? void 0 : c.x) ?? 0) / 1}px, ${((c == null ? void 0 : c.y) ?? 0) / 1}px, 0)`
+    disabled: !!h || !v
+  }), I = R(e), N = e == null ? void 0 : e.public, x = X(), {
+    appCode: a
+  } = T(), {
+    t: c
+  } = z(), o = {
+    position: s ? "absolute" : "relative",
+    zIndex: s ? 2e3 : 1,
+    transform: `translate3d(${((d == null ? void 0 : d.x) ?? 0) / 1}px, ${((d == null ? void 0 : d.y) ?? 0) / 1}px, 0)`
   };
-  return H(() => {
-    const l = u.elementDrag === e.id;
-    p(l);
-  }, [u]), /* @__PURE__ */ i("div", { ref: S, style: {
+  return j(() => {
+    const f = x.elementDrag === e.id;
+    p(f);
+  }, [x]), /* @__PURE__ */ i("div", { ref: y, style: {
     ...o
-  }, children: d ? /* @__PURE__ */ i(ae, { app: t, type: "resource", name: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(m, { app: t, isSelected: !d && x, isSelectable: !d && b, onClick: g, onSelect: r, children: (l) => /* @__PURE__ */ n(k, { children: [
-    !d && f && !h && /* @__PURE__ */ i("div", { className: "card-header z-3", style: {
+  }, children: s ? /* @__PURE__ */ i(le, { app: t, type: "resource", name: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(m, { app: t, isSelected: !s && b, isSelectable: !s && w, onClick: g, onSelect: r, children: () => /* @__PURE__ */ l(H, { children: [
+    !s && v && !h && /* @__PURE__ */ i("div", { className: "card-header z-3", style: {
       position: "fixed",
       left: "37px"
-    }, children: /* @__PURE__ */ i(V, { ..._, ...R, className: "bg-white z-3", color: "secondary", icon: /* @__PURE__ */ i(te, {}), variant: "ghost" }) }),
-    /* @__PURE__ */ n(m.Body, { children: [
-      /* @__PURE__ */ i("div", { className: "card-image medium", children: e != null && e.thumbnail ? /* @__PURE__ */ i(E, { alt: "", src: `${e == null ? void 0 : e.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ i(G, { app: t, iconFit: "ratio", size: "80", variant: "rounded" }) }),
-      /* @__PURE__ */ n("div", { className: "text-truncate", children: [
+    }, children: /* @__PURE__ */ i(G, { ..._, ...S, className: "bg-white z-3", color: "secondary", icon: /* @__PURE__ */ i(ae, {}), variant: "ghost" }) }),
+    /* @__PURE__ */ l(m.Body, { children: [
+      /* @__PURE__ */ i("div", { className: "card-image medium", children: e != null && e.thumbnail ? /* @__PURE__ */ i(L, { alt: "", src: `${e == null ? void 0 : e.thumbnail}?thumbnail=80x80`, objectFit: "cover", className: "h-full w-100" }) : /* @__PURE__ */ i(U, { app: t, iconFit: "ratio", size: "80", variant: "rounded" }) }),
+      /* @__PURE__ */ l("div", { className: "text-truncate", children: [
         /* @__PURE__ */ i(m.Title, { children: e == null ? void 0 : e.name }),
-        /* @__PURE__ */ i(m.Text, { children: /* @__PURE__ */ i("em", { children: s }) })
+        /* @__PURE__ */ i(m.Text, { children: /* @__PURE__ */ i("em", { children: n }) })
       ] })
     ] }),
-    /* @__PURE__ */ n(m.Footer, { children: [
-      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
-        v ? /* @__PURE__ */ i(L, { alt: (e == null ? void 0 : e.creatorName) || "", size: "xs", src: v, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(se, {}),
+    /* @__PURE__ */ l(m.Footer, { children: [
+      /* @__PURE__ */ l("div", { className: "d-inline-flex align-items-center gap-8 text-truncate", children: [
+        u ? /* @__PURE__ */ i(q, { alt: (e == null ? void 0 : e.creatorName) || "", size: "xs", src: u, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ i(de, {}),
         /* @__PURE__ */ i(m.Text, { children: e == null ? void 0 : e.creatorName })
       ] }),
-      /* @__PURE__ */ n("div", { className: "d-inline-flex align-items-center gap-8", children: [
-        y && /* @__PURE__ */ i(F, { message: a("tooltip.shared", {
-          ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(ne, { width: 16, height: 16 }) }),
-        I && /* @__PURE__ */ i(F, { message: a("tooltip.public", {
-          ns: l
-        }), placement: "top", children: /* @__PURE__ */ i(le, { width: 16, height: 16 }) })
+      /* @__PURE__ */ l("div", { className: "d-inline-flex align-items-center gap-8", children: [
+        I && /* @__PURE__ */ i(F, { message: c("tooltip.shared", {
+          ns: a
+        }), placement: "top", children: /* @__PURE__ */ i(se, { width: 16, height: 16 }) }),
+        N && /* @__PURE__ */ i(F, { message: c("tooltip.public", {
+          ns: a
+        }), placement: "top", children: /* @__PURE__ */ i(ne, { width: 16, height: 16 }) })
       ] })
     ] })
   ] }) }) });
 };
-B.displayName = "ResourceCard";
-const ve = ({
+k.displayName = "ResourceCard";
+const ue = ({
   data: t,
   fetchNextPage: e
 }) => {
   const {
-    currentApp: s
-  } = U(), {
-    t: x
+    currentApp: n
   } = T(), {
-    fromNow: b
-  } = q(), g = X(), r = Y(), d = Z(), {
+    t: b
+  } = z(), {
+    fromNow: w
+  } = J(), g = Y(), r = Z(), s = ee(), {
     setSelectedResources: p,
     setResourceIds: h,
-    openResource: f,
-    setResourceIsTrash: v
-  } = ee(), w = z(), R = K({
+    openResource: v,
+    setResourceIsTrash: u
+  } = ie(), R = B(), S = Q({
     from: {
       opacity: 0
     },
     to: {
       opacity: 1
     }
-  }), S = g.pagination.startIdx + g.pagination.pageSize < (g.pagination.maxIdx || 0), c = $(() => {
+  }), y = g.pagination.startIdx + g.pagination.pageSize < (g.pagination.maxIdx || 0), d = V(() => {
     e();
-  }, []), y = (a) => {
-    w ? (v(!0), h([a.id]), p([a])) : f(a);
+  }, []), I = (a) => {
+    R ? (u(!0), h([a.id]), p([a])) : v(a);
   };
-  async function I(a) {
+  async function N(a) {
     if (r.includes(a.id)) {
-      h(r.filter((o) => o !== a.id)), p(d.filter((o) => o.id !== a.id));
+      h(r.filter((c) => c !== a.id)), p(s.filter((c) => c.id !== a.id));
       return;
     }
-    h([...r, a.id]), p([...d, a]);
+    h([...r, a.id]), p([...s, a]);
   }
-  const u = Q("grid ps-0 list-unstyled");
-  return /* @__PURE__ */ n(D.Fragment, { children: [
-    /* @__PURE__ */ i(P.ul, { className: u, children: t == null ? void 0 : t.pages.map((a, o) => /* @__PURE__ */ i(D.Fragment, { children: a.resources.map((l) => {
+  const x = W("grid ps-0 list-unstyled");
+  return /* @__PURE__ */ l(D.Fragment, { children: [
+    /* @__PURE__ */ i(P.ul, { className: x, children: t == null ? void 0 : t.pages.map((a, c) => /* @__PURE__ */ i(D.Fragment, { children: a.resources.map((o) => {
       const {
-        id: N,
+        id: f,
         updatedAt: M
-      } = l, A = b(M);
+      } = o, C = w(M);
       return /* @__PURE__ */ i(P.li, { className: "g-col-4", style: {
         position: "relative",
-        ...R
-      }, children: /* @__PURE__ */ i(B, { app: s, resource: l, time: A, isSelectable: !0, isSelected: r.includes(l.id), onClick: (C) => {
-        C.stopPropagation(), y(l);
-      }, onSelect: () => I(l) }) }, N);
-    }) }, o)) }),
-    S && /* @__PURE__ */ i("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ i(J, { type: "button", color: "secondary", variant: "filled", onClick: c, children: x("explorer.see.more") }) })
+        ...S
+      }, children: /* @__PURE__ */ i(k, { app: n, resource: o, time: C, isSelectable: !0, isSelected: r.includes(o.id), onClick: (A) => {
+        A.stopPropagation(), I(o);
+      }, onSelect: () => N(o) }) }, f);
+    }) }, c)) }),
+    y && /* @__PURE__ */ i("div", { className: "d-grid gap-2 col-4 mx-auto my-24", children: /* @__PURE__ */ i(K, { type: "button", color: "secondary", variant: "filled", onClick: d, children: b("explorer.see.more") }) })
   ] });
 };
 export {
-  ve as default
+  ue as default
 };