ode-explorer 1.3.2 → 1.3.3-develop.202402061659

package/dist/version.txt

@@ -1 +1 @@
-ode-explorer=1.0-b2school-SNAPSHOT 29/01/2024 19:16:16
+ode-explorer=1.0-b2school-SNAPSHOT 06/02/2024 16:59:59

package/lib/ActionBarContainer.js

@@ -1,248 +1,250 @@
-import { jsx as u, Fragment as j, jsxs as V } from "react/jsx-runtime";
-import { useState as F, useEffect as $, Suspense as ce, lazy as y } from "react";
-import { useUser as ae, Button as G, ActionBar as ie, LoadingScreen as le } from "@edifice-ui/react";
-import { useTransition as ue, animated as de } from "@react-spring/web";
-import { useTranslation as q } from "react-i18next";
-import { odeServices as w, ACTION as l } from "edifice-ts-client";
-import { d as Y, e as fe, b as he, f as pe, g as J, h as me, i as Re, j as Se, k as Ee, u as K, a as Oe, l as ye, m as Ce } from "./index2.js";
+import { jsx as c, Fragment as $, jsxs as J } from "react/jsx-runtime";
+import { useState as T, useEffect as K, Suspense as ce, lazy as g } from "react";
+import { useUser as ae, Button as Q, useOdeClient as ie, ActionBar as le, LoadingScreen as ue, isActionAvailable as de, BlogPublic as fe, ShareModal as he, ShareBlog as pe } from "@edifice-ui/react";
+import { useTransition as me, animated as Re } from "@react-spring/web";
+import { useTranslation as X } from "react-i18next";
+import { odeServices as B, ACTION as u } from "edifice-ts-client";
+import { d as G, e as Se, b as be, f as Ee, g as Z, h as Oe, i as Ce, j as ye, k as ve, u as W, a as Ae, l as ge, m as Ie } from "./index2.js";
 import "@edifice-ui/icons";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-function be({
-  roles: c,
-  rights: e,
-  action: o
+function Me({
+  roles: n,
+  rights: s,
+  action: t
 }) {
-  const [a, s] = F(!1), {
+  const [d, e] = T(!1), {
     user: m
-  } = ae(), R = Y();
-  $(() => {
+  } = ae(), R = G();
+  K(() => {
     S();
-  }, [c, e]);
-  const d = async function(r) {
-    const t = r instanceof Array ? r : [r];
-    if (c instanceof Array) {
-      const p = await w.rights().sessionHasAtLeastOneResourceRight(c, t);
-      s(p);
+  }, [n, s]);
+  const p = async function(a) {
+    const o = a instanceof Array ? a : [a];
+    if (n instanceof Array) {
+      const f = await B.rights().sessionHasAtLeastOneResourceRight(n, o);
+      e(f);
     } else {
-      const p = await w.rights().sessionHasResourceRight(c, t);
-      s(p);
+      const f = await B.rights().sessionHasResourceRight(n, o);
+      e(f);
     }
-  }, f = async function(r) {
-    if (c instanceof Array) {
-      const t = await w.rights().sessionHasAtLeastOneResourceRightForEachList(c, r);
-      s(t);
+  }, l = async function(a) {
+    if (n instanceof Array) {
+      const o = await B.rights().sessionHasAtLeastOneResourceRightForEachList(n, a);
+      e(o);
     } else {
-      const t = await w.rights().sessionHasResourceRightForEachList(c, r);
-      s(t);
+      const o = await B.rights().sessionHasResourceRightForEachList(n, a);
+      e(o);
     }
   }, S = async function() {
-    var r, t, p;
-    if (c === void 0) {
-      s(!0);
+    var a, o, f;
+    if (n === void 0) {
+      e(!0);
       return;
     }
-    if (R && ((t = (r = e[0]) == null ? void 0 : r.trashedBy) != null && t.includes(m == null ? void 0 : m.userId)) && o === "restore" && !((p = e[0]) != null && p.trashed)) {
-      s(!0);
+    if (R && ((o = (a = s[0]) == null ? void 0 : a.trashedBy) != null && o.includes(m == null ? void 0 : m.userId)) && t === "restore" && !((f = s[0]) != null && f.trashed)) {
+      e(!0);
       return;
     }
-    if (e instanceof Array)
-      if (e.length > 0)
-        if (typeof e[0] == "string")
-          await d(e);
+    if (s instanceof Array)
+      if (s.length > 0)
+        if (typeof s[0] == "string")
+          await p(s);
         else {
-          const C = e.map((O) => O.rights);
-          await f(C);
+          const E = s.map((O) => O.rights);
+          await l(E);
         }
       else
-        s(!1);
+        e(!1);
     else
-      typeof e == "string" ? await d(e) : await d(e.rights);
+      typeof s == "string" ? await p(s) : await p(s.rights);
   };
   return {
-    visible: a,
+    visible: d,
     refreshState: S
   };
 }
-function Q() {
-  const [c, e] = F(!1), [o, a] = F("void"), [s, m] = F(), R = fe((n) => n.config), d = he(), f = pe(), S = J(), r = me(), t = Re(), p = Y(), C = Se(), O = Ee(), {
+function ee() {
+  const [n, s] = T(!1), [t, d] = T("void"), [e, m] = T(), R = Se((r) => r.config), p = be(), l = Ee(), S = Z(), a = Oe(), o = Ce(), f = G(), E = ye(), O = ve(), {
     openResource: I,
-    printSelectedResource: P,
-    openFolder: T,
-    clearSelectedItems: B,
-    clearSelectedIds: D
-  } = K(), {
-    data: L
-  } = Oe();
-  $(() => {
-    if (f.length === 0 && t.length === 0) {
-      e(!1);
+    printSelectedResource: D,
+    openFolder: L,
+    clearSelectedItems: _,
+    clearSelectedIds: N
+  } = W(), {
+    data: x
+  } = Ae();
+  K(() => {
+    if (l.length === 0 && o.length === 0) {
+      s(!1);
       return;
     }
     if (O) {
-      e(!1);
+      s(!1);
       return;
     }
-    e(!0);
-  }, [f, t]);
-  async function _(n) {
-    var M;
-    switch ((M = document.getElementById("root")) == null || M.setAttribute("aria-hidden", "true"), m(n), n.id) {
-      case l.OPEN:
-        return f.length > 0 ? I(S[0]) : T({
-          folder: r[0],
-          folderId: r[0].id
+    s(!0);
+  }, [l, o]);
+  async function H(r) {
+    var F;
+    switch ((F = document.getElementById("root")) == null || F.setAttribute("aria-hidden", "true"), m(r), r.id) {
+      case u.OPEN:
+        return l.length > 0 ? I(S[0]) : L({
+          folder: a[0],
+          folderId: a[0].id
         });
-      case l.MOVE:
-        return a("move");
-      case l.PRINT:
-        return P();
-      case l.DELETE:
-        return a("delete");
-      case l.RESTORE:
-        return await v();
-      case l.PUBLISH:
-        return a("publish");
-      case l.UPD_PROPS:
+      case u.MOVE:
+        return d("move");
+      case u.PRINT:
+        return D();
+      case u.DELETE:
+        return d("delete");
+      case u.RESTORE:
+        return await M();
+      case u.PUBLISH:
+        return d("publish");
+      case u.UPD_PROPS:
       case "edit":
         return oe();
-      case l.SHARE:
-        return a("share");
+      case u.SHARE:
+        return d("share");
       default:
-        throw Error(`Unknown action: ${n.id}`);
+        throw Error(`Unknown action: ${r.id}`);
     }
   }
-  function N(n) {
-    const M = f.length + t.length, b = f.length === 1 || t.length === 1, z = M === 1, g = t.length === 0;
-    switch (n.id) {
-      case l.OPEN:
-        return z;
-      case l.MANAGE:
-        return b;
-      case l.PUBLISH:
-        return b && g;
-      case l.UPD_PROPS:
-        return b && g;
-      case l.SHARE:
-        return g && b;
-      case l.PRINT:
-        return b && g;
+  function U(r) {
+    const F = l.length + o.length, A = l.length === 1 || o.length === 1, q = F === 1, P = o.length === 0;
+    switch (r.id) {
+      case u.OPEN:
+        return q;
+      case u.MANAGE:
+        return A;
+      case u.PUBLISH:
+        return A && P;
+      case u.UPD_PROPS:
+        return A && P;
+      case u.SHARE:
+        return P && A;
+      case u.PRINT:
+        return A && P;
       case "edit":
-        return z;
+        return q;
       default:
         return !0;
     }
   }
-  const x = () => !0;
-  async function v() {
+  const k = () => !0;
+  async function M() {
     try {
-      if (p)
-        await C.mutate();
+      if (f)
+        await E.mutate();
       else
         throw new Error("Cannot restore untrashed resources");
-      E();
-    } catch (n) {
-      console.error(n);
+      C();
+    } catch (r) {
+      console.error(r);
     }
   }
-  function E() {
-    var n;
-    a("void"), s != null && s.id && ((n = document.getElementById(s == null ? void 0 : s.id)) == null || n.focus());
+  function C() {
+    var r;
+    d("void"), e != null && e.id && ((r = document.getElementById(e == null ? void 0 : e.id)) == null || r.focus());
   }
-  const i = (n) => () => {
-    o === n && (E(), B(), D());
-  }, A = i("move"), H = i("move"), U = i("delete"), k = i("delete"), h = i("publish"), X = i("publish"), Z = i("edit_folder"), W = i("edit_folder"), ee = i("edit_resource"), se = i("edit_resource"), te = i("share"), ne = i("share");
+  const h = (r) => () => {
+    t === r && (C(), _(), N());
+  }, b = h("move"), j = h("move"), w = h("delete"), Y = h("delete"), y = h("publish"), v = h("publish"), i = h("edit_folder"), z = h("edit_folder"), V = h("edit_resource"), se = h("edit_resource"), te = h("share"), ne = h("share");
   function oe() {
-    f && f.length > 0 ? a("edit_resource") : a("edit_folder");
+    l && l.length > 0 ? d("edit_resource") : d("edit_folder");
   }
-  function re(n) {
-    return n.id === "edit" && t.length > 0 ? "explorer.rename" : `explorer.actions.${n.id}`;
+  function re(r) {
+    return r.id === "edit" && o.length > 0 ? "explorer.rename" : `explorer.actions.${r.id}`;
   }
   return {
-    onRestore: v,
-    actions: p ? R == null ? void 0 : R.trashActions : L,
-    selectedElement: [...S, ...r],
-    currentFolderId: d == null ? void 0 : d.id,
+    onRestore: M,
+    actions: f ? R == null ? void 0 : R.trashActions : x,
+    selectedElement: [...S, ...a],
+    currentFolderId: p == null ? void 0 : p.id,
     overrideLabel: re,
-    handleClick: _,
-    isActivable: p ? x : N,
-    isActionBarOpen: c,
-    isMoveModalOpen: o === "move",
-    onMoveCancel: A,
-    onMoveSuccess: H,
-    isDeleteModalOpen: o === "delete",
-    onDeleteCancel: k,
-    onDeleteSuccess: U,
-    isPublishModalOpen: o === "publish",
-    onPublishCancel: X,
-    onPublishSuccess: h,
-    isEditFolderOpen: o === "edit_folder",
-    onEditFolderCancel: W,
-    onEditFolderSuccess: Z,
-    isEditResourceOpen: o === "edit_resource",
+    handleClick: H,
+    isActivable: f ? k : U,
+    isActionBarOpen: n,
+    isMoveModalOpen: t === "move",
+    onMoveCancel: b,
+    onMoveSuccess: j,
+    isDeleteModalOpen: t === "delete",
+    onDeleteCancel: Y,
+    onDeleteSuccess: w,
+    isPublishModalOpen: t === "publish",
+    onPublishCancel: v,
+    onPublishSuccess: y,
+    isEditFolderOpen: t === "edit_folder",
+    onEditFolderCancel: z,
+    onEditFolderSuccess: i,
+    isEditResourceOpen: t === "edit_resource",
     onEditResourceCancel: se,
-    onEditResourceSuccess: ee,
-    isShareResourceOpen: o === "share",
+    onEditResourceSuccess: V,
+    isShareResourceOpen: t === "share",
     onShareResourceCancel: ne,
     onShareResourceSuccess: te,
-    onClearActionBar: E
+    onClearActionBar: C
   };
 }
-function ve({
-  resourceRights: c,
-  roleExpected: e,
-  action: o,
-  children: a,
-  renderWhenForbidden: s
+function we({
+  resourceRights: n,
+  roleExpected: s,
+  action: t,
+  children: d,
+  renderWhenForbidden: e
 }) {
   const {
     t: m
-  } = q(), {
+  } = X(), {
     overrideLabel: R
-  } = Q(), {
-    visible: d
-  } = be({
-    roles: e,
-    rights: c,
-    action: o == null ? void 0 : o.id
+  } = ee(), {
+    visible: p
+  } = Me({
+    roles: s,
+    rights: n,
+    action: t == null ? void 0 : t.id
   }), {
-    setResourceActionDisable: f
-  } = K(), S = Y();
-  return d ? /* @__PURE__ */ u(j, { children: a }) : s ? s() : S && !d ? /* @__PURE__ */ u(G, { type: "button", color: "primary", variant: "filled", onClick: () => {
-    f(!0);
-  }, children: m(R(o)) }) : /* @__PURE__ */ u(j, {});
+    setResourceActionDisable: l
+  } = W(), S = G();
+  return p ? /* @__PURE__ */ c($, { children: d }) : e ? e() : S && !p ? /* @__PURE__ */ c(Q, { type: "button", color: "primary", variant: "filled", onClick: () => {
+    l(!0);
+  }, children: m(R(t)) }) : /* @__PURE__ */ c($, {});
 }
-const Ae = /* @__PURE__ */ y(async () => await import("./ShareModal.js")), Me = /* @__PURE__ */ y(async () => await import("./PublishModal.js")), ge = /* @__PURE__ */ y(async () => await import("./ResourceModal.js")), we = /* @__PURE__ */ y(async () => await import("./DeleteModal.js")), Fe = /* @__PURE__ */ y(async () => await import("./MoveModal.js")), Ie = /* @__PURE__ */ y(async () => await import("./FolderModal.js"));
-function je() {
+const Fe = /* @__PURE__ */ g(async () => await import("./PublishModal.js")), Pe = /* @__PURE__ */ g(async () => await import("./ResourceModal.js")), Be = /* @__PURE__ */ g(async () => await import("./DeleteModal.js")), Te = /* @__PURE__ */ g(async () => await import("./MoveModal.js")), De = /* @__PURE__ */ g(async () => await import("./FolderModal.js"));
+function $e() {
   const {
-    t: c
-  } = q(), {
-    actions: e,
-    selectedElement: o,
-    isMoveModalOpen: a,
-    isDeleteModalOpen: s,
-    isPublishModalOpen: m,
-    isActionBarOpen: R,
-    isEditFolderOpen: d,
-    overrideLabel: f,
-    onEditFolderCancel: S,
-    onEditFolderSuccess: r,
-    isEditResourceOpen: t,
-    onEditResourceCancel: p,
-    onEditResourceSuccess: C,
-    isShareResourceOpen: O,
-    onShareResourceCancel: I,
-    onShareResourceSuccess: P,
-    onMoveCancel: T,
-    onMoveSuccess: B,
-    onDeleteCancel: D,
-    onDeleteSuccess: L,
-    onPublishCancel: _,
-    onPublishSuccess: N,
-    isActivable: x,
-    handleClick: v
-  } = Q(), E = J(), i = ye(), A = Ce(), H = ue(R, {
+    appCode: n
+  } = ie(), {
+    t: s
+  } = X(), {
+    actions: t,
+    selectedElement: d,
+    isMoveModalOpen: e,
+    isDeleteModalOpen: m,
+    isPublishModalOpen: R,
+    isActionBarOpen: p,
+    isEditFolderOpen: l,
+    overrideLabel: S,
+    onEditFolderCancel: a,
+    onEditFolderSuccess: o,
+    isEditResourceOpen: f,
+    onEditResourceCancel: E,
+    onEditResourceSuccess: O,
+    isShareResourceOpen: I,
+    onShareResourceCancel: D,
+    onShareResourceSuccess: L,
+    onMoveCancel: _,
+    onMoveSuccess: N,
+    onDeleteCancel: x,
+    onDeleteSuccess: H,
+    onPublishCancel: U,
+    onPublishSuccess: k,
+    isActivable: M,
+    handleClick: C
+  } = ee(), b = Z()[0], j = ge(n), w = Ie(n), Y = me(p, {
     from: {
       opacity: 0,
       transform: "translateY(100%)"
@@ -256,20 +258,20 @@ function je() {
       transform: "translateY(100%)"
     }
   });
-  return /* @__PURE__ */ V(j, { children: [
-    H((U, k) => k && /* @__PURE__ */ u(de.div, { className: "position-fixed bottom-0 start-0 end-0 z-3", style: U, children: /* @__PURE__ */ u(ie, { children: e == null ? void 0 : e.filter((h) => h.available && h.target === "actionbar").map((h) => x(h) && /* @__PURE__ */ u(ve, { resourceRights: o, roleExpected: h.right, action: h, children: /* @__PURE__ */ u(G, { id: h.id, type: "button", color: "primary", variant: "filled", onClick: () => {
-      v(h);
-    }, children: c(f(h)) }, h.id) }, h.id)) }) })),
-    /* @__PURE__ */ V(ce, { fallback: /* @__PURE__ */ u(le, {}), children: [
-      a && /* @__PURE__ */ u(Fe, { isOpen: a, onCancel: T, onSuccess: B }),
-      s && /* @__PURE__ */ u(we, { isOpen: s, onCancel: D, onSuccess: L }),
-      m && /* @__PURE__ */ u(Me, { isOpen: m, resource: E[0], onCancel: _, onSuccess: N }),
-      d && /* @__PURE__ */ u(Ie, { edit: !0, isOpen: d, onCancel: S, onSuccess: r }),
-      t && /* @__PURE__ */ u(ge, { mode: "update", actions: e, isOpen: t, selectedResource: E[0], updateResource: A, onCancel: p, onSuccess: C }),
-      O && /* @__PURE__ */ u(Ae, { isOpen: O, resource: E[0], updateResource: A, shareResource: i, onCancel: I, onSuccess: P })
+  return /* @__PURE__ */ J($, { children: [
+    Y((y, v) => v && /* @__PURE__ */ c(Re.div, { className: "position-fixed bottom-0 start-0 end-0 z-3", style: y, children: /* @__PURE__ */ c(le, { children: t == null ? void 0 : t.filter((i) => i.available && i.target === "actionbar").map((i) => M(i) && /* @__PURE__ */ c(we, { resourceRights: d, roleExpected: i.right, action: i, children: /* @__PURE__ */ c(Q, { id: i.id, type: "button", color: "primary", variant: "filled", onClick: () => {
+      C(i);
+    }, children: s(S(i)) }, i.id) }, i.id)) }) })),
+    /* @__PURE__ */ J(ce, { fallback: /* @__PURE__ */ c(ue, {}), children: [
+      e && /* @__PURE__ */ c(Te, { isOpen: e, onCancel: _, onSuccess: N }),
+      m && /* @__PURE__ */ c(Be, { isOpen: m, onCancel: x, onSuccess: H }),
+      R && b && /* @__PURE__ */ c(Fe, { isOpen: R, resourceId: b.assetId, onCancel: U, onSuccess: k }),
+      l && /* @__PURE__ */ c(De, { edit: !0, isOpen: l, onCancel: a, onSuccess: o }),
+      f && b && /* @__PURE__ */ c(Pe, { mode: "update", isOpen: f, resourceId: b.assetId, updateResource: w, onCancel: E, onSuccess: O, children: (y, v, i, z, V) => n === "blog" && de("createPublic", t) && /* @__PURE__ */ c(fe, { appCode: n, isUpdating: v, resource: y, watch: i, setValue: z, register: V }) }),
+      I && b && /* @__PURE__ */ c(he, { isOpen: I, resourceId: b.assetId, shareResource: j, onCancel: D, onSuccess: L, children: n === "blog" ? /* @__PURE__ */ c(pe, { resource: b, updateResource: w }) : null })
     ] })
   ] });
 }
 export {
-  je as default
+  $e as default
 };

package/lib/AppAction.js

@@ -1,32 +1,32 @@
-import { jsxs as p, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { Suspense as f, lazy as C } from "react";
-import { Plus as g } from "@edifice-ui/icons";
-import { useToggle as S, useOdeClient as h, Button as O, LoadingScreen as R } from "@edifice-ui/react";
-import { useTranslation as x } from "react-i18next";
-import { u as y, a as A, b, c as F } from "./index2.js";
+import { jsxs as g, Fragment as b, jsx as e } from "react/jsx-runtime";
+import { Suspense as h, lazy as A } from "react";
+import { Plus as S } from "@edifice-ui/icons";
+import { useToggle as O, useOdeClient as R, Button as x, LoadingScreen as y, isActionAvailable as F, BlogPublic as I } from "@edifice-ui/react";
+import { useTranslation as P } from "react-i18next";
+import { u as j, a as k, b as v, c as B } from "./index2.js";
 import "edifice-ts-client";
 import "i18next";
 import "zustand";
 import "@tanstack/react-query";
-const I = /* @__PURE__ */ C(async () => await import("./ResourceModal.js"));
-function q() {
-  const [r, o] = S(), {
-    appCode: n
-  } = h(), {
+const T = /* @__PURE__ */ A(async () => await import("./ResourceModal.js"));
+function K() {
+  const [n, o] = O(), {
+    appCode: r
+  } = R(), {
     t: s
-  } = x(n), {
+  } = P(r), {
     clearSelectedItems: a,
-    clearSelectedIds: c
-  } = y(), {
+    clearSelectedIds: l
+  } = j(), {
     data: t
-  } = A(), l = t == null ? void 0 : t.find((m) => m.id === "create"), i = b(), u = F();
-  return l ? /* @__PURE__ */ p(d, { children: [
-    /* @__PURE__ */ e(O, { type: "button", color: "primary", variant: "filled", leftIcon: /* @__PURE__ */ e(g, {}), className: "ms-auto", onClick: () => {
-      a(), c(), o();
+  } = k(), i = t == null ? void 0 : t.find((c) => c.id === "create"), u = v(), m = B();
+  return i ? /* @__PURE__ */ g(b, { children: [
+    /* @__PURE__ */ e(x, { type: "button", color: "primary", variant: "filled", leftIcon: /* @__PURE__ */ e(S, {}), className: "ms-auto", onClick: () => {
+      a(), l(), o();
     }, children: s("explorer.create.title") }),
-    /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e(R, {}), children: r && /* @__PURE__ */ e(I, { mode: "create", actions: t, currentFolder: i, createResource: u, isOpen: r, onSuccess: o, onCancel: o }) })
+    /* @__PURE__ */ e(h, { fallback: /* @__PURE__ */ e(y, {}), children: n && /* @__PURE__ */ e(T, { mode: "create", currentFolder: u, createResource: m, isOpen: n, onSuccess: o, onCancel: o, children: (c, p, d, f, C) => r === "blog" && F("createPublic", t) && /* @__PURE__ */ e(I, { appCode: r, isUpdating: p, resource: c, watch: d, setValue: f, register: C }) }) })
   ] }) : null;
 }
 export {
-  q as default
+  K as default
 };

package/lib/Library.js

@@ -1,21 +1,24 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { ArrowRight as l } from "@edifice-ui/icons";
-import { useOdeTheme as s, useLibraryUrl as n, usePaths as m, Image as c, Button as p } from "@edifice-ui/react";
-import { useTranslation as h } from "react-i18next";
-const u = () => {
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { ArrowRight as s } from "@edifice-ui/icons";
+import { useOdeTheme as o, useLibraryUrl as n, usePaths as m, Image as p } from "@edifice-ui/react";
+import { useTranslation as c } from "react-i18next";
+const y = () => {
   const {
-    t: a
-  } = h(), {
-    theme: e
-  } = s(), {
-    libraryUrl: t
-  } = n(), [o] = m();
-  return /* @__PURE__ */ i("div", { className: "p-16", children: [
-    /* @__PURE__ */ r(c, { width: "270", height: "140", loading: "lazy", className: "rounded", src: `${o}/${e == null ? void 0 : e.bootstrapVersion}/image-library.svg`, alt: a("explorer.libray.img.alt") }),
-    /* @__PURE__ */ r("p", { className: "m-8", children: a("explorer.libray.title") }),
-    /* @__PURE__ */ r("a", { href: t, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ r(p, { rightIcon: /* @__PURE__ */ r(l, {}), className: "py-0 px-8", variant: "ghost", color: "primary", children: a("explorer.libray.btn") }) })
+    t: e
+  } = c(), {
+    theme: a
+  } = o(), {
+    libraryUrl: i
+  } = n(), [l] = m();
+  return /* @__PURE__ */ t("div", { className: "p-16", children: [
+    /* @__PURE__ */ r(p, { width: "270", height: "140", loading: "lazy", className: "rounded", src: `${l}/${a == null ? void 0 : a.bootstrapVersion}/image-library.svg`, alt: e("explorer.libray.img.alt") }),
+    /* @__PURE__ */ r("p", { className: "m-8", children: e("explorer.libray.title") }),
+    /* @__PURE__ */ t("a", { href: i, target: "_blank", rel: "noreferrer", className: "d-inline-flex gap-4 btn btn-ghost-primary py-0 p-0 pe-8", children: [
+      /* @__PURE__ */ r(s, {}),
+      /* @__PURE__ */ r("span", { children: e("explorer.libray.btn") })
+    ] })
   ] });
 };
 export {
-  u as default
+  y as default
 };