@blocklet/pages-kit-inner-components 0.5.31 → 0.5.33

package/lib/es/chunks/{state-C02ZI8vz.js → state-NhsHvaKm.js}

@@ -1,6 +1,6 @@
-import { jsx as $ } from "react/jsx-runtime";
+import { jsx as T } from "react/jsx-runtime";
 import { Box as V, Alert as z } from "@mui/material";
-import { joinURL as A, withQuery as q } from "ufo";
+import { joinURL as _, withQuery as q } from "ufo";
 import { createAxios as Q } from "@blocklet/js-sdk";
 import X from "lodash/isEmpty";
 import * as H from "yaml";
@@ -9,11 +9,11 @@ import { TemplateModel as Z, PAGES_KIT_CHILDREN_PROPERTIES as ee } from "@blockl
 import te, { getYjsDoc as oe } from "@syncedstore/core";
 import { useSyncedStore as ne } from "@syncedstore/react";
 import { useLocalStorageState as re } from "ahooks";
-import { produce as k } from "immer";
-import ce from "lodash/cloneDeep";
+import { produce as M } from "immer";
+import se from "lodash/cloneDeep";
 import U from "lodash/debounce";
-import { customAlphabet as se } from "nanoid";
-import { createContext as ie, useState as _, useRef as ae, useMemo as j, useCallback as D, useEffect as R, useContext as de } from "react";
+import { customAlphabet as ce } from "nanoid";
+import { createContext as ie, useState as R, useRef as ae, useMemo as E, useCallback as $, useEffect as D, useContext as de } from "react";
 import { useParams as le, useNavigate as ue } from "react-router-dom";
 import { IndexeddbPersistence as me } from "y-indexeddb";
 import { WebsocketProvider as fe } from "y-websocket";
@@ -36,16 +36,16 @@ function Xe(r, o) {
   return o === "yaml" ? X(r) ? "" : H.stringify(r, { indent: 2 }) : o === "json" ? JSON.parse(JSON.stringify(r || {})) : o === "array" ? JSON.parse(JSON.stringify(r || [])) : r;
 }
 function He({ error: r }) {
-  return /* @__PURE__ */ $(V, { children: /* @__PURE__ */ $(z, { severity: "error", children: r.message }) });
+  return /* @__PURE__ */ T(V, { children: /* @__PURE__ */ T(z, { severity: "error", children: r.message }) });
 }
 var G;
-const T = ((G = window.blocklet) == null ? void 0 : G.prefix) || "/", F = Q({
+const J = ((G = window.blocklet) == null ? void 0 : G.prefix) || "/", F = Q({
   timeout: 200 * 1e3
-}), ge = window.location.protocol === "https:" ? "wss" : "ws", Ye = (r) => A(`${ge}://${window.location.hostname}`, T, `api/${r}/ws/pages`), Pe = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
+}), ge = window.location.protocol === "https:" ? "wss" : "ws", Ye = (r) => _(`${ge}://${window.location.hostname}`, J, `api/${r}/ws/pages`), Pe = "z8ia1mAXo8ZE7ytGF36L5uBf9kD2kenhqFGp9";
 var B;
