@blocklet/pages-kit-inner-components 0.4.132 → 0.4.133

package/lib/es/chunks/{home-qQe9H8C9.js → home-Bnr_eVpB.js}

@@ -1,47 +1,47 @@
 import { jsx as e, jsxs as A } from "react/jsx-runtime";
-import { d as G, e as le, g as ce, u as ue, c as me } from "./state-DGyH1TW3.js";
-import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
-import q from "@arcblock/ux/lib/Result";
-import { useHeaderState as pe } from "@blocklet/pages-kit/builtin/page/header";
-import { useColorConvert as de } from "@blocklet/pages-kit/contexts/color";
-import { setPageDataSource as K } from "@blocklet/pages-kit/utils/data-source";
-import { generateParamCombinations as ge } from "@blocklet/pages-kit/utils/route";
-import fe from "@blocklet/ui-react/lib/Header";
-import { cx as Q } from "@emotion/css";
-import { Global as X, css as Y } from "@emotion/react";
-import J from "@emotion/styled";
-import { Box as O, CircularProgress as he, useTheme as be, Button as ye, Stack as ve, useMediaQuery as we } from "@mui/material";
-import { useReactive as Z, useScroll as Se } from "ahooks";
-import xe from "isomorphic-dompurify";
+import { d as W, e as ce, g as ue, u as pe, c as me } from "./state-DGyH1TW3.js";
+import { useLocaleContext as q } from "@arcblock/ux/lib/Locale/context";
+import K from "@arcblock/ux/lib/Result";
+import { useHeaderState as de } from "@blocklet/pages-kit/builtin/page/header";
+import { useColorConvert as ge } from "@blocklet/pages-kit/contexts/color";
+import { setPageDataSource as Q } from "@blocklet/pages-kit/utils/data-source";
+import { generateParamCombinations as fe } from "@blocklet/pages-kit/utils/route";
+import he from "@blocklet/ui-react/lib/Header";
+import { cx as X } from "@emotion/css";
+import { Global as Y, css as J } from "@emotion/react";
+import Z from "@emotion/styled";
+import { Box as O, CircularProgress as be, useTheme as ye, Button as ve, Stack as we, useMediaQuery as Se } from "@mui/material";
+import { useReactive as ee, useScroll as xe } from "ahooks";
+import Pe from "isomorphic-dompurify";
 import D from "lodash/cloneDeep";
-import Pe from "lodash/isEmpty";
-import ee from "lodash/isEqual";
-import { useEffect as F, useContext as ke, lazy as te, useMemo as M, useRef as oe, Suspense as Ce, useState as Ie } from "react";
+import ke from "lodash/isEmpty";
+import te from "lodash/isEqual";
+import { useEffect as F, useContext as Ce, lazy as oe, useMemo as M, useRef as ne, Suspense as Ie, useState as Re } from "react";
 import { Helmet as Me } from "react-helmet";
-import { useSearchParams as ne, Routes as Re, Route as C, Navigate as je, ScrollRestoration as Ee } from "react-router-dom";
-import { useAsync as re } from "react-use";
-import { joinURL as I } from "ufo";
-import { S as Te, n as Be, P as $e, a as Fe, B as Oe, g as Le } from "./array-BfSgATE1.js";
-import { styled as se, useTheme as _e } from "@arcblock/ux/lib/Theme";
-import Ae from "@blocklet/ui-react/lib/Footer";
+import { useSearchParams as re, Routes as je, Route as I, Navigate as Ee, ScrollRestoration as Te } from "react-router-dom";
+import { useAsync as se } from "react-use";
+import { joinURL as R } from "ufo";
+import { S as Be, n as $e, P as Fe, a as Oe, B as Le, g as _e } from "./array-BfSgATE1.js";
+import { styled as ae, useTheme as Ae } from "@arcblock/ux/lib/Theme";
+import De from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
-import { createAuthServiceSessionContext as De } from "@arcblock/did-connect/lib/Session";
-const Ne = se(Ae, { shouldForwardProp: (t) => !!t })`
+import { createAuthServiceSessionContext as Ne } from "@arcblock/did-connect/lib/Session";
+const He = ae(De, { shouldForwardProp: (t) => !!t })`
   & > div > .MuiContainer-root {
     max-width: unset;
   }
 `;
-function He({ meta: t, ...o }) {
-  const s = _e();
-  return /* @__PURE__ */ e(Ne, { ...o, meta: t, theme: s || {} });
-}
-function Ue(t) {
-  return /* @__PURE__ */ e(O, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(he, { size: 30 }) });
+function Ue({ meta: t, ...o }) {
+  const s = Ae();
+  return /* @__PURE__ */ e(He, { ...o, meta: t, theme: s || {} });
 }
 function Ve(t) {
-  return /* @__PURE__ */ e(ze, { ...t });
+  return /* @__PURE__ */ e(O, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...t, children: /* @__PURE__ */ e(be, { size: 30 }) });
+}
+function ze(t) {
+  return /* @__PURE__ */ e(Ge, { ...t });
 }
-const ze = se(O)`
+const Ge = ae(O)`
   position: fixed;
   left: 0;
   top: 0;
@@ -52,21 +52,21 @@ const ze = se(O)`
   opacity: 0.7;
   transform: translateX(-23%) translateY(70%) rotate(-45deg);
   pointer-events: none;
