@blocklet/pages-kit-inner-components 0.5.52 → 0.5.54

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

@@ -0,0 +1,566 @@
+import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { u as J, d as Q, e as gt, f as ft, g as ht, c as bt } from "./state-l--dTdHq.js";
+import { useLocaleContext as X } from "@arcblock/ux/lib/Locale/context";
+import Z from "@arcblock/ux/lib/Result";
+import { useHeaderState as yt } from "@blocklet/pages-kit/builtin/page/header";
+import { useColorConvert as vt } from "@blocklet/pages-kit/contexts/color";
+import { setPageDataSource as tt } from "@blocklet/pages-kit/utils/data-source";
+import { generateParamCombinations as wt } from "@blocklet/pages-kit/utils/route";
+import xt from "@blocklet/ui-react/lib/Header";
+import { cx as kt } from "@emotion/css";
+import { Global as et, css as ot } from "@emotion/react";
+import nt from "@emotion/styled";
+import { Box as _, CircularProgress as Pt, useTheme as rt, Button as St, Stack as Ct, alpha as q, useMediaQuery as It } from "@mui/material";
+import { useReactive as at, useScroll as jt } from "ahooks";
+import Rt from "isomorphic-dompurify";
+import A from "lodash/cloneDeep";
+import Tt from "lodash/isEmpty";
+import st from "lodash/isEqual";
+import { useEffect as $, lazy as it, useMemo as P, useRef as lt, Suspense as Ot, useState as Et } from "react";
+import { Helmet as Mt } from "react-helmet";
+import { useSearchParams as ct, Routes as Bt, Route as O, Navigate as Ft, ScrollRestoration as $t } from "react-router-dom";
+import { useAsync as ut } from "react-use";
+import { joinURL as C } from "ufo";
+import { S as _t, n as K, P as Dt, a as Lt, B as Nt, g as At } from "./array-c6HYTLze.js";
+import { styled as pt, useTheme as Ht } from "@arcblock/ux/lib/Theme";
+import zt from "@blocklet/ui-react/lib/Footer";
+import "webfontloader";
+import { u as Ut, a as Vt } from "./session-CVblGhSp.js";
+const Gt = pt(zt, { shouldForwardProp: (e) => !!e })`
+  & > div > .MuiContainer-root {
+    max-width: unset;
+  }
+`;
+function Wt({ meta: e, ...n }) {
+  const a = Ht();
+  return /* @__PURE__ */ t(Gt, { ...n, meta: e, theme: a || {} });
+}
+function qt(e) {
+  return /* @__PURE__ */ t(_, { display: "flex", flex: 1, height: "100%", alignItems: "center", justifyContent: "center", ...e, children: /* @__PURE__ */ t(Pt, { size: 30 }) });
+}
+function Kt(e) {
+  return /* @__PURE__ */ t(Yt, { ...e });
+}
+const Yt = pt(_)`
+  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;
+`, Jt = `Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;
+function Qt({
+  titleFontFamily: e,
+  descriptionFontFamily: n
+}) {
+  var o;
+  const a = rt(), s = (o = a == null ? void 0 : a.typography) == null ? void 0 : o.fontFamily;
+  $(() => {
+  }, [e, n]);
+  const i = `${s}, ${Jt}`;
+  return /* @__PURE__ */ t(
+    et,
+    {
+      styles: ot`
+        #app {
+          font-family: ${i};
+
+          .page-kit-section__title {
+            font-family: ${i};
+          }
+
+          .page-kit-section__description {
+            font-family: ${i};
+          }
+        }
+      `
+    }
+  );
+}
+function Me() {
+  const [e] = ct(), { session: n } = Ut(), a = Vt("owner", "admin", "pagesEditor", "member"), s = P(() => {
+    const o = e.get("mode");
+    return _t.includes(o) ? o : "production";
+  }, [e]), i = s === "production" ? s : n.user ? a ? s : "production" : null;
+  return i ? /* @__PURE__ */ t(Xt, { mode: i }) : null;
+}
+function Xt({ mode: e }) {
+  if (e !== "draft") {
+    const n = window.__PAGE_STATE__;
+    return n ? /* @__PURE__ */ t(U, { mode: e, state: n }) : /* @__PURE__ */ t(te, { mode: e, children: ({ state: a }) => /* @__PURE__ */ t(U, { mode: e, state: a }) });
+  }
+  return /* @__PURE__ */ t(Zt, { children: ({ state: n }) => /* @__PURE__ */ t(U, { mode: e, state: n }) });
+}
+const Zt = it(() => import("./draft-data-CWM--ooz.js"));
+function te({
+  mode: e,
+  children: n
+}) {
+  const a = document.querySelector('meta[property="pages:version"]'), s = a == null ? void 0 : a.content, i = J(), o = P(() => {
+    if (s === "{{pagesPublishedAt}}") {
+      const u = localStorage.getItem(bt(i ?? ""));
+      return Number(u) ? Number(u) : (/* @__PURE__ */ new Date()).getTime();
+    }
+    return Number(s);
+  }, [s]), { loading: d, value: l } = ut(() => At({ mode: e, version: o }), [e, o]);
+  return d ? /* @__PURE__ */ t(qt, {}) : l ? n({ state: l }) : null;
+}
+function U({ mode: e, state: n }) {
+  const { t: a, locale: s } = X(), [i] = ct(), o = J(), d = gt(), l = i.get("hiddenBadge") === "true", u = i.get("showPublish") === "true", {
+    pageIds: g,
+    pages: m,
+    routeIds: c,
+    routes: f,
+    supportedLocales: b,
+    config: { defaultLocale: y },
+    resources: I
+  } = n, h = Q(n), x = P(
+    () => b != null && b.some((p) => p.locale === s) ? s : void 0,
+    [s, b]
+  ), E = Object.values(f || {}).find((p) => (p == null ? void 0 : p.path) === "/") || Object.values(m).find((p) => (p == null ? void 0 : p.slug) === "/") ? void 0 : Object.values(m)[0], D = P(() => e === "production" ? g.map((p) => {
+    const r = m[p];
+    return r && {
+      id: r.id,
+      path: C("/", d || o || "", r.slug)
+    };
+  }).filter(K) : c.map((p) => {
+    const r = f[p];
+    return r ? {
+      id: r.id,
+      path: C("/", d || o || "", r.path, `?mode=${e}&showPublish=true`)
+    } : null;
+  }).filter(K), [g, m, e, f, c, o, d]), S = ([...p]) => (e !== "production" && u && p.unshift(
+    /* @__PURE__ */ t(Ot, { fallback: /* @__PURE__ */ t("div", {}), children: /* @__PURE__ */ t(ee, { mode: "production", state: n }) })
+  ), p);
+  return /* @__PURE__ */ N(Dt, { value: { pages: D }, children: [
+    /* @__PURE__ */ N(Bt, { children: [
+      E && /* @__PURE__ */ t(O, { index: !0, element: /* @__PURE__ */ t(Ft, { to: C("/", x || "", E.slug) }) }),
+      c == null ? void 0 : c.map((p) => {
+        var v, w, k, L;
+        const r = f == null ? void 0 : f[p];
+        if (!r || !r.displayTemplateId) return null;
+        const j = m[r.displayTemplateId];
+        if (!j) return null;
+        let R = [];
+        if (r.params && r.params.length > 0) {
+          const T = wt({
+            basePath: r.path,
+            params: r.params,
+            routeId: r.id,
+            paramsOptions: r.paramsOptions,
+            currentIndex: 0,
+            currentParams: [],
+            currentOptionIds: [],
+            result: []
+          });
+          R = T == null ? void 0 : T.map((M) => {
+            var F, V, G, W;
+            const B = M.paramOptionIds.join("-");
+            return /* @__PURE__ */ t(
+              O,
+              {
+                path: C(":projectIdOrSlug?", M.path),
+                element: /* @__PURE__ */ t(
+                  Y,
+                  {
+                    mode: e,
+                    components: h,
+                    page: j,
+                    locale: x,
+                    defaultLocale: y,
+                    headerAddons: S,
+                    state: n,
+                    pageData: (W = (G = (V = (F = r.dataSource) == null ? void 0 : F.pathDataMappings) == null ? void 0 : V[B]) == null ? void 0 : G.dataCache) == null ? void 0 : W[x || y || "en"]
+                  }
+                )
+              },
+              B
+            );
+          });
+        }
+        return R.push(
+          /* @__PURE__ */ t(
+            O,
+            {
+              path: C(":projectIdOrSlug?", r.path),
+              element: /* @__PURE__ */ t(
+                Y,
+                {
+                  mode: e,
+                  components: h,
+                  page: j,
+                  locale: x,
+                  defaultLocale: y,
+                  headerAddons: S,
+                  state: n,
+                  pageData: (L = (k = (w = (v = r.dataSource) == null ? void 0 : v.pathDataMappings) == null ? void 0 : w[r.id]) == null ? void 0 : k.dataCache) == null ? void 0 : L[x || y || "en"]
+                }
+              )
+            },
+            r.id
+          )
+        ), R;
+      }),
+      g.map((p) => {
+        const r = m[p];
+        return r ? /* @__PURE__ */ t(
+          O,
+          {
+            path: C(":projectIdOrSlug?", r.slug),
+            element: /* @__PURE__ */ t(
+              H,
+              {
+                mode: e,
+                components: h,
+                page: r,
+                locale: x,
+                defaultLocale: y,
+                headerAddons: S
+              }
+            )
+          },
+          r.id
+        ) : null;
+      }),
+      I.pages && Object.values(I.pages).map(({ blockletId: p, page: r }) => /* @__PURE__ */ t(
+        O,
+        {
+          path: C("/", `@${p}`, r.slug),
+          element: /* @__PURE__ */ t(
+            H,
+            {
+              mode: e,
+              components: h,
+              page: r,
+              locale: x,
+              defaultLocale: y,
+              headerAddons: S
+            }
+          )
+        },
+        r.id
+      )),
+      /* @__PURE__ */ t(
+        O,
+        {
+          path: "*",
+          element: /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(
+            Z,
+            {
+              status: 404,
+              extra: /* @__PURE__ */ t(dt, { href: "/", children: a("common.back") }),
+              sx: {
+                bgcolor: "transparent",
+                width: "100%",
+                height: "100%"
+              }
+            }
+          ) })
+        }
+      )
+    ] }),
+    e !== "production" && !l && /* @__PURE__ */ t(Kt, { sx: { bgcolor: "info.light" }, children: e }),
+    /* @__PURE__ */ t(Qt, {})
+  ] });
+}
+function Y({
+  mode: e,
+  pageData: n,
+  components: a,
+  page: s,
+  locale: i,
+  defaultLocale: o,
+  headerAddons: d,
+  state: l
+}) {
+  const u = at({
+    page: null
+  });
+  $(() => {
+    const m = s || null;
+    m ? u.page = A(m) : u.page = null;
+  }, [s, JSON.stringify(s), u]);
+  const g = lt();
+  return $(() => {
+    st(n, g.current) || n && u.page && (tt(u.page, l, i, n), g.current = A(n));
+  }, [u.page, n, i, l]), u.page ? /* @__PURE__ */ t(
+    H,
+    {
+      mode: e,
+      components: a,
+      page: u.page,
+      locale: i,
+      defaultLocale: o,
+      headerAddons: d
+    }
+  ) : null;
+}
+function Be({
+  mode: e,
+  state: n,
+  path: a,
+  pageData: s
+}) {
+  const { t: i, locale: o } = X(), {
+    pages: d,
+    supportedLocales: l,
+    config: { defaultLocale: u },
+    resources: g
+  } = n, m = Object.values(d).find((h) => (h == null ? void 0 : h.slug) === a), c = Object.values(g.pages || {}).find((h) => h.page.slug === a), f = P(
+    () => l != null && l.some((h) => h.locale === o) ? o : void 0,
+    [o, l]
+  ), b = at({
+    page: null
+  });
+  $(() => {
+    const h = m || (c == null ? void 0 : c.page) || null;
+    h ? b.page = A(h) : b.page = null;
+  }, [m, c]);
+  const y = lt();
+  if ($(() => {
+    st(s, y.current) || s && b.page && (tt(b.page, n, f, s), y.current = A(s));
+  }, [{}]), !m && !(c != null && c.page))
+    return /* @__PURE__ */ t(_, { width: "100vw", height: "100vh", display: "flex", justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ t(Z, { style: { background: "inherit" }, status: 404, extra: /* @__PURE__ */ t(dt, { href: "/", children: i("common.back") }) }) });
+  const I = Q(n);
+  return b.page ? /* @__PURE__ */ t(
+    H,
+    {
+      mode: e,
+      components: I,
+      page: b.page,
+      locale: f,
+      defaultLocale: u
+    }
+  ) : null;
+}
+function H({
+  mode: e,
+  components: n,
+  page: a,
+  locale: s,
+  defaultLocale: i,
+  headerAddons: o
+}) {
+  var x, z, E, D, S, p, r, j, R;
+  const d = vt(), l = ((x = a.locales) == null ? void 0 : x[s]) ?? ((z = a.locales) == null ? void 0 : z[i]) ?? {}, u = l.title || ((E = window.blocklet) == null ? void 0 : E.appName), g = l.description || ((D = window.blocklet) == null ? void 0 : D.appDescription), m = ft(ht(l.image), 540), { logo: c, brand: f, description: b, ...y } = yt(), I = P(
+    () => (v) => {
+      var k;
+      let w = (o == null ? void 0 : o(v)) ?? v;
+      return w = ((k = y.addons) == null ? void 0 : k.call(y, w)) ?? w, w;
+    },
+    [y.addons, o]
+  ), h = P(
+    () => {
+      var v;
+      return (v = l.header) != null && v.translucent ? ne : mt;
+    },
+    [(S = l.header) == null ? void 0 : S.translucent]
+  );
+  return /* @__PURE__ */ N(Lt, { page: a, defaultLocale: i, currentLocale: s, children: [
+    /* @__PURE__ */ t(
+      et,
+      {
+        styles: ot`
+          body {
+            background-color: ${d(
+          !l.backgroundColor || l.backgroundColor === "transparent" ? "background.default" : l.backgroundColor
+        )} !important;
+          }
+        `
+      }
+    ),
+    /* @__PURE__ */ t(
+      h,
+      {
+        hideNavMenu: !!((p = l.header) != null && p.hideNavMenus),
+        translucentTextColor: (r = l.header) == null ? void 0 : r.translucentTextColor,
+        ...c ? { logo: c } : {},
+        ...f ? { brand: f } : {},
+        ...b ? { description: b } : {},
+        className: kt(((j = l.header) == null ? void 0 : j.sticky) && "sticky", "page-header"),
+        maxWidth: !1,
+        addons: I
+      }
+    ),
+    /* @__PURE__ */ t($t, {}),
+    /* @__PURE__ */ N(Mt, { children: [
+      /* @__PURE__ */ t("title", { children: u }),
+      /* @__PURE__ */ t("meta", { name: "og:title", content: u }),
+      /* @__PURE__ */ t("meta", { name: "og:description", content: g }),
+      /* @__PURE__ */ t("meta", { name: "og:image", content: m }),
+      /* @__PURE__ */ t("meta", { name: "twitter:image:src", content: m }),
+      /* @__PURE__ */ t("meta", { name: "twitter:image", content: m }),
+      /* @__PURE__ */ t("meta", { property: "twitter:description", content: g }),
+      /* @__PURE__ */ t("meta", { property: "twitter:title", content: u }),
+      /* @__PURE__ */ t("meta", { name: "description", content: g })
+    ] }),
+    /* @__PURE__ */ t(
+      Ct,
+      {
+        flexGrow: 1,
+        className: "PageView-root",
+        sx: {
+          // 第一个 .BlockBase-root 的 pt 为 0
+          "& .BlockBase-root:first-child": {
+            pt: "0 !important"
+          }
+        },
+        children: a.sectionIds.map((v) => {
+          var T, M, B, F;
+          const w = a.sections[v];
+          if (!w || w.visibility === "hidden") return null;
+          const k = (M = (T = a.dataSource) == null ? void 0 : T[v]) == null ? void 0 : M[s], L = ((F = (B = a.dataSource) == null ? void 0 : B[v]) == null ? void 0 : F[i]) ?? {};
+          return /* @__PURE__ */ t(
+            Nt,
+            {
+              id: v,
+              type: w.component,
+              mode: e,
+              section: w,
+              config: {
+                ...Tt(k) ? L : k,
+                locale: s,
+                dev: e === "draft" ? {
+                  mode: e,
+                  components: n,
+                  defaultLocale: i
+                } : {
+                  mode: e,
+                  defaultLocale: i
+                  // 用于 fallback 的 locale
+                }
+              },
+              page: a
+            },
+            v
+          );
+        })
+      }
+    ),
+    !((R = l.footer) != null && R.hidden) && /* @__PURE__ */ t(Wt, {})
+  ] });
+}
+const ee = it(() => import("./publish-button-DBcyuR_L.js")), mt = nt(xt)`
+  &.sticky {
+    position: sticky;
+    top: 0;
+  }
+`;
+function oe({ logo: e }) {
+  const [n, a] = Et(), s = It((o) => o.breakpoints.down("sm")), { value: i } = ut(() => {
+    var l, u;
+    const o = new URL(
+      s ? ((l = window == null ? void 0 : window.blocklet) == null ? void 0 : l.appLogo) || "/.well-known/service/blocklet/logo" : ((u = window == null ? void 0 : window.blocklet) == null ? void 0 : u.appLogoRect) || "/.well-known/service/blocklet/logo-rect",
+      window.location.origin
+    );
+    o.searchParams.delete("imageFilter"), o.searchParams.delete("f");
+    const d = o.toString();
+    return new Promise((g) => {
+      fetch(d).then((m) => {
+        const c = m.headers.get("content-type");
+        c != null && c.includes("svg") && m.text().then((f) => {
+          a(f), g(null);
+        }), g(m.url);
+      });
+    });
+  }, [s]);
+  if (e)
+    return e;
+  if (n)
+    return /* @__PURE__ */ t(_, { sx: { filter: "initial !important" }, dangerouslySetInnerHTML: { __html: Rt.sanitize(n) } });
+  if (i) {
+    const o = new URL(i);
+    o.searchParams.set("imageFilter", "convert"), o.searchParams.set("f", "png"), o.searchParams.set("h", "80");
+    const d = o.toString();
+    return /* @__PURE__ */ t("img", { src: d, alt: "logo" });
+  }
+  return null;
+}
+function ne({
+  logo: e,
+  translucentTextColor: n,
+  ...a
+}) {
+  const i = jt(document.getElementById("app"), (c) => c.top < 1200), o = rt(), d = Math.min((i == null ? void 0 : i.top) ?? 0, 800), l = P(() => {
+    let c = Math.min(d / 800, 1), f = "";
+    return c > 0.1 ? (c = Math.max(c, 0.6), f = q(o.palette.text.primary, c)) : f = n || "#EEEEEE", {
+      backgroundOpacity: c,
+      textColor: f,
+      isReversed: c < 0.7
+    };
+  }, [d, 800, o.palette.text.primary, n]), { backgroundOpacity: u, textColor: g, isReversed: m } = l;
+  return /* @__PURE__ */ t(
+    mt,
+    {
+      logo: /* @__PURE__ */ t(oe, { logo: e }),
+      ...a,
+      sx: {
+        // 基础布局和定位
+        position: "fixed !important",
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: o.zIndex.appBar,
+        // 确保在顶层
+        backgroundColor: "transparent !important",
+        // 主元素始终透明
+        // 使用伪元素作为背景层
+        "&::before": {
+          content: '""',
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          zIndex: -1,
+          // 置于内容下方
+          // 背景样式（颜色和模糊）是固定的
+          backgroundColor: q(o.palette.background.default, u),
+          backdropFilter: u >= 0.6 ? "blur(10px)" : "blur(0px)",
+          // **性能关键**: 只对 opacity 进行动画
+          // opacity: backgroundOpacity,
+          // 让 CSS 平滑地处理透明度变化
+          transition: "backgroundColor 0.3s ease-in-out"
+        },
+        // --- 文字和图标颜色过渡 ---
+        // 直接为 Header 内所有相关元素设置颜色和过渡
+        // color: textColor,
+        transition: "color 0.3s ease-in-out",
+        // 覆盖子组件的颜色，使其继承父级的 `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: `${g} !important`
+          // 使用 inherit 来同步颜色
+        },
+        ".header-logo": {
+          color: `${g} !important`
+        },
+        "& .navmenu--horizontal": {
+          bgcolor: "transparent !important"
+        },
+        // --- Logo 反色效果 ---
+        // filter 也是一个较昂贵的属性，但其影响远小于背景色的重绘
+        // 这里的逻辑保持不变，但可以考虑是否有更优的方案（如提供两个颜色的 Logo）
+        ".header-logo > div": {
+          filter: `invert(${m ? 1 : 0})`,
+          transition: "filter 0.3s ease-in-out"
+        }
+      }
+    }
+  );
+}
+const dt = nt(St)``;
+export {
+  Me as H,
+  qt as L,
+  U as P,
+  ne as T,
+  Xt as a,
+  Y as b,
+  Be as c,
+  H as d
+};

