@makeswift/runtime 0.8.11 → 0.9.0

package/dist/react-page.es.js

@@ -25,10 +25,55 @@ const import_meta = {};
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes } from "./actions.es.js";
-import { reducer as reducer$9, getInitialState as getInitialState$8 } from "./state/breakpoints.es.js";
-import "slate";
-import "is-hotkey";
+import { findBreakpointOverride, reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
+import { Element, Range, Editor, Text, Path, Transforms, Node, Point } from "slate";
+import isHotkey from "is-hotkey";
 import "slate-react";
+const ComponentIcon = {
+  Billing: "billing",
+  Bolt: "bolt",
+  Button: "button",
+  Carousel: "carousel",
+  Chats: "chats",
+  Code: "code",
+  Countdown: "countdown",
+  Cube: "cube",
+  Database: "database",
+  Divider: "divider",
+  Form: "form",
+  Gallery: "gallery",
+  Help: "help",
+  Image: "image",
+  Layout: "layout",
+  Lock: "lock",
+  Navigation: "navigation",
+  SocialLinks: "social-links",
+  Star: "star",
+  Text: "text",
+  Users: "users",
+  Video: "video"
+};
+function getInitialState$8({
+  componentsMeta = /* @__PURE__ */ new Map()
+} = {}) {
+  return componentsMeta;
+}
+function getComponentsMeta(state) {
+  return state;
+}
+function reducer$9(state = getInitialState$8(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.meta);
+    case ActionTypes.UNREGISTER_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
 function isElementReference(element) {
   return !("props" in element);
 }
@@ -93,27 +138,6 @@ function reducer$7(state = getInitialState$6(), action) {
   }
 }
 function getInitialState$5({
-  componentsMeta = /* @__PURE__ */ new Map()
-} = {}) {
-  return componentsMeta;
-}
-function getComponentsMeta(state) {
-  return state;
-}
-function reducer$6(state = getInitialState$5(), action) {
-  switch (action.type) {
-    case ActionTypes.REGISTER_COMPONENT:
-      return new Map(state).set(action.payload.type, action.payload.meta);
-    case ActionTypes.UNREGISTER_COMPONENT: {
-      const nextState = new Map(state);
-      const deleted = nextState.delete(action.payload.type);
-      return deleted ? nextState : state;
-    }
-    default:
-      return state;
-  }
-}
-function getInitialState$4({
   propControllerDescriptors = /* @__PURE__ */ new Map()
 } = {}) {
   return propControllerDescriptors;
@@ -125,7 +149,7 @@ function getComponentPropControllerDescriptors$1(state, componentType) {
   var _a;
   return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
 }
-function reducer$5(state = getInitialState$4(), action) {
+function reducer$6(state = getInitialState$5(), action) {
   switch (action.type) {
     case ActionTypes.REGISTER_COMPONENT:
       return new Map(state).set(action.payload.type, action.payload.propControllerDescriptors);
@@ -144,7 +168,7 @@ function isPropControllersHandle(value) {
   }
   return false;
 }
-function getInitialState$3() {
+function getInitialState$4() {
   return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
 }
 function getPropControllersHandle(state, documentKey, elementKey) {
@@ -159,7 +183,7 @@ function getPropController(state, documentKey, elementKey, propName) {
   var _a, _b;
   return (_b = (_a = getPropControllers$1(state, documentKey, elementKey)) == null ? void 0 : _a[propName]) != null ? _b : null;
 }
-function reducer$4(state = getInitialState$3(), action) {
+function reducer$5(state = getInitialState$4(), action) {
   var _a, _b, _c, _d;
   switch (action.type) {
     case ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
@@ -190,10 +214,10 @@ function reducer$4(state = getInitialState$3(), action) {
       return state;
   }
 }
-function getInitialState$2() {
+function getInitialState$3() {
   return false;
 }
-function reducer$3(state = getInitialState$2(), action) {
+function reducer$4(state = getInitialState$3(), action) {
   switch (action.type) {
     case ActionTypes.SET_IS_IN_BUILDER:
       return action.payload;
@@ -201,13 +225,13 @@ function reducer$3(state = getInitialState$2(), action) {
       return state;
   }
 }
-function getInitialState$1(isPreview = false) {
+function getInitialState$2(isPreview = false) {
   return isPreview;
 }
 function getIsPreview$1(state) {
   return state;
 }
-function reducer$2(state = getInitialState$1(), action) {
+function reducer$3(state = getInitialState$2(), action) {
   switch (action.type) {
     default:
       return state;
@@ -218,10 +242,10 @@ const BuilderEditMode = {
   CONTENT: "content",
   INTERACT: "interact"
 };
-function getInitialState() {
+function getInitialState$1() {
   return null;
 }
-function reducer$1(state = getInitialState(), action) {
+function reducer$2(state = getInitialState$1(), action) {
   switch (action.type) {
     case ActionTypes.SET_BUILDER_EDIT_MODE:
       return action.payload.editMode;
@@ -229,6 +253,34 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function getInitialState(initialState) {
+  var _a, _b, _c;
+  return {
+    locales: (_a = initialState == null ? void 0 : initialState.locales) != null ? _a : [],
+    locale: (_b = initialState == null ? void 0 : initialState.locale) != null ? _b : null,
+    defaultLocale: (_c = initialState == null ? void 0 : initialState.defaultLocale) != null ? _c : null
+  };
+}
+function reducer$1(state = getInitialState(), action) {
+  switch (action.type) {
+    case ActionTypes.SET_LOCALES: {
+      const locales = action.payload.locales;
+      return __spreadProps(__spreadValues({}, state), { locales });
+    }
+    case ActionTypes.SET_LOCALE: {
+      if (action.payload.locale === state.locale)
+        return state;
+      return __spreadProps(__spreadValues({}, state), { locale: action.payload.locale });
+    }
+    case ActionTypes.SET_DEFAULT_LOCALE: {
+      if (action.payload.defaultLocale === state.defaultLocale)
+        return state;
+      return __spreadProps(__spreadValues({}, state), { defaultLocale: action.payload.defaultLocale });
+    }
+    default:
+      return state;
+  }
+}
 const ColorControlType = "makeswift::controls::color";
 function Color(config = {}) {
   return { type: ColorControlType, config };
@@ -504,11 +556,11 @@ class ListControl extends PropController {
     this.controls = /* @__PURE__ */ new Map();
   }
 }
-function copyListData(definition, value, context) {
+function copyListData(definition2, value, context) {
   if (value == null)
     return value;
   return value && value.map((item) => __spreadProps(__spreadValues({}, item), {
-    value: copy(definition.config.type, item.value, context)
+    value: copy(definition2.config.type, item.value, context)
   }));
 }
 const ShapeControlType = "makeswift::controls::shape";
@@ -554,11 +606,11 @@ class ShapeControl extends PropController {
     this.setControls();
   }
 }
-function copyShapeData(definition, value, context) {
+function copyShapeData(definition2, value, context) {
   if (value == null)
     return value;
   const newValue = {};
-  for (const [key, itemDefinition] of Object.entries(definition.config.type)) {
+  for (const [key, itemDefinition] of Object.entries(definition2.config.type)) {
     const prop = value[key];
     newValue[key] = copy(itemDefinition, prop, context);
   }
@@ -1554,8 +1606,8 @@ function copy$1(descriptor, value, context) {
 function copyElementReference(value, context) {
   return context.replacementContext.globalElementIds.get(value) || value;
 }
-function copy(definition, value, context) {
-  switch (definition.type) {
+function copy(definition2, value, context) {
+  switch (definition2.type) {
     case Types.Backgrounds:
     case Types.Grid:
     case Types.NavigationLinks:
@@ -1569,7 +1621,7 @@ function copy(definition, value, context) {
     case Types.Border:
     case Types.RichText:
     case Types.ElementID:
-      return copy$1(definition, value, context);
+      return copy$1(definition2, value, context);
     case ColorControlType:
       return copyColorData(value, context);
     case ImageControlType:
@@ -1577,9 +1629,9 @@ function copy(definition, value, context) {
     case LinkControlType:
       return copyLinkData(value, context);
     case ShapeControlType:
-      return copyShapeData(definition, value, context);
+      return copyShapeData(definition2, value, context);
     case ListControlType:
-      return copyListData(definition, value, context);
+      return copyListData(definition2, value, context);
     case StyleControlType:
       return copyStyleData(value, context);
     case SlotControlType:
@@ -1588,14 +1640,18 @@ function copy(definition, value, context) {
       return value;
   }
 }
-function merge(definition, a, b = a, context) {
-  switch (definition.type) {
+function merge(definition2, a, b = a, context) {
+  switch (definition2.type) {
     case SlotControlType:
       return mergeSlotData(a, b, context);
     default:
       return b;
   }
 }
+const SelectControlType = "makeswift::controls::select";
+function Select(config) {
+  return { type: SelectControlType, config };
+}
 const ObjectType = {
   Value: "value",
   Text: "text",
@@ -1641,6 +1697,582 @@ const BlockTextAlignment = {
   Right: "right",
   Justify: "justify"
 };
+const ElementUtils = {
+  isRootBlock(node) {
+    return Element.isElement(node) && (Element.isElementType(node, BlockType.Paragraph) || Element.isElementType(node, BlockType.Heading1) || Element.isElementType(node, BlockType.Heading2) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading3) || Element.isElementType(node, BlockType.Heading4) || Element.isElementType(node, BlockType.Heading5) || Element.isElementType(node, BlockType.Heading6) || Element.isElementType(node, BlockType.BlockQuote) || Element.isElementType(node, BlockType.UnorderedList) || Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.Text) || Element.isElementType(node, BlockType.Default));
+  },
+  isBlock(node) {
+    return Element.isElement(node) && (this.isRootBlock(node) || Element.isElementType(node, BlockType.ListItem) || Element.isElementType(node, BlockType.ListItemChild));
+  },
+  isInline(node) {
+    return Element.isElementType(node, InlineType.Code) || Element.isElementType(node, InlineType.Link) || Element.isElementType(node, InlineType.SubScript) || Element.isElementType(node, InlineType.SuperScript);
+  },
+  isConvertibleToListTextNode(node) {
+    return !this.isList(node) && !this.isListItem(node) && !this.isListItemChild(node);
+  },
+  isList(node) {
+    return Element.isElementType(node, BlockType.OrderedList) || Element.isElementType(node, BlockType.UnorderedList);
+  },
+  isListItem(node) {
+    return Element.isElementType(node, BlockType.ListItem);
+  },
+  isListItemChild(node) {
+    return Element.isElementType(node, BlockType.ListItemChild);
+  },
+  createText() {
+    return { text: "" };
+  },
+  createParagraph() {
+    return {
+      children: [this.createText()],
+      type: BlockType.Paragraph
+    };
+  },
+  createList(type = BlockType.UnorderedList) {
+    return { children: [this.createText()], type };
+  },
+  createListItem() {
+    return {
+      children: [this.createListItemChild()],
+      type: BlockType.ListItem
+    };
+  },
+  createListItemChild() {
+    return {
+      children: [this.createText()],
+      type: BlockType.ListItemChild
+    };
+  }
+};
+function unhangRange(editor, range) {
+  let [start, end] = Range.edges(range);
+  if (start.offset !== 0 || end.offset !== 0 || Range.isCollapsed(range)) {
+    return range;
+  }
+  const endBlock = Editor.above(editor, {
+    at: end,
+    match: (n) => Element.isElement(n) && Editor.isBlock(editor, n)
+  });
+  const blockPath = endBlock ? endBlock[1] : [];
+  const first = Editor.start(editor, start);
+  const before = { anchor: first, focus: end };
+  let skip = true;
+  for (const [node, path] of Editor.nodes(editor, {
+    at: before,
+    match: Text.isText,
+    reverse: true
+  })) {
+    if (skip) {
+      skip = false;
+      continue;
+    }
+    if (node.text !== "" || Path.isBefore(path, blockPath)) {
+      end = { path, offset: node.text.length };
+      break;
+    }
+  }
+  return { anchor: start, focus: end };
+}
+function getSelection(editor) {
+  if (editor.selection)
+    return unhangRange(editor, editor.selection);
+  return {
+    anchor: Editor.start(editor, []),
+    focus: Editor.end(editor, [])
+  };
+}
+function getBlocksInSelection(editor) {
+  return Array.from(Editor.nodes(editor, {
+    at: getSelection(editor),
+    match: (node) => ElementUtils.isRootBlock(node)
+  })).filter((entry) => ElementUtils.isRootBlock(entry[0]));
+}
+function getActiveBlockType(editor) {
+  var _a;
+  const rootBlocks = getBlocksInSelection(editor).map(([node]) => node.type);
+  return rootBlocks.reduce((a, b) => a === b ? b : null, (_a = rootBlocks.at(0)) != null ? _a : null);
+}
+function setBlockKeyForDevice(editor, breakpoints, deviceId, key, value, options) {
+  var _a, _b;
+  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
+  if (!at)
+    return;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceValues = (_b = node[key]) != null ? _b : [];
+      const currentDeviceValue = findBreakpointOverride(breakpoints, deviceValues, deviceId, (v) => v);
+      const nextDeviceValue = __spreadProps(__spreadValues({}, currentDeviceValue), {
+        deviceId,
+        value
+      });
+      Transforms.setNodes(editor, {
+        [key]: [...deviceValues.filter((v) => v.deviceId !== deviceId), nextDeviceValue]
+      }, { at: path });
+    }
+  }
+}
+function clearBlockKeyForDevice(editor, deviceId, key) {
+  var _a;
+  const rootElements = getBlocksInSelection(editor);
+  for (const [node, path] of rootElements) {
+    if (ElementUtils.isBlock(node)) {
+      const deviceOverrides = (_a = node[key]) != null ? _a : [];
+      Transforms.setNodes(editor, {
+        [key]: deviceOverrides.filter((v) => v.deviceId !== deviceId)
+      }, { at: path });
+    }
+  }
+}
+function wrapInline(editor, inline) {
+  Transforms.wrapNodes(editor, inline, {
+    at: getSelection(editor),
+    split: true
+  });
+}
+function unwrapInline(editor, type) {
+  Transforms.unwrapNodes(editor, {
+    match: (node) => ElementUtils.isInline(node) && node.type === type,
+    at: getSelection(editor)
+  });
+}
+const EditorUtils = {
+  getFirstAncestorList(editor, path) {
+    try {
+      const parentList = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isList(node)
+      });
+      return parentList != null ? parentList : null;
+    } catch (e) {
+      return null;
+    }
+  },
+  getFirstAncestorListItem(editor, path) {
+    try {
+      const parentListItem = Editor.above(editor, {
+        at: path,
+        match: (node) => ElementUtils.isListItem(node)
+      });
+      return parentListItem != null ? parentListItem : null;
+    } catch (e) {
+      return null;
+    }
+  }
+};
+const LIST_ITEM_CHILD_POSITION = 0;
+const LIST_ITEM_LIST_POSITION = 1;
+function filterForSubtreeRoots(entries) {
+  return entries.filter(([, nodePath]) => !Path.ancestors(nodePath).some((ancestor) => {
+    return entries.some(([, path]) => Path.equals(path, ancestor));
+  }));
+}
+function unwrapPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || listItemContainingParentList)
+    return;
+  Editor.withoutNormalizing(editor, () => {
+    const listItemTextPath = [...listItemPath, LIST_ITEM_CHILD_POSITION];
+    const listItemNestedListPath = [...listItemPath, LIST_ITEM_LIST_POSITION];
+    if (Node.has(editor, listItemNestedListPath)) {
+      Transforms.setNodes(editor, { type: parentList[0].type }, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: listItemNestedListPath });
+      Transforms.liftNodes(editor, { at: Path.next(listItemPath) });
+    }
+    if (Node.has(editor, listItemTextPath)) {
+      Transforms.setNodes(editor, { type: BlockType.Paragraph }, {
+        at: listItemTextPath
+      });
+      Transforms.liftNodes(editor, { at: listItemTextPath });
+      Transforms.liftNodes(editor, { at: listItemPath });
+    }
+  });
+}
+function unwrapList(editor, options) {
+  var _a;
+  const at = (_a = options == null ? void 0 : options.at) != null ? _a : editor.selection;
+  if (!at)
+    return;
+  const listItems = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isListItem(node);
+    }
+  }));
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      unwrapPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function wrapList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a;
+  const at = (_a = options.at) != null ? _a : editor.selection;
+  if (!at)
+    return;
+  const nonListEntries = Array.from(Editor.nodes(editor, {
+    at,
+    match: (node) => {
+      return Element.isElement(node) && ElementUtils.isConvertibleToListTextNode(node);
+    }
+  }));
+  const refs = nonListEntries.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    const path = ref.current;
+    if (path) {
+      Editor.withoutNormalizing(editor, () => {
+        Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createListItem(), {
+          match: (node) => ElementUtils.isListItemChild(node),
+          at: path
+        });
+        Transforms.wrapNodes(editor, ElementUtils.createList(options.type), {
+          at: path
+        });
+      });
+    }
+    ref.unref();
+  });
+}
+const LocationUtils = {
+  getStartPath(location) {
+    if (Range.isRange(location))
+      return Range.start(location).path;
+    if (Point.isPoint(location))
+      return location.path;
+    return location;
+  }
+};
+function getSelectedListItems(editor) {
+  var _a, _b;
+  if (!editor.selection)
+    return [];
+  const start = LocationUtils.getStartPath(editor.selection);
+  const listItems = Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => ElementUtils.isListItem(node)
+  });
+  const firstAncestorPath = (_b = (_a = EditorUtils.getFirstAncestorListItem(editor, start)) == null ? void 0 : _a[1]) != null ? _b : [];
+  return Array.from(listItems).filter((node) => Path.isDescendant(start, node[1]) ? Path.equals(node[1], firstAncestorPath) : !Path.isAfter(start, node[1]));
+}
+function indentPath(editor, path) {
+  const parent = Node.parent(editor, path);
+  if (!path || !Path.hasPrevious(path) || !ElementUtils.isList(parent))
+    return;
+  const previosPath = Path.previous(path);
+  const previousChildListPath = [...previosPath, LIST_ITEM_LIST_POSITION];
+  const previousHasChildList = Node.has(editor, previousChildListPath);
+  Editor.withoutNormalizing(editor, () => {
+    if (!previousHasChildList) {
+      Transforms.insertNodes(editor, ElementUtils.createList(parent.type), {
+        at: previousChildListPath
+      });
+    }
+    const previousChildList = Node.get(editor, previousChildListPath);
+    if (ElementUtils.isList(previousChildList)) {
+      const index = previousHasChildList ? previousChildList.children.length : 0;
+      Transforms.moveNodes(editor, {
+        at: path,
+        to: [...previousChildListPath, index]
+      });
+    }
+  });
+}
+function indent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      indentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function dedentPath(editor, listItemPath) {
+  const parentList = EditorUtils.getFirstAncestorList(editor, listItemPath);
+  const listItemContainingParentList = EditorUtils.getFirstAncestorListItem(editor, listItemPath);
+  if (!parentList || !listItemContainingParentList)
+    return;
+  const [parentListNode, parentListPath] = parentList;
+  const [_, listItemContainingParentListPath] = listItemContainingParentList;
+  const listItemPosition = listItemPath[listItemPath.length - 1];
+  const previousSiblings = parentListNode.children.slice(0, listItemPosition);
+  const nextSiblings = parentListNode.children.slice(listItemPosition + 1);
+  Editor.withoutNormalizing(editor, () => {
+    nextSiblings.forEach(() => {
+      const nextSiblingPath = [...parentListPath, listItemPosition + 1];
+      indentPath(editor, nextSiblingPath);
+    });
+    Transforms.moveNodes(editor, {
+      at: listItemPath,
+      to: Path.next(listItemContainingParentListPath)
+    });
+    if (previousSiblings.length === 0) {
+      Transforms.removeNodes(editor, { at: parentListPath });
+    }
+  });
+}
+function dedent(editor) {
+  if (!editor.selection)
+    return;
+  const listItems = getSelectedListItems(editor);
+  const subRoots = filterForSubtreeRoots(listItems);
+  const refs = subRoots.map(([_, path]) => Editor.pathRef(editor, path));
+  refs.forEach((ref) => {
+    if (ref.current) {
+      dedentPath(editor, ref.current);
+    }
+    ref.unref();
+  });
+}
+function toggleList(editor, options = { type: BlockType.UnorderedList }) {
+  var _a;
+  const at = (_a = options.at) != null ? _a : editor.selection;
+  if (at == null)
+    return;
+  const start = LocationUtils.getStartPath(at);
+  const ancestorPath = Path.ancestors(start).at(1);
+  if (!ancestorPath || !Node.has(editor, ancestorPath))
+    return;
+  const ancestor = Node.get(editor, ancestorPath);
+  if (!ElementUtils.isList(ancestor)) {
+    return wrapList(editor, { type: options.type, at });
+  }
+  if (ancestor.type === options.type) {
+    unwrapList(editor, { at });
+  } else {
+    Transforms.setNodes(editor, { type: options.type }, { at: ancestorPath });
+  }
+}
+const BlockActions = {
+  setBlockKeyForDevice,
+  clearBlockKeyForDevice,
+  wrapInline,
+  unwrapInline
+};
+const ListActions = {
+  unwrapList,
+  wrapList,
+  indent,
+  dedent,
+  toggleList
+};
+function onKeyDown(e, editor) {
+  if (!editor.selection || Array.from(Editor.nodes(editor, { match: (node) => ElementUtils.isListItem(node) })).length === 0)
+    return;
+  if (isHotkey("shift+tab", e)) {
+    e.preventDefault();
+    ListActions.dedent(editor);
+  }
+  if (isHotkey("tab", e)) {
+    e.preventDefault();
+    ListActions.indent(editor);
+  }
+  if (isHotkey("backspace", e)) {
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection))
+      return;
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem) {
+      e.preventDefault();
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      const list = EditorUtils.getFirstAncestorList(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else if (list) {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+  }
+  if (isHotkey("enter", e)) {
+    e.preventDefault();
+    if (!editor.selection)
+      return;
+    if (Range.isExpanded(editor.selection)) {
+      Transforms.delete(editor);
+      return;
+    }
+    const listItem = EditorUtils.getFirstAncestorListItem(editor, editor.selection.anchor.path);
+    if (editor.selection.anchor.offset === 0 && listItem && Editor.string(editor, listItem[1]) === "") {
+      const parentListItem = EditorUtils.getFirstAncestorListItem(editor, listItem[1]);
+      if (parentListItem) {
+        ListActions.dedent(editor);
+      } else {
+        ListActions.unwrapList(editor);
+      }
+      return;
+    }
+    Transforms.splitNodes(editor, {
+      at: editor.selection,
+      always: true,
+      match: (node) => ElementUtils.isListItem(node)
+    });
+  }
+  if (isHotkey("shift+enter", e)) {
+    e.preventDefault();
+    editor.insertText("\n");
+  }
+}
+function withBlock(editor) {
+  const { normalizeNode } = editor;
+  editor.isInline = (entry) => {
+    return ElementUtils.isInline(entry);
+  };
+  editor.normalizeNode = (entry) => {
+    var _a;
+    const [normalizationNode, normalizationPath] = entry;
+    if (ElementUtils.isBlock(normalizationNode) && ((_a = normalizationNode == null ? void 0 : normalizationNode.textAlign) == null ? void 0 : _a.length) == 0) {
+      Transforms.unsetNodes(editor, "textAlign", { at: normalizationPath });
+      return;
+    }
+    if (ElementUtils.isListItem(normalizationNode)) {
+      const pathToListItemText = [...normalizationPath, LIST_ITEM_CHILD_POSITION];
+      if (Node.has(editor, pathToListItemText)) {
+        const nodeInListItemTextPosition = Node.get(editor, pathToListItemText);
+        if (ElementUtils.isRootBlock(nodeInListItemTextPosition)) {
+          Transforms.setNodes(editor, { type: BlockType.ListItemChild }, {
+            at: pathToListItemText
+          });
+          return;
+        }
+      } else {
+        Transforms.insertNodes(editor, ElementUtils.createListItem(), {
+          at: pathToListItemText
+        });
+        return;
+      }
+    }
+    if (!Text.isText(normalizationNode)) {
+      const mergeableChildren = Array.from(Node.children(editor, normalizationPath)).map((child, index, children) => {
+        const potentialNodeToBeMerged = children.at(index + 1);
+        if (!potentialNodeToBeMerged || !ElementUtils.isList(potentialNodeToBeMerged[0]) || !ElementUtils.isList(child[0]) || potentialNodeToBeMerged[0].type !== child[0].type) {
+          return null;
+        }
+        return [
+          Editor.pathRef(editor, child[1]),
+          Editor.pathRef(editor, potentialNodeToBeMerged[1])
+        ];
+      }).filter((mergeableNodes) => Boolean(mergeableNodes));
+      if (mergeableChildren.length !== 0) {
+        mergeableChildren.reverse().forEach(([nodePathRef, nodeToBeMergedPathRef]) => {
+          const nodePath = nodePathRef.current;
+          const nodeToBeMergedPath = nodeToBeMergedPathRef.current;
+          if (nodePath == null || nodeToBeMergedPath == null)
+            return;
+          const nodeChildren = Array.from(Node.children(editor, nodePath));
+          const childrenToBeMerged = Array.from(Node.children(editor, nodeToBeMergedPath));
+          Editor.withoutNormalizing(editor, () => {
+            childrenToBeMerged.reverse().forEach(([_, childPath]) => {
+              Transforms.moveNodes(editor, {
+                at: childPath,
+                to: [...nodePath, nodeChildren.length]
+              });
+            });
+            Transforms.removeNodes(editor, { at: nodeToBeMergedPath });
+          });
+          nodePathRef.unref();
+          nodeToBeMergedPathRef.unref();
+        });
+        return;
+      }
+    }
+    normalizeNode(entry);
+  };
+  return editor;
+}
+const definition = Select({
+  label: "Block",
+  labelOrientation: "horizontal",
+  options: [
+    {
+      value: BlockType.Paragraph,
+      label: "Paragraph"
+    },
+    {
+      value: BlockType.Heading1,
+      label: "Heading 1"
+    },
+    {
+      value: BlockType.Heading2,
+      label: "Heading 2"
+    },
+    {
+      value: BlockType.Heading3,
+      label: "Heading 3"
+    },
+    {
+      value: BlockType.Heading4,
+      label: "Heading 4"
+    },
+    {
+      value: BlockType.Heading5,
+      label: "Heading 5"
+    },
+    {
+      value: BlockType.Heading6,
+      label: "Heading 6"
+    },
+    {
+      value: BlockType.UnorderedList,
+      label: "Bulleted list"
+    },
+    {
+      value: BlockType.OrderedList,
+      label: "Numbered list"
+    },
+    {
+      value: BlockType.BlockQuote,
+      label: "Quote"
+    }
+  ],
+  defaultValue: BlockType.Paragraph
+});
+function BlockPlugin() {
+  return createRichTextV2Plugin({
+    withPlugin: withBlock,
+    onKeyDown,
+    control: {
+      definition,
+      onChange: (editor, value) => {
+        const activeBlockType = getActiveBlockType(editor);
+        if (value === BlockType.UnorderedList || value === BlockType.OrderedList) {
+          ListActions.toggleList(editor, {
+            type: value,
+            at: getSelection(editor)
+          });
+        } else if (activeBlockType === value) {
+          Transforms.setNodes(editor, {
+            type: BlockType.Default
+          }, { at: getSelection(editor) });
+        } else {
+          ListActions.unwrapList(editor, {
+            at: getSelection(editor)
+          });
+          Transforms.setNodes(editor, {
+            type: value != null ? value : BlockType.Default
+          }, { at: getSelection(editor) });
+        }
+      },
+      getValue: (editor) => {
+        const activeBlock = getActiveBlockType(editor);
+        if (activeBlock === RootBlockType.Text || activeBlock === RootBlockType.Default)
+          return void 0;
+        return activeBlock;
+      }
+    }
+  });
+}
 const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
 const RichTextV2Mode = {
   Inline: "makeswift::controls::rich-text-v2::mode::inline",
@@ -1649,9 +2281,9 @@ const RichTextV2Mode = {
 function createRichTextV2Plugin({
   control,
   withPlugin,
-  onKeyDown
+  onKeyDown: onKeyDown2
 }) {
-  return { control, withPlugin, onKeyDown };
+  return { control, withPlugin, onKeyDown: onKeyDown2 };
 }
 function unstable_RichTextV2(config = {}) {
   return { type: RichTextV2ControlType, config };
@@ -2541,13 +3173,14 @@ var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 const reducer = combineReducers({
   documents: reducer$8,
   reactComponents: reducer$7,
-  componentsMeta: reducer$6,
-  propControllers: reducer$5,
-  propControllerHandles: reducer$4,
-  isInBuilder: reducer$3,
-  isPreview: reducer$2,
-  builderEditMode: reducer$1,
-  breakpoints: reducer$9
+  componentsMeta: reducer$9,
+  propControllers: reducer$6,
+  propControllerHandles: reducer$5,
+  isInBuilder: reducer$4,
+  isPreview: reducer$3,
+  builderEditMode: reducer$2,
+  breakpoints: reducer$a,
+  locales: reducer$1
 });
 function getDocumentsStateSlice(state) {
   return state.documents;
@@ -2690,15 +3323,20 @@ function getBuilderEditMode(state) {
 function getBreakpoints(state) {
   return state.breakpoints;
 }
+function getLocales(state) {
+  return state.locales;
+}
 function configureStore({
   rootElements,
   preloadedState,
-  breakpoints
+  breakpoints,
+  locales
 } = {}) {
   return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), {
     documents: getInitialState$7({ rootElements }),
-    breakpoints: getInitialState$8(breakpoints != null ? breakpoints : preloadedState == null ? void 0 : preloadedState.breakpoints)
+    breakpoints: getInitialState$9(breakpoints != null ? breakpoints : preloadedState == null ? void 0 : preloadedState.breakpoints),
+    locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { getResponsiveColorSwatchIds as $, TextArea as A, Backgrounds as B, Checkbox as C, Date as D, ElementID as E, Font as F, GapY as G, Table as H, Images as I, TableFormFields as J, Image as K, ListControlType as L, Margin as M, Number as N, ResponsiveOpacity as O, Padding as P, NavigationLinks as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, TableFormFieldsMessageType as T, SocialLinks as U, RichText as V, Width as W, Video as X, getBorderSwatchIds as Y, isNonNullable as Z, getBoxShadowsSwatchIds as _, createDocumentReference as a, createRichTextV2Plugin as a$, StyleControlProperty as a0, ImageControlValueFormat as a1, isPropControllersHandle as a2, StyleControlType as a3, RichTextV2ControlType as a4, RichTextControlType as a5, SlotControlType as a6, LinkControlType as a7, ImageControlType as a8, ColorControlType as a9, copyLinkData as aA, List$1 as aB, ListControlMessageType as aC, ListControl as aD, copyListData as aE, Shape$1 as aF, ShapeControlMessageType as aG, ShapeControl as aH, copyShapeData as aI, Slot as aJ, SlotControlMessageType as aK, SlotControl as aL, copySlotData as aM, mergeSlotData as aN, Style as aO, StyleControlMessageType as aP, StyleControl as aQ, copyStyleData as aR, ObjectType as aS, RichText$1 as aT, RichTextControlMessageType as aU, RichTextControl as aV, richTextDTOtoSelection as aW, richTextDTOtoDAO as aX, toSelectionDTO as aY, richTextDAOToDTO as aZ, RichTextV2Mode as a_, getComponentPropControllerDescriptors as aa, getPropControllers as ab, BorderPropControllerFormat as ac, ShadowsPropControllerFormat as ad, BorderRadiusPropControllerFormat as ae, MarginPropControllerFormat as af, PaddingPropControllerFormat as ag, WidthPropControllerFormat as ah, configureStore as ai, copyElementTree as aj, getBreakpoints as ak, getDocument as al, getElementId as am, getIsPreview as an, getIsInBuilder as ao, getReactComponent as ap, getBuilderEditMode as aq, getBackgroundsFileIds as ar, getBackgroundsSwatchIds as as, Color as at, copyColorData as au, copy as av, merge as aw, Image$1 as ax, copyImageData as ay, Link$1 as az, isElementReference as b, unstable_RichTextV2 as b0, RichTextV2ControlMessageType as b1, RichTextV2Control as b2, RootBlockType as b3, BlockType as b4, InlineType as b5, BlockTextAlignment as b6, getInitialState$7 as b7, reducer$8 as b8, getDocument$1 as b9, getComponentsMeta as ba, getComponentPropControllerDescriptors$1 as bb, BuilderEditMode as bc, getDocumentKeysSortedByDepth as bd, getPropController as be, getPropControllersHandle as bf, getElement as bg, getElementPropControllerDescriptors as bh, createPropController as bi, reducer$7 as bj, reducer$6 as bk, reducer$5 as bl, reducer$4 as bm, reducer$3 as bn, reducer$2 as bo, reducer$1 as bp, getInitialState$1 as bq, createDocument as c, descriptors as d, getElementSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, Types as m, ResponsiveIconRadioGroup as n, Border as o, BorderRadius as p, Shadows as q, GapX as r, ResponsiveSelect as s, ResponsiveNumber as t, Grid as u, TextInput as v, Link as w, ResponsiveColor as x, TextStyle as y, ResponsiveLength as z };
+export { getBoxShadowsSwatchIds as $, ResponsiveLength as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, TextArea as H, Images as I, Table as J, TableFormFields as K, ListControlType as L, Margin as M, Number as N, Image as O, Padding as P, ResponsiveOpacity as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, TableFormFieldsMessageType as T, NavigationLinks as U, SocialLinks as V, Width as W, RichText as X, Video as Y, getBorderSwatchIds as Z, isNonNullable as _, createDocumentReference as a, toSelectionDTO as a$, getResponsiveColorSwatchIds as a0, StyleControlProperty as a1, ImageControlValueFormat as a2, isPropControllersHandle as a3, StyleControlType as a4, RichTextV2ControlType as a5, RichTextControlType as a6, SlotControlType as a7, LinkControlType as a8, ImageControlType as a9, copyImageData as aA, Link$1 as aB, copyLinkData as aC, List$1 as aD, ListControlMessageType as aE, ListControl as aF, copyListData as aG, Select as aH, Shape$1 as aI, ShapeControlMessageType as aJ, ShapeControl as aK, copyShapeData as aL, Slot as aM, SlotControlMessageType as aN, SlotControl as aO, copySlotData as aP, mergeSlotData as aQ, Style as aR, StyleControlMessageType as aS, StyleControl as aT, copyStyleData as aU, ObjectType as aV, RichText$1 as aW, RichTextControlMessageType as aX, RichTextControl as aY, richTextDTOtoSelection as aZ, richTextDTOtoDAO as a_, ColorControlType as aa, SelectControlType as ab, getComponentPropControllerDescriptors as ac, getPropControllers as ad, BorderPropControllerFormat as ae, ShadowsPropControllerFormat as af, BorderRadiusPropControllerFormat as ag, MarginPropControllerFormat as ah, PaddingPropControllerFormat as ai, WidthPropControllerFormat as aj, configureStore as ak, copyElementTree as al, getBreakpoints as am, getDocument as an, getElementId as ao, getIsPreview as ap, getIsInBuilder as aq, getReactComponent as ar, getBuilderEditMode as as, getBackgroundsFileIds as at, getBackgroundsSwatchIds as au, Color as av, copyColorData as aw, copy as ax, merge as ay, Image$1 as az, isElementReference as b, richTextDAOToDTO as b0, RichTextV2Mode as b1, createRichTextV2Plugin as b2, unstable_RichTextV2 as b3, RichTextV2ControlMessageType as b4, RichTextV2Control as b5, BlockActions as b6, ListActions as b7, onKeyDown as b8, withBlock as b9, reducer$1 as bA, getInitialState$2 as bB, BlockPlugin as ba, RootBlockType as bb, BlockType as bc, InlineType as bd, BlockTextAlignment as be, ElementUtils as bf, getInitialState$7 as bg, reducer$8 as bh, getDocument$1 as bi, getComponentsMeta as bj, getComponentPropControllerDescriptors$1 as bk, getLocales as bl, BuilderEditMode as bm, getDocumentKeysSortedByDepth as bn, getPropController as bo, getPropControllersHandle as bp, getElement as bq, getElementPropControllerDescriptors as br, createPropController as bs, reducer$7 as bt, reducer$9 as bu, reducer$6 as bv, reducer$5 as bw, reducer$4 as bx, reducer$3 as by, reducer$2 as bz, createDocument as c, descriptors as d, getElementSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, Types as m, ResponsiveIconRadioGroup as n, Border as o, BorderRadius as p, Shadows as q, GapX as r, ResponsiveSelect as s, ResponsiveNumber as t, Checkbox as u, Grid as v, TextInput as w, Link as x, ResponsiveColor as y, TextStyle as z };
 //# sourceMappingURL=react-page.es.js.map