-(B = blocklet == null ? void 0 : blocklet.componentMountPoints.find((r) => r.did === Pe)) != null && B.mountPoint || A(T, "/image-bin");
+(B = blocklet == null ? void 0 : blocklet.componentMountPoints.find((r) => r.did === Pe)) != null && B.mountPoint || _(J, "/image-bin");
 function Ze(r) {
-  return r && !/^(https?:\/\/|\/)/.test(r) ? window.location.origin + A(T, "uploads", r) : r;
+  return r && !/^(https?:\/\/|\/)/.test(r) ? window.location.origin + _(J, "uploads", r) : r;
 }
 const we = window.innerWidth <= 750;
 function et(r, o, f) {
@@ -62,19 +62,19 @@ async function ye(r) {
 async function he(r) {
   return F.post(`/api/projects/${r.id}/update`, r).then((o) => o.data);
 }
-const ve = 500, M = se("abcdefghijklmnopqrstuvwxyz0123456789", 16), N = ie(null);
+const ve = 500, A = ce("abcdefghijklmnopqrstuvwxyz0123456789", 16), W = ie(null);
 function tt({
   url: r,
   name: o,
   children: f,
   waitingSynced: h
 }) {
-  const [E, b] = _(!1), { locale: S } = Y(), v = W(), L = `${v}:MakerLocalState`, e = `${v}:${o}`, [t, s] = re(L, {
+  const [L, O] = R(!1), { locale: S } = Y(), v = N(), k = `${v}:MakerLocalState`, e = `${v}:${o}`, [t, c] = re(k, {
     defaultValue: {},
     listenStorageChange: !0
-  }), c = ae(t);
-  c.current = t;
-  const i = j(
+  }), s = ae(t);
+  s.current = t;
+  const i = E(
     () => te({
       dataSourceIds: [],
       dataSources: {},
@@ -88,17 +88,17 @@ function tt({
       resources: {}
     }),
     []
-  ), n = j(() => oe(i), [i]);
-  j(() => new me(e, n), [e, n]);
-  const a = j(
+  ), n = E(() => oe(i), [i]);
+  E(() => new me(e, n), [e, n]);
+  const a = E(
     () => new fe(r, e, n, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
     [r, e, n]
-  ), d = D(() => {
+  ), d = $(() => {
     a && (a.disconnect(), a.connect());
-  }, [a]), l = j(
+  }, [a]), l = E(
     () => new Se(
       [
         n.getArray("pageIds"),
@@ -113,42 +113,42 @@ function tt({
       { doc: n }
     ),
     [n]
-  ), [u, m] = _(null), [C, p] = _(!1), [g, P] = _(void 0), x = D(async () => {
+  ), [u, m] = R(null), [x, P] = R(!1), [w, C] = R(void 0), p = $(async () => {
     if (v) {
-      p(!0);
+      P(!0);
       try {
-        const w = await ye(v);
-        m(w);
-      } catch (w) {
-        console.error("Failed to fetch project:", w);
+        const g = await ye(v);
+        m(g);
+      } catch (g) {
+        console.error("Failed to fetch project:", g);
       } finally {
-        p(!1);
+        P(!1);
       }
     }
-  }, [v]), J = D(
-    async (w, I) => {
-      var O;
-      if (P(void 0), !!v) {
+  }, [v]), b = $(
+    async (g, I) => {
+      var j;
+      if (C(void 0), !!v) {
         I != null && I.optimisticUpdate && u && m((y) => ({
           ...y,
-          ...w
+          ...g
         }));
         try {
           const y = await he({
-            ...w
+            ...g
           });
           m(y);
         } catch (y) {
-          console.error("Failed to update project:", y), I != null && I.optimisticUpdate && m(u), P((O = y == null ? void 0 : y.response) == null ? void 0 : O.data);
+          console.error("Failed to update project:", y), I != null && I.optimisticUpdate && m(u), C((j = y == null ? void 0 : y.response) == null ? void 0 : j.data);
         }
       }
     },
     [v, u]
   );
-  R(() => {
-    v && x();
-  }, [v, x]);
-  const K = j(
+  D(() => {
+    v && p();
+  }, [v, p]);
+  const K = E(
     () => ({
       doc: n,
       state: i,
@@ -157,14 +157,14 @@ function tt({
         // always use the locale from the context
         currentLocale: S
       },
-      setLocalState: (w) => s(typeof w == "function" ? (I) => w(I ?? {}) : w),
+      setLocalState: (g) => c(typeof g == "function" ? (I) => g(I ?? {}) : g),
       undoManager: l,
       projectState: {
         project: u,
-        isLoadingProject: C,
-        error: g
+        isLoadingProject: x,
+        error: w
       },
-      updateProject: J,
+      updateProject: b,
       forceSync: d
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -173,51 +173,51 @@ function tt({
       i,
       JSON.stringify(t),
       // resolve the problem of react warning
-      s,
+      c,
       l,
       u,
-      C,
-      J,
-      g,
+      x,
+      b,
+      w,
       S,
       d
     ]
   );
-  return R(() => {
-    l.on("stack-item-added", ({ stackItem: w }) => {
-      const { currentPageId: I, currentLocale: O, pages: y } = c.current;
-      w.meta.set("localState", { currentPageId: I, currentLocale: O, pages: y });
-    }), l.on("stack-item-popped", ({ stackItem: w }) => {
-      const I = w.meta.get("localState");
-      I && s((O) => ({ ...O, ...I }));
+  return D(() => {
+    l.on("stack-item-added", ({ stackItem: g }) => {
+      const { currentPageId: I, currentLocale: j, pages: y } = s.current;
+      g.meta.set("localState", { currentPageId: I, currentLocale: j, pages: y });
+    }), l.on("stack-item-popped", ({ stackItem: g }) => {
+      const I = g.meta.get("localState");
+      I && c((j) => ({ ...j, ...I }));
     });
-  }, [l, s]), R(() => {
+  }, [l, c]), D(() => {
     a.awareness.setLocalState(t);
-  }, [a, t]), R(() => {
-    a.once("synced", () => b(!0));
-    const w = () => {
-      s((y) => ({
+  }, [a, t]), D(() => {
+    a.once("synced", () => O(!0));
+    const g = () => {
+      c((y) => ({
         ...y,
         networkStatus: void 0
       }));
     }, I = () => {
-      s((y) => ({
+      c((y) => ({
         ...y,
         networkStatus: "offline"
       }));
-    }, O = U(({ status: y }) => {
-      y === "connected" ? w() : y === "disconnected" && I();
+    }, j = U(({ status: y }) => {
+      y === "connected" ? g() : y === "disconnected" && I();
     }, ve);
-    return a.on("status", O), window.addEventListener("online", w), window.addEventListener("offline", I), () => {
-      a.off("status", O), window.removeEventListener("online", w), window.removeEventListener("offline", I);
+    return a.on("status", j), window.addEventListener("online", g), window.addEventListener("offline", I), () => {
+      a.off("status", j), window.removeEventListener("online", g), window.removeEventListener("offline", I);
     };
-  }, [a, s]), h && !E ? null : /* @__PURE__ */ $(N.Provider, { value: K, children: f });
+  }, [a, c]), h && !L ? null : /* @__PURE__ */ T(W.Provider, { value: K, children: f });
 }
 const Ce = () => {
-  const r = de(N);
+  const r = de(W);
   if (!r)
     throw new Error("Context is null");
-  const o = ne(r.state), { setLocalState: f, localState: h } = r, E = ue(), b = W(), S = j(
+  const o = ne(r.state), { setLocalState: f, localState: h } = r, L = ue(), O = N(), S = E(
     () => ({
       get currentPage() {
         const {
@@ -226,15 +226,15 @@ const Ce = () => {
         return e ? o.pages[e] : void 0;
       },
       get currentSection() {
-        var c, i, n, a, d;
+        var s, i, n, a, d;
         const {
           localState: { currentPageId: e, ...t }
         } = r;
         if (!e)
           return;
-        const s = (i = (c = t.pages) == null ? void 0 : c[e]) == null ? void 0 : i.currentSectionId;
-        if (s)
-          return ((n = o.pages[e]) == null ? void 0 : n.sections[s]) ?? ((d = (a = this.currentPageModel) == null ? void 0 : a.getComponentById(s)) == null ? void 0 : d.model);
+        const c = (i = (s = t.pages) == null ? void 0 : s[e]) == null ? void 0 : i.currentSectionId;
+        if (c)
+          return ((n = o.pages[e]) == null ? void 0 : n.sections[c]) ?? ((d = (a = this.currentPageModel) == null ? void 0 : a.getComponentById(c)) == null ? void 0 : d.model);
       },
       get currentSectionProperties() {
         var n, a, d, l;
@@ -243,14 +243,14 @@ const Ce = () => {
         } = r;
         if (!e)
           return;
-        const s = (a = (n = t.pages) == null ? void 0 : n[e]) == null ? void 0 : a.currentSectionId;
-        if (!s)
-          return;
-        const c = (l = (d = o.pages[e]) == null ? void 0 : d.dataSource) == null ? void 0 : l[s];
+        const c = (a = (n = t.pages) == null ? void 0 : n[e]) == null ? void 0 : a.currentSectionId;
         if (!c)
           return;
+        const s = (l = (d = o.pages[e]) == null ? void 0 : d.dataSource) == null ? void 0 : l[c];
+        if (!s)
+          return;
         const { currentLocale: i } = this.currentLocaleMap;
-        return i ? c[i] : void 0;
+        return i ? s[i] : void 0;
       },
       get currentSectionPropertiesWithFallback() {
         var d, l, u, m;
@@ -259,33 +259,33 @@ const Ce = () => {
         } = r;
         if (!e)
           return;
-        const s = (l = (d = t.pages) == null ? void 0 : d[e]) == null ? void 0 : l.currentSectionId;
-        if (!s)
-          return;
-        const c = (m = (u = o.pages[e]) == null ? void 0 : u.dataSource) == null ? void 0 : m[s];
+        const c = (l = (d = t.pages) == null ? void 0 : d[e]) == null ? void 0 : l.currentSectionId;
         if (!c)
           return;
+        const s = (m = (u = o.pages[e]) == null ? void 0 : u.dataSource) == null ? void 0 : m[c];
+        if (!s)
+          return;
         const { currentLocale: i, defaultLocale: n, fallbackLocale: a } = this.currentLocaleMap;
-        if (i && c[i])
-          return c[i];
-        if (n && c[n])
-          return c[n];
-        if (a && c[a])
-          return c[a];
+        if (i && s[i])
+          return s[i];
+        if (n && s[n])
+          return s[n];
+        if (a && s[a])
+          return s[a];
       },
       get currentLocaleMap() {
-        var c;
+        var s;
         const {
           localState: { currentLocale: e },
           state: {
             supportedLocales: t,
-            config: { defaultLocale: s }
+            config: { defaultLocale: c }
           }
         } = r;
         return {
           currentLocale: e,
-          defaultLocale: s,
-          fallbackLocale: ((c = t == null ? void 0 : t[0]) == null ? void 0 : c.locale) ?? "en"
+          defaultLocale: c,
+          fallbackLocale: ((s = t == null ? void 0 : t[0]) == null ? void 0 : s.locale) ?? "en"
         };
       },
       get currentRoute() {
@@ -307,59 +307,59 @@ const Ce = () => {
       }
     }),
     [JSON.stringify(h), o]
-  ), v = j(
+  ), v = E(
     () => ({
       setCurrentSectionId: (e, t) => {
-        var s, c;
-        e === h.currentPageId && t === ((c = (s = h.pages) == null ? void 0 : s[e]) == null ? void 0 : c.currentSectionId) || (E(A("/admin/maker", b ?? "", "pages", e)), f(
-          (i) => k(i, (n) => {
+        var c, s;
+        e === h.currentPageId && t === ((s = (c = h.pages) == null ? void 0 : c[e]) == null ? void 0 : s.currentSectionId) || (L(_("/admin/maker", O ?? "", "pages", e)), f(
+          (i) => M(i, (n) => {
             var a;
             n.currentPageId = e, n.currentComponentId = void 0, n.customComponentPreviewerProperties = {}, t !== void 0 && (n.pages ?? (n.pages = {}), (a = n.pages)[e] ?? (a[e] = {}), n.pages[e].currentSectionId = t ?? void 0), t ? window.sessionStorage.setItem("iframe_show_id", `"${t}"`) : window.sessionStorage.removeItem("iframe_show_id");
           })
         ));
       },
       setCurrentComponentId: (e) => {
-        e !== h.currentComponentId && (E(A("/admin/maker", b ?? "", "components", e)), f(
-          (t) => k(t, (s) => {
-            s.currentComponentId = e, s.customComponentPreviewerProperties = {};
+        e !== h.currentComponentId && (L(_("/admin/maker", O ?? "", "components", e)), f(
+          (t) => M(t, (c) => {
+            c.currentComponentId = e, c.customComponentPreviewerProperties = {};
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: t }) => {
         f(
-          (s) => k(s, (c) => {
-            c.currentRouteId = e, c.currentDynamicParams = t;
+          (c) => M(c, (s) => {
+            s.currentRouteId = e, s.currentDynamicParams = t;
           })
         );
       },
       setCustomComponentPreviewerProperties: (() => {
         const e = {}, t = U(() => {
           f(
-            (s) => k(s, (c) => {
-              c.customComponentPreviewerProperties = {
-                ...c == null ? void 0 : c.customComponentPreviewerProperties,
+            (c) => M(c, (s) => {
+              s.customComponentPreviewerProperties = {
+                ...s == null ? void 0 : s.customComponentPreviewerProperties,
                 ...e
               }, Object.keys(e).forEach((i) => delete e[i]);
             })
           );
         }, 5);
-        return (s) => {
-          Object.assign(e, s), t();
+        return (c) => {
+          Object.assign(e, c), t();
         };
       })(),
       setRouteGenerateProcess: (e) => {
         f(
-          (t) => k(t, (s) => {
-            e ? s.routeGenerateProcess = {
-              ...s.routeGenerateProcess,
+          (t) => M(t, (c) => {
+            e ? c.routeGenerateProcess = {
+              ...c.routeGenerateProcess,
               ...e
-            } : s.routeGenerateProcess = {};
+            } : c.routeGenerateProcess = {};
           })
         );
       },
       resetRouteGenerateProcess: () => {
         f(
-          (e) => k(e, (t) => {
+          (e) => M(e, (t) => {
             t.routeGenerateProcess = {
               progress: "complete"
             };
@@ -367,18 +367,18 @@ const Ce = () => {
         );
       }
     }),
-    [f, E, b, S]
-  ), L = j(
+    [f, L, O, S]
+  ), k = E(
     () => ({
       addPage: (e, t) => {
         var i, n, a, d, l, u;
-        const s = (e == null ? void 0 : e.id) ?? M(), c = {
+        const c = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: c,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          slug: (e == null ? void 0 : e.slug) ?? `/${s}`,
+          slug: (e == null ? void 0 : e.slug) ?? `/${c}`,
           sections: (e == null ? void 0 : e.sections) ?? {},
           sectionIds: (e == null ? void 0 : e.sectionIds) ?? [],
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
@@ -392,17 +392,17 @@ const Ce = () => {
           }
         };
         return r.doc.transact(() => {
-          o.pages[c.id] = c, o.pageIds.splice(t ?? o.pageIds.length, 0, c.id);
-        }), c;
+          o.pages[s.id] = s, o.pageIds.splice(t ?? o.pageIds.length, 0, s.id);
+        }), s;
       },
       addRoute: (e, t) => {
-        const s = (e == null ? void 0 : e.id) ?? M(), c = {
+        const c = (e == null ? void 0 : e.id) ?? A(), s = {
           ...e,
-          id: s,
+          id: c,
           createdAt: (e == null ? void 0 : e.createdAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (e == null ? void 0 : e.updatedAt) ?? (/* @__PURE__ */ new Date()).toISOString(),
           publishedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
-          path: (e == null ? void 0 : e.path) ?? `/${s}`,
+          path: (e == null ? void 0 : e.path) ?? `/${c}`,
           handler: (e == null ? void 0 : e.handler) ?? "Pages Kit",
           isPublic: (e == null ? void 0 : e.isPublic) ?? !0,
           params: (e == null ? void 0 : e.params) ?? [],
@@ -411,17 +411,17 @@ const Ce = () => {
           dataSource: (e == null ? void 0 : e.dataSource) ?? {}
         };
         return r.doc.transact(() => {
-          o.routes ?? (o.routes = {}), o.routeIds ?? (o.routeIds = []), o.routes[c.id] = c, o.routeIds.splice(t ?? o.routeIds.length, 0, c.id);
-        }), c;
+          o.routes ?? (o.routes = {}), o.routeIds ?? (o.routeIds = []), o.routes[s.id] = s, o.routeIds.splice(t ?? o.routeIds.length, 0, s.id);
+        }), s;
       },
       deleteRoute: (e) => {
-        var s;
+        var c;
         if (!e)
           return;
-        const t = (s = o.routeIds) == null ? void 0 : s.indexOf(e);
+        const t = (c = o.routeIds) == null ? void 0 : c.indexOf(e);
         t !== void 0 && t !== -1 && r.doc.transact(() => {
-          var c, i;
-          (c = o.routeIds) == null || c.splice(t, 1), (i = o.routes) == null || delete i[e];
+          var s, i;
+          (s = o.routeIds) == null || s.splice(t, 1), (i = o.routes) == null || delete i[e];
         });
       },
       deletePage: (e) => {
@@ -431,50 +431,50 @@ const Ce = () => {
         });
       },
       movePage: (e, t) => {
-        const { pageIds: s } = o, c = s.indexOf(e);
-        c >= 0 && s.splice(t, 0, ...s.splice(c, 1));
+        const { pageIds: c } = o, s = c.indexOf(e);
+        s >= 0 && c.splice(t, 0, ...c.splice(s, 1));
       },
-      addSection: (e, t, s, c) => {
+      addSection: (e, t, c, s) => {
         const i = o.pages[e];
         if (!i)
           throw new Error(`Page ${e} is not exists`);
         const n = {
           ...t,
-          id: t.id ?? M(),
+          id: t.id ?? A(),
           isTemplateSection: t.isTemplateSection ?? !0,
           llmConfig: t.llmConfig ?? {}
-        }, a = ce(n.locales);
+        }, a = se(n.locales);
         return delete n.locales, r.doc.transact(() => {
           var d, l, u;
-          if (c && c.component === "layout-block") {
-            const m = (d = S.currentPageModel) == null ? void 0 : d.getComponentById(c.id);
+          if (s && s.component === "layout-block") {
+            const m = (d = S.currentPageModel) == null ? void 0 : d.getComponentById(s.id);
             m && ((l = m.model).sections ?? (l.sections = {}), m.model.sections[n.id] = n, (u = m.model).sectionIds ?? (u.sectionIds = []), m.model.sectionIds.push(n.id));
           } else
-            i.sections[n.id] = n, i.sectionIds.splice(s ?? i.sectionIds.length, 0, n.id);
+            i.sections[n.id] = n, i.sectionIds.splice(c ?? i.sectionIds.length, 0, n.id);
           a && (i.dataSource ?? (i.dataSource = {}), i.dataSource[n.id] = a);
         }), n;
       },
       deleteSection: (e, t) => {
-        const s = o.pages[e];
-        if (!s)
+        const c = o.pages[e];
+        if (!c)
           throw new Error(`Page ${e} is not exists`);
         r.doc.transact(() => {
-          var a, d, l, u, m, C;
-          const c = [], i = (a = S.currentPageModel) == null ? void 0 : a.getComponentById(t), n = i == null ? void 0 : i.parent;
-          if (i && (c.push(i.model.id, ...i.all().map((p) => p.model.id)), (n == null ? void 0 : n.model.component) === "layout-block")) {
-            const p = (d = n.model.sectionIds) == null ? void 0 : d.indexOf(t);
-            p !== void 0 && p !== -1 && ((l = n.model.sectionIds) == null || l.splice(p, 1), (u = n.model.sections) == null || delete u[t]), (m = n.model.config) != null && m.gridSettings && Object.keys(n.model.config.gridSettings).forEach((g) => {
-              var P;
+          var a, d, l, u, m, x;
+          const s = [], i = (a = S.currentPageModel) == null ? void 0 : a.getComponentById(t), n = i == null ? void 0 : i.parent;
+          if (i && (s.push(i.model.id, ...i.all().map((P) => P.model.id)), (n == null ? void 0 : n.model.component) === "layout-block")) {
+            const P = (d = n.model.sectionIds) == null ? void 0 : d.indexOf(t);
+            P !== void 0 && P !== -1 && ((l = n.model.sectionIds) == null || l.splice(P, 1), (u = n.model.sections) == null || delete u[t]), (m = n.model.config) != null && m.gridSettings && Object.keys(n.model.config.gridSettings).forEach((w) => {
+              var C;
               try {
-                (P = n.model.config.gridSettings[g]) == null || delete P[t];
+                (C = n.model.config.gridSettings[w]) == null || delete C[t];
               } catch {
               }
-            }), ((C = n.model.config) == null ? void 0 : C.backgroundSectionId) === t && (n.model.config.backgroundSectionId = void 0);
+            }), ((x = n.model.config) == null ? void 0 : x.backgroundSectionId) === t && (n.model.config.backgroundSectionId = void 0);
           }
-          c.forEach((p) => {
-            var P, x;
-            const g = s.sectionIds.indexOf(p);
-            g !== -1 && s.sectionIds.splice(g, 1), s.sections[p] && delete s.sections[p], (P = s.dataSource) != null && P[p] && ((x = s.dataSource) == null || delete x[p]);
+          s.forEach((P) => {
+            var C, p;
+            const w = c.sectionIds.indexOf(P);
+            w !== -1 && c.sectionIds.splice(w, 1), c.sections[P] && delete c.sections[P], (C = c.dataSource) != null && C[P] && ((p = c.dataSource) == null || delete p[P]);
           });
         });
       },
@@ -482,26 +482,26 @@ const Ce = () => {
         var i, n;
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
-        const c = (n = (i = S.currentPageModel) == null ? void 0 : i.getComponentById(t)) == null ? void 0 : n.model;
-        c && (c.locked = !c.locked);
+        const s = (n = (i = S.currentPageModel) == null ? void 0 : i.getComponentById(t)) == null ? void 0 : n.model;
+        s && (s.locked = !s.locked);
       },
-      toggleSectionVisibility: (e, t, s) => {
+      toggleSectionVisibility: (e, t, c) => {
         var n, a;
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
         const i = (a = (n = S.currentPageModel) == null ? void 0 : n.getComponentById(t)) == null ? void 0 : a.model;
-        i && (i.visibility = s);
+        i && (i.visibility = c);
       },
-      moveSection: (e, t, s, c) => {
-        var n, a, d, l, u, m;
+      moveSection: (e, t, c, s) => {
+        var n, a, d, l, u, m, x, P;
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
-        if (c && c !== t) {
-          const C = (n = S.currentPageModel) == null ? void 0 : n.getComponentById(t), p = (a = S.currentPageModel) == null ? void 0 : a.getComponentById(c), g = C == null ? void 0 : C.parent, P = p == null ? void 0 : p.parent;
-          P && g && ((d = P == null ? void 0 : P.model) == null ? void 0 : d.id) === ((l = g == null ? void 0 : g.model) == null ? void 0 : l.id) ? r.doc.transact(() => {
-            g.model.sectionIds.splice(C.getIndex(), 1), g.model.sectionIds.splice(p.getIndex(), 0, t);
-          }) : P && g && ((u = P == null ? void 0 : P.model) == null ? void 0 : u.id) !== ((m = g == null ? void 0 : g.model) == null ? void 0 : m.id) && r.doc.transact(() => {
-            P.model.sections[t] = JSON.parse(JSON.stringify(C.model)), P.model.sectionIds.splice(p.getIndex(), 0, t), g.model.sectionIds.splice(C.getIndex(), 1), delete g.model.sections[t];
+        if (s && s !== t) {
+          const w = (n = S.currentPageModel) == null ? void 0 : n.getComponentById(t), C = (a = S.currentPageModel) == null ? void 0 : a.getComponentById(s), p = w == null ? void 0 : w.parent, b = C == null ? void 0 : C.parent;
+          b && p && ((d = b == null ? void 0 : b.model) == null ? void 0 : d.id) === ((l = p == null ? void 0 : p.model) == null ? void 0 : l.id) ? r.doc.transact(() => {
+            p.model.sectionIds.splice(w.getIndex(), 1), p.model.sectionIds.splice(C.getIndex(), 0, t);
+          }) : b && p && ((u = b == null ? void 0 : b.model) == null ? void 0 : u.id) !== ((m = p == null ? void 0 : p.model) == null ? void 0 : m.id) && t !== s && !((P = (x = w == null ? void 0 : w.model) == null ? void 0 : x.sectionIds) != null && P.includes(s)) && r.doc.transact(() => {
+            b.model.sections[t] = JSON.parse(JSON.stringify(w.model)), b.model.sectionIds.splice(C.getIndex(), 0, t), p.model.sectionIds.splice(w.getIndex(), 1), delete p.model.sections[t];
           });
         }
       },
@@ -509,22 +509,22 @@ const Ce = () => {
         var l, u, m;
         if (!o.pages[e])
           throw new Error(`Page ${e} is not exists`);
-        const c = (l = S.currentPageModel) == null ? void 0 : l.getComponentById(t);
-        if (!(c != null && c.model))
+        const s = (l = S.currentPageModel) == null ? void 0 : l.getComponentById(t);
+        if (!(s != null && s.model))
           throw new Error(`Section ${t} is not exists`);
-        const i = JSON.parse(JSON.stringify(c.model)), n = Ee(i), a = n.id, d = c == null ? void 0 : c.parent;
+        const i = JSON.parse(JSON.stringify(s.model)), n = Ee(i), a = n.id, d = s == null ? void 0 : s.parent;
         return d && (d.model.sections[a] = n, d.model.sectionIds.push(a), v.setCurrentSectionId(e, a), (m = (u = S.currentPage) == null ? void 0 : u.dataSource) != null && m[t] && (S.currentPage.dataSource[a] = JSON.parse(
           JSON.stringify(S.currentPage.dataSource[t])
         ))), n;
       },
       addDataSource: (e) => {
-        const t = e.id ?? M(), s = {
+        const t = e.id ?? A(), c = {
           ...e ?? {},
           id: t,
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         return r.doc.transact(() => {
-          o.dataSourceIds ?? (o.dataSourceIds = []), o.dataSources ?? (o.dataSources = {}), o.dataSourceIds.push(t), o.dataSources[t] = s;
+          o.dataSourceIds ?? (o.dataSourceIds = []), o.dataSources ?? (o.dataSources = {}), o.dataSourceIds.push(t), o.dataSources[t] = c;
         }), o.dataSources[t];
       },
       deleteDataSource: (e) => {
@@ -539,28 +539,28 @@ const Ce = () => {
   return {
     ...r,
     state: o,
-    actions: L,
+    actions: k,
     localActions: v,
     ...S
   };
-}, W = () => {
+}, N = () => {
   const { projectId: r } = le();
   return r ?? pe() ?? "";
 }, ot = () => window.__PROJECT_SLUG__ ?? "";
 function be(r) {
-  var h, E;
+  var h, L;
   const { resources: o } = r;
   if (!o.components)
     return {};
   const f = {};
-  return (E = (h = window == null ? void 0 : window.blocklet) == null ? void 0 : h.componentMountPoints) == null || E.forEach((b) => {
-    f[b.did] = b;
+  return (L = (h = window == null ? void 0 : window.blocklet) == null ? void 0 : h.componentMountPoints) == null || L.forEach((O) => {
+    f[O.did] = O;
   }), Object.fromEntries(
-    Object.entries(o.components).map(([b, { blockletId: S, component: v }]) => {
-      var L;
+    Object.entries(o.components).map(([O, { blockletId: S, component: v }]) => {
+      var k;
       return [
-        b,
-        { data: v, blockletId: S, blockletTitle: ((L = f[S]) == null ? void 0 : L.title) || S }
+        O,
+        { data: v, blockletId: S, blockletTitle: ((k = f[S]) == null ? void 0 : k.title) || S }
       ];
     })
   );
@@ -577,7 +577,7 @@ function je(r) {
 }
 const nt = () => je(Ce().state);
 function Ee(r) {
-  const o = JSON.parse(JSON.stringify(r)), f = M();
+  const o = JSON.parse(JSON.stringify(r)), f = A();
   return {
     ...o,
     id: f
@@ -599,7 +599,7 @@ export {
   Oe as k,
   be as l,
   pe as m,
-  M as n,
+  A as n,
   Xe as t,
-  W as u
+  N as u
 };