-`, Ge = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+`, We = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
-function We({
+function qe({
   titleFontFamily: t,
   descriptionFontFamily: o
 }) {
   var n;
-  const s = be(), a = (n = s == null ? void 0 : s.typography) == null ? void 0 : n.fontFamily;
+  const s = ye(), a = (n = s == null ? void 0 : s.typography) == null ? void 0 : n.fontFamily;
   F(() => {
   }, [t, o]);
-  const r = `${a}, ${Ge}`;
+  const r = `${a}, ${We}`;
   return /* @__PURE__ */ e(
-    X,
+    Y,
     {
-      styles: Y`
+      styles: J`
         #app {
           font-family: ${r};
 
@@ -82,83 +82,84 @@ function We({
     }
   );
 }
-const { SessionProvider: Et, SessionContext: qe, SessionConsumer: Tt, withSession: Bt } = De();
+const { SessionProvider: Tt, SessionContext: Ke, SessionConsumer: Bt, withSession: $t } = Ne();
 function U() {
-  return ke(qe);
+  return Ce(Ke);
 }
-function Ke(...t) {
+function Qe(...t) {
   var s;
   const { session: o } = U();
   return t.includes((s = o.user) == null ? void 0 : s.role);
 }
-function Qe(...t) {
+function Xe(...t) {
   var a;
-  const { session: o } = U(), s = Ke(...t);
+  const { session: o } = U(), s = Qe(...t);
   return ((a = window.blocklet) == null ? void 0 : a.tenantMode) === "multiple" ? !!o.user : s;
 }
-function $t() {
-  const [t] = ne(), { session: o } = U(), s = Qe("owner", "admin", "pagesEditor", "member"), a = M(() => {
+function Ft() {
+  const [t] = re(), { session: o } = U(), s = Xe("owner", "admin", "pagesEditor", "member"), a = M(() => {
     const n = t.get("mode");
-    return Te.includes(n) ? n : "production";
+    return Be.includes(n) ? n : "production";
   }, [t]), r = a === "production" ? a : o.user ? s ? a : "production" : null;
-  return r ? /* @__PURE__ */ e(Xe, { mode: r }) : null;
+  return r ? /* @__PURE__ */ e(Ye, { mode: r }) : null;
 }
-function Xe({ mode: t }) {
+function Ye({ mode: t }) {
   if (t !== "draft") {
     const o = window.__PAGE_STATE__;
-    return o ? /* @__PURE__ */ e(H, { mode: t, state: o }) : /* @__PURE__ */ e(Je, { mode: t, children: ({ state: s }) => /* @__PURE__ */ e(H, { mode: t, state: s }) });
+    return o ? /* @__PURE__ */ e(H, { mode: t, state: o }) : /* @__PURE__ */ e(Ze, { mode: t, children: ({ state: s }) => /* @__PURE__ */ e(H, { mode: t, state: s }) });
   }
-  return /* @__PURE__ */ e(Ye, { children: ({ state: o }) => /* @__PURE__ */ e(H, { mode: t, state: o }) });
+  return /* @__PURE__ */ e(Je, { children: ({ state: o }) => /* @__PURE__ */ e(H, { mode: t, state: o }) });
 }
-const Ye = te(() => import("./draft-data-PScFOAJJ.js"));
-function Je({
+const Je = oe(() => import("./draft-data-PScFOAJJ.js"));
+function Ze({
   mode: t,
   children: o
 }) {
-  const s = document.querySelector('meta[property="pages:version"]'), a = s == null ? void 0 : s.content, r = ue(), n = M(() => {
+  const s = document.querySelector('meta[property="pages:version"]'), a = s == null ? void 0 : s.content, r = pe(), n = M(() => {
     if (a === "{{pagesPublishedAt}}") {
       const c = localStorage.getItem(me(r ?? ""));
       return Number(c) ? Number(c) : (/* @__PURE__ */ new Date()).getTime();
     }
     return Number(a);
-  }, [a]), { loading: d, value: l } = re(() => Le({ mode: t, version: n }), [t, n]);
-  return d ? /* @__PURE__ */ e(Ue, {}) : l ? o({ state: l }) : null;
+  }, [a]), { loading: d, value: l } = se(() => _e({ mode: t, version: n }), [t, n]);
+  return d ? /* @__PURE__ */ e(Ve, {}) : l ? o({ state: l }) : null;
 }
 function H({ mode: t, state: o }) {
-  const { t: s, locale: a } = W(), [r] = ne(), n = r.get("hiddenBadge") === "true", d = r.get("showPublish") === "true", {
+  const { t: s, locale: a } = q(), [r] = re(), n = r.get("hiddenBadge") === "true", d = r.get("showPublish") === "true", {
     pageIds: l,
     pages: c,
     routeIds: g,
-    routes: p,
+    routes: m,
     supportedLocales: u,
-    config: { defaultLocale: h },
+    config: { defaultLocale: b },
     resources: v
-  } = o, w = G(o), y = M(
-    () => u != null && u.some((m) => m.locale === a) ? a : void 0,
+  } = o, w = W(o), y = M(
+    () => u != null && u.some((p) => p.locale === a) ? a : void 0,
     [a, u]
-  ), f = Object.values(c).find((m) => (m == null ? void 0 : m.slug) === "/") ? void 0 : Object.values(c)[0], L = M(
-    () => l.map((m) => {
-      const i = c[m];
+  ), f = Object.values(c).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(c)[0], L = M(
+    () => l.map((p) => {
+      const i = c[p];
       return i && {
         id: i.id,
-        path: I("/", y || "", i.slug, t !== "production" ? `?mode=${t}` : "")
+        path: R("/", y || "", i.slug, t !== "production" ? `?mode=${t}` : "")
       };
-    }).filter(Be),
+    }).filter($e),
     [l, c, y, t]
-  ), P = ([...m]) => (t !== "production" && d && m.unshift(
-    /* @__PURE__ */ e(Ce, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(Ze, { mode: "production", state: o }) })
-  ), m);
-  return /* @__PURE__ */ A($e, { value: { pages: L }, children: [
-    /* @__PURE__ */ A(Re, { children: [
-      f && /* @__PURE__ */ e(C, { index: !0, element: /* @__PURE__ */ e(je, { to: I("/", y || "", f.slug) }) }),
-      g == null ? void 0 : g.map((m) => {
-        var R, j, E, T;
-        const i = p == null ? void 0 : p[m];
+  ), P = ([...p]) => (t !== "production" && d && p.unshift(
+    /* @__PURE__ */ e(Ie, { fallback: /* @__PURE__ */ e("div", {}), children: /* @__PURE__ */ e(et, { mode: "production", state: o }) })
+  ), p);
+  return /* @__PURE__ */ A(Fe, { value: { pages: L }, children: [
+    /* @__PURE__ */ A(je, { children: [
+      f && /* @__PURE__ */ e(I, { index: !0, element: /* @__PURE__ */ e(Ee, { to: R("/", y || "", f.slug) }) }),
+      g == null ? void 0 : g.map((p) => {
+        var j, E, T, S;
+        const i = m == null ? void 0 : m[p];
         if (!i || !i.displayTemplateId) return null;
         const k = c[i.displayTemplateId];
         if (!k) return null;
+        let C = [];
         if (i.params && i.params.length > 0) {
-          const S = ge({
+          const h = fe({
             basePath: i.path,
             params: i.params,
             routeId: i.id,
@@ -168,58 +169,60 @@ function H({ mode: t, state: o }) {
             currentOptionIds: [],
             result: []
           });
-          return S == null ? void 0 : S.map((b) => {
-            var _, B, $, V;
-            const x = b.paramOptionIds.join("-");
+          C = h == null ? void 0 : h.map((x) => {
+            var B, $, V, z;
+            const _ = x.paramOptionIds.join("-");
             return /* @__PURE__ */ e(
-              C,
+              I,
               {
-                path: I(":projectIdOrSlug?", b.path),
+                path: R(":projectIdOrSlug?", x.path),
                 element: /* @__PURE__ */ e(
-                  z,
+                  G,
                   {
                     mode: t,
                     components: w,
                     page: k,
                     locale: y,
-                    defaultLocale: h,
+                    defaultLocale: b,
                     headerAddons: P,
                     state: o,
-                    pageData: (V = ($ = (B = (_ = i.dataSource) == null ? void 0 : _.pathDataMappings) == null ? void 0 : B[x]) == null ? void 0 : $.dataCache) == null ? void 0 : V[y || h || "en"]
+                    pageData: (z = (V = ($ = (B = i.dataSource) == null ? void 0 : B.pathDataMappings) == null ? void 0 : $[_]) == null ? void 0 : V.dataCache) == null ? void 0 : z[y || b || "en"]
                   }
                 )
               },
-              x
+              _
             );
           });
         }
-        return /* @__PURE__ */ e(
-          C,
-          {
-            path: I(":projectIdOrSlug?", i.path),
-            element: /* @__PURE__ */ e(
-              z,
-              {
-                mode: t,
-                components: w,
-                page: k,
-                locale: y,
-                defaultLocale: h,
-                headerAddons: P,
-                state: o,
-                pageData: (T = (E = (j = (R = i.dataSource) == null ? void 0 : R.pathDataMappings) == null ? void 0 : j[i.id]) == null ? void 0 : E.dataCache) == null ? void 0 : T[y || h || "en"]
-              }
-            )
-          },
-          i.id
-        );
+        return C.push(
+          /* @__PURE__ */ e(
+            I,
+            {
+              path: R(":projectIdOrSlug?", i.path),
+              element: /* @__PURE__ */ e(
+                G,
+                {
+                  mode: t,
+                  components: w,
+                  page: k,
+                  locale: y,
+                  defaultLocale: b,
+                  headerAddons: P,
+                  state: o,
+                  pageData: (S = (T = (E = (j = i.dataSource) == null ? void 0 : j.pathDataMappings) == null ? void 0 : E[i.id]) == null ? void 0 : T.dataCache) == null ? void 0 : S[y || b || "en"]
+                }
+              )
+            },
+            i.id
+          )
+        ), C;
       }),
-      l.map((m) => {
-        const i = c[m];
+      l.map((p) => {
+        const i = c[p];
         return i ? /* @__PURE__ */ e(
-          C,
+          I,
           {
-            path: I(":projectIdOrSlug?", i.slug),
+            path: R(":projectIdOrSlug?", i.slug),
             element: /* @__PURE__ */ e(
               N,
               {
@@ -227,7 +230,7 @@ function H({ mode: t, state: o }) {
                 components: w,
                 page: i,
                 locale: y,
-                defaultLocale: h,
+                defaultLocale: b,
                 headerAddons: P
               }
             )
@@ -235,10 +238,10 @@ function H({ mode: t, state: o }) {
           i.id
         ) : null;
       }),
-      v.pages && Object.values(v.pages).map(({ blockletId: m, page: i }) => /* @__PURE__ */ e(
-        C,
+      v.pages && Object.values(v.pages).map(({ blockletId: p, page: i }) => /* @__PURE__ */ e(
+        I,
         {
-          path: I("/", `@${m}`, i.slug),
+          path: R("/", `@${p}`, i.slug),
           element: /* @__PURE__ */ e(
             N,
             {
@@ -246,7 +249,7 @@ function H({ mode: t, state: o }) {
               components: w,
               page: i,
               locale: y,
-              defaultLocale: h,
+              defaultLocale: b,
               headerAddons: P
             }
           )
@@ -254,18 +257,18 @@ function H({ mode: t, state: o }) {
         i.id
       )),
       /* @__PURE__ */ e(
-        C,
+        I,
         {
           path: "*",
-          element: /* @__PURE__ */ e(O, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(q, { status: 404, extra: /* @__PURE__ */ e(ie, { href: "/", children: s("common.back") }) }) })
+          element: /* @__PURE__ */ e(O, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(K, { status: 404, extra: /* @__PURE__ */ e(le, { href: "/", children: s("common.back") }) }) })
         }
       )
     ] }),
-    t !== "production" && !n && /* @__PURE__ */ e(Ve, { sx: { bgcolor: "info.light" }, children: t }),
-    /* @__PURE__ */ e(We, {})
+    t !== "production" && !n && /* @__PURE__ */ e(ze, { sx: { bgcolor: "info.light" }, children: t }),
+    /* @__PURE__ */ e(qe, {})
   ] });
 }
-function z({
+function G({
   mode: t,
   pageData: o,
   components: s,
@@ -275,16 +278,16 @@ function z({
   headerAddons: d,
   state: l
 }) {
-  const c = Z({
+  const c = ee({
     page: null
   });
   F(() => {
-    const p = a || null;
-    p ? c.page = D(p) : c.page = null;
+    const m = a || null;
+    m ? c.page = D(m) : c.page = null;
   }, [a, c]);
-  const g = oe();
+  const g = ne();
   return F(() => {
-    ee(o, g.current) || o && c.page && (K(c.page, l, r, o), g.current = D(o));
+    te(o, g.current) || o && c.page && (Q(c.page, l, r, o), g.current = D(o));
   }, [c.page, o, r, l]), c.page ? /* @__PURE__ */ e(
     N,
     {
@@ -297,40 +300,40 @@ function z({
     }
   ) : null;
 }
-function Ft({
+function Ot({
   mode: t,
   state: o,
   path: s,
   pageData: a
 }) {
-  const { t: r, locale: n } = W(), {
+  const { t: r, locale: n } = q(), {
     pages: d,
     supportedLocales: l,
     config: { defaultLocale: c },
     resources: g
-  } = o, p = Object.values(d).find((f) => (f == null ? void 0 : f.slug) === s), u = Object.values(g.pages || {}).find((f) => f.page.slug === s), h = M(
+  } = o, m = Object.values(d).find((f) => (f == null ? void 0 : f.slug) === s), u = Object.values(g.pages || {}).find((f) => f.page.slug === s), b = M(
     () => l != null && l.some((f) => f.locale === n) ? n : void 0,
     [n, l]
-  ), v = Z({
+  ), v = ee({
     page: null
   });
   F(() => {
-    const f = p || (u == null ? void 0 : u.page) || null;
+    const f = m || (u == null ? void 0 : u.page) || null;
     f ? v.page = D(f) : v.page = null;
-  }, [p, u]);
-  const w = oe();
+  }, [m, u]);
+  const w = ne();
   if (F(() => {
-    ee(a, w.current) || a && v.page && (K(v.page, o, h, a), w.current = D(a));
-  }, [{}]), !p && !(u != null && u.page))
-    return /* @__PURE__ */ e(O, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(q, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(ie, { href: "/", children: r("common.back") }) }) });
-  const y = G(o);
+    te(a, w.current) || a && v.page && (Q(v.page, o, b, a), w.current = D(a));
+  }, [{}]), !m && !(u != null && u.page))
+    return /* @__PURE__ */ e(O, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(K, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ e(le, { href: "/", children: r("common.back") }) }) });
+  const y = W(o);
   return v.page ? /* @__PURE__ */ e(
     N,
     {
       mode: t,
       components: y,
       page: v.page,
-      locale: h,
+      locale: b,
       defaultLocale: c
     }
   ) : null;
@@ -343,20 +346,20 @@ function N({
   defaultLocale: r,
   headerAddons: n
 }) {
-  var L, P, m, i, k, R, j, E, T;
-  const d = de(), l = ((L = s.locales) == null ? void 0 : L[a]) ?? ((P = s.locales) == null ? void 0 : P[r]) ?? {}, c = l.title || ((m = window.blocklet) == null ? void 0 : m.appName), g = l.description || ((i = window.blocklet) == null ? void 0 : i.appDescription), p = le(ce(l.image), 540), { logo: u, brand: h, description: v, ...w } = pe(), y = M(
+  var L, P, p, i, k, C, j, E, T;
+  const d = ge(), l = ((L = s.locales) == null ? void 0 : L[a]) ?? ((P = s.locales) == null ? void 0 : P[r]) ?? {}, c = l.title || ((p = window.blocklet) == null ? void 0 : p.appName), g = l.description || ((i = window.blocklet) == null ? void 0 : i.appDescription), m = ce(ue(l.image), 540), { logo: u, brand: b, description: v, ...w } = de(), y = M(
     () => (S) => {
       var x;
-      let b = (n == null ? void 0 : n(S)) ?? S;
-      return b = ((x = w.addons) == null ? void 0 : x.call(w, b)) ?? b, b;
+      let h = (n == null ? void 0 : n(S)) ?? S;
+      return h = ((x = w.addons) == null ? void 0 : x.call(w, h)) ?? h, h;
     },
     [w.addons, n]
-  ), f = (k = l.header) != null && k.translucent ? tt : ae;
-  return /* @__PURE__ */ A(Fe, { page: s, defaultLocale: r, currentLocale: a, children: [
+  ), f = (k = l.header) != null && k.translucent ? ot : ie;
+  return /* @__PURE__ */ A(Oe, { page: s, defaultLocale: r, currentLocale: a, children: [
     /* @__PURE__ */ e(
-      X,
+      Y,
       {
-        styles: Y`
+        styles: J`
           body {
             background-color: ${d(
           !l.backgroundColor || l.backgroundColor === "transparent" ? "background.default" : l.backgroundColor
@@ -368,30 +371,30 @@ function N({
     /* @__PURE__ */ e(
       f,
       {
-        hideNavMenu: !!((R = l.header) != null && R.hideNavMenus),
+        hideNavMenu: !!((C = l.header) != null && C.hideNavMenus),
         translucentTextColor: (j = l.header) == null ? void 0 : j.translucentTextColor,
         ...u ? { logo: u } : {},
-        ...h ? { brand: h } : {},
+        ...b ? { brand: b } : {},
         ...v ? { description: v } : {},
-        className: Q(((E = l.header) == null ? void 0 : E.sticky) && "sticky", "page-header"),
+        className: X(((E = l.header) == null ? void 0 : E.sticky) && "sticky", "page-header"),
         maxWidth: !1,
         addons: y
       }
     ),
-    /* @__PURE__ */ e(Ee, {}),
+    /* @__PURE__ */ e(Te, {}),
     /* @__PURE__ */ A(Me, { children: [
       /* @__PURE__ */ e("title", { children: c }),
       /* @__PURE__ */ e("meta", { name: "og:title", content: c }),
       /* @__PURE__ */ e("meta", { name: "og:description", content: g }),
-      /* @__PURE__ */ e("meta", { name: "og:image", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: p }),
-      /* @__PURE__ */ e("meta", { name: "twitter:image", content: p }),
+      /* @__PURE__ */ e("meta", { name: "og:image", content: m }),
+      /* @__PURE__ */ e("meta", { name: "twitter:image:src", content: m }),
+      /* @__PURE__ */ e("meta", { name: "twitter:image", content: m }),
       /* @__PURE__ */ e("meta", { property: "twitter:description", content: g }),
       /* @__PURE__ */ e("meta", { property: "twitter:title", content: c }),
       /* @__PURE__ */ e("meta", { name: "description", content: g })
     ] }),
     /* @__PURE__ */ e(
-      ve,
+      we,
       {
         flexGrow: 1,
         className: "PageView-root",
@@ -403,18 +406,18 @@ function N({
         },
         children: s.sectionIds.map((S) => {
           var B, $;
-          const b = s.sections[S];
-          if (!b || b.visibility === "hidden") return null;
-          const x = (B = b.locales) == null ? void 0 : B[a], _ = (($ = b.locales) == null ? void 0 : $[r]) ?? {};
+          const h = s.sections[S];
+          if (!h || h.visibility === "hidden") return null;
+          const x = (B = h.locales) == null ? void 0 : B[a], _ = (($ = h.locales) == null ? void 0 : $[r]) ?? {};
           return /* @__PURE__ */ e(
-            Oe,
+            Le,
             {
               id: S,
-              type: b.component,
+              type: h.component,
               mode: t,
-              section: b,
+              section: h,
               config: {
-                ...Pe(x) ? _ : x,
+                ...ke(x) ? _ : x,
                 locale: a,
                 dev: t === "draft" ? {
                   mode: t,
@@ -428,17 +431,17 @@ function N({
         })
       }
     ),
-    !((T = l.footer) != null && T.hidden) && /* @__PURE__ */ e(He, {})
+    !((T = l.footer) != null && T.hidden) && /* @__PURE__ */ e(Ue, {})
   ] });
 }
-const Ze = te(() => import("./publish-button-DMQRXAVS.js")), ae = J(fe)`
+const et = oe(() => import("./publish-button-BPU8djxy.js")), ie = Z(he)`
   &.sticky {
     position: sticky;
     top: 0;
   }
 `;
-function et({ logo: t }) {
-  const [o, s] = Ie(), a = we((n) => n.breakpoints.down("sm")), { value: r } = re(() => {
+function tt({ logo: t }) {
+  const [o, s] = Re(), a = Se((n) => n.breakpoints.down("sm")), { value: r } = se(() => {
     var l, c;
     const n = new URL(
       a ? ((l = window == null ? void 0 : window.blocklet) == null ? void 0 : l.appLogo) || "/.well-known/service/blocklet/logo" : ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
@@ -447,18 +450,18 @@ function et({ logo: t }) {
     n.searchParams.delete("imageFilter"), n.searchParams.delete("f");
     const d = n.toString();
     return new Promise((g) => {
-      fetch(d).then((p) => {
-        const u = p.headers.get("content-type");
-        u != null && u.includes("svg") && p.text().then((h) => {
-          s(h), g(null);
-        }), g(p.url);
+      fetch(d).then((m) => {
+        const u = m.headers.get("content-type");
+        u != null && u.includes("svg") && m.text().then((b) => {
+          s(b), g(null);
+        }), g(m.url);
       });
     });
   }, [a]);
   if (t)
     return t;
   if (o)
-    return /* @__PURE__ */ e(O, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: xe.sanitize(o) } });
+    return /* @__PURE__ */ e(O, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Pe.sanitize(o) } });
   if (r) {
     const n = new URL(r);
     n.searchParams.set("imageFilter", "convert"), n.searchParams.set("f", "png"), n.searchParams.set("h", "80");
@@ -467,12 +470,12 @@ function et({ logo: t }) {
   }
   return null;
 }
-function tt({
+function ot({
   logo: t,
   translucentTextColor: o,
   ...s
 }) {
-  const { top: a = 0 } = Se(() => document.getElementById("app")) || {};
+  const { top: a = 0 } = xe(() => document.getElementById("app")) || {};
   let r = Math.min(a / 800, 1), n = "";
   if (r > 0.1) {
     r = Math.max(r, 0.6);
@@ -481,11 +484,11 @@ function tt({
   } else
     n = o || "#EEEEEE";
   return /* @__PURE__ */ e(
-    ae,
+    ie,
     {
-      logo: /* @__PURE__ */ e(et, { logo: t }),
+      logo: /* @__PURE__ */ e(tt, { logo: t }),
       ...s,
-      className: Q(r <= 0.7 && "reverse-color"),
+      className: X(r <= 0.7 && "reverse-color"),
       style: {
         backgroundColor: `rgba(255,255,255,${r})`,
         // @ts-ignore
@@ -514,14 +517,14 @@ function tt({
     }
   );
 }
-const ie = J(ye)``;
+const le = Z(ve)``;
 export {
-  $t as H,
-  Ue as L,
+  Ft as H,
+  Ve as L,
   H as P,
-  tt as T,
-  Xe as a,
-  z as b,
-  Ft as c,
+  ot as T,
+  Ye as a,
+  G as b,
+  Ot as c,
   N as d
 };

package/lib/es/chunks/{publish-button-DMQRXAVS.js → publish-button-BPU8djxy.js}

@@ -10,7 +10,7 @@ import { produce as Oe } from "immer";
 import ee from "lodash/difference";
 import { useState as T, useMemo as R, useCallback as j, forwardRef as Te, useImperativeHandle as je, useEffect as W, useRef as ve } from "react";
 import { useAsync as Re } from "react-use";
-import { L as Ee } from "./home-qQe9H8C9.js";
+import { L as Ee } from "./home-Bnr_eVpB.js";
 import { p as ze, g as Be } from "./array-BfSgATE1.js";
 function Le(s) {
   const [y, w] = T(!1);