@blocklet/pages-kit-inner-components 0.5.25 → 0.5.27

package/lib/es/add-component.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as I, Fragment as f } from "react/jsx-runtime";
-import { b as oI, i as q, j as IC, n as _, h as CC, k as gC, l as AC, g as iC } from "./chunks/state-TRx4qpp_.js";
+import { b as oI, i as q, j as IC, n as _, h as CC, k as gC, l as AC, g as iC } from "./chunks/state-D5BnGunt.js";
 import HI from "@arcblock/ux/lib/Empty";
 import { useLocaleContext as W } from "@arcblock/ux/lib/Locale/context";
 import { Icon as $ } from "@iconify-icon/react";
@@ -7,14 +7,14 @@ import oC from "@mui/icons-material/Check";
 import { Box as D, styled as lI, InputLabel as EI, TextField as h, IconButton as G, Autocomplete as tI, FormControl as wC, Select as sC, MenuItem as Q, ListItemText as nI, Typography as k, OutlinedInput as MC, useTheme as LC, CircularProgress as gI, InputAdornment as jC, Button as X, Grid as V, Stack as uI, Input as XI, CssBaseline as JC, Menu as OC, Dialog as wI, DialogTitle as sI, DialogContent as MI, DialogActions as LI, Tabs as mC, Tab as SC, Card as BC, CardMedia as yC, CardContent as DC, Skeleton as eC } from "@mui/material";
 import { useRequest as bC, useReactive as v, useUpdate as WI, useThrottleFn as TI, useGetState as NC, useAsyncEffect as YI, useBoolean as xI } from "ahooks";
 import rI, { useState as c, useEffect as t, useMemo as E, createContext as jI, useContext as KC, useRef as Z, useCallback as T, createElement as dC, forwardRef as JI, useImperativeHandle as OI } from "react";
-import { I as zC, n as DI, A as cC, b as FC, T as aC, c as HC, B as lC } from "./chunks/array-uzhVAv0S.js";
+import { I as zC, n as DI, A as cC, b as FC, T as aC, c as HC, B as lC } from "./chunks/array-9j8tOSbO.js";
 import { styled as AI } from "@arcblock/ux/lib/Theme";
 import "@blocklet/pages-kit/builtin/color-picker";
 import "@blocklet/pages-kit/utils/style";
 import { cx as EC } from "@emotion/css";
 import "lodash/without";
 import { red as tC, pink as nC, purple as uC, indigo as XC, blue as WC, cyan as TC, teal as YC, green as xC, lime as rC, yellow as hC, amber as ZC, orange as QC, brown as kC, grey as RC, blueGrey as pC } from "@mui/material/colors";
-import { C as CI } from "./chunks/config-string-BloDH_C5.js";
+import { C as CI } from "./chunks/config-string-CNLg1EYu.js";
 import UC from "lodash/cloneDeep";
 import { DragIndicator as fC, SearchRounded as GC, Remove as VC, Add as hI, Language as vC, CopyAll as PC, Settings as _C, Delete as $C } from "@mui/icons-material";
 import { useDrag as qC, useDrop as Ig } from "react-dnd";

package/lib/es/chunks/{array-uzhVAv0S.js → array-9j8tOSbO.js}

@@ -3,7 +3,7 @@ import "@mui/icons-material";
 import { Box as y, styled as Et, Typography as C, Container as Ot, Stack as At, useTheme as xt, createTheme as Ft, ThemeProvider as Ut, Card as Vt, CircularProgress as Dt, Grid as st, CardMedia as Ht, CardContent as Yt } from "@mui/material";
 import Jt, { createContext as yt, useMemo as W, useCallback as M, useContext as bt, Fragment as Mt, isValidElement as wt, useState as K, useEffect as E, useRef as tt } from "react";
 import G from "lodash/keyBy";
-import { f as j, g as N, E as Kt, i as et, m as ot } from "./state-TRx4qpp_.js";
+import { f as j, g as N, E as Kt, i as et, m as ot } from "./state-D5BnGunt.js";
 import { AIForm as lt, AIFormResult as ct } from "@blocklet/ai-runtime/components";
 import { deepmerge as Gt } from "@mui/utils";
 import rt from "lodash/pick";

package/lib/es/chunks/{config-string-BloDH_C5.js → config-string-CNLg1EYu.js}

