@blocklet/pages-kit-inner-components 0.4.106 → 0.4.107

package/lib/es/chunks/home-Dlf4i27b.js

@@ -0,0 +1,475 @@
+import { jsx as o, jsxs as M } from "react/jsx-runtime";
+import { g as D, a as re, b as se, u as ie, c as ce } from "./state-DsXKwImw.js";
+import { cloneDeep as P } from "lodash";
+import { useLocaleContext as q } from "@arcblock/ux/lib/Locale/context";
+import J from "@arcblock/ux/lib/Result";
+import { useHeaderState as ae } from "@blocklet/pages-kit/builtin/page/header";
+import { useColorConvert as le } from "@blocklet/pages-kit/contexts/color";
+import ue from "@blocklet/ui-react/lib/Header";
+import { cx as Q } from "@emotion/css";
+import { Global as X, css as Y } from "@emotion/react";
+import Z from "@emotion/styled";
+import { Box as C, CircularProgress as me, useTheme as fe, Button as pe, Stack as de, useMediaQuery as ge } from "@mui/material";
+import { useReactive as he } from "ahooks";
+import be from "isomorphic-dompurify";
+import G from "lodash/cloneDeep";
+import ve from "lodash/isEmpty";
+import ye from "lodash/isEqual";
+import { useEffect as T, useContext as we, lazy as K, useMemo as w, useRef as Se, Suspense as ke, useState as xe } from "react";
+import { Helmet as Pe } from "react-helmet";
+import { useSearchParams as Ce, Routes as je, Route as E, Navigate as Ee, ScrollRestoration as Re } from "react-router-dom";
+import { useWindowScroll as Me, useAsync as F } from "react-use";
+import { joinURL as R } from "ufo";
+import { S as $e, n as Ie, P as Te, a as Oe, B as Ne, g as _e } from "./array-C85JziT_.js";
+import { styled as ee, useTheme as Be } from "@arcblock/ux/lib/Theme";
+import Ae from "@blocklet/ui-react/lib/Footer";
+import He from "webfontloader";
+import { createAuthServiceSessionContext as Le } from "@arcblock/did-connect/lib/Session";
+function Ue(e, r, t, s) {
+  e.locales || (e.locales = {}), e.locales[t] = P(e.locales[t] || {}), e.locales[t].title = s.title ?? e.locales[t].title, e.locales[t].image = s.image ?? e.locales[t].image, e.locales[t].description = s.description ?? e.locales[t].description, Object.entries(s.sectionsData).forEach(([c, n]) => {
+    var a, p, b, m;
+    const i = Object.values(e.sections).find(
+      (l) => l.id === c || l.name === c
+    );
+    if (i && i.isTemplateSection)
+      if (i.locales = P(i.locales || {}), i.locales[t] = P(i.locales[t] || {}), i.component === "custom-component") {
+        const l = (a = i.config) == null ? void 0 : a.componentId;
+        if (!l)
+          return;
+        const d = ((p = r.components[l]) == null ? void 0 : p.data) || ((m = (b = r.resources.components) == null ? void 0 : b[l]) == null ? void 0 : m.component);
+        if (!d)
+          return;
+        i.locales[t].properties = P(i.locales[t].properties || {}), Object.entries(n || {}).forEach(([g, u]) => {
+          var h, S;
+          const f = ((h = d == null ? void 0 : d.properties) == null ? void 0 : h[g]) || Object.values((d == null ? void 0 : d.properties) || {}).find((j) => {
+            var k;
+            return ((k = j.data) == null ? void 0 : k.key) === g;
+          });
+          f && (i.locales[t].properties[(S = f.data) == null ? void 0 : S.id] = {
+            value: u
+          });
+        });
+      } else
+        i.locales[t] = {
+          ...P(i.locales[t]),
+          ...n || {}
+        };
+  });
+}
+const ze = ee(Ae, { shouldForwardProp: (e) => !!e })`
+  & > div > .MuiContainer-root {
+    max-width: unset;
+  }
+`;
+function Ve({ meta: e, ...r }) {
+  const t = Be();
+  return /* @__PURE__ */ o(ze, { ...r, meta: e, theme: t || {} });
+}
+function Ge(e) {
+  return /* @__PURE__ */ o(C, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ o(me, { size: 30 }) });
+}
+function We(e) {
+  return /* @__PURE__ */ o(De, { ...e });
+}
+const De = ee(C)`
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 999999999999;
+  width: 80px;
+  font-size: 12px;
+  text-align: center;
+  opacity: 0.7;
+  transform: translateX(-23%) translateY(70%) rotate(-45deg);
+  pointer-events: none;
+`, qe = (e) => new Promise((r, t) => {
+  (e == null ? void 0 : e.length) > 0 ? He.load({
+    google: {
+      families: e
+    },
+    fontactive: () => {
+      r("success");
+    },
+    fontinactive: () => {
+      t(new Error("load font fail"));
+    }
+  }) : r("success");
+}), $ = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`, W = {};
+function Je({
+  titleFontFamily: e,
+  descriptionFontFamily: r
+}) {
+  var n;
+  const t = fe(), s = (n = t == null ? void 0 : t.typography) == null ? void 0 : n.fontFamily, c = async (i) => {
+    if (i && !document.querySelectorAll(`link[href*="${i}" i]`).length)
+      try {
+        W[i] || (await qe([i]), W[i] = !0);
+      } catch (a) {
+        console.error(a);
+      }
+  };
+  return T(() => {
+    e && c(e), r && c(r);
+  }, [e, r]), /* @__PURE__ */ o(
+    X,
+    {
+      styles: Y`
+        #app {
+          font-family: ${JSON.stringify(s)}, ${$};
+
+          .page-kit-section__title {
+            font-family: ${JSON.stringify(e ?? s)}, ${$};
+          }
+
+          .page-kit-section__description {
+            font-family: ${JSON.stringify(r ?? s)}, ${$};
+          }
+        }
+      `
+    }
+  );
+}
+const { SessionProvider: $t, SessionContext: Qe, SessionConsumer: It, withSession: Tt } = Le();
+function N() {
+  return we(Qe);
+}
+function Xe(...e) {
+  var t;
+  const { session: r } = N();
+  return e.includes((t = r.user) == null ? void 0 : t.role);
+}
+function Ye(...e) {
+  var s;
+  const { session: r } = N(), t = Xe(...e);
+  return ((s = window.blocklet) == null ? void 0 : s.tenantMode) === "multiple" ? !!r.user : t;
+}
+function Ot() {
+  const [e] = Ce(), { session: r } = N(), t = Ye("owner", "admin", "pagesEditor", "member"), s = w(() => {
+    const n = e.get("mode");
+    return $e.includes(n) ? n : "production";
+  }, [e]), c = s === "production" ? s : r.user ? t ? s : "production" : null;
+  return c ? /* @__PURE__ */ o(Ze, { mode: c }) : null;
+}
+function Ze({ mode: e }) {
+  if (e !== "draft") {
+    const r = window.__PAGE_STATE__;
+    return r ? /* @__PURE__ */ o(I, { mode: e, state: r }) : /* @__PURE__ */ o(Fe, { mode: e, children: ({ state: t }) => /* @__PURE__ */ o(I, { mode: e, state: t }) });
+  }
+  return /* @__PURE__ */ o(Ke, { children: ({ state: r }) => /* @__PURE__ */ o(I, { mode: e, state: r }) });
+}
+const Ke = K(() => import("./draft-data-0n1CKRWr.js"));
+function Fe({
+  mode: e,
+  children: r
+}) {
+  const t = document.querySelector('meta[property="pages:version"]'), s = t == null ? void 0 : t.content, c = ie(), n = w(() => {
+    if (s === "{{pagesPublishedAt}}") {
+      const p = localStorage.getItem(ce(c ?? ""));
+      return Number(p) ? Number(p) : (/* @__PURE__ */ new Date()).getTime();
+    }
+    return Number(s);
+  }, [s]), { loading: i, value: a } = F(() => _e({ mode: e, version: n }), [e, n]);
+  return i ? /* @__PURE__ */ o(Ge, {}) : a ? r({ state: a }) : null;
+}
+function I({ mode: e, state: r }) {
+  const { t, locale: s } = q(), {
+    pageIds: c,
+    pages: n,
+    supportedLocales: i,
+    config: { defaultLocale: a },
+    resources: p
+  } = r, b = D(r), m = w(
+    () => i != null && i.some((u) => u.locale === s) ? s : void 0,
+    [s, i]
+  ), l = Object.values(n).find((u) => (u == null ? void 0 : u.slug) === "/") ? void 0 : Object.values(n)[0], d = w(
+    () => c.map((u) => {
+      const f = n[u];
+      return f && {
+        id: f.id,
+        path: R("/", m || "", f.slug, e !== "production" ? `?mode=${e}` : "")
+      };
+    }).filter(Ie),
+    [c, n, m, e]
+  ), g = ([...u]) => (e !== "production" && u.unshift(
+    /* @__PURE__ */ o(ke, { fallback: /* @__PURE__ */ o("div", {}), children: /* @__PURE__ */ o(et, { mode: "production", state: r }) })
+  ), u);
+  return /* @__PURE__ */ M(Te, { value: { pages: d }, children: [
+    /* @__PURE__ */ M(je, { children: [
+      l && /* @__PURE__ */ o(E, { index: !0, element: /* @__PURE__ */ o(Ee, { to: R("/", m || "", l.slug) }) }),
+      c.map((u) => {
+        const f = n[u];
+        return f ? /* @__PURE__ */ o(
+          E,
+          {
+            path: R(":projectIdOrSlug?", f.slug),
+            element: /* @__PURE__ */ o(
+              O,
+              {
+                mode: e,
+                components: b,
+                page: f,
+                locale: m,
+                defaultLocale: a,
+                headerAddons: g
+              }
+            )
+          },
+          f.id
+        ) : null;
+      }),
+      p.pages && Object.values(p.pages).map(({ blockletId: u, page: f }) => /* @__PURE__ */ o(
+        E,
+        {
+          path: R("/", `@${u}`, f.slug),
+          element: /* @__PURE__ */ o(
+            O,
+            {
+              mode: e,
+              components: b,
+              page: f,
+              locale: m,
+              defaultLocale: a,
+              headerAddons: g
+            }
+          )
+        },
+        f.id
+      )),
+      /* @__PURE__ */ o(
+        E,
+        {
+          path: "*",
+          element: /* @__PURE__ */ o(C, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(J, { status: 404, extra: /* @__PURE__ */ o(oe, { href: "/", children: t("common.back") }) }) })
+        }
+      )
+    ] }),
+    e !== "production" && /* @__PURE__ */ o(We, { sx: { bgcolor: "info.light" }, children: e }),
+    /* @__PURE__ */ o(Je, {})
+  ] });
+}
+function Nt({
+  mode: e,
+  state: r,
+  path: t,
+  pageData: s
+}) {
+  const { t: c, locale: n } = q(), {
+    pages: i,
+    supportedLocales: a,
+    config: { defaultLocale: p },
+    resources: b
+  } = r, m = Object.values(i).find((h) => (h == null ? void 0 : h.slug) === t), l = Object.values(b.pages || {}).find((h) => h.page.slug === t), d = w(
+    () => a != null && a.some((h) => h.locale === n) ? n : void 0,
+    [n, a]
+  ), g = he({
+    page: null
+  });
+  T(() => {
+    const h = m || (l == null ? void 0 : l.page) || null;
+    h ? g.page = G(h) : g.page = null;
+  }, [m, l]);
+  const u = Se();
+  if (T(() => {
+    ye(s, u.current) || s && g.page && (Ue(g.page, r, d, s), u.current = G(s));
+  }, [{}]), !m && !(l != null && l.page))
+    return /* @__PURE__ */ o(C, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ o(J, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ o(oe, { href: "/", children: c("common.back") }) }) });
+  const f = D(r);
+  return g.page ? /* @__PURE__ */ o(
+    O,
+    {
+      mode: e,
+      components: f,
+      page: g.page,
+      locale: d,
+      defaultLocale: p
+    }
+  ) : null;
+}
+function O({
+  mode: e,
+  components: r,
+  page: t,
+  locale: s,
+  defaultLocale: c,
+  headerAddons: n
+}) {
+  var S, j, k, _, B, A, H, L, U;
+  const i = le(), a = ((S = t.locales) == null ? void 0 : S[s]) ?? ((j = t.locales) == null ? void 0 : j[c]) ?? {}, p = a.title || ((k = window.blocklet) == null ? void 0 : k.appName), b = a.description || ((_ = window.blocklet) == null ? void 0 : _.appDescription), m = re(se(a.image), 540), { logo: l, brand: d, description: g, ...u } = ae(), f = w(
+    () => (y) => {
+      var x;
+      let v = (n == null ? void 0 : n(y)) ?? y;
+      return v = ((x = u.addons) == null ? void 0 : x.call(u, v)) ?? v, v;
+    },
+    [u.addons, n]
+  ), h = (B = a.header) != null && B.translucent ? ot : te;
+  return /* @__PURE__ */ M(Oe, { page: t, defaultLocale: c, currentLocale: s, children: [
+    !!a.backgroundColor && /* @__PURE__ */ o(
+      X,
+      {
+        styles: Y`
+            body {
+              background-color: ${i(a.backgroundColor)} !important;
+            }
+          `
+      }
+    ),
+    /* @__PURE__ */ o(
+      h,
+      {
+        hideNavMenu: !!((A = a.header) != null && A.hideNavMenus),
+        translucentTextColor: (H = a.header) == null ? void 0 : H.translucentTextColor,
+        ...l ? { logo: l } : {},
+        ...d ? { brand: d } : {},
+        ...g ? { description: g } : {},
+        className: Q(((L = a.header) == null ? void 0 : L.sticky) && "sticky", "page-header"),
+        maxWidth: !1,
+        addons: f
+      }
+    ),
+    /* @__PURE__ */ o(Re, {}),
+    /* @__PURE__ */ M(Pe, { children: [
+      /* @__PURE__ */ o("title", { children: p }),
+      /* @__PURE__ */ o("meta", { name: "og:title", content: p }),
+      /* @__PURE__ */ o("meta", { name: "og:description", content: b }),
+      /* @__PURE__ */ o("meta", { name: "og:image", content: m }),
+      /* @__PURE__ */ o("meta", { name: "twitter:image:src", content: m }),
+      /* @__PURE__ */ o("meta", { name: "twitter:image", content: m }),
+      /* @__PURE__ */ o("meta", { property: "twitter:description", content: b }),
+      /* @__PURE__ */ o("meta", { property: "twitter:title", content: p }),
+      /* @__PURE__ */ o("meta", { name: "description", content: b })
+    ] }),
+    /* @__PURE__ */ o(
+      de,
+      {
+        flexGrow: 1,
+        className: "PageView-root",
+        sx: {
+          // 第一个 .BlockBase-root 的 pt 为 0
+          "& .BlockBase-root:first-child": {
+            pt: "0 !important"
+          }
+        },
+        children: t.sectionIds.map((y) => {
+          var z, V;
+          const v = t.sections[y];
+          if (!v || v.visibility === "hidden") return null;
+          const x = (z = v.locales) == null ? void 0 : z[s], ne = ((V = v.locales) == null ? void 0 : V[c]) ?? {};
+          return /* @__PURE__ */ o(
+            Ne,
+            {
+              id: y,
+              type: v.component,
+              mode: e,
+              section: v,
+              config: {
+                ...ve(x) ? ne : x,
+                locale: s,
+                dev: e === "draft" ? {
+                  mode: e,
+                  components: r,
+                  defaultLocale: c
+                } : { mode: e }
+              }
+            },
+            y
+          );
+        })
+      }
+    ),
+    !((U = a.footer) != null && U.hidden) && /* @__PURE__ */ o(Ve, {})
+  ] });
+}
+const et = K(() => import("./publish-button-BJk6jKq-.js")), te = Z(ue)`
+  &.sticky {
+    position: sticky;
+    top: 0;
+  }
+`;
+function tt({ logo: e }) {
+  const [r, t] = xe(), s = ge((n) => n.breakpoints.down("sm")), { value: c } = F(() => {
+    var a, p;
+    const n = new URL(
+      s ? ((a = window == null ? void 0 : window.blocklet) == null ? void 0 : a.appLogo) || "/.well-known/service/blocklet/logo" : ((p = window == null ? void 0 : window.blocklet) == null ? void 0 : p.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
+      window.location.origin
+    );
+    n.searchParams.delete("imageFilter"), n.searchParams.delete("f");
+    const i = n.toString();
+    return new Promise((b) => {
+      fetch(i).then((m) => {
+        const l = m.headers.get("content-type");
+        l != null && l.includes("svg") && m.text().then((d) => {
+          t(d), b(null);
+        }), b(m.url);
+      });
+    });
+  }, [s]);
+  if (e)
+    return e;
+  if (r)
+    return /* @__PURE__ */ o(C, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: be.sanitize(r) } });
+  if (c) {
+    const n = new URL(c);
+    n.searchParams.set("imageFilter", "convert"), n.searchParams.set("f", "png"), n.searchParams.set("h", "80");
+    const i = n.toString();
+    return /* @__PURE__ */ o("img", { src: i, alt: "logo" });
+  }
+  return null;
+}
+function ot({
+  logo: e,
+  translucentTextColor: r,
+  ...t
+}) {
+  const { y: s } = Me();
+  let c = Math.min(s / 800, 1), n = "";
+  if (c > 0.1) {
+    c = Math.max(c, 0.6);
+    const i = Math.round(255 * Math.min(1 - c, 0.2));
+    n = `rgb(${i}, ${i}, ${i})`;
+  } else
+    n = r || "#EEEEEE";
+  return /* @__PURE__ */ o(
+    te,
+    {
+      logo: /* @__PURE__ */ o(tt, { logo: e }),
+      ...t,
+      className: Q(c <= 0.7 && "reverse-color"),
+      style: {
+        backgroundColor: `rgba(255,255,255,${c})`,
+        // @ts-ignore
+        "--logo-invert": c <= 0.7 ? 1 - c / 6 : 1 - c
+      },
+      sx: {
+        backdropFilter: c >= 0.6 ? "blur(10px)" : "blur(0px)",
+        transition: "all 0.3s ease",
+        position: "fixed !important",
+        left: 0,
+        top: 0,
+        right: 0,
+        bgcolor: "transparent",
+        "&.reverse-color": {
+          ".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button": {
+            color: `${n} !important`
+          }
+        },
+        ".header-logo > div": {
+          filter: "invert(var(--logo-invert))"
+        },
+        ".header-logo": {
+          color: n
+        }
+      }
+    }
+  );
+}
+const oe = Z(pe)``;
+export {
+  Ot as H,
+  Ge as L,
+  I as P,
+  ot as T,
+  Ze as a,
+  Nt as b,
+  O as c
+};

package/lib/es/chunks/{publish-button-DiuEASJd.js → publish-button-BJk6jKq-.js}

@@ -9,7 +9,7 @@ import { produce as oe } from "immer";
 import N from "lodash/difference";
 import { useState as D, useMemo as j, useCallback as L, forwardRef as se, useImperativeHandle as le, useEffect as ce } from "react";
 import { useAsync as ae } from "react-use";
-import { L as de } from "./home-BkhNJi9S.js";
+import { L as de } from "./home-Dlf4i27b.js";
 import { p as ue, g as me } from "./array-C85JziT_.js";
 function ge(r) {
   const [a, y] = D(!1);

package/lib/es/home.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "./chunks/state-DsXKwImw.js";
-import { a as y, P as B, c as R, b as j, T as k, H as q } from "./chunks/home-BkhNJi9S.js";
+import { a as y, P as B, c as R, b as j, T as k, H as q } from "./chunks/home-Dlf4i27b.js";
 import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/ux/lib/Result";
 import "@blocklet/pages-kit/builtin/page/header";

package/lib/es/locales.js

@@ -267,7 +267,7 @@ const t = e({
     invalidJson: "Invalid JSON format"
   },
   fabric: {
-    fontFamily: "Font Family",
+    fontFamily: "Font Family (Deprecated)",
     basicComponent: {
       titleFontFamily: "Title Font Family",
       titleFontFamilyHelper: "* Globally modify the paragraph heading font",
@@ -370,6 +370,8 @@ const t = e({
   saved: "Saved",
   supportMarkdownSyntaxPlaceholder: "support markdown syntax",
   settings: {
+    appearanceTip: "Appearance settings have been migrated to the Blocklet management page, users with admin access can click the link below to configure",
+    appearanceLink: "Go to Appearance Settings >",
     tabs: {
       basic: "Basic",
       appearance: "Appearance",
@@ -686,7 +688,7 @@ const t = e({
     invalidJson: "JSON格式无效"
   },
   fabric: {
-    fontFamily: "全局字体",
+    fontFamily: "全局字体（已废弃）",
     basicComponent: {
       titleFontFamily: "段落标题字体",
       titleFontFamilyHelper: "* 全局修改段落标题字体",
@@ -789,6 +791,8 @@ const t = e({
   saved: "保存成功",
   supportMarkdownSyntaxPlaceholder: "支持输入 markdown",
   settings: {
+    appearanceTip: "外观设置已迁移至 Blocklet 管理页面，持有管理员通行证的用户，可点击下方链接配置",
+    appearanceLink: "前往外观设置 >",
     tabs: {
       basic: "基础设置",
       appearance: "外观设置",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit-inner-components",
-  "version": "0.4.106",
+  "version": "0.4.107",
   "description": "Pages Kit inner components library",
   "publishConfig": {
     "access": "public"
@@ -205,8 +205,8 @@
     "yaml": "^2.5.0",
     "yjs": "^13.6.18",
     "zustand": "^4.5.5",
-    "@blocklet/pages-kit": "^0.4.106",
-    "@blocklet/pages-kit-block-studio": "^0.4.106"
+    "@blocklet/pages-kit": "^0.4.107",
+    "@blocklet/pages-kit-block-studio": "^0.4.107"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",

package/lib/cjs/chunks/home-CvupnQk0.js

@@ -1,36 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),q=require("./state-BoXTl4DM.js"),M=require("lodash"),Q=require("@arcblock/ux/lib/Locale/context"),re=require("@arcblock/ux/lib/Result"),ie=require("@blocklet/pages-kit/builtin/page/header"),ce=require("@blocklet/pages-kit/contexts/color"),le=require("@blocklet/ui-react/lib/Header"),X=require("@emotion/css"),B=require("@emotion/react"),ae=require("@emotion/styled"),w=require("@mui/material"),ue=require("ahooks"),de=require("isomorphic-dompurify"),fe=require("lodash/cloneDeep"),me=require("lodash/isEmpty"),ge=require("lodash/isEqual"),h=require("react"),pe=require("react-helmet"),P=require("react-router-dom"),O=require("react-use"),E=require("ufo"),R=require("./array-BMkoDb_A.js"),H=require("@arcblock/ux/lib/Theme"),xe=require("@blocklet/ui-react/lib/Footer"),he=require("webfontloader"),je=require("@arcblock/did-connect/lib/Session"),S=e=>e&&e.__esModule?e:{default:e},Y=S(re),be=S(le),Z=S(ae),ve=S(de),W=S(fe),ye=S(me),we=S(ge),Se=S(xe),ke=S(he);function Pe(e,n,o,s){e.locales||(e.locales={}),e.locales[o]=M.cloneDeep(e.locales[o]||{}),e.locales[o].title=s.title??e.locales[o].title,e.locales[o].image=s.image??e.locales[o].image,e.locales[o].description=s.description??e.locales[o].description,Object.entries(s.sectionsData).forEach(([i,r])=>{var l,g,j,u;const c=Object.values(e.sections).find(a=>a.id===i||a.name===i);if(c&&c.isTemplateSection)if(c.locales=M.cloneDeep(c.locales||{}),c.locales[o]=M.cloneDeep(c.locales[o]||{}),c.component==="custom-component"){const a=(l=c.config)==null?void 0:l.componentId;if(!a)return;const p=((g=n.components[a])==null?void 0:g.data)||((u=(j=n.resources.components)==null?void 0:j[a])==null?void 0:u.component);if(!p)return;c.locales[o].properties=M.cloneDeep(c.locales[o].properties||{}),Object.entries(r||{}).forEach(([x,b])=>{var f,k;const y=((f=p==null?void 0:p.properties)==null?void 0:f[x])||Object.values((p==null?void 0:p.properties)||{}).find(d=>{var m;return((m=d.data)==null?void 0:m.key)===x});y&&(c.locales[o].properties[(k=y.data)==null?void 0:k.id]={value:b})})}else c.locales[o]={...M.cloneDeep(c.locales[o]),...r||{}}})}const _e=H.styled(Se.default,{shouldForwardProp:e=>!!e})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function qe({meta:e,...n}){const o=H.useTheme();return t.jsx(_e,{...n,meta:e,theme:o||{}})}function K(e){return t.jsx(w.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...e,children:t.jsx(w.CircularProgress,{size:30})})}function Re(e){return t.jsx(Ce,{...e})}const Ce=H.styled(w.Box)`
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 999999999999;
-  width: 80px;
-  font-size: 12px;
-  text-align: center;
-  opacity: 0.7;
-  transform: translateX(-23%) translateY(70%) rotate(-45deg);
-  pointer-events: none;
-`,Me=e=>new Promise((n,o)=>{(e==null?void 0:e.length)>0?ke.default.load({google:{families:e},fontactive:()=>{n("success")},fontinactive:()=>{o(new Error("load font fail"))}}):n("success")}),F=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`,J={};function Ee({titleFontFamily:e,descriptionFontFamily:n}){const o=async s=>{if(s&&!document.querySelectorAll(`link[href*="${s}" i]`).length)try{J[s]||(await Me([s]),J[s]=!0)}catch(i){console.error(i)}};return h.useEffect(()=>{e&&o(e),n&&o(n)},[e,n]),t.jsx(B.Global,{styles:B.css`
-        #app {
-          .page-kit-section__title {
-            font-family: ${JSON.stringify(e)}, ${F};
-          }
-
-          .page-kit-section__description {
-            font-family: ${JSON.stringify(n)}, ${F};
-          }
-        }
-      `})}const{SessionProvider:De,SessionContext:Ie,SessionConsumer:Ve,withSession:$e}=je.createAuthServiceSessionContext();function N(){return h.useContext(Ie)}function Be(...e){var o;const{session:n}=N();return e.includes((o=n.user)==null?void 0:o.role)}function Te(...e){var s;const{session:n}=N(),o=Be(...e);return((s=window.blocklet)==null?void 0:s.tenantMode)==="multiple"?!!n.user:o}function Oe(){const[e]=P.useSearchParams(),{session:n}=N(),o=Te("owner","admin","pagesEditor","member"),s=h.useMemo(()=>{const r=e.get("mode");return R.STATE_MODES.includes(r)?r:"production"},[e]),i=s==="production"?s:n.user?o?s:"production":null;return i?t.jsx(ee,{mode:i}):null}function ee({mode:e}){if(e!=="draft"){const n=window.__PAGE_STATE__;return n?t.jsx(I,{mode:e,state:n}):t.jsx(Ne,{mode:e,children:({state:o})=>t.jsx(I,{mode:e,state:o})})}return t.jsx(He,{children:({state:n})=>t.jsx(I,{mode:e,state:n})})}const He=h.lazy(()=>Promise.resolve().then(()=>require("./draft-data-UP_7unuZ.js")));function Ne({mode:e,children:n}){const o=document.querySelector('meta[property="pages:version"]'),s=o==null?void 0:o.content,i=q.useProjectId(),r=h.useMemo(()=>{if(s==="{{pagesPublishedAt}}"){const g=localStorage.getItem(q.getProjectPageVersionKey(i??""));return Number(g)?Number(g):new Date().getTime()}return Number(s)},[s]),{loading:c,value:l}=O.useAsync(()=>R.getPages({mode:e,version:r}),[e,r]);return c?t.jsx(K,{}):l?n({state:l}):null}function I({mode:e,state:n}){var b,y,f,k;const{t:o,locale:s}=Q.useLocaleContext(),{pageIds:i,pages:r,supportedLocales:c,config:{defaultLocale:l},resources:g}=n,j=q.getAllComponents(n),u=h.useMemo(()=>c!=null&&c.some(d=>d.locale===s)?s:void 0,[s,c]),a=Object.values(r).find(d=>(d==null?void 0:d.slug)==="/")?void 0:Object.values(r)[0],p=h.useMemo(()=>i.map(d=>{const m=r[d];return m&&{id:m.id,path:E.joinURL("/",u||"",m.slug,e!=="production"?`?mode=${e}`:"")}}).filter(R.nonNullable),[i,r,u,e]),x=([...d])=>(e!=="production"&&d.unshift(t.jsx(h.Suspense,{fallback:t.jsx("div",{}),children:t.jsx(Le,{mode:"production",state:n})})),d);return t.jsxs(R.Provider,{value:{pages:p},children:[t.jsxs(P.Routes,{children:[a&&t.jsx(P.Route,{index:!0,element:t.jsx(P.Navigate,{to:E.joinURL("/",u||"",a.slug)})}),i.map(d=>{const m=r[d];return m?t.jsx(P.Route,{path:E.joinURL(":projectIdOrSlug?",m.slug),element:t.jsx(T,{mode:e,components:j,page:m,locale:u,defaultLocale:l,headerAddons:x})},m.id):null}),g.pages&&Object.values(g.pages).map(({blockletId:d,page:m})=>t.jsx(P.Route,{path:E.joinURL("/",`@${d}`,m.slug),element:t.jsx(T,{mode:e,components:j,page:m,locale:u,defaultLocale:l,headerAddons:x})},m.id)),t.jsx(P.Route,{path:"*",element:t.jsx(w.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{status:404,extra:t.jsx(ne,{href:"/",children:o("common.back")})})})})]}),e!=="production"&&t.jsx(Re,{sx:{bgcolor:"info.light"},children:e}),t.jsx(Ee,{titleFontFamily:(y=(b=n.config)==null?void 0:b.fontFamily)==null?void 0:y.title,descriptionFontFamily:(k=(f=n.config)==null?void 0:f.fontFamily)==null?void 0:k.description})]})}function Ae({mode:e,state:n,path:o,pageData:s}){const{t:i,locale:r}=Q.useLocaleContext(),{pages:c,supportedLocales:l,config:{defaultLocale:g},resources:j}=n,u=Object.values(c).find(f=>(f==null?void 0:f.slug)===o),a=Object.values(j.pages||{}).find(f=>f.page.slug===o),p=h.useMemo(()=>l!=null&&l.some(f=>f.locale===r)?r:void 0,[r,l]),x=ue.useReactive({page:null});h.useEffect(()=>{const f=u||(a==null?void 0:a.page)||null;f?x.page=W.default(f):x.page=null},[u,a]);const b=h.useRef();if(h.useEffect(()=>{we.default(s,b.current)||s&&x.page&&(Pe(x.page,n,p,s),b.current=W.default(s))},[{}]),!u&&!(a!=null&&a.page))return t.jsx(w.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:t.jsx(Y.default,{style:{background:"inherit"},status:404,extra:t.jsx(ne,{href:"/",children:i("common.back")})})});const y=q.getAllComponents(n);return x.page?t.jsx(T,{mode:e,components:y,page:x.page,locale:p,defaultLocale:g}):null}function T({mode:e,components:n,page:o,locale:s,defaultLocale:i,headerAddons:r}){var k,d,m,A,L,U,D,V,$;const c=ce.useColorConvert(),l=((k=o.locales)==null?void 0:k[s])??((d=o.locales)==null?void 0:d[i])??{},g=l.title||((m=window.blocklet)==null?void 0:m.appName),j=l.description||((A=window.blocklet)==null?void 0:A.appDescription),u=q.autoResizeImage(q.getImageAbsoluteUrl(l.image),540),{logo:a,brand:p,description:x,...b}=ie.useHeaderState(),y=h.useMemo(()=>_=>{var C;let v=(r==null?void 0:r(_))??_;return v=((C=b.addons)==null?void 0:C.call(b,v))??v,v},[b.addons,r]),f=(L=l.header)!=null&&L.translucent?oe:te;return t.jsxs(R.PageProvider,{page:o,defaultLocale:i,currentLocale:s,children:[!!l.backgroundColor&&t.jsx(B.Global,{styles:B.css`
-            body {
-              background-color: ${c(l.backgroundColor)} !important;
-            }
-          `}),t.jsx(f,{hideNavMenu:!!((U=l.header)!=null&&U.hideNavMenus),translucentTextColor:(D=l.header)==null?void 0:D.translucentTextColor,...a?{logo:a}:{},...p?{brand:p}:{},...x?{description:x}:{},className:X.cx(((V=l.header)==null?void 0:V.sticky)&&"sticky","page-header"),maxWidth:!1,addons:y}),t.jsx(P.ScrollRestoration,{}),t.jsxs(pe.Helmet,{children:[t.jsx("title",{children:g}),t.jsx("meta",{name:"og:title",content:g}),t.jsx("meta",{name:"og:description",content:j}),t.jsx("meta",{name:"og:image",content:u}),t.jsx("meta",{name:"twitter:image:src",content:u}),t.jsx("meta",{name:"twitter:image",content:u}),t.jsx("meta",{property:"twitter:description",content:j}),t.jsx("meta",{property:"twitter:title",content:g}),t.jsx("meta",{name:"description",content:j})]}),t.jsx(w.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:o.sectionIds.map(_=>{var z,G;const v=o.sections[_];if(!v||v.visibility==="hidden")return null;const C=(z=v.locales)==null?void 0:z[s],se=((G=v.locales)==null?void 0:G[i])??{};return t.jsx(R.BlockRenderer,{id:_,type:v.component,mode:e,section:v,config:{...ye.default(C)?se:C,locale:s,dev:e==="draft"?{mode:e,components:n,defaultLocale:i}:{mode:e}}},_)})}),!(($=l.footer)!=null&&$.hidden)&&t.jsx(qe,{})]})}const Le=h.lazy(()=>Promise.resolve().then(()=>require("./publish-button-CgvaIqqI.js"))),te=Z.default(be.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function Ue({logo:e}){const[n,o]=h.useState(),s=w.useMediaQuery(r=>r.breakpoints.down("sm")),{value:i}=O.useAsync(()=>{var l,g;const r=new URL(s?((l=window==null?void 0:window.blocklet)==null?void 0:l.appLogo)||"/.well-known/service/blocklet/logo":((g=window==null?void 0:window.blocklet)==null?void 0:g.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);r.searchParams.delete("imageFilter"),r.searchParams.delete("f");const c=r.toString();return new Promise(j=>{fetch(c).then(u=>{const a=u.headers.get("content-type");a!=null&&a.includes("svg")&&u.text().then(p=>{o(p),j(null)}),j(u.url)})})},[s]);if(e)return e;if(n)return t.jsx(w.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:ve.default.sanitize(n)}});if(i){const r=new URL(i);r.searchParams.set("imageFilter","convert"),r.searchParams.set("f","png"),r.searchParams.set("h","80");const c=r.toString();return t.jsx("img",{src:c,alt:"logo"})}return null}function oe({logo:e,translucentTextColor:n,...o}){const{y:s}=O.useWindowScroll();let i=Math.min(s/800,1),r="";if(i>.1){i=Math.max(i,.6);const c=Math.round(255*Math.min(1-i,.2));r=`rgb(${c}, ${c}, ${c})`}else r=n||"#EEEEEE";return t.jsx(te,{logo:t.jsx(Ue,{logo:e}),...o,className:X.cx(i<=.7&&"reverse-color"),style:{backgroundColor:`rgba(255,255,255,${i})`,"--logo-invert":i<=.7?1-i/6:1-i},sx:{backdropFilter:i>=.6?"blur(10px)":"blur(0px)",transition:"all 0.3s ease",position:"fixed !important",left:0,top:0,right:0,bgcolor:"transparent","&.reverse-color":{".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button":{color:`${r} !important`}},".header-logo > div":{filter:"invert(var(--logo-invert))"},".header-logo":{color:r}}})}const ne=Z.default(w.Button)``;exports.Home=Oe;exports.HomeView=ee;exports.Loading=K;exports.PageRoutes=I;exports.PageView=T;exports.PageViewByPath=Ae;exports.TranslucentHeader=oe;