@blocklet/pages-kit-inner-components 0.6.72 → 0.6.73

package/lib/es/chunks/state-DS2djQbR.js

@@ -0,0 +1,873 @@
+import { jsx as de } from "react/jsx-runtime";
+import { joinURL as F, withQuery as ue } from "ufo";
+import { createAxios as le } from "@blocklet/js-sdk";
+import pe from "lodash/isEmpty";
+import * as me from "yaml";
+import { useLocaleContext as fe } from "@arcblock/ux/lib/Locale/context";
+import { nextId as B } from "@blocklet/pages-kit/utils/common";
+import { getPageTemplateModel as ge } from "@blocklet/pages-kit/utils/page-model";
+import "@mui/material";
+import Se, { getYjsDoc as Ie } from "@syncedstore/core";
+import { useSyncedStore as Pe } from "@syncedstore/react";
+import { useLocalStorageState as ye } from "ahooks";
+import { produce as $ } from "immer";
+import _ from "lodash/cloneDeep";
+import ee from "lodash/debounce";
+import { createContext as we, useState as W, useRef as te, useMemo as j, useCallback as M, useEffect as V, useContext as Ce } from "react";
+import { useParams as he, useNavigate as ve } from "react-router-dom";
+import { IndexeddbPersistence as Oe } from "y-indexeddb";
+import { WebsocketProvider as be } from "y-websocket";
+import { UndoManager as xe } from "yjs";
+import "@blocklet/pages-kit/types";
+function Ee() {
+  const { pathname: o } = window.location, P = o.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], f = window.__PROJECT_ID__;
+  if (!P && !f)
+    throw new Error("Unable to get projectId from pathname");
+  return P || f;
+}
+function st(o) {
+  return `${o}:pages:version`;
+}
+function it(o, n) {
+  return n === "yaml" ? pe(o) ? "" : me.stringify(o, { indent: 2 }) : n === "json" ? JSON.parse(JSON.stringify(o || {})) : n === "array" ? JSON.parse(JSON.stringify(o || [])) : o;
+}
+const Q = window.blocklet?.prefix || "/", oe = le({
+  timeout: 200 * 1e3
+}), Te = window.location.protocol === "https:" ? "wss" : "ws", at = (o) => F(`${Te}://${window.location.hostname}`, Q, `api/${o}/ws/pages`), ke = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+blocklet?.componentMountPoints.find((o) => o.did === ke)?.mountPoint || F(Q, "/image-bin");
+function dt(o) {
+  return o && !/^(https?:\/\/|\/)/.test(o) ? window.location.origin + F(Q, "uploads", o) : o;
+}
+const Ne = window.innerWidth <= 750;
+function ut(o, n, P) {
+  if (!o || /\.gif/.test(o)) return o;
+  const f = (Ne ? n / 1.5 : n) * (P === "quality" ? 1.5 : 1);
+  return Le(o, { imageFilter: "resize", w: f, f: "webp" });
+}
+function Le(o, n) {
+  return !o || !n ? o : ue(o, n);
+}
+async function je(o) {
+  return oe.get(`/api/projects/${o}`).then((n) => n.data);
+}
+async function Me(o) {
+  return oe.post(`/api/projects/${o.id}/update`, o).then((n) => n.data);
+}
+const q = "@COMPONENT-TEMPLATE-", X = (o) => `${q}${o}`, K = (o) => o.startsWith(q), Z = (o) => K(o) ? o.slice(q.length) : null;
+function ne(o, n = {}) {
+  return n[o.id] = o, o.sectionIds && o.sections && o.sectionIds.forEach((P) => {
+    const f = o.sections?.[P];
+    f && ne(f, n);
+  }), n;
+}
+function Ae(o, n) {
+  const P = X(o.id), f = n.section, O = ne(f);
+  n.dataSource ??= {};
+  const w = n.dataSource;
+  return {
+    id: P,
+    createdAt: o.createdAt,
+    updatedAt: o.updatedAt,
+    publishedAt: o.updatedAt,
+    slug: o.id,
+    sections: O,
+    sectionIds: [f.id],
+    isPublic: !0,
+    templateConfig: { isTemplate: !0 },
+    locales: {},
+    dataSource: w
+  };
+}
+const De = 500, ce = we(null);
+function lt({
+  url: o,
+  name: n,
+  children: P,
+  waitingSynced: f
+}) {
+  const [O, w] = W(!1), { locale: A } = fe(), h = re(), k = `${h}:MakerLocalState`, b = `${h}:${n}`, [v, S] = ye(k, {
+    defaultValue: {},
+    listenStorageChange: !0
+  }), R = te(v);
+  R.current = v;
+  const J = j(
+    () => Se({
+      dataSourceIds: [],
+      dataSources: {},
+      pages: {},
+      pageIds: [],
+      routes: {},
+      routeIds: [],
+      components: {},
+      supportedLocales: [],
+      config: {},
+      resources: {}
+    }),
+    []
+  ), y = j(() => Ie(J), [J]);
+  j(() => new Oe(b, y), [b, y]);
+  const C = j(
+    () => new be(o, b, y, {
+      params: {},
+      resyncInterval: 5 * 60 * 1e3
+    }),
+    [o, b, y]
+  ), U = M(() => {
+    C && (C.wsconnected ? (C.disconnect(), setTimeout(() => C.connect(), 100)) : C.connect());
+  }, [C]), e = j(
+    () => new xe(
+      [
+        y.getArray("pageIds"),
+        y.getMap("pages"),
+        y.getArray("supportedLocales"),
+        y.getMap("config"),
+        y.getMap("dataSources"),
+        y.getArray("dataSourceIds"),
+        y.getArray("routeIds"),
+        y.getMap("routes")
+      ],
+      { doc: y }
+    ),
+    [y]
+  ), [t, c] = W(null), [r, d] = W(!1), [i, l] = W(void 0), m = M(async () => {
+    if (h) {
+      d(!0);
+      try {
+        const s = await je(h);
+        c(s);
+      } catch (s) {
+        console.error("Failed to fetch project:", s);
+      } finally {
+        d(!1);
+      }
+    }
+  }, [h]), u = M(
+    async (s, a) => {
+      if (l(void 0), !!h) {
+        a?.optimisticUpdate && t && c((g) => ({
+          ...g,
+          ...s
+        }));
+        try {
+          const g = await Me({
+            ...s
+          });
+          c(g);
+        } catch (g) {
+          console.error("Failed to update project:", g), a?.optimisticUpdate && c(t), l(g?.response?.data);
+        }
+      }
+    },
+    [h, t]
+  );
+  V(() => {
+    h && m();
+  }, [h, m]);
+  const p = j(
+    () => ({
+      doc: y,
+      state: J,
+      localState: {
+        ...v,
+        // always use the locale from the context
+        currentLocale: A
+      },
+      setLocalState: (s) => S(typeof s == "function" ? (a) => s(a ?? {}) : s),
+      undoManager: e,
+      projectState: {
+        project: t,
+        isLoadingProject: r,
+        error: i
+      },
+      updateProject: u,
+      forceSync: U
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      y,
+      J,
+      JSON.stringify(v),
+      // resolve the problem of react warning
+      S,
+      e,
+      t,
+      r,
+      u,
+      i,
+      A,
+      U
+    ]
+  );
+  return V(() => {
+    e.on("stack-item-added", ({ stackItem: s }) => {
+      const { currentPageId: a, currentLocale: g, pages: I } = R.current;
+      s.meta.set("localState", { currentPageId: a, currentLocale: g, pages: I });
+    }), e.on("stack-item-popped", ({ stackItem: s }) => {
+      const a = s.meta.get("localState");
+      a && S((g) => ({ ...g, ...a }));
+    });
+  }, [e, S]), V(() => {
+    C.awareness.setLocalState(v);
+  }, [C, v]), V(() => {
+    C.once("synced", () => {
+      w(!0);
+    });
+    let s = 0, a = null;
+    const g = 3, I = 5e3, N = 15e3, x = () => {
+      s = 0, S((T) => ({
+        ...T,
+        networkStatus: void 0
+      }));
+    }, E = () => {
+      S((T) => ({
+        ...T,
+        networkStatus: "offline"
+      }));
+    }, L = ee(({ status: T }) => {
+      if (T === "connected")
+        x(), a && (clearTimeout(a), a = null);
+      else if (T === "disconnected") {
+        if (s++, !a) {
+          const se = Date.now();
+          let H = 0;
+          const ie = Math.ceil(N / I), Y = () => {
+            H++;
+            const ae = Date.now() - se;
+            if (C.wsconnected) {
+              x();
+              return;
+            }
+            if (ae >= N || H >= ie) {
+              E();
+              return;
+            }
+            a = setTimeout(Y, I);
+          };
+          a = setTimeout(Y, I);
+        }
+        s >= g && E();
+      }
+    }, De), D = () => {
+      C.wsconnected || C.connect(), x();
+    }, G = () => {
+      E();
+    };
+    return C.on("status", L), window.addEventListener("online", D), window.addEventListener("offline", G), C.wsconnected && x(), () => {
+      a && clearTimeout(a), C.off("status", L), window.removeEventListener("online", D), window.removeEventListener("offline", G);
+    };
+  }, [C, S]), f && !O ? null : /* @__PURE__ */ de(ce.Provider, { value: p, children: P });
+}
+const _e = () => {
+  const o = Ce(ce);
+  if (!o)
+    throw new Error("Context is null");
+  const n = Pe(o.state), { setLocalState: P, localState: f } = o, O = ve(), w = re(), A = te({}), h = M(
+    (e) => {
+      const t = n.components[e]?.data;
+      return !t || t.renderer?.type !== "component-template" ? void 0 : (A.current[e] || (A.current[e] = {
+        page: Ae(t, t.renderer)
+      }), A.current[e]?.page);
+    },
+    [n.components]
+  ), k = M(
+    (e) => {
+      const t = n.components[e]?.data;
+      if (!t || t.renderer?.type !== "component-template")
+        return;
+      const c = h(e);
+      if (c)
+        return {
+          componentId: e,
+          component: t,
+          renderer: t.renderer,
+          page: c
+        };
+    },
+    [h, n.components]
+  ), b = M(
+    (e) => {
+      const t = n.pages[e];
+      if (t)
+        return { kind: "page", pageId: e, page: t };
+      if (!K(e))
+        return;
+      const c = Z(e);
+      if (!c)
+        return;
+      const r = k(c);
+      if (r)
+        return {
+          kind: "component-template",
+          pageId: e,
+          page: r.page,
+          componentId: r.componentId,
+          component: r.component,
+          renderer: r.renderer
+        };
+    },
+    [k, n.pages]
+  ), v = M(
+    (e) => {
+      const t = b(e);
+      if (!t)
+        throw new Error(`Page ${e} is not exists`);
+      return t;
+    },
+    [b]
+  ), S = j(
+    () => ({
+      get currentPage() {
+        const {
+          localState: { currentPageId: e, currentComponentId: t }
+        } = o;
+        if (e) {
+          const c = b(e);
+          if (c)
+            return c.page;
+        }
+        if (t) {
+          const c = k(t);
+          if (c)
+            return c.page;
+        }
+      },
+      get currentSection() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o, { currentPage: c } = this;
+        if (!c || !e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (r)
+          return c.sections?.[r] ?? this.currentPageModel?.getComponentById(r)?.model;
+      },
+      get currentSectionProperties() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o, { currentPage: c } = this;
+        if (!c || !e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (!r)
+          return;
+        const d = c.dataSource?.[r];
+        if (!d)
+          return;
+        const { currentLocale: i } = this.currentLocaleMap;
+        return i ? d[i] : void 0;
+      },
+      get currentSectionPropertiesWithFallback() {
+        const {
+          localState: { currentPageId: e, ...t }
+        } = o, { currentPage: c } = this;
+        if (!c || !e)
+          return;
+        const r = t.pages?.[e]?.currentSectionId;
+        if (!r)
+          return;
+        const d = c.dataSource?.[r];
+        if (!d)
+          return;
+        const { currentLocale: i, defaultLocale: l, fallbackLocale: m } = this.currentLocaleMap;
+        if (i && d[i])
+          return d[i];
+        if (l && d[l])
+          return d[l];
+        if (m && d[m])
+          return d[m];
+      },
+      get currentLocaleMap() {
+        const {
+          localState: { currentLocale: e },
+          state: {
+            supportedLocales: t,
+            config: { defaultLocale: c }
+          }
+        } = o;
+        return {
+          currentLocale: e,
+          defaultLocale: c,
+          fallbackLocale: t?.[0]?.locale ?? "en"
+        };
+      },
+      get currentRoute() {
+        const {
+          localState: { currentRouteId: e }
+        } = o;
+        return e ? n.routes?.[e] : void 0;
+      },
+      get currentPageModel() {
+        const e = this.currentPage ?? null;
+        if (e)
+          return ge(e, !1);
+      }
+    }),
+    [JSON.stringify(f), n]
+  ), R = j(() => {
+    if (f.currentPageId) {
+      const e = b(f.currentPageId);
+      if (e?.kind === "component-template")
+        return e;
+    }
+    if (f.currentComponentId) {
+      const e = k(f.currentComponentId);
+      if (e)
+        return {
+          kind: "component-template",
+          pageId: X(e.componentId),
+          page: e.page,
+          componentId: e.componentId,
+          component: e.component,
+          renderer: e.renderer
+        };
+    }
+  }, [f.currentPageId, f.currentComponentId, b, k]), J = M(
+    () => R?.kind === "component-template" ? R : void 0,
+    [R]
+  ), y = j(
+    () => ({
+      setCurrentSectionId: (e, t) => {
+        const c = K(e), r = c ? Z(e) : null;
+        e === f.currentPageId && t === f.pages?.[e]?.currentSectionId && (!c || r === f.currentComponentId) || (O(c && r ? F("/admin/maker", w ?? "", "components", r) : F("/admin/maker", w ?? "", "pages", e)), P(
+          (d) => $(d, (i) => {
+            i.currentPageId = e, c ? r && (i.currentComponentId = r) : i.currentComponentId = void 0, i.pages ??= {}, i.pages[e] ??= {}, i.pages[e].currentSectionId = t ?? void 0, t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
+          })
+        ));
+      },
+      setCurrentComponentId: (e) => {
+        const c = n.components[e]?.data?.renderer?.type === "component-template", r = c ? X(e) : void 0;
+        e === f.currentComponentId && (!c || f.currentPageId === r) || (O(F("/admin/maker", w ?? "", "components", e)), P(
+          (d) => $(d, (i) => {
+            i.currentComponentId = e, c && r ? (i.currentPageId = r, i.pages ??= {}, i.pages[r] ??= {}) : i.currentPageId && K(i.currentPageId) && (i.currentPageId = void 0);
+          })
+        ));
+      },
+      setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
+        P(
+          (c) => $(c, (r) => {
+            r.currentRouteId = e, r.currentDynamicParams = t;
+          })
+        );
+      },
+      // 本地缓存组件调试参数，避免用户切换组件后，需要重新输入
+      setCustomComponentPreviewerProperties: (() => {
+        const e = {};
+        let t = "";
+        const c = ee(() => {
+          P(
+            (r) => $(r, (d) => {
+              d.customComponentPreviewerProperties ??= {}, d.customComponentPreviewerProperties[t] = {
+                ...d.customComponentPreviewerProperties[t],
+                ..._(e[t])
+              }, delete e[t];
+            })
+          );
+        }, 5);
+        return (r, d) => {
+          const i = e[r] ?? {};
+          Object.assign(i, d), e[r] = i, t = r, c();
+        };
+      })(),
+      setRouteGenerateProcess: (e) => {
+        P(
+          (t) => $(t, (c) => {
+            e ? c.routeGenerateProcess = {
+              ...c.routeGenerateProcess,
+              ...e
+            } : c.routeGenerateProcess = {};
+          })
+        );
+      },
+      resetRouteGenerateProcess: () => {
+        P(
+          (e) => $(e, (t) => {
+            t.routeGenerateProcess = {
+              progress: "complete"
+            };
+          })
+        );
+      }
+    }),
+    [P, O, w, S]
+  ), C = M(
+    (e, t, c, r, d) => {
+      const i = v(e), { page: l } = i, m = _(t), u = c ? _(c) : void 0, p = z(m);
+      return o.doc.transact(() => {
+        if (d && d.component === "layout-block") {
+          const s = S.currentPageModel?.getComponentById(d.id);
+          s && (s.model.sections ??= {}, s.model.sections[p.id] = p, s.model.sectionIds ??= [], s.model.sectionIds.push(p.id));
+        } else if (i.kind === "component-template") {
+          const s = i.renderer.section;
+          s.sections ??= {}, s.sections[p.id] = p, s.sectionIds ??= [], s.sectionIds.push(p.id);
+        } else
+          l.sections[p.id] = p, l.sectionIds.splice(r ?? l.sectionIds.length, 0, p.id);
+        if (u) {
+          l.dataSource ??= {};
+          const s = (a, g) => {
+            const I = u[a.id];
+            I && (l.dataSource[g.id] = _(I)), a.component === "layout-block" && a.sectionIds?.length && a.sectionIds.forEach((N, x) => {
+              const E = a.sections?.[N], L = g.sectionIds?.[x], D = L ? g.sections?.[L] : void 0;
+              E && D && s(E, D);
+            });
+          };
+          s(m, p);
+        }
+      }), y.setCurrentSectionId(e, p.id), p;
+    },
+    [v, S, o.doc, y]
+  ), U = j(
+    () => ({
+      addPage: (e, t) => {
+        const c = e?.id ?? B(), r = {
+          ...e,
+          id: c,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          slug: e?.slug ?? `/${c}`,
+          sections: e?.sections ?? {},
+          sectionIds: e?.sectionIds ?? [],
+          isPublic: e?.isPublic ?? !0,
+          templateConfig: e?.templateConfig ?? {
+            isTemplate: e?.templateConfig?.isTemplate ?? !0,
+            displayTemplateId: e?.templateConfig?.displayTemplateId ?? void 0,
+            dataSourceIds: e?.templateConfig?.dataSourceIds ?? void 0,
+            dataSourceParameters: e?.templateConfig?.dataSourceParameters ?? {},
+            enabledGenerate: e?.templateConfig?.enabledGenerate ?? !1,
+            agentId: e?.templateConfig?.agentId ?? void 0
+          }
+        };
+        return o.doc.transact(() => {
+          n.pages[r.id] = r, n.pageIds.splice(t ?? n.pageIds.length, 0, r.id);
+        }), r;
+      },
+      addRoute: (e, t) => {
+        const c = e?.id ?? B(), r = {
+          ...e,
+          id: c,
+          createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+          publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
+          path: e?.path ?? `/${c}`,
+          handler: e?.handler ?? "Pages Kit",
+          isPublic: e?.isPublic ?? !0,
+          params: e?.params ?? [],
+          enabledGenerate: e?.enabledGenerate ?? !1,
+          displayTemplateId: e?.displayTemplateId ?? void 0,
+          dataSource: e?.dataSource ?? {}
+        };
+        return o.doc.transact(() => {
+          n.routes ??= {}, n.routeIds ??= [], n.routes[r.id] = r, n.routeIds.splice(t ?? n.routeIds.length, 0, r.id);
+        }), r;
+      },
+      deleteRoute: (e) => {
+        if (!e)
+          return;
+        const t = n.routeIds?.indexOf(e);
+        t !== void 0 && t !== -1 && o.doc.transact(() => {
+          n.routeIds?.splice(t, 1), delete n.routes?.[e];
+        });
+      },
+      deletePage: (e) => {
+        const t = n.pageIds.indexOf(e);
+        t !== -1 && o.doc.transact(() => {
+          n.pageIds.splice(t, 1), delete n.pages[e];
+        });
+      },
+      movePage: (e, t) => {
+        const { pageIds: c } = n, r = c.indexOf(e);
+        r >= 0 && c.splice(t, 0, ...c.splice(r, 1));
+      },
+      addSection: (e, t, c, r) => {
+        const d = v(e), { page: i } = d, l = t?.config, m = typeof l?.componentId == "string" ? l.componentId : void 0;
+        if (t.component === "custom-component" && m) {
+          const a = (n.components[m]?.data ?? n.resources?.components?.[m]?.component)?.renderer;
+          if (a?.type === "component-template")
+            return C(e, a.section, a.dataSource, c, r);
+        }
+        const u = {
+          ...t,
+          id: t.id ?? B(),
+          isTemplateSection: t.isTemplateSection ?? !0
+          /** @deprecated 已经废弃，llmConfig 从 component / resources.component 中获取 */
+          // llmConfig: section.llmConfig ?? {},
+        }, p = _(u.locales);
+        return delete u.locales, o.doc.transact(() => {
+          if (r && r.component === "layout-block") {
+            const s = S.currentPageModel?.getComponentById(r.id);
+            s && (s.model.sections ??= {}, s.model.sections[u.id] = u, s.model.sectionIds ??= [], s.model.sectionIds.push(u.id));
+          } else if (d.kind === "component-template") {
+            const s = d.renderer.section;
+            s.sections ??= {}, s.sections[u.id] = u, s.sectionIds ??= [], s.sectionIds.push(u.id);
+          } else
+            i.sections[u.id] = u, i.sectionIds.splice(c ?? i.sectionIds.length, 0, u.id);
+          p && (i.dataSource ??= {}, i.dataSource[u.id] = p);
+        }), u;
+      },
+      deleteSection: (e, t) => {
+        const c = v(e), { page: r } = c;
+        o.doc.transact(() => {
+          const d = [], i = S.currentPageModel?.getComponentById(t), l = i?.parent;
+          if (i && (d.push(i.model.id, ...i.all().map((m) => m.model.id)), l?.model.component === "layout-block")) {
+            const m = l.model.sectionIds?.indexOf(t);
+            m !== void 0 && m !== -1 && (l.model.sectionIds?.splice(m, 1), delete l.model.sections?.[t]), l.model.config?.gridSettings && Object.keys(l.model.config.gridSettings).forEach((u) => {
+              try {
+                delete l.model.config.gridSettings[u]?.[t];
+              } catch {
+              }
+            }), l.model.config?.backgroundSectionId === t && (l.model.config.backgroundSectionId = void 0);
+          }
+          d.forEach((m) => {
+            const u = r.sectionIds.indexOf(m);
+            u !== -1 && r.sectionIds.splice(u, 1), r.sections[m] && delete r.sections[m], r.dataSource?.[m] && delete r.dataSource?.[m];
+          });
+        });
+      },
+      lockSection: (e, t) => {
+        v(e);
+        const c = S.currentPageModel?.getComponentById(t)?.model;
+        c && (c.locked = !c.locked);
+      },
+      toggleSectionVisibility: (e, t, c) => {
+        v(e);
+        const r = S.currentPageModel?.getComponentById(t)?.model;
+        r && (r.visibility = c);
+      },
+      moveSection: (e, t, c, r) => {
+        const d = v(e), { page: i } = d, l = S.currentPageModel;
+        if (!l)
+          throw new Error(`Page model for ${e} is not available`);
+        const m = (p) => {
+          const s = l.getComponentById(p);
+          if (!s) return null;
+          const a = s.model, g = s.parent;
+          if (!g)
+            return {
+              section: a,
+              container: i,
+              containerType: "root",
+              index: i.sectionIds.indexOf(p)
+            };
+          const I = g.model;
+          return {
+            section: a,
+            container: I,
+            containerType: "layout-block",
+            index: I.sectionIds.indexOf(p)
+          };
+        }, u = m(t);
+        if (!u)
+          throw new Error(`Section ${t} not found`);
+        o.doc.transact(() => {
+          if (c.startsWith("layout-")) {
+            const a = c.replace("layout-", ""), I = l.getComponentById(a)?.model;
+            if (!I || I.component !== "layout-block")
+              throw new Error(`Layout block ${a} not found`);
+            if (a === t || ((E, L) => {
+              const D = l.getComponentById(E), G = l.getComponentById(L);
+              if (!D || !G || D.model.component !== "layout-block")
+                return !1;
+              let T = G.parent;
+              for (; T; ) {
+                if (T.model.id === E)
+                  return !0;
+                T = T.parent;
+              }
+              return !1;
+            })(t, a))
+              return;
+            const x = JSON.parse(JSON.stringify(u.section));
+            I.sections || (I.sections = {}), I.sectionIds || (I.sectionIds = []), I.sections[t] = x, I.sectionIds.push(t), u.container.sectionIds.splice(u.index, 1), u.containerType === "layout-block" && delete u.container.sections[t];
+            return;
+          }
+          const p = m(c);
+          if (!p)
+            throw new Error(`Target section ${c} not found`);
+          let s = p.index;
+          if (r === "bottom" && (s = p.index + 1), u.container === p.container) {
+            const { sectionIds: a } = u.container;
+            a.splice(u.index, 1), u.index < s && (s -= 1), a.splice(s, 0, t);
+          } else {
+            const a = JSON.parse(JSON.stringify(u.section));
+            p.containerType === "root" || (p.container.sections || (p.container.sections = {}), p.container.sections[t] = a), p.container.sectionIds.splice(s, 0, t), u.container.sectionIds.splice(u.index, 1), u.containerType === "layout-block" && delete u.container.sections[t];
+          }
+        });
+      },
+      copySection: (e, t) => {
+        v(e);
+        const c = S.currentPageModel?.getComponentById(t);
+        if (!c?.model)
+          throw new Error(`Section ${t} is not exists`);
+        const r = JSON.parse(JSON.stringify(c.model)), d = z(r), i = d.id, l = c?.parent;
+        if (l) {
+          if (l.model.sections[i] = d, l.model.sectionIds.push(i), S.currentPage?.dataSource?.[t] && (S.currentPage.dataSource[i] = JSON.parse(
+            JSON.stringify(S.currentPage.dataSource[t])
+          ), d.component === "layout-block")) {
+            const m = (u, p) => {
+              const s = u.sectionIds, a = p.sectionIds;
+              s?.forEach((g, I) => {
+                const N = a?.[I];
+                if (N) {
+                  if (N && S.currentPage?.dataSource) {
+                    const L = S.currentPage.dataSource[N];
+                    L && (S.currentPage.dataSource[g] = JSON.parse(JSON.stringify(L)));
+                  }
+                  const x = u.sections?.[g], E = p?.sections?.[N];
+                  x?.component === "layout-block" && x.sectionIds && E?.sectionIds && m(x, E);
+                }
+              });
+            };
+            d.sectionIds && r.sectionIds && m(d, r);
+          }
+          y.setCurrentSectionId(e, i);
+        }
+        return d;
+      },
+      extractSectionToComponentTemplate: (e, t) => {
+        const c = v(e), { page: r } = c, i = S.currentPageModel?.getComponentById(t)?.model;
+        if (!i) {
+          console.warn(`Section ${t} is not exists`);
+          return;
+        }
+        const l = JSON.parse(JSON.stringify(i));
+        if (l.component !== "layout-block" || !(l.sectionIds?.length ?? 0)) {
+          console.warn(`Section ${t} is not eligible for component template extraction.`);
+          return;
+        }
+        const m = (s, a = []) => (s && (a.push(s.id), s.sectionIds?.forEach((g) => {
+          const I = s.sections?.[g];
+          m(I, a);
+        })), a), p = m(i).reduce(
+          (s, a) => {
+            const g = r.dataSource?.[a];
+            return g && (s[a] = JSON.parse(JSON.stringify(g))), s;
+          },
+          {}
+        );
+        return {
+          section: l,
+          dataSource: Object.keys(p).length ? p : void 0
+        };
+      },
+      addComponentTemplate: ({
+        name: e,
+        description: t,
+        section: c,
+        dataSource: r
+      }) => {
+        const d = B(), i = (/* @__PURE__ */ new Date()).toISOString(), l = _(c), m = r ? _(r) : void 0;
+        return o.doc.transact(() => {
+          const u = Object.values(n.components).length;
+          n.components[d] = {
+            index: u,
+            data: {
+              id: d,
+              name: e.trim() || void 0,
+              description: t?.trim() || void 0,
+              createdAt: i,
+              updatedAt: i,
+              renderer: {
+                type: "component-template",
+                section: l,
+                dataSource: m
+              }
+            }
+          };
+        }), n.components[d];
+      },
+      addDataSource: (e) => {
+        const t = e.id ?? B(), c = {
+          ...e ?? {},
+          id: t,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        return o.doc.transact(() => {
+          n.dataSourceIds ??= [], n.dataSources ??= {}, n.dataSourceIds.push(t), n.dataSources[t] = c;
+        }), n.dataSources[t];
+      },
+      deleteDataSource: (e) => {
+        const t = n.dataSourceIds.indexOf(e);
+        t !== -1 && o.doc.transact(() => {
+          n.dataSourceIds.splice(t, 1), delete n.dataSources[e];
+        });
+      }
+    }),
+    [n, o.doc, S]
+  );
+  return {
+    ...o,
+    state: n,
+    actions: U,
+    localActions: y,
+    ...S,
+    getComponentTemplateContext: J
+  };
+}, re = () => {
+  const { projectId: o } = he();
+  return o ?? Ee() ?? "";
+}, pt = () => window.__PROJECT_SLUG__ ?? "";
+function Re(o) {
+  const { resources: n } = o;
+  if (!n.components)
+    return {};
+  const P = {};
+  return window?.blocklet?.componentMountPoints?.forEach((f) => {
+    P[f.did] = f;
+  }), Object.fromEntries(
+    Object.entries(n.components).map(([f, { blockletId: O, component: w }]) => [
+      f,
+      { data: w, blockletId: O, blockletTitle: P[O]?.title || O }
+    ])
+  );
+}
+function Je(o) {
+  const { components: n } = o;
+  return n || {};
+}
+function $e(o) {
+  return {
+    ...Re(o),
+    ...Je(o)
+  };
+}
+const mt = () => $e(_e().state);
+function z(o) {
+  const n = JSON.parse(JSON.stringify(o)), P = B();
+  if (n.component === "layout-block") {
+    const f = { ...n.config ?? {} }, O = n.sectionIds?.map((w) => {
+      const A = n.sections?.[w], h = z(n.sections?.[w]), k = h.id;
+      return A?.id === n.config?.backgroundSectionId && (f.backgroundSectionId = h.id), n.config?.gridSettings && Object.keys(n.config.gridSettings).forEach((b) => {
+        f.gridSettings[b] = {
+          ...f.gridSettings[b] ?? {},
+          [k]: {
+            ...n.config?.gridSettings?.[b]?.[w],
+            id: k
+          }
+        }, delete n.config?.gridSettings?.[b]?.[w];
+      }), h;
+    });
+    n.sections = Object.fromEntries(O?.map((w) => [w.id, w]) ?? []), n.sectionIds = O?.map((w) => w.id) ?? [], n.config = f;
+  }
+  return {
+    ...n,
+    id: P
+  };
+}
+export {
+  lt as S,
+  _e as a,
+  st as b,
+  $e as c,
+  pt as d,
+  ut as e,
+  dt as f,
+  at as g,
+  mt as h,
+  oe as i,
+  Ae as j,
+  Ee as k,
+  Je as l,
+  Re as m,
+  it as t,
+  re as u
+};