@@ -4,7 +4,7 @@ import { Icon as P } from "@iconify-icon/react";
 import { TextField as A, Stack as w, FormControlLabel as F, Switch as L, Box as j, InputAdornment as k } from "@mui/material";
 import { forwardRef as B, useState as D, useEffect as E, useImperativeHandle as U } from "react";
 import { useDebounce as V } from "react-use";
-import { g as x } from "./state-TRx4qpp_.js";
+import { g as x } from "./state-D5BnGunt.js";
 const J = B(function({ showMarkdown: I, markdown: h, onMarkdownChange: n, showUploader: S, value: o, meta: H, onChange: l, ...a }, z) {
   const [e, c] = D("");
   E(() => {

package/lib/es/chunks/{draft-data-hZqezCbE.js → draft-data-hSHLdxKp.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { u as a, S as o, a as s, b as n } from "./state-TRx4qpp_.js";
+import { u as a, S as o, a as s, b as n } from "./state-D5BnGunt.js";
 function d({ children: t }) {
   const r = a();
   return /* @__PURE__ */ e(o, { url: s(r ?? ""), name: "root", waitingSynced: !0, children: /* @__PURE__ */ e(i, { children: t }) });

package/lib/es/chunks/{home-BG1ZwC5Y.js → home-CNk6U8FU.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as D } from "react/jsx-runtime";
-import { u as X, d as Y, e as fe, f as he, g as be, c as ye } from "./state-TRx4qpp_.js";
+import { u as X, d as Y, e as fe, f as he, g as be, c as ye } from "./state-D5BnGunt.js";
 import { useLocaleContext as J } from "@arcblock/ux/lib/Locale/context";
 import Z from "@arcblock/ux/lib/Result";
 import { useHeaderState as ve } from "@blocklet/pages-kit/builtin/page/header";
@@ -21,7 +21,7 @@ import { Helmet as Be } from "react-helmet";
 import { useSearchParams as ue, Routes as Oe, Route as E, Navigate as Fe, ScrollRestoration as Le } from "react-router-dom";
 import { useAsync as pe } from "react-use";
 import { joinURL as S } from "ufo";
-import { S as _e, n as K, P as De, a as Ne, B as $e, g as Ae } from "./array-uzhVAv0S.js";
+import { S as _e, n as K, P as De, a as Ne, B as $e, g as Ae } from "./array-9j8tOSbO.js";
 import { styled as me, useTheme as He } from "@arcblock/ux/lib/Theme";
 import Ue from "@blocklet/ui-react/lib/Footer";
 import "webfontloader";
@@ -96,7 +96,7 @@ function Je({ mode: t }) {
   }
   return /* @__PURE__ */ e(Ze, { children: ({ state: n }) => /* @__PURE__ */ e(H, { mode: t, state: n }) });
 }
-const Ze = le(() => import("./draft-data-hZqezCbE.js"));
+const Ze = le(() => import("./draft-data-hSHLdxKp.js"));
 function et({
   mode: t,
   children: n
@@ -423,7 +423,7 @@ function $({
     !((I = l.footer) != null && I.hidden) && /* @__PURE__ */ e(We, {})
   ] });
 }
-const tt = le(() => import("./publish-button-CyxGsQeI.js")), de = re(xe)`
+const tt = le(() => import("./publish-button-BftBlabj.js")), de = re(xe)`
   &.sticky {
     position: sticky;
     top: 0;

package/lib/es/chunks/{publish-button-CyxGsQeI.js → publish-button-BftBlabj.js}

@@ -1,19 +1,19 @@
 import { jsx as t, jsxs as f, Fragment as le } from "react/jsx-runtime";
-import { u as ce, c as de } from "./state-TRx4qpp_.js";
+import { u as ce, c as de } from "./state-D5BnGunt.js";
 import { useLocaleContext as U } from "@arcblock/ux/lib/Locale/context";
 import Q from "@arcblock/ux/lib/Toast";
 import { generateParamCombinations as me } from "@blocklet/pages-kit/utils/route";
 import { Warning as ue, Sync as te, VisibilityOff as ne, KeyboardArrowDown as pe, KeyboardArrowRight as he } from "@mui/icons-material";
 import { LoadingButton as ie } from "@mui/lab";
-import { createSvgIcon as ge, Dialog as fe, DialogTitle as ye, Box as S, IconButton as be, DialogContent as xe, DialogActions as we, Button as ke, Alert as Se, List as De, ListItem as W, ListItemButton as K, ListItemIcon as N, Checkbox as I, ListItemText as F, Tooltip as H, Collapse as Pe, Chip as Ae } from "@mui/material";
+import { createSvgIcon as ge, Dialog as fe, DialogTitle as ye, Box as S, IconButton as be, DialogContent as xe, DialogActions as we, Button as ke, Alert as Se, List as De, ListItem as W, ListItemButton as K, ListItemIcon as N, Checkbox as I, ListItemText as F, Tooltip as H, Collapse as Ae, Chip as Pe } from "@mui/material";
 import { produce as Oe } from "immer";
 import ee from "lodash/difference";
-import { useState as T, useMemo as R, useCallback as j, forwardRef as Te, useImperativeHandle as je, useEffect as $, useRef as ve } from "react";
+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-BG1ZwC5Y.js";
-import { p as Le, g as Be } from "./array-uzhVAv0S.js";
+import { L as ze } from "./home-CNk6U8FU.js";
+import { p as Le, g as Be } from "./array-9j8tOSbO.js";
 function Ee(s) {
-  const [y, w] = T(!1);
+  const [y, w] = j(!1);
   return /* @__PURE__ */ t(
     ie,
     {
@@ -55,9 +55,9 @@ const Ce = ge(
   "Close"
 );
 function Me() {
-  const [s, y] = T(), w = R(() => s ? /* @__PURE__ */ t(fe, { ...s }) : null, [s]), l = j(() => {
+  const [s, y] = j(), w = R(() => s ? /* @__PURE__ */ t(fe, { ...s }) : null, [s]), l = v(() => {
     y(void 0);
-  }, []), u = j(
+  }, []), u = v(
     ({
       title: b,
       content: c,
@@ -124,8 +124,8 @@ function Me() {
   );
   return { dialog: w, showDialog: u, closeDialog: l };
 }
-const _e = Te(({ mode: s, state: y }, w) => {
-  const { t: l } = U(), [u, b] = T(!1), { dialog: c, showDialog: D } = Me(), h = ce(), g = j(
+const _e = je(({ mode: s, state: y }, w) => {
+  const { t: l } = U(), [u, b] = j(!1), { dialog: c, showDialog: D } = Me(), h = ce(), g = v(
     (z) => {
       let k = [];
       D({
@@ -162,10 +162,10 @@ const _e = Te(({ mode: s, state: y }, w) => {
     },
     [s, y, l, h, D]
   );
-  je(w, () => ({
+  ve(w, () => ({
     openPublishDialog: g
   }));
-  const a = j(() => {
+  const a = v(() => {
     g();
   }, [g]);
   return /* @__PURE__ */ f(le, { children: [
@@ -179,7 +179,7 @@ const _e = Te(({ mode: s, state: y }, w) => {
         onClick: a,
         loading: u,
         disabled: u,
-        children: l("maker.publishToProduction")
+        children: l("maker.publish")
       }
     ),
     c
@@ -238,18 +238,18 @@ function We({
   onChange: w,
   defaultRouteIds: l
 }) {
-  const { t: u, locale: b } = U(), [c, D] = T(!1), [h, g] = T(
+  const { t: u, locale: b } = U(), [c, D] = j(!1), [h, g] = j(
     () => l ? Object.fromEntries(l.filter((e) => !e.includes("-")).map((e) => [e, !0])) : {}
-  ), [a, z] = T({}), [k, x] = T(
+  ), [a, z] = j({}), [k, x] = j(
     () => l ? Object.fromEntries(l.filter((e) => e.includes("-")).map((e) => [e, !0])) : {}
-  ), [L, J] = T({}), { loading: V, error: B, value: m } = Re(() => Be({ mode: y }), [y]);
+  ), [L, J] = j({}), { loading: V, error: B, value: m } = Re(() => Be({ mode: y }), [y]);
   if (B)
     throw B;
-  const P = R(() => s.routeIds || [], [s]), q = R(() => (m == null ? void 0 : m.pageIds) || [], [m]), O = R(() => !P || !s.routes ? [] : JSON.parse(JSON.stringify(P)).sort((r, i) => {
+  const A = R(() => s.routeIds || [], [s]), q = R(() => (m == null ? void 0 : m.pageIds) || [], [m]), O = R(() => !A || !s.routes ? [] : JSON.parse(JSON.stringify(A)).sort((r, i) => {
     var p, d;
     const n = (p = s.routes) == null ? void 0 : p[r], o = (d = s.routes) == null ? void 0 : d[i];
     return n != null && n.publishedAt && new Date(n.publishedAt).getTime() < new Date(n.updatedAt).getTime() ? -1 : o != null && o.publishedAt && new Date(o.publishedAt).getTime() < new Date(o.updatedAt).getTime() ? 1 : new Date((n == null ? void 0 : n.updatedAt) ?? "").getTime() - new Date((o == null ? void 0 : o.updatedAt) ?? "").getTime();
-  }), [s, P]), G = R(() => {
+  }), [s, A]), G = R(() => {
     if (!O) return [];
     if (!a) return O;
     const e = [...O].filter((r) => !a[r]);
@@ -258,13 +258,13 @@ function We({
         e.push(`${i.originalRouteId}-${i.paramOptionIds.join("-")}`);
       });
     }), e;
-  }, [O, a]), v = R(
+  }, [O, a]), T = R(
     () => !m || !q || !G ? [] : ee(q, G),
     [G, m, q]
   ), E = R(
-    () => P ? [...P].concat(v) : v,
-    [P, v]
-  ), X = j(() => {
+    () => A ? [...A].concat(T) : T,
+    [A, T]
+  ), X = v(() => {
     const e = {};
     O == null || O.forEach((r) => {
       var n;
@@ -295,7 +295,7 @@ function We({
       }), r;
     });
   }, [a]);
-  const Y = ve(!0);
+  const Y = Te(!0);
   $(() => {
     x((e) => {
       const r = { ...e };
@@ -313,16 +313,16 @@ function We({
       const n = { ...i };
       return n[e] = !n[e], n;
     });
-  }, Z = j(
+  }, Z = v(
     (e) => {
       g((r) => {
         const i = Oe(r, (n) => {
-          c ? (Object.assign(n, Object.fromEntries(E.map((o) => [o, !0]))), delete n[e]) : n[e] ? (delete n[e], v.includes(e) && (P || []).filter((o) => {
+          c ? (Object.assign(n, Object.fromEntries(E.map((o) => [o, !0]))), delete n[e]) : n[e] ? (delete n[e], T.includes(e) && (A || []).filter((o) => {
             var p, d;
             return ((p = s.pages[o]) == null ? void 0 : p.slug) === ((d = m == null ? void 0 : m.pages[e]) == null ? void 0 : d.slug);
           }).forEach((o) => {
             delete n[o];
-          })) : (n[e] = !0, P && P.includes(e) && v.filter((o) => {
+          })) : (n[e] = !0, A && A.includes(e) && T.filter((o) => {
             var p, d;
             return ((p = m == null ? void 0 : m.pages[o]) == null ? void 0 : p.slug) === ((d = s.pages[e]) == null ? void 0 : d.slug);
           }).forEach((o) => {
@@ -332,28 +332,28 @@ function We({
         return D(ee(E, Object.keys(i)).length === 0), i;
       });
     },
-    [c, E, v, s, m, P]
-  ), se = j(
+    [c, E, T, s, m, A]
+  ), se = v(
     (e, r) => {
       const i = `${e}-${r.paramOptionIds.join("-")}`;
       x((n) => {
         var d;
         const o = { ...n };
         o[i] = !o[i];
-        const p = ((d = a[e]) == null ? void 0 : d.every((A) => o[`${e}-${A.paramOptionIds.join("-")}`])) ?? !1;
-        return g((A) => {
-          if (p && !A[e])
-            return { ...A, [e]: !0 };
-          if (!p && A[e]) {
-            const C = { ...A };
+        const p = ((d = a[e]) == null ? void 0 : d.every((P) => o[`${e}-${P.paramOptionIds.join("-")}`])) ?? !1;
+        return g((P) => {
+          if (p && !P[e])
+            return { ...P, [e]: !0 };
+          if (!p && P[e]) {
+            const C = { ...P };
             return delete C[e], C;
           }
-          return A;
+          return P;
         }), o;
       });
     },
     [a]
-  ), oe = j(() => {
+  ), oe = v(() => {
     D((e) => (e && g({}), !e));
   }, []);
   return $(() => {
@@ -365,8 +365,8 @@ function We({
       /* @__PURE__ */ t(F, { primary: u("common.all") })
     ] }) }),
     O.map((e) => {
-      var A, C;
-      const r = (A = s.routes) == null ? void 0 : A[e];
+      var P, C;
+      const r = (P = s.routes) == null ? void 0 : P[e];
       if (!r) return null;
       const i = !1, n = a && a[e] && ((C = a[e]) == null ? void 0 : C.length) > 0, o = L[e] !== !1, p = a[e] || [], d = !r.publishedAt || r.updatedAt && new Date(r.updatedAt).getTime() > new Date(r.publishedAt).getTime();
       return /* @__PURE__ */ f(S, { children: [
@@ -409,7 +409,7 @@ function We({
             ] })
           }
         ),
-        n && /* @__PURE__ */ t(Pe, { in: o, children: /* @__PURE__ */ t(S, { children: p.map((M) => {
+        n && /* @__PURE__ */ t(Ae, { in: o, children: /* @__PURE__ */ t(S, { children: p.map((M) => {
           const _ = `${e}-${M.paramOptionIds.join("-")}`, ae = k[_] || !1;
           return /* @__PURE__ */ t(
             $e,
@@ -424,14 +424,14 @@ function We({
         }) }) })
       ] }, e);
     }),
-    v.map((e) => {
+    T.map((e) => {
       var i, n;
       const r = m == null ? void 0 : m.pages[e];
       return r ? /* @__PURE__ */ t(
         W,
         {
           disablePadding: !0,
-          secondaryAction: /* @__PURE__ */ t(Ae, { color: "warning", label: "deleted", size: "small" }),
+          secondaryAction: /* @__PURE__ */ t(Pe, { color: "warning", label: "deleted", size: "small" }),
           children: /* @__PURE__ */ f(K, { onClick: () => Z(e), dense: !0, children: [
             /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(I, { edge: "start", checked: c || !!h[e], tabIndex: -1 }) }),
             /* @__PURE__ */ t(

package/lib/es/chunks/{state-TRx4qpp_.js → state-D5BnGunt.js}

@@ -8,24 +8,24 @@ import { useLocaleContext as Z } from "@arcblock/ux/lib/Locale/context";
 import H, { getYjsDoc as ee } from "@syncedstore/core";
 import { useSyncedStore as te } from "@syncedstore/react";
 import { useLocalStorageState as ne } from "ahooks";
-import { produce as C } from "immer";
+import { produce as v } from "immer";
 import N from "lodash/debounce";
 import { customAlphabet as oe } from "nanoid";
-import { createContext as re, useState as E, useRef as se, useMemo as v, useCallback as L, useEffect as O, useContext as ce } from "react";
+import { createContext as re, useState as E, useRef as se, useMemo as g, useCallback as L, useEffect as O, useContext as ce } from "react";
 import { useParams as ie, useNavigate as ae } from "react-router-dom";
 import { IndexeddbPersistence as de } from "y-indexeddb";
 import { WebsocketProvider as le } from "y-websocket";
 import { UndoManager as ue } from "yjs";
 import "@blocklet/pages-kit/types";
 const Je = (n) => {
-  const t = blocklet == null ? void 0 : blocklet.componentMountPoints.find((a) => a.name === n);
+  const t = blocklet == null ? void 0 : blocklet.componentMountPoints.find((d) => d.name === n);
   return t ? t.mountPoint : "/";
 };
 function me() {
-  const { pathname: n } = window.location, t = n.match(/\/admin\/(maker|previewer)\/([^/]+)/), a = t == null ? void 0 : t[2], f = window.__PROJECT_ID__;
-  if (!a && !f)
+  const { pathname: n } = window.location, t = n.match(/\/admin\/(maker|previewer)\/([^/]+)/), d = t == null ? void 0 : t[2], f = window.__PROJECT_ID__;
+  if (!d && !f)
     throw new Error("Unable to get projectId from pathname");
-  return a || f;
+  return d || f;
 }
 function Be(n) {
   return `${n}:pages:version`;
@@ -46,9 +46,9 @@ function Ke(n) {
   return n && !/^(https?:\/\/|\/)/.test(n) ? window.location.origin + b(_, "uploads", n) : n;
 }
 const pe = window.innerWidth <= 750;
-function qe(n, t, a) {
+function qe(n, t, d) {
   if (!n || /\.gif/.test(n)) return n;
-  const f = (pe ? t / 1.5 : t) * (a === "quality" ? 1.5 : 1);
+  const f = (pe ? t / 1.5 : t) * (d === "quality" ? 1.5 : 1);
   return we(n, { imageFilter: "resize", w: f, f: "webp" });
 }
 function we(n, t) {
@@ -60,19 +60,19 @@ async function Pe(n) {
 async function Ie(n) {
   return J.post(`/api/projects/${n.id}/update`, n).then((t) => t.data);
 }
-const he = 500, A = oe("abcdefghijklmnopqrstuvwxyz0123456789", 16), B = re(null);
+const ye = 500, A = oe("abcdefghijklmnopqrstuvwxyz0123456789", 16), B = re(null);
 function Qe({
   url: n,
   name: t,
-  children: a,
+  children: d,
   waitingSynced: f
 }) {
-  const [I, w] = E(!1), { locale: h } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [s, r] = ne(e, {
+  const [I, w] = E(!1), { locale: y } = Z(), S = V(), e = `${S}:MakerLocalState`, o = `${S}:${t}`, [s, r] = ne(e, {
     defaultValue: {},
     listenStorageChange: !0
   }), c = se(s);
   c.current = s;
-  const i = v(
+  const i = g(
     () => H({
       dataSourceIds: [],
       dataSources: {},
@@ -86,22 +86,31 @@ function Qe({
       resources: {}
     }),
     []
-  ), d = v(() => ee(i), [i]);
-  v(() => new de(o, d), [o, d]);
-  const p = v(
-    () => new le(n, o, d, {
+  ), a = g(() => ee(i), [i]);
+  g(() => new de(o, a), [o, a]);
+  const p = g(
+    () => new le(n, o, a, {
       params: {},
       resyncInterval: 5 * 60 * 1e3
     }),
-    [n, o, d]
-  ), g = L(() => {
+    [n, o, a]
+  ), C = L(() => {
     p && (p.disconnect(), p.connect());
-  }, [p]), y = v(
+  }, [p]), h = g(
     () => new ue(
-      [d.getArray("pageIds"), d.getMap("pages"), d.getArray("supportedLocales"), d.getMap("config")],
-      { doc: d }
+      [
+        a.getArray("pageIds"),
+        a.getMap("pages"),
+        a.getArray("supportedLocales"),
+        a.getMap("config"),
+        a.getMap("dataSources"),
+        a.getArray("dataSourceIds"),
+        a.getArray("routeIds"),
+        a.getMap("routes")
+      ],
+      { doc: a }
     ),
-    [d]
+    [a]
   ), [j, x] = E(null), [R, D] = E(!1), [$, T] = E(void 0), G = L(async () => {
     if (S) {
       D(!0);
@@ -137,50 +146,50 @@ function Qe({
   O(() => {
     S && G();
   }, [S, G]);
-  const W = v(
+  const W = g(
     () => ({
-      doc: d,
+      doc: a,
       state: i,
       localState: {
         ...s,
         // always use the locale from the context
-        currentLocale: h
+        currentLocale: y
       },
       setLocalState: (l) => r(typeof l == "function" ? (u) => l(u ?? {}) : l),
-      undoManager: y,
+      undoManager: h,
       projectState: {
         project: j,
         isLoadingProject: R,
         error: $
       },
       updateProject: M,
-      forceSync: g
+      forceSync: C
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      d,
+      a,
       i,
       JSON.stringify(s),
       // resolve the problem of react warning
       r,
-      y,
+      h,
       j,
       R,
       M,
       $,
-      h,
-      g
+      y,
+      C
     ]
   );
   return O(() => {
-    y.on("stack-item-added", ({ stackItem: l }) => {
+    h.on("stack-item-added", ({ stackItem: l }) => {
       const { currentPageId: u, currentLocale: P, pages: m } = c.current;
       l.meta.set("localState", { currentPageId: u, currentLocale: P, pages: m });
-    }), y.on("stack-item-popped", ({ stackItem: l }) => {
+    }), h.on("stack-item-popped", ({ stackItem: l }) => {
       const u = l.meta.get("localState");
       u && r((P) => ({ ...P, ...u }));
     });
-  }, [y, r]), O(() => {
+  }, [h, r]), O(() => {
     p.awareness.setLocalState(s);
   }, [p, s]), O(() => {
     p.once("synced", () => w(!0));
@@ -196,45 +205,45 @@ function Qe({
       }));
     }, P = N(({ status: m }) => {
       m === "connected" ? l() : m === "disconnected" && u();
-    }, he);
+    }, ye);
     return p.on("status", P), window.addEventListener("online", l), window.addEventListener("offline", u), () => {
       p.off("status", P), window.removeEventListener("online", l), window.removeEventListener("offline", u);
     };
-  }, [p, r]), f && !I ? null : /* @__PURE__ */ k(B.Provider, { value: W, children: a });
+  }, [p, r]), f && !I ? null : /* @__PURE__ */ k(B.Provider, { value: W, children: d });
 }
-const ye = () => {
+const he = () => {
   const n = ce(B);
   if (!n)
     throw new Error("Context is null");
-  const t = te(n.state), { setLocalState: a, localState: f } = n, I = ae(), w = V(), h = v(
+  const t = te(n.state), { setLocalState: d, localState: f } = n, I = ae(), w = V(), y = g(
     () => ({
       setCurrentSectionId: (e, o) => {
         var s, r;
-        e === f.currentPageId && o === ((r = (s = f.pages) == null ? void 0 : s[e]) == null ? void 0 : r.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), a(
-          (c) => C(c, (i) => {
-            var d;
-            i.currentPageId = e, i.currentComponentId = void 0, i.customComponentPreviewerProperties = {}, o !== void 0 && (i.pages ?? (i.pages = {}), (d = i.pages)[e] ?? (d[e] = {}), i.pages[e].currentSectionId = o ?? void 0), o ? window.sessionStorage.setItem("iframe_show_id", `"${o}"`) : window.sessionStorage.removeItem("iframe_show_id");
+        e === f.currentPageId && o === ((r = (s = f.pages) == null ? void 0 : s[e]) == null ? void 0 : r.currentSectionId) || (I(b("/admin/maker", w ?? "", "pages", e)), d(
+          (c) => v(c, (i) => {
+            var a;
+            i.currentPageId = e, i.currentComponentId = void 0, i.customComponentPreviewerProperties = {}, o !== void 0 && (i.pages ?? (i.pages = {}), (a = i.pages)[e] ?? (a[e] = {}), i.pages[e].currentSectionId = o ?? void 0), o ? window.sessionStorage.setItem("iframe_show_id", `"${o}"`) : window.sessionStorage.removeItem("iframe_show_id");
           })
         ));
       },
       setCurrentComponentId: (e) => {
-        e !== f.currentComponentId && (I(b("/admin/maker", w ?? "", "components", e)), a(
-          (o) => C(o, (s) => {
+        e !== f.currentComponentId && (I(b("/admin/maker", w ?? "", "components", e)), d(
+          (o) => v(o, (s) => {
             s.currentComponentId = e, s.customComponentPreviewerProperties = {};
           })
         ));
       },
       setCurrentRouteId: ({ routeId: e, dynamicParams: o }) => {
-        a(
-          (s) => C(s, (r) => {
+        d(
+          (s) => v(s, (r) => {
             r.currentRouteId = e, r.currentDynamicParams = o;
           })
         );
       },
       setCustomComponentPreviewerProperties: (() => {
         const e = {}, o = N(() => {
-          a(
-            (s) => C(s, (r) => {
+          d(
+            (s) => v(s, (r) => {
               r.customComponentPreviewerProperties = {
                 ...r == null ? void 0 : r.customComponentPreviewerProperties,
                 ...e
@@ -247,8 +256,8 @@ const ye = () => {
         };
       })(),
       setRouteGenerateProcess: (e) => {
-        a(
-          (o) => C(o, (s) => {
+        d(
+          (o) => v(o, (s) => {
             e ? s.routeGenerateProcess = {
               ...s.routeGenerateProcess,
               ...e
@@ -257,8 +266,8 @@ const ye = () => {
         );
       },
       resetRouteGenerateProcess: () => {
-        a(
-          (e) => C(e, (o) => {
+        d(
+          (e) => v(e, (o) => {
             o.routeGenerateProcess = {
               progress: "complete"
             };
@@ -266,11 +275,11 @@ const ye = () => {
         );
       }
     }),
-    [a, I, w]
-  ), S = v(
+    [d, I, w]
+  ), S = g(
     () => ({
       addPage: (e, o) => {
-        var c, i, d, p, g, y;
+        var c, i, a, p, C, h;
         const s = (e == null ? void 0 : e.id) ?? A(), r = {
           ...e,
           id: s,
@@ -284,10 +293,10 @@ const ye = () => {
           templateConfig: (e == null ? void 0 : e.templateConfig) ?? {
             isTemplate: ((c = e == null ? void 0 : e.templateConfig) == null ? void 0 : c.isTemplate) ?? !0,
             displayTemplateId: ((i = e == null ? void 0 : e.templateConfig) == null ? void 0 : i.displayTemplateId) ?? void 0,
-            dataSourceIds: ((d = e == null ? void 0 : e.templateConfig) == null ? void 0 : d.dataSourceIds) ?? void 0,
+            dataSourceIds: ((a = e == null ? void 0 : e.templateConfig) == null ? void 0 : a.dataSourceIds) ?? void 0,
             dataSourceParameters: ((p = e == null ? void 0 : e.templateConfig) == null ? void 0 : p.dataSourceParameters) ?? {},
-            enabledGenerate: ((g = e == null ? void 0 : e.templateConfig) == null ? void 0 : g.enabledGenerate) ?? !1,
-            agentId: ((y = e == null ? void 0 : e.templateConfig) == null ? void 0 : y.agentId) ?? void 0
+            enabledGenerate: ((C = e == null ? void 0 : e.templateConfig) == null ? void 0 : C.enabledGenerate) ?? !1,
+            agentId: ((h = e == null ? void 0 : e.templateConfig) == null ? void 0 : h.agentId) ?? void 0
           }
         };
         return n.doc.transact(() => {
@@ -393,7 +402,7 @@ const ye = () => {
     ...n,
     state: t,
     actions: S,
-    localActions: h,
+    localActions: y,
     get currentPage() {
       const {
         localState: { currentPageId: e }
@@ -423,50 +432,50 @@ const ye = () => {
   const { projectId: n } = ie();
   return n ?? me() ?? "";
 }, Xe = () => window.__PROJECT_SLUG__ ?? "";
-function ve(n) {
+function ge(n) {
   var f, I;
   const { resources: t } = n;
   if (!t.components)
     return {};
-  const a = {};
+  const d = {};
   return (I = (f = window == null ? void 0 : window.blocklet) == null ? void 0 : f.componentMountPoints) == null || I.forEach((w) => {
-    a[w.did] = w;
+    d[w.did] = w;
   }), Object.fromEntries(
-    Object.entries(t.components).map(([w, { blockletId: h, component: S }]) => {
+    Object.entries(t.components).map(([w, { blockletId: y, component: S }]) => {
       var e;
       return [
         w,
-        { data: S, blockletId: h, blockletTitle: ((e = a[h]) == null ? void 0 : e.title) || h }
+        { data: S, blockletId: y, blockletTitle: ((e = d[y]) == null ? void 0 : e.title) || y }
       ];
     })
   );
 }
-function Ce(n) {
+function ve(n) {
   const { components: t } = n;
   return t || {};
 }
-function ge(n) {
+function Ce(n) {
   return {
-    ...ve(n),
-    ...Ce(n)
+    ...ge(n),
+    ...ve(n)
   };
 }
-const Ye = () => ge(ye().state);
+const Ye = () => Ce(he().state);
 export {
   We as E,
   Qe as S,
   ze as a,
-  ye as b,
+  he as b,
   Be as c,
-  ge as d,
+  Ce as d,
   Xe as e,
   qe as f,
   Ke as g,
   Ye as h,
   J as i,
   Je as j,
-  Ce as k,
-  ve as l,
+  ve as k,
+  ge as l,
   me as m,
   A as n,
   Ve as t,