@blocklet/pages-kit-inner-components 0.6.76 → 0.6.77

package/lib/es/chunks/{state-DS2djQbR.js → state-DNdwHwty.js}

@@ -10,8 +10,8 @@ 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 { produce as _ } from "immer";
+import R 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";
@@ -20,10 +20,10 @@ 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)
+  const { pathname: o } = window.location, I = o.match(/\/admin\/(maker|previewer)\/([^/]+)/)?.[2], f = window.__PROJECT_ID__;
+  if (!I && !f)
     throw new Error("Unable to get projectId from pathname");
-  return P || f;
+  return I || f;
 }
 function st(o) {
   return `${o}:pages:version`;
@@ -39,9 +39,9 @@ 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) {
+function ut(o, n, I) {
   if (!o || /\.gif/.test(o)) return o;
-  const f = (Ne ? n / 1.5 : n) * (P === "quality" ? 1.5 : 1);
+  const f = (Ne ? n / 1.5 : n) * (I === "quality" ? 1.5 : 1);
   return Le(o, { imageFilter: "resize", w: f, f: "webp" });
 }
 function Le(o, n) {
@@ -55,17 +55,17 @@ async function Me(o) {
 }
 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];
+  return n[o.id] = o, o.sectionIds && o.sections && o.sectionIds.forEach((I) => {
+    const f = o.sections?.[I];
     f && ne(f, n);
   }), n;
 }
 function Ae(o, n) {
-  const P = X(o.id), f = n.section, O = ne(f);
+  const I = X(o.id), f = n.section, O = ne(f);
   n.dataSource ??= {};
   const w = n.dataSource;
   return {
-    id: P,
+    id: I,
     createdAt: o.createdAt,
     updatedAt: o.updatedAt,
     publishedAt: o.updatedAt,
@@ -78,19 +78,19 @@ function Ae(o, n) {
     dataSource: w
   };
 }
-const De = 500, ce = we(null);
+const De = 500, re = we(null);
 function lt({
   url: o,
   name: n,
-  children: P,
+  children: I,
   waitingSynced: f
 }) {
-  const [O, w] = W(!1), { locale: A } = fe(), h = re(), k = `${h}:MakerLocalState`, b = `${h}:${n}`, [v, S] = ye(k, {
+  const [O, w] = W(!1), { locale: A } = fe(), h = ce(), k = `${h}:MakerLocalState`, b = `${h}:${n}`, [v, S] = ye(k, {
     defaultValue: {},
     listenStorageChange: !0
-  }), R = te(v);
-  R.current = v;
-  const J = j(
+  }), J = te(v);
+  J.current = v;
+  const $ = j(
     () => Se({
       dataSourceIds: [],
       dataSources: {},
@@ -104,7 +104,7 @@ function lt({
       resources: {}
     }),
     []
-  ), y = j(() => Ie(J), [J]);
+  ), y = j(() => Ie($), [$]);
   j(() => new Oe(b, y), [b, y]);
   const C = j(
     () => new be(o, b, y, {
@@ -129,12 +129,12 @@ function lt({
       { doc: y }
     ),
     [y]
-  ), [t, c] = W(null), [r, d] = W(!1), [i, l] = W(void 0), m = M(async () => {
+  ), [t, r] = W(null), [c, d] = W(!1), [i, l] = W(void 0), m = M(async () => {
     if (h) {
       d(!0);
       try {
         const s = await je(h);
-        c(s);
+        r(s);
       } catch (s) {
         console.error("Failed to fetch project:", s);
       } finally {
@@ -144,7 +144,7 @@ function lt({
   }, [h]), u = M(
     async (s, a) => {
       if (l(void 0), !!h) {
-        a?.optimisticUpdate && t && c((g) => ({
+        a?.optimisticUpdate && t && r((g) => ({
           ...g,
           ...s
         }));
@@ -152,9 +152,9 @@ function lt({
           const g = await Me({
             ...s
           });
-          c(g);
+          r(g);
         } catch (g) {
-          console.error("Failed to update project:", g), a?.optimisticUpdate && c(t), l(g?.response?.data);
+          console.error("Failed to update project:", g), a?.optimisticUpdate && r(t), l(g?.response?.data);
         }
       }
     },
@@ -166,7 +166,7 @@ function lt({
   const p = j(
     () => ({
       doc: y,
-      state: J,
+      state: $,
       localState: {
         ...v,
         // always use the locale from the context
@@ -176,7 +176,7 @@ function lt({
       undoManager: e,
       projectState: {
         project: t,
-        isLoadingProject: r,
+        isLoadingProject: c,
         error: i
       },
       updateProject: u,
@@ -185,13 +185,13 @@ function lt({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       y,
-      J,
+      $,
       JSON.stringify(v),
       // resolve the problem of react warning
       S,
       e,
       t,
-      r,
+      c,
       u,
       i,
       A,
@@ -200,8 +200,8 @@ function lt({
   );
   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 });
+      const { currentPageId: a, currentLocale: g, pages: P } = J.current;
+      s.meta.set("localState", { currentPageId: a, currentLocale: g, pages: P });
     }), e.on("stack-item-popped", ({ stackItem: s }) => {
       const a = s.meta.get("localState");
       a && S((g) => ({ ...g, ...a }));
@@ -213,7 +213,7 @@ function lt({
       w(!0);
     });
     let s = 0, a = null;
-    const g = 3, I = 5e3, N = 15e3, x = () => {
+    const g = 3, P = 5e3, N = 15e3, x = () => {
       s = 0, S((T) => ({
         ...T,
         networkStatus: void 0
@@ -230,7 +230,7 @@ function lt({
         if (s++, !a) {
           const se = Date.now();
           let H = 0;
-          const ie = Math.ceil(N / I), Y = () => {
+          const ie = Math.ceil(N / P), Y = () => {
             H++;
             const ae = Date.now() - se;
             if (C.wsconnected) {
@@ -241,9 +241,9 @@ function lt({
               E();
               return;
             }
-            a = setTimeout(Y, I);
+            a = setTimeout(Y, P);
           };
-          a = setTimeout(Y, I);
+          a = setTimeout(Y, P);
         }
         s >= g && E();
       }
@@ -255,13 +255,13 @@ function lt({
     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 });
+  }, [C, S]), f && !O ? null : /* @__PURE__ */ de(re.Provider, { value: p, children: I });
 }
 const _e = () => {
-  const o = Ce(ce);
+  const o = Ce(re);
   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(
+  const n = Pe(o.state), { setLocalState: I, localState: f } = o, O = ve(), w = ce(), 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] = {
@@ -274,13 +274,13 @@ const _e = () => {
       const t = n.components[e]?.data;
       if (!t || t.renderer?.type !== "component-template")
         return;
-      const c = h(e);
-      if (c)
+      const r = h(e);
+      if (r)
         return {
           componentId: e,
           component: t,
           renderer: t.renderer,
-          page: c
+          page: r
         };
     },
     [h, n.components]
@@ -291,18 +291,18 @@ const _e = () => {
         return { kind: "page", pageId: e, page: t };
       if (!K(e))
         return;
-      const c = Z(e);
-      if (!c)
+      const r = Z(e);
+      if (!r)
         return;
-      const r = k(c);
-      if (r)
+      const c = k(r);
+      if (c)
         return {
           kind: "component-template",
           pageId: e,
-          page: r.page,
-          componentId: r.componentId,
-          component: r.component,
-          renderer: r.renderer
+          page: c.page,
+          componentId: c.componentId,
+          component: c.component,
+          renderer: c.renderer
         };
     },
     [k, n.pages]
@@ -321,36 +321,36 @@ const _e = () => {
           localState: { currentPageId: e, currentComponentId: t }
         } = o;
         if (e) {
-          const c = b(e);
-          if (c)
-            return c.page;
+          const r = b(e);
+          if (r)
+            return r.page;
         }
         if (t) {
-          const c = k(t);
-          if (c)
-            return c.page;
+          const r = k(t);
+          if (r)
+            return r.page;
         }
       },
       get currentSection() {
         const {
           localState: { currentPageId: e, ...t }
-        } = o, { currentPage: c } = this;
-        if (!c || !e)
+        } = o, { currentPage: r } = this;
+        if (!r || !e)
           return;
-        const r = t.pages?.[e]?.currentSectionId;
-        if (r)
-          return c.sections?.[r] ?? this.currentPageModel?.getComponentById(r)?.model;
+        const c = t.pages?.[e]?.currentSectionId;
+        if (c)
+          return r.sections?.[c] ?? this.currentPageModel?.getComponentById(c)?.model;
       },
       get currentSectionProperties() {
         const {
           localState: { currentPageId: e, ...t }
-        } = o, { currentPage: c } = this;
-        if (!c || !e)
+        } = o, { currentPage: r } = this;
+        if (!r || !e)
           return;
-        const r = t.pages?.[e]?.currentSectionId;
-        if (!r)
+        const c = t.pages?.[e]?.currentSectionId;
+        if (!c)
           return;
-        const d = c.dataSource?.[r];
+        const d = r.dataSource?.[c];
         if (!d)
           return;
         const { currentLocale: i } = this.currentLocaleMap;
@@ -359,13 +359,13 @@ const _e = () => {
       get currentSectionPropertiesWithFallback() {
         const {
           localState: { currentPageId: e, ...t }
-        } = o, { currentPage: c } = this;
-        if (!c || !e)
+        } = o, { currentPage: r } = this;
+        if (!r || !e)
           return;
-        const r = t.pages?.[e]?.currentSectionId;
-        if (!r)
+        const c = t.pages?.[e]?.currentSectionId;
+        if (!c)
           return;
-        const d = c.dataSource?.[r];
+        const d = r.dataSource?.[c];
         if (!d)
           return;
         const { currentLocale: i, defaultLocale: l, fallbackLocale: m } = this.currentLocaleMap;
@@ -381,12 +381,12 @@ const _e = () => {
           localState: { currentLocale: e },
           state: {
             supportedLocales: t,
-            config: { defaultLocale: c }
+            config: { defaultLocale: r }
           }
         } = o;
         return {
           currentLocale: e,
-          defaultLocale: c,
+          defaultLocale: r,
           fallbackLocale: t?.[0]?.locale ?? "en"
         };
       },
@@ -403,7 +403,7 @@ const _e = () => {
       }
     }),
     [JSON.stringify(f), n]
-  ), R = j(() => {
+  ), J = j(() => {
     if (f.currentPageId) {
       const e = b(f.currentPageId);
       if (e?.kind === "component-template")
@@ -421,31 +421,39 @@ const _e = () => {
           renderer: e.renderer
         };
     }
-  }, [f.currentPageId, f.currentComponentId, b, k]), J = M(
-    () => R?.kind === "component-template" ? R : void 0,
-    [R]
+  }, [f.currentPageId, f.currentComponentId, b, k]), $ = M(
+    () => J?.kind === "component-template" ? J : void 0,
+    [J]
   ), 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");
+        const r = K(e), c = r ? Z(e) : null;
+        e === f.currentPageId && t === f.pages?.[e]?.currentSectionId && (!r || c === f.currentComponentId) || (O(r && c ? F("/admin/maker", w ?? "", "components", c) : F("/admin/maker", w ?? "", "pages", e)), I(
+          (d) => _(d, (i) => {
+            i.currentPageId = e, r ? c && (i.currentComponentId = c) : 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);
+        if (!e) {
+          I(
+            (d) => _(d, (i) => {
+              i.currentComponentId = void 0;
+            })
+          );
+          return;
+        }
+        const r = n.components[e]?.data?.renderer?.type === "component-template", c = r ? X(e) : void 0;
+        e === f.currentComponentId && (!r || f.currentPageId === c) || (O(F("/admin/maker", w ?? "", "components", e)), I(
+          (d) => _(d, (i) => {
+            i.currentComponentId = e, r && c ? (i.currentPageId = c, i.pages ??= {}, i.pages[c] ??= {}) : i.currentPageId && K(i.currentPageId) && (i.currentPageId = void 0);
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
-        P(
-          (c) => $(c, (r) => {
-            r.currentRouteId = e, r.currentDynamicParams = t;
+        I(
+          (r) => _(r, (c) => {
+            c.currentRouteId = e, c.currentDynamicParams = t;
           })
         );
       },
@@ -453,34 +461,34 @@ const _e = () => {
       setCustomComponentPreviewerProperties: (() => {
         const e = {};
         let t = "";
-        const c = ee(() => {
-          P(
-            (r) => $(r, (d) => {
+        const r = ee(() => {
+          I(
+            (c) => _(c, (d) => {
               d.customComponentPreviewerProperties ??= {}, d.customComponentPreviewerProperties[t] = {
                 ...d.customComponentPreviewerProperties[t],
-                ..._(e[t])
+                ...R(e[t])
               }, delete e[t];
             })
           );
         }, 5);
-        return (r, d) => {
-          const i = e[r] ?? {};
-          Object.assign(i, d), e[r] = i, t = r, c();
+        return (c, d) => {
+          const i = e[c] ?? {};
+          Object.assign(i, d), e[c] = i, t = c, r();
         };
       })(),
       setRouteGenerateProcess: (e) => {
-        P(
-          (t) => $(t, (c) => {
-            e ? c.routeGenerateProcess = {
-              ...c.routeGenerateProcess,
+        I(
+          (t) => _(t, (r) => {
+            e ? r.routeGenerateProcess = {
+              ...r.routeGenerateProcess,
               ...e
-            } : c.routeGenerateProcess = {};
+            } : r.routeGenerateProcess = {};
           })
         );
       },
       resetRouteGenerateProcess: () => {
-        P(
-          (e) => $(e, (t) => {
+        I(
+          (e) => _(e, (t) => {
             t.routeGenerateProcess = {
               progress: "complete"
             };
@@ -488,10 +496,10 @@ const _e = () => {
         );
       }
     }),
-    [P, O, w, S]
+    [I, 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);
+    (e, t, r, c, d) => {
+      const i = v(e), { page: l } = i, m = R(t), u = r ? R(r) : void 0, p = z(m);
       return o.doc.transact(() => {
         if (d && d.component === "layout-block") {
           const s = S.currentPageModel?.getComponentById(d.id);
@@ -500,12 +508,12 @@ const _e = () => {
           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);
+          l.sections[p.id] = p, l.sectionIds.splice(c ?? 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 P = u[a.id];
+            P && (l.dataSource[g.id] = R(P)), 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);
             });
@@ -518,13 +526,13 @@ const _e = () => {
   ), U = j(
     () => ({
       addPage: (e, t) => {
-        const c = e?.id ?? B(), r = {
+        const r = e?.id ?? B(), c = {
           ...e,
-          id: c,
+          id: r,
           createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: e?.slug ?? `/${c}`,
+          slug: e?.slug ?? `/${r}`,
           sections: e?.sections ?? {},
           sectionIds: e?.sectionIds ?? [],
           isPublic: e?.isPublic ?? !0,
@@ -538,17 +546,17 @@ const _e = () => {
           }
         };
         return o.doc.transact(() => {
-          n.pages[r.id] = r, n.pageIds.splice(t ?? n.pageIds.length, 0, r.id);
-        }), r;
+          n.pages[c.id] = c, n.pageIds.splice(t ?? n.pageIds.length, 0, c.id);
+        }), c;
       },
       addRoute: (e, t) => {
-        const c = e?.id ?? B(), r = {
+        const r = e?.id ?? B(), c = {
           ...e,
-          id: c,
+          id: r,
           createdAt: e?.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: e?.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          path: e?.path ?? `/${c}`,
+          path: e?.path ?? `/${r}`,
           handler: e?.handler ?? "Pages Kit",
           isPublic: e?.isPublic ?? !0,
           params: e?.params ?? [],
@@ -557,8 +565,8 @@ const _e = () => {
           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;
+          n.routes ??= {}, n.routeIds ??= [], n.routes[c.id] = c, n.routeIds.splice(t ?? n.routeIds.length, 0, c.id);
+        }), c;
       },
       deleteRoute: (e) => {
         if (!e)
@@ -575,15 +583,15 @@ const _e = () => {
         });
       },
       movePage: (e, t) => {
-        const { pageIds: c } = n, r = c.indexOf(e);
-        r >= 0 && c.splice(t, 0, ...c.splice(r, 1));
+        const { pageIds: r } = n, c = r.indexOf(e);
+        c >= 0 && r.splice(t, 0, ...r.splice(c, 1));
       },
-      addSection: (e, t, c, r) => {
+      addSection: (e, t, r, c) => {
         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);
+            return C(e, a.section, a.dataSource, r, c);
         }
         const u = {
           ...t,
@@ -591,21 +599,21 @@ const _e = () => {
           isTemplateSection: t.isTemplateSection ?? !0
           /** @deprecated 已经废弃，llmConfig 从 component / resources.component 中获取 */
           // llmConfig: section.llmConfig ?? {},
-        }, p = _(u.locales);
+        }, p = R(u.locales);
         return delete u.locales, o.doc.transact(() => {
-          if (r && r.component === "layout-block") {
-            const s = S.currentPageModel?.getComponentById(r.id);
+          if (c && c.component === "layout-block") {
+            const s = S.currentPageModel?.getComponentById(c.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);
+            i.sections[u.id] = u, i.sectionIds.splice(r ?? 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;
+        const r = v(e), { page: c } = r;
         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")) {
@@ -618,22 +626,22 @@ const _e = () => {
             }), 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];
+            const u = c.sectionIds.indexOf(m);
+            u !== -1 && c.sectionIds.splice(u, 1), c.sections[m] && delete c.sections[m], c.dataSource?.[m] && delete c.dataSource?.[m];
           });
         });
       },
       lockSection: (e, t) => {
         v(e);
-        const c = S.currentPageModel?.getComponentById(t)?.model;
-        c && (c.locked = !c.locked);
+        const r = S.currentPageModel?.getComponentById(t)?.model;
+        r && (r.locked = !r.locked);
       },
-      toggleSectionVisibility: (e, t, c) => {
+      toggleSectionVisibility: (e, t, r) => {
         v(e);
-        const r = S.currentPageModel?.getComponentById(t)?.model;
-        r && (r.visibility = c);
+        const c = S.currentPageModel?.getComponentById(t)?.model;
+        c && (c.visibility = r);
       },
-      moveSection: (e, t, c, r) => {
+      moveSection: (e, t, r, c) => {
         const d = v(e), { page: i } = d, l = S.currentPageModel;
         if (!l)
           throw new Error(`Page model for ${e} is not available`);
@@ -648,20 +656,20 @@ const _e = () => {
               containerType: "root",
               index: i.sectionIds.indexOf(p)
             };
-          const I = g.model;
+          const P = g.model;
           return {
             section: a,
-            container: I,
+            container: P,
             containerType: "layout-block",
-            index: I.sectionIds.indexOf(p)
+            index: P.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")
+          if (r.startsWith("layout-")) {
+            const a = r.replace("layout-", ""), P = l.getComponentById(a)?.model;
+            if (!P || P.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);
@@ -677,14 +685,14 @@ const _e = () => {
             })(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];
+            P.sections || (P.sections = {}), P.sectionIds || (P.sectionIds = []), P.sections[t] = x, P.sectionIds.push(t), u.container.sectionIds.splice(u.index, 1), u.containerType === "layout-block" && delete u.container.sections[t];
             return;
           }
-          const p = m(c);
+          const p = m(r);
           if (!p)
-            throw new Error(`Target section ${c} not found`);
+            throw new Error(`Target section ${r} not found`);
           let s = p.index;
-          if (r === "bottom" && (s = p.index + 1), u.container === p.container) {
+          if (c === "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 {
@@ -695,18 +703,18 @@ const _e = () => {
       },
       copySection: (e, t) => {
         v(e);
-        const c = S.currentPageModel?.getComponentById(t);
-        if (!c?.model)
+        const r = S.currentPageModel?.getComponentById(t);
+        if (!r?.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;
+        const c = JSON.parse(JSON.stringify(r.model)), d = z(c), i = d.id, l = r?.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];
+              s?.forEach((g, P) => {
+                const N = a?.[P];
                 if (N) {
                   if (N && S.currentPage?.dataSource) {
                     const L = S.currentPage.dataSource[N];
@@ -717,14 +725,14 @@ const _e = () => {
                 }
               });
             };
-            d.sectionIds && r.sectionIds && m(d, r);
+            d.sectionIds && c.sectionIds && m(d, c);
           }
           y.setCurrentSectionId(e, i);
         }
         return d;
       },
       extractSectionToComponentTemplate: (e, t) => {
-        const c = v(e), { page: r } = c, i = S.currentPageModel?.getComponentById(t)?.model;
+        const r = v(e), { page: c } = r, i = S.currentPageModel?.getComponentById(t)?.model;
         if (!i) {
           console.warn(`Section ${t} is not exists`);
           return;
@@ -735,11 +743,11 @@ const _e = () => {
           return;
         }
         const m = (s, a = []) => (s && (a.push(s.id), s.sectionIds?.forEach((g) => {
-          const I = s.sections?.[g];
-          m(I, a);
+          const P = s.sections?.[g];
+          m(P, a);
         })), a), p = m(i).reduce(
           (s, a) => {
-            const g = r.dataSource?.[a];
+            const g = c.dataSource?.[a];
             return g && (s[a] = JSON.parse(JSON.stringify(g))), s;
           },
           {}
@@ -752,10 +760,10 @@ const _e = () => {
       addComponentTemplate: ({
         name: e,
         description: t,
-        section: c,
-        dataSource: r
+        section: r,
+        dataSource: c
       }) => {
-        const d = B(), i = (/* @__PURE__ */ new Date()).toISOString(), l = _(c), m = r ? _(r) : void 0;
+        const d = B(), i = (/* @__PURE__ */ new Date()).toISOString(), l = R(r), m = c ? R(c) : void 0;
         return o.doc.transact(() => {
           const u = Object.values(n.components).length;
           n.components[d] = {
@@ -776,13 +784,13 @@ const _e = () => {
         }), n.components[d];
       },
       addDataSource: (e) => {
-        const t = e.id ?? B(), c = {
+        const t = e.id ?? B(), r = {
           ...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.dataSourceIds ??= [], n.dataSources ??= {}, n.dataSourceIds.push(t), n.dataSources[t] = r;
         }), n.dataSources[t];
       },
       deleteDataSource: (e) => {
@@ -800,9 +808,9 @@ const _e = () => {
     actions: U,
     localActions: y,
     ...S,
-    getComponentTemplateContext: J
+    getComponentTemplateContext: $
   };
-}, re = () => {
+}, ce = () => {
   const { projectId: o } = he();
   return o ?? Ee() ?? "";
 }, pt = () => window.__PROJECT_SLUG__ ?? "";
@@ -810,13 +818,13 @@ function Re(o) {
   const { resources: n } = o;
   if (!n.components)
     return {};
-  const P = {};
+  const I = {};
   return window?.blocklet?.componentMountPoints?.forEach((f) => {
-    P[f.did] = f;
+    I[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 }
+      { data: w, blockletId: O, blockletTitle: I[O]?.title || O }
     ])
   );
 }
@@ -832,7 +840,7 @@ function $e(o) {
 }
 const mt = () => $e(_e().state);
 function z(o) {
-  const n = JSON.parse(JSON.stringify(o)), P = B();
+  const n = JSON.parse(JSON.stringify(o)), I = 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;
@@ -850,7 +858,7 @@ function z(o) {
   }
   return {
     ...n,
-    id: P
+    id: I
   };
 }
 export {
@@ -869,5 +877,5 @@ export {
   Je as l,
   Re as m,
   it as t,
-  re as u
+  ce as u
 };