package/lib/es/chunks/{publish-button-wYeS7m-g.js → publish-button-DBcyuR_L.js}

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

package/lib/es/home.js

@@ -22,7 +22,7 @@ import "react-router-dom";
 import "react-use";
 import "ufo";
 import "./chunks/array-c6HYTLze.js";
-import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-DQjaiv2F.js";
+import { a as R, P as S, d as W, c as j, b as k, T as q, H as v } from "./chunks/home-BDXQ7G7E.js";
 import "./chunks/session-CVblGhSp.js";
 export {
   R as HomeView,

package/package.json

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

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

@@ -1,38 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),R=require("./state-BVdbNJCA.js"),X=require("@arcblock/ux/lib/Locale/context"),ue=require("@arcblock/ux/lib/Result"),de=require("@blocklet/pages-kit/builtin/page/header"),pe=require("@blocklet/pages-kit/contexts/color"),Z=require("@blocklet/pages-kit/utils/data-source"),ge=require("@blocklet/pages-kit/utils/route"),me=require("@blocklet/ui-react/lib/Header"),fe=require("@emotion/css"),V=require("@emotion/react"),he=require("@emotion/styled"),y=require("@mui/material"),ee=require("ahooks"),xe=require("isomorphic-dompurify"),je=require("lodash/cloneDeep"),be=require("lodash/isEmpty"),ye=require("lodash/isEqual"),g=require("react"),ve=require("react-helmet"),w=require("react-router-dom"),te=require("react-use"),_=require("ufo"),E=require("./array-BqHuYyfx.js"),W=require("@arcblock/ux/lib/Theme"),Pe=require("@blocklet/ui-react/lib/Footer");require("webfontloader");const Q=require("./session-BA7Qrcia.js"),q=t=>t&&t.__esModule?t:{default:t},ne=q(ue),we=q(me),oe=q(he),ke=q(xe),z=q(je),Se=q(be),re=q(ye),Re=q(Pe),qe=W.styled(Re.default,{shouldForwardProp:t=>!!t})`
-  & > div > .MuiContainer-root {
-    max-width: unset;
-  }
-`;function Ce({meta:t,...o}){const a=W.useTheme();return e.jsx(qe,{...o,meta:t,theme:a||{}})}function se(t){return e.jsx(y.Box,{display:"flex",flex:1,height:"100%",alignItems:"center",justifyContent:"center",...t,children:e.jsx(y.CircularProgress,{size:30})})}function _e(t){return e.jsx(Ee,{...t})}const Ee=W.styled(y.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;
-`,Ie=`Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'`;function Me({titleFontFamily:t,descriptionFontFamily:o}){var n;const a=y.useTheme(),i=(n=a==null?void 0:a.typography)==null?void 0:n.fontFamily;g.useEffect(()=>{},[t,o]);const c=`${i}, ${Ie}`;return e.jsx(V.Global,{styles:V.css`
-        #app {
-          font-family: ${c};
-
-          .page-kit-section__title {
-            font-family: ${c};
-          }
-
-          .page-kit-section__description {
-            font-family: ${c};
-          }
-        }
-      `})}function Te(){const[t]=w.useSearchParams(),{session:o}=Q.useSessionContext(),a=Q.useIsRoleOrMultiTenant("owner","admin","pagesEditor","member"),i=g.useMemo(()=>{const n=t.get("mode");return E.STATE_MODES.includes(n)?n:"production"},[t]),c=i==="production"?i:o.user?a?i:"production":null;return c?e.jsx(ae,{mode:c}):null}function ae({mode:t}){if(t!=="draft"){const o=window.__PAGE_STATE__;return o?e.jsx(N,{mode:t,state:o}):e.jsx(Le,{mode:t,children:({state:a})=>e.jsx(N,{mode:t,state:a})})}return e.jsx(Be,{children:({state:o})=>e.jsx(N,{mode:t,state:o})})}const Be=g.lazy(()=>Promise.resolve().then(()=>require("./draft-data-CuZfaQ4s.js")));function Le({mode:t,children:o}){const a=document.querySelector('meta[property="pages:version"]'),i=a==null?void 0:a.content,c=R.useProjectId(),n=g.useMemo(()=>{if(i==="{{pagesPublishedAt}}"){const u=localStorage.getItem(R.getProjectPageVersionKey(c??""));return Number(u)?Number(u):new Date().getTime()}return Number(i)},[i]),{loading:m,value:r}=te.useAsync(()=>E.getPages({mode:t,version:n}),[t,n]);return m?e.jsx(se,{}):r?o({state:r}):null}function N({mode:t,state:o}){const{t:a,locale:i}=X.useLocaleContext(),[c]=w.useSearchParams(),n=R.useProjectId(),m=R.useProjectSlug(),r=c.get("hiddenBadge")==="true",u=c.get("showPublish")==="true",{pageIds:f,pages:l,routeIds:p,routes:h,supportedLocales:j,config:{defaultLocale:b},resources:I}=o,x=R.getAllComponents(o),k=g.useMemo(()=>j!=null&&j.some(d=>d.locale===i)?i:void 0,[i,j]),L=Object.values(h||{}).find(d=>(d==null?void 0:d.path)==="/")||Object.values(l).find(d=>(d==null?void 0:d.slug)==="/")?void 0:Object.values(l)[0],U=g.useMemo(()=>t==="production"?f.map(d=>{const s=l[d];return s&&{id:s.id,path:_.joinURL("/",m||n||"",s.slug)}}).filter(E.nonNullable):p.map(d=>{const s=h[d];return s?{id:s.id,path:_.joinURL("/",m||n||"",s.path,`?mode=${t}&showPublish=true`)}:null}).filter(E.nonNullable),[f,l,t,h,p,n,m]),C=([...d])=>(t!=="production"&&u&&d.unshift(e.jsx(g.Suspense,{fallback:e.jsx("div",{}),children:e.jsx(De,{mode:"production",state:o})})),d);return e.jsxs(E.Provider,{value:{pages:U},children:[e.jsxs(w.Routes,{children:[L&&e.jsx(w.Route,{index:!0,element:e.jsx(w.Navigate,{to:_.joinURL("/",k||"",L.slug)})}),p==null?void 0:p.map(d=>{var P,v,S,A;const s=h==null?void 0:h[d];if(!s||!s.displayTemplateId)return null;const M=l[s.displayTemplateId];if(!M)return null;let T=[];if(s.params&&s.params.length>0){const B=ge.generateParamCombinations({basePath:s.path,params:s.params,routeId:s.id,paramsOptions:s.paramsOptions,currentIndex:0,currentParams:[],currentOptionIds:[],result:[]});T=B==null?void 0:B.map(O=>{var F,Y,K,J;const D=O.paramOptionIds.join("-");return e.jsx(w.Route,{path:_.joinURL(":projectIdOrSlug?",O.path),element:e.jsx(G,{mode:t,components:x,page:M,locale:k,defaultLocale:b,headerAddons:C,state:o,pageData:(J=(K=(Y=(F=s.dataSource)==null?void 0:F.pathDataMappings)==null?void 0:Y[D])==null?void 0:K.dataCache)==null?void 0:J[k||b||"en"]})},D)})}return T.push(e.jsx(w.Route,{path:_.joinURL(":projectIdOrSlug?",s.path),element:e.jsx(G,{mode:t,components:x,page:M,locale:k,defaultLocale:b,headerAddons:C,state:o,pageData:(A=(S=(v=(P=s.dataSource)==null?void 0:P.pathDataMappings)==null?void 0:v[s.id])==null?void 0:S.dataCache)==null?void 0:A[k||b||"en"]})},s.id)),T}),f.map(d=>{const s=l[d];return s?e.jsx(w.Route,{path:_.joinURL(":projectIdOrSlug?",s.slug),element:e.jsx(H,{mode:t,components:x,page:s,locale:k,defaultLocale:b,headerAddons:C})},s.id):null}),I.pages&&Object.values(I.pages).map(({blockletId:d,page:s})=>e.jsx(w.Route,{path:_.joinURL("/",`@${d}`,s.slug),element:e.jsx(H,{mode:t,components:x,page:s,locale:k,defaultLocale:b,headerAddons:C})},s.id)),e.jsx(w.Route,{path:"*",element:e.jsx(y.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(ne.default,{status:404,extra:e.jsx(le,{href:"/",children:a("common.back")}),sx:{bgcolor:"transparent",width:"100%",height:"100%"}})})})]}),t!=="production"&&!r&&e.jsx(_e,{sx:{bgcolor:"info.light"},children:t}),e.jsx(Me,{})]})}function G({mode:t,pageData:o,components:a,page:i,locale:c,defaultLocale:n,headerAddons:m,state:r}){const u=ee.useReactive({page:null});g.useEffect(()=>{const l=i||null;l?u.page=z.default(l):u.page=null},[i,JSON.stringify(i),u]);const f=g.useRef();return g.useEffect(()=>{re.default(o,f.current)||o&&u.page&&(Z.setPageDataSource(u.page,r,c,o),f.current=z.default(o))},[u.page,o,c,r]),u.page?e.jsx(H,{mode:t,components:a,page:u.page,locale:c,defaultLocale:n,headerAddons:m}):null}function Oe({mode:t,state:o,path:a,pageData:i}){const{t:c,locale:n}=X.useLocaleContext(),{pages:m,supportedLocales:r,config:{defaultLocale:u},resources:f}=o,l=Object.values(m).find(x=>(x==null?void 0:x.slug)===a),p=Object.values(f.pages||{}).find(x=>x.page.slug===a),h=g.useMemo(()=>r!=null&&r.some(x=>x.locale===n)?n:void 0,[n,r]),j=ee.useReactive({page:null});g.useEffect(()=>{const x=l||(p==null?void 0:p.page)||null;x?j.page=z.default(x):j.page=null},[l,p]);const b=g.useRef();if(g.useEffect(()=>{re.default(i,b.current)||i&&j.page&&(Z.setPageDataSource(j.page,o,h,i),b.current=z.default(i))},[{}]),!l&&!(p!=null&&p.page))return e.jsx(y.Box,{width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(ne.default,{style:{background:"inherit"},status:404,extra:e.jsx(le,{href:"/",children:c("common.back")})})});const I=R.getAllComponents(o);return j.page?e.jsx(H,{mode:t,components:I,page:j.page,locale:h,defaultLocale:u}):null}function H({mode:t,components:o,page:a,locale:i,defaultLocale:c,headerAddons:n}){var k,$,L,U,C,d,s,M,T;const m=pe.useColorConvert(),r=((k=a.locales)==null?void 0:k[i])??(($=a.locales)==null?void 0:$[c])??{},u=r.title||((L=window.blocklet)==null?void 0:L.appName),f=r.description||((U=window.blocklet)==null?void 0:U.appDescription),l=R.autoResizeImage(R.getImageAbsoluteUrl(r.image),540),{logo:p,brand:h,description:j,...b}=de.useHeaderState(),I=g.useMemo(()=>P=>{var S;let v=(n==null?void 0:n(P))??P;return v=((S=b.addons)==null?void 0:S.call(b,v))??v,v},[b.addons,n]),x=(C=r.header)!=null&&C.translucent?ce:ie;return e.jsxs(E.PageProvider,{page:a,defaultLocale:c,currentLocale:i,children:[e.jsx(V.Global,{styles:V.css`
-          body {
-            background-color: ${m(!r.backgroundColor||r.backgroundColor==="transparent"?"background.default":r.backgroundColor)} !important;
-          }
-        `}),e.jsx(x,{hideNavMenu:!!((d=r.header)!=null&&d.hideNavMenus),translucentTextColor:(s=r.header)==null?void 0:s.translucentTextColor,...p?{logo:p}:{},...h?{brand:h}:{},...j?{description:j}:{},className:fe.cx(((M=r.header)==null?void 0:M.sticky)&&"sticky","page-header"),maxWidth:!1,addons:I}),e.jsx(w.ScrollRestoration,{}),e.jsxs(ve.Helmet,{children:[e.jsx("title",{children:u}),e.jsx("meta",{name:"og:title",content:u}),e.jsx("meta",{name:"og:description",content:f}),e.jsx("meta",{name:"og:image",content:l}),e.jsx("meta",{name:"twitter:image:src",content:l}),e.jsx("meta",{name:"twitter:image",content:l}),e.jsx("meta",{property:"twitter:description",content:f}),e.jsx("meta",{property:"twitter:title",content:u}),e.jsx("meta",{name:"description",content:f})]}),e.jsx(y.Stack,{flexGrow:1,className:"PageView-root",sx:{"& .BlockBase-root:first-child":{pt:"0 !important"}},children:a.sectionIds.map(P=>{var B,O,D,F;const v=a.sections[P];if(!v||v.visibility==="hidden")return null;const S=(O=(B=a.dataSource)==null?void 0:B[P])==null?void 0:O[i],A=((F=(D=a.dataSource)==null?void 0:D[P])==null?void 0:F[c])??{};return e.jsx(E.BlockRenderer,{id:P,type:v.component,mode:t,section:v,config:{...Se.default(S)?A:S,locale:i,dev:t==="draft"?{mode:t,components:o,defaultLocale:c}:{mode:t,defaultLocale:c}},page:a},P)})}),!((T=r.footer)!=null&&T.hidden)&&e.jsx(Ce,{})]})}const De=g.lazy(()=>Promise.resolve().then(()=>require("./publish-button-1xmfwN7o.js"))),ie=oe.default(we.default)`
-  &.sticky {
-    position: sticky;
-    top: 0;
-  }
-`;function Fe({logo:t}){const[o,a]=g.useState(),i=y.useMediaQuery(n=>n.breakpoints.down("sm")),{value:c}=te.useAsync(()=>{var r,u;const n=new URL(i?((r=window==null?void 0:window.blocklet)==null?void 0:r.appLogo)||"/.well-known/service/blocklet/logo":((u=window==null?void 0:window.blocklet)==null?void 0:u.appLogoRect)||"/.well-known/service/blocklet/logo-rect",window.location.origin);n.searchParams.delete("imageFilter"),n.searchParams.delete("f");const m=n.toString();return new Promise(f=>{fetch(m).then(l=>{const p=l.headers.get("content-type");p!=null&&p.includes("svg")&&l.text().then(h=>{a(h),f(null)}),f(l.url)})})},[i]);if(t)return t;if(o)return e.jsx(y.Box,{sx:{filter:"initial !important"},dangerouslySetInnerHTML:{__html:ke.default.sanitize(o)}});if(c){const n=new URL(c);n.searchParams.set("imageFilter","convert"),n.searchParams.set("f","png"),n.searchParams.set("h","80");const m=n.toString();return e.jsx("img",{src:m,alt:"logo"})}return null}function ce({logo:t,translucentTextColor:o,...a}){const[i,c]=g.useState(0),n=y.useTheme(),m=800;g.useEffect(()=>{const l=document.getElementById("app");if(!l)return;let p=!1;const h=()=>{p||(requestAnimationFrame(()=>{c(l.scrollTop),p=!1}),p=!0)};return l.addEventListener("scroll",h,{passive:!0}),c(l.scrollTop),()=>{l.removeEventListener("scroll",h)}},[]);let r=Math.min(i/m,1),u="";r>.1?(r=Math.max(r,.6),u=y.alpha(n.palette.text.primary,r)):u=o||"#EEEEEE";const f=r<.7;return e.jsx(ie,{logo:e.jsx(Fe,{logo:t}),...a,sx:{position:"fixed !important",top:0,left:0,right:0,zIndex:n.zIndex.appBar,backgroundColor:"transparent !important","&::before":{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:-1,backgroundColor:y.alpha(n.palette.background.default,r),backdropFilter:r>=.6?"blur(10px)":"blur(0px)",transition:"backgroundColor 0.3s ease-in-out"},transition:"color 0.3s ease-in-out",".navmenu-root>.navmenu-sub>span,\n          .navmenu-root>.navmenu-item,\n          .header-addons>button,\n          .header-addons>a,\n          .header-addons>div>button":{color:`${u} !important`},".header-logo":{color:`${u} !important`},"& .navmenu--horizontal":{bgcolor:"transparent !important"},".header-logo > div":{filter:`invert(${f?1:0})`,transition:"filter 0.3s ease-in-out"}}})}const le=oe.default(y.Button)``;exports.Home=Te;exports.HomeView=ae;exports.Loading=se;exports.PageRoutes=N;exports.PageView=H;exports.PageViewByPath=Oe;exports.PageViewWithDataSource=G;exports.TranslucentHeader=ce;