@makeswift/runtime 0.8.9 → 0.8.11

package/dist/{descriptors.es.js → react-page.es.js}

@@ -22,9 +22,197 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 const import_meta = {};
-import { Transforms, Editor, Text } from "slate";
-import { ReactEditor } from "slate-react";
+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 "slate-react";
+function isElementReference(element) {
+  return !("props" in element);
+}
+function createDocumentReference(key) {
+  return { key };
+}
+function createDocument(key, rootElement) {
+  return { key, rootElement };
+}
+function getInitialState$7({
+  rootElements = /* @__PURE__ */ new Map()
+} = {}) {
+  const initialState = /* @__PURE__ */ new Map();
+  rootElements.forEach((rootElement, documentKey) => {
+    initialState.set(documentKey, createDocument(documentKey, rootElement));
+  });
+  return initialState;
+}
+function getDocuments(state) {
+  return state;
+}
+function getDocument$1(state, documentKey) {
+  var _a;
+  return (_a = getDocuments(state).get(documentKey)) != null ? _a : null;
+}
+function reducer$8(state = getInitialState$7(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_DOCUMENT:
+      return new Map(state).set(action.payload.documentKey, action.payload.document);
+    case ActionTypes.UNREGISTER_DOCUMENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.documentKey);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+function getInitialState$6({
+  reactComponents = /* @__PURE__ */ new Map()
+} = {}) {
+  return reactComponents;
+}
+function getReactComponents(state) {
+  return state;
+}
+function getReactComponent$1(state, type) {
+  var _a;
+  return (_a = getReactComponents(state).get(type)) != null ? _a : null;
+}
+function reducer$7(state = getInitialState$6(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_REACT_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.component);
+    case ActionTypes.UNREGISTER_REACT_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+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;
+}
+function getPropControllerDescriptors$1(state) {
+  return state;
+}
+function getComponentPropControllerDescriptors$1(state, componentType) {
+  var _a;
+  return (_a = getPropControllerDescriptors$1(state).get(componentType)) != null ? _a : null;
+}
+function reducer$5(state = getInitialState$4(), action) {
+  switch (action.type) {
+    case ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.propControllerDescriptors);
+    case ActionTypes.UNREGISTER_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+function isPropControllersHandle(value) {
+  if (typeof value === "object" && value !== null && "setPropControllers" in value && typeof value.setPropControllers === "function") {
+    return true;
+  }
+  return false;
+}
+function getInitialState$3() {
+  return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
+}
+function getPropControllersHandle(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+}
+function getPropControllers$1(state, documentKey, elementKey) {
+  var _a, _b;
+  return (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
+}
+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) {
+  var _a, _b, _c, _d;
+  switch (action.type) {
+    case ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey, handle } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        handles: new Map(state.handles).set(documentKey, new Map((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
+      });
+    }
+    case ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
+      const { documentKey, elementKey } = action.payload;
+      const nextHandles = new Map((_b = state.handles.get(documentKey)) != null ? _b : []);
+      const deleted = nextHandles.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { handles: new Map(state.handles).set(documentKey, nextHandles) }) : state;
+    }
+    case ActionTypes.REGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey, propControllers } = action.payload;
+      return __spreadProps(__spreadValues({}, state), {
+        instances: new Map(state.instances).set(documentKey, new Map((_c = state.instances.get(documentKey)) != null ? _c : []).set(elementKey, propControllers))
+      });
+    }
+    case ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
+      const { documentKey, elementKey } = action.payload;
+      const nextInstances = new Map((_d = state.instances.get(documentKey)) != null ? _d : []);
+      const deleted = nextInstances.delete(elementKey);
+      return deleted ? __spreadProps(__spreadValues({}, state), { instances: new Map(state.instances).set(documentKey, nextInstances) }) : state;
+    }
+    default:
+      return state;
+  }
+}
+function getInitialState$2() {
+  return false;
+}
+function reducer$3(state = getInitialState$2(), action) {
+  switch (action.type) {
+    case ActionTypes.SET_IS_IN_BUILDER:
+      return action.payload;
+    default:
+      return state;
+  }
+}
+function getInitialState$1(isPreview = false) {
+  return isPreview;
+}
+function getIsPreview$1(state) {
+  return state;
+}
+function reducer$2(state = getInitialState$1(), action) {
+  switch (action.type) {
+    default:
+      return state;
+  }
+}
 const BuilderEditMode = {
   BUILD: "build",
   CONTENT: "content",
@@ -33,7 +221,7 @@ const BuilderEditMode = {
 function getInitialState() {
   return null;
 }
-function reducer(state = getInitialState(), action) {
+function reducer$1(state = getInitialState(), action) {
   switch (action.type) {
     case ActionTypes.SET_BUILDER_EDIT_MODE:
       return action.payload.editMode;
@@ -146,6 +334,12 @@ if (import_meta.vitest) {
     });
   });
 }
+class PropController {
+  constructor(send) {
+    __publicField(this, "send");
+    this.send = send;
+  }
+}
 const RichTextPropControllerMessageType = {
   CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
   INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
@@ -156,12 +350,6 @@ const RichTextPropControllerMessageType = {
   REDO: "REDO",
   CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
 };
-class PropController {
-  constructor(send) {
-    __publicField(this, "send");
-    this.send = send;
-  }
-}
 class DefaultPropController extends PropController {
   constructor() {
     super(...arguments);
@@ -181,17 +369,12 @@ class RichTextPropController extends PropController {
           switch (message.editMode) {
             case BuilderEditMode.BUILD:
             case BuilderEditMode.INTERACT:
-              ReactEditor.deselect(this.editor);
-              ReactEditor.blur(this.editor);
+              this.editor.deselectAndBlur();
           }
           break;
         }
         case RichTextPropControllerMessageType.FOCUS: {
-          ReactEditor.focus(this.editor);
-          Transforms.select(this.editor, {
-            anchor: Editor.start(this.editor, []),
-            focus: Editor.end(this.editor, [])
-          });
+          this.editor.focusAndSelectAll();
           break;
         }
       }
@@ -258,7 +441,7 @@ function createPropController(descriptor, send) {
     case RichTextControlType:
       return new RichTextControl(send);
     case RichTextV2ControlType:
-      return new RichTextV2Control(send);
+      return new RichTextV2Control(send, descriptor);
     case ListControlType:
       return new ListControl(send, descriptor);
     case ShapeControlType:
@@ -603,6 +786,22 @@ function copySlotData(value, context) {
     elements: value.elements.map((element) => context.copyElement(element))
   });
 }
+function mergeSlotData(base = { columns: [], elements: [] }, override = { columns: [], elements: [] }, context) {
+  const mergedColumns = base.columns;
+  const mergedElements = base.elements.flatMap((baseElement) => {
+    const overrideElement = override.elements.find((e) => baseElement.type === e.type && baseElement.key === e.key);
+    if (overrideElement == null)
+      return [baseElement];
+    if (overrideElement.deleted)
+      return [];
+    if (isElementReference(overrideElement))
+      return [overrideElement];
+    if (isElementReference(baseElement))
+      return [baseElement];
+    return context.mergeElement(baseElement, overrideElement);
+  });
+  return { columns: mergedColumns, elements: mergedElements };
+}
 function copy$e(value, context) {
   if (value == null)
     return value;
@@ -1389,6 +1588,14 @@ function copy(definition, value, context) {
       return value;
   }
 }
+function merge(definition, a, b = a, context) {
+  switch (definition.type) {
+    case SlotControlType:
+      return mergeSlotData(a, b, context);
+    default:
+      return b;
+  }
+}
 const ObjectType = {
   Value: "value",
   Text: "text",
@@ -1405,7 +1612,8 @@ const ObjectType = {
   Operation: "operation"
 };
 const RootBlockType = {
-  Text: "text",
+  Default: "default",
+  Text: "text-block",
   Paragraph: "paragraph",
   Heading1: "heading-one",
   Heading2: "heading-two",
@@ -1433,6 +1641,111 @@ const BlockTextAlignment = {
   Right: "right",
   Justify: "justify"
 };
+const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
+const RichTextV2Mode = {
+  Inline: "makeswift::controls::rich-text-v2::mode::inline",
+  Block: "makeswift::controls::rich-text-v2::mode::block"
+};
+function createRichTextV2Plugin({
+  control,
+  withPlugin,
+  onKeyDown
+}) {
+  return { control, withPlugin, onKeyDown };
+}
+function unstable_RichTextV2(config = {}) {
+  return { type: RichTextV2ControlType, config };
+}
+const RichTextV2ControlMessageType = {
+  RESET_VALUE: "RESET_VALUE",
+  FOCUS: "FOCUS",
+  RUN_PLUGIN_CONTROL_ACTION: "RUN_PLUGIN_CONTROL_ACTION",
+  SET_DEFAULT_VALUE: "SET_DEFAULT_VALUE",
+  SET_PLUGIN_CONTROL_VALUE: "SET_PLUGIN_CONTROL_VALUE",
+  ON_CHANGE: "ON_CHANGE",
+  SELECT: "SELECT",
+  SWITCH_TO_BUILD_MODE: "SWITCH_TO_BUILD_MODE",
+  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
+};
+class RichTextV2Control extends PropController {
+  constructor(send, descriptor) {
+    super(send);
+    __publicField(this, "editor", null);
+    __publicField(this, "defaultValue", null);
+    __publicField(this, "descriptor");
+    __publicField(this, "recv", (message) => {
+      var _a, _b, _c;
+      if (!this.editor)
+        return;
+      switch (message.type) {
+        case RichTextV2ControlMessageType.FOCUS: {
+          this.editor.focusAndSelectAll();
+          break;
+        }
+        case RichTextV2ControlMessageType.RESET_VALUE: {
+          if (this.defaultValue) {
+            this.editor.selection = null;
+            this.editor.children = this.defaultValue;
+            this.editor.onChange();
+          }
+          break;
+        }
+        case RichTextV2ControlMessageType.RUN_PLUGIN_CONTROL_ACTION: {
+          (_c = (_b = (_a = this.descriptor.config.plugins) == null ? void 0 : _a.at(message.pluginIndex)) == null ? void 0 : _b.control) == null ? void 0 : _c.onChange(this.editor, message.value);
+          break;
+        }
+      }
+    });
+    this.descriptor = descriptor;
+    this.send = send;
+  }
+  setEditor(editor) {
+    var _a, _b, _c;
+    this.editor = editor;
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: (_c = (_b = (_a = this.descriptor.config) == null ? void 0 : _a.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a2;
+        return (_a2 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a2.getValue(editor);
+      })) != null ? _c : []
+    });
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.send({ type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE, value: defaultValue });
+  }
+  select() {
+    this.send({ type: RichTextV2ControlMessageType.SELECT });
+  }
+  switchToBuildMode() {
+    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
+  }
+  onChange(value) {
+    var _a, _b, _c;
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.send({
+      type: RichTextV2ControlMessageType.ON_CHANGE,
+      value
+    });
+    this.send({
+      type: RichTextV2ControlMessageType.SET_PLUGIN_CONTROL_VALUE,
+      value: (_c = (_b = (_a = this.descriptor.config) == null ? void 0 : _a.plugins) == null ? void 0 : _b.map((plugin) => {
+        var _a2;
+        return (_a2 = plugin == null ? void 0 : plugin.control) == null ? void 0 : _a2.getValue(editor);
+      })) != null ? _c : []
+    });
+  }
+  changeBoxModel(boxModel) {
+    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  }
+}
+function isText(node) {
+  if (typeof node === "object" && "text" in node)
+    return true;
+  return false;
+}
 function toTextDAO(node) {
   var _a, _b, _c, _d;
   const typographyMark = (_a = node.marks) == null ? void 0 : _a.find((mark) => mark.type === "typography");
@@ -1515,7 +1828,7 @@ function richTextDTOtoDAO(data) {
   return (_c = (_b = (_a = data.document) == null ? void 0 : _a.nodes) == null ? void 0 : _b.flatMap(toNodeDAO)) != null ? _c : [];
 }
 function toInlineOrTextDTO(node) {
-  if (Text.isText(node)) {
+  if (isText(node)) {
     return [
       {
         text: node.text,
@@ -1557,7 +1870,7 @@ function toInlineOrTextDTO(node) {
 }
 function toNodeDTO(node) {
   var _a, _b;
-  if (Text.isText(node))
+  if (isText(node))
     return toInlineOrTextDTO(node);
   switch (node.type) {
     case InlineType.Link:
@@ -1646,17 +1959,12 @@ class RichTextControl extends PropController {
           switch (message.editMode) {
             case BuilderEditMode.BUILD:
             case BuilderEditMode.INTERACT:
-              ReactEditor.deselect(this.editor);
-              ReactEditor.blur(this.editor);
+              this.editor.deselectAndBlur();
           }
           break;
         }
         case RichTextControlMessageType.FOCUS: {
-          ReactEditor.focus(this.editor);
-          Transforms.select(this.editor, {
-            anchor: Editor.start(this.editor, []),
-            focus: Editor.end(this.editor, [])
-          });
+          this.editor.focusAndSelectAll();
           break;
         }
       }
@@ -1695,69 +2003,6 @@ class RichTextControl extends PropController {
     this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
   }
 }
-const RichTextV2ControlType = "makeswift::controls::rich-text-v2";
-function unstable_RichTextV2() {
-  return { type: RichTextV2ControlType };
-}
-const RichTextV2ControlMessageType = {
-  RESET_VALUE: "RESET_VALUE",
-  FOCUS: "FOCUS",
-  SET_DEFAULT_VALUE: "SET_DEFAULT_VALUE",
-  ON_CHANGE: "ON_CHANGE",
-  SELECT: "SELECT",
-  SWITCH_TO_BUILD_MODE: "SWITCH_TO_BUILD_MODE",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
-};
-class RichTextV2Control extends PropController {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "editor", null);
-    __publicField(this, "defaultValue", null);
-    __publicField(this, "recv", (message) => {
-      if (!this.editor)
-        return;
-      switch (message.type) {
-        case RichTextV2ControlMessageType.FOCUS: {
-          ReactEditor.focus(this.editor);
-          Transforms.select(this.editor, {
-            anchor: Editor.start(this.editor, []),
-            focus: Editor.end(this.editor, [])
-          });
-          break;
-        }
-        case RichTextV2ControlMessageType.RESET_VALUE: {
-          if (this.defaultValue) {
-            this.editor.selection = null;
-            this.editor.children = this.defaultValue;
-            this.editor.onChange();
-          }
-        }
-      }
-    });
-  }
-  setEditor(editor) {
-    this.editor = editor;
-  }
-  setDefaultValue(defaultValue) {
-    this.defaultValue = defaultValue;
-    this.send({ type: RichTextV2ControlMessageType.SET_DEFAULT_VALUE, value: defaultValue });
-  }
-  select() {
-    this.send({ type: RichTextV2ControlMessageType.SELECT });
-  }
-  switchToBuildMode() {
-    this.send({ type: RichTextV2ControlMessageType.SWITCH_TO_BUILD_MODE });
-  }
-  onChange(value) {
-    this.send({
-      type: RichTextV2ControlMessageType.ON_CHANGE,
-      value
-    });
-  }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextV2ControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
-  }
-}
 const Types = {
   Backgrounds: "Backgrounds",
   Border: "Border",
@@ -1981,5 +2226,479 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   WidthPropControllerFormat,
   Width
 }, Symbol.toStringTag, { value: "Module" }));
-export { BorderPropControllerFormat as $, NavigationLinks as A, Backgrounds as B, ColorControlType as C, Date as D, ElementID as E, Font as F, GapY as G, SocialLinks as H, ImageControlType as I, RichText as J, StyleControlProperty as K, ListControlType as L, Margin as M, Number as N, ImageControlValueFormat as O, Padding as P, BlockType as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, Types as T, BuilderEditMode as U, Video as V, Width as W, StyleControlType as X, RichTextV2ControlType as Y, RichTextControlType as Z, LinkControlType as _, copy as a, ShadowsPropControllerFormat as a0, BorderRadiusPropControllerFormat as a1, MarginPropControllerFormat as a2, PaddingPropControllerFormat as a3, WidthPropControllerFormat as a4, Color as a5, copyColorData as a6, Image$1 as a7, copyImageData as a8, Link$1 as a9, InlineType as aA, BlockTextAlignment as aB, unstable_RichTextV2 as aC, RichTextV2ControlMessageType as aD, RichTextV2Control as aE, createPropController as aF, 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, Style as an, StyleControlMessageType as ao, StyleControl as ap, copyStyleData as aq, ObjectType as ar, RichText$1 as as, RichTextControlMessageType as at, RichTextControl as au, richTextDTOtoSelection as av, richTextDTOtoDAO as aw, toSelectionDTO as ax, richTextDAOToDTO as ay, RootBlockType as az, SlotControlType as b, copyElementReference as c, descriptors as d, TableFormFieldsMessageType as e, ResponsiveIconRadioGroup as f, Border as g, BorderRadius as h, Shadows as i, GapX as j, ResponsiveSelect as k, ResponsiveNumber as l, Checkbox as m, Grid as n, TextInput as o, Link as p, ResponsiveColor as q, reducer as r, TextStyle as s, Images as t, ResponsiveLength as u, TextArea as v, Table as w, TableFormFields as x, Image as y, ResponsiveOpacity as z };
-//# sourceMappingURL=descriptors.es.js.map
+function isNonNullable(value) {
+  return value != null;
+}
+function getElementChildren(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Grid:
+      return prop.elements;
+    case SlotControlType:
+      return prop.elements;
+    case ListControlType:
+      return prop.flatMap(({ value }) => getElementChildren(descriptor.config.type, value));
+    case ShapeControlType: {
+      const shapeControlData = prop;
+      return Object.keys(shapeControlData).flatMap((key) => getElementChildren(descriptor.config.type[key], shapeControlData[key]));
+    }
+    default:
+      return [];
+  }
+}
+function getElementId$1(descriptor, prop) {
+  if (prop == null)
+    return null;
+  switch (descriptor.type) {
+    case Types.ElementID:
+      return prop;
+    default:
+      return null;
+  }
+}
+function getBackgroundsSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    var _a2;
+    switch (backgroundItem.type) {
+      case "color":
+        return ((_a2 = backgroundItem.payload) == null ? void 0 : _a2.swatchId) == null ? [] : [backgroundItem.payload.swatchId];
+      case "gradient":
+        return backgroundItem.payload.stops.flatMap((stop) => stop.color == null ? [] : stop.color.swatchId);
+      default:
+        return [];
+    }
+  })) != null ? _a : [];
+}
+function getBorderSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h;
+    return [
+      (_b = (_a2 = borderValue.borderTop) == null ? void 0 : _a2.color) == null ? void 0 : _b.swatchId,
+      (_d = (_c = borderValue.borderRight) == null ? void 0 : _c.color) == null ? void 0 : _d.swatchId,
+      (_f = (_e = borderValue.borderBottom) == null ? void 0 : _e.color) == null ? void 0 : _f.swatchId,
+      (_h = (_g = borderValue.borderLeft) == null ? void 0 : _g.color) == null ? void 0 : _h.swatchId
+    ].filter((swatchId) => swatchId != null);
+  })) != null ? _a : [];
+}
+function getBoxShadowsSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).map((item) => {
+    var _a2;
+    return (_a2 = item.payload.color) == null ? void 0 : _a2.swatchId;
+  }).filter((swatchId) => swatchId != null)) != null ? _a : [];
+}
+function getResponsiveColorSwatchIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _a : [];
+}
+function getTypographyStyleSwatchIds(style) {
+  var _a;
+  return (_a = style == null ? void 0 : style.map((override) => override.value).flatMap((typographyStyle) => {
+    var _a2;
+    return (_a2 = typographyStyle.color) == null ? void 0 : _a2.swatchId;
+  }).filter(isNonNullable)) != null ? _a : [];
+}
+function getElementSwatchIds(descriptor, prop) {
+  var _a;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Backgrounds:
+      return getBackgroundsSwatchIds(prop);
+    case Types.Border:
+      return getBorderSwatchIds(prop);
+    case Types.NavigationLinks: {
+      const value = prop;
+      return (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b, _c, _d;
+        switch (item.type) {
+          case "button":
+          case "dropdown":
+            return [
+              ...(_b = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color) => color.swatchId)) != null ? _b : [],
+              ...(_d = (_c = item.payload.textColor) == null ? void 0 : _c.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : []
+            ];
+        }
+      })) != null ? _a : [];
+    }
+    case Types.ResponsiveColor:
+      return getResponsiveColorSwatchIds(prop);
+    case Types.Shadows:
+      return getBoxShadowsSwatchIds(prop);
+    case Types.RichText: {
+      let getNodeSwatchIds = function(node) {
+        var _a2, _b, _c, _d;
+        switch (node.object) {
+          case "document":
+          case "block":
+          case "inline":
+            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b : [];
+          case "text":
+            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkSwatchIds)) != null ? _d : [];
+          default:
+            return [];
+        }
+      }, getMarkSwatchIds = function(mark) {
+        var _a2, _b;
+        return getTypographyStyleSwatchIds((_b = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b.style);
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodeSwatchIds(value.document);
+    }
+    case ColorControlType: {
+      const value = prop;
+      return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
+    }
+    default:
+      return [];
+  }
+}
+function getBackgroundsFileIds(value) {
+  var _a;
+  return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
+    switch (backgroundItem.type) {
+      case "image":
+        return [backgroundItem.payload.imageId];
+      default:
+        return [];
+    }
+  })) != null ? _a : [];
+}
+function getFileIds(descriptor, prop) {
+  var _a;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Backgrounds:
+      return getBackgroundsFileIds(prop);
+    case Types.Image: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    case Types.Images: {
+      const value = prop;
+      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+    }
+    case ImageControlType: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    default:
+      return [];
+  }
+}
+function getTypographyIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.RichText: {
+      let getNodeTypographyIds = function(node) {
+        var _a, _b, _c, _d;
+        switch (node.object) {
+          case "document":
+          case "block":
+          case "inline":
+            return (_b = (_a = node.nodes) == null ? void 0 : _a.flatMap(getNodeTypographyIds)) != null ? _b : [];
+          case "text":
+            return (_d = (_c = node.marks) == null ? void 0 : _c.flatMap(getMarkTypographyIds)) != null ? _d : [];
+          default:
+            return [];
+        }
+      }, getMarkTypographyIds = function(mark) {
+        var _a, _b;
+        return [(_b = (_a = mark.data) == null ? void 0 : _a.value) == null ? void 0 : _b.id].filter((id) => id != null);
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodeTypographyIds(value.document);
+    }
+    default:
+      return [];
+  }
+}
+function getTableIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Table: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    default:
+      return [];
+  }
+}
+function getPageIds(descriptor, prop) {
+  var _a;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case Types.Link: {
+      const value = prop;
+      if (value == null)
+        return [];
+      switch (value.type) {
+        case "OPEN_PAGE":
+          return value.payload.pageId == null ? [] : [value.payload.pageId];
+        default:
+          return [];
+      }
+    }
+    case Types.NavigationLinks: {
+      const value = prop;
+      if (value == null)
+        return [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b;
+        switch (item.type) {
+          case "button": {
+            if (item.payload.link == null)
+              return [];
+            switch (item.payload.link.type) {
+              case "OPEN_PAGE":
+                return item.payload.link.payload.pageId == null ? [] : [item.payload.link.payload.pageId];
+              default:
+                return [];
+            }
+          }
+          case "dropdown": {
+            return (_b = (_a2 = item.payload.links) == null ? void 0 : _a2.flatMap((link) => {
+              if (link.payload.link == null)
+                return [];
+              switch (link.payload.link.type) {
+                case "OPEN_PAGE":
+                  return link.payload.link.payload.pageId == null ? [] : [link.payload.link.payload.pageId];
+                default:
+                  return [];
+              }
+            })) != null ? _b : [];
+          }
+        }
+      })) != null ? _a : [];
+    }
+    case Types.RichText: {
+      let getNodePageIds = function(node) {
+        var _a2, _b;
+        switch (node.object) {
+          case "document":
+          case "block":
+            return (_b = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+          case "inline":
+            return getInlinePageIds(node);
+          default:
+            return [];
+        }
+      }, getInlinePageIds = function(inline) {
+        var _a2, _b, _c, _d;
+        switch (inline.type) {
+          case "link": {
+            const nodePageIds = (_b = (_a2 = inline.nodes) == null ? void 0 : _a2.flatMap(getNodePageIds)) != null ? _b : [];
+            const dataPageIds = inline.data ? getLinkDataPageIds(inline.data) : [];
+            return [...nodePageIds, ...dataPageIds];
+          }
+          default:
+            return (_d = (_c = inline.nodes) == null ? void 0 : _c.flatMap(getNodePageIds)) != null ? _d : [];
+        }
+      }, getLinkDataPageIds = function(link) {
+        switch (link.type) {
+          case "OPEN_PAGE":
+            return link.payload.pageId == null ? [] : [link.payload.pageId];
+          default:
+            return [];
+        }
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodePageIds(value.document);
+    }
+    default:
+      return [];
+  }
+}
+var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  getElementChildren,
+  getElementId: getElementId$1,
+  getBackgroundsSwatchIds,
+  getBorderSwatchIds,
+  getBoxShadowsSwatchIds,
+  getResponsiveColorSwatchIds,
+  getTypographyStyleSwatchIds,
+  getElementSwatchIds,
+  getBackgroundsFileIds,
+  getFileIds,
+  getTypographyIds,
+  getTableIds,
+  getPageIds
+}, Symbol.toStringTag, { value: "Module" }));
+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
+});
+function getDocumentsStateSlice(state) {
+  return state.documents;
+}
+function getDocument(state, documentKey) {
+  return getDocument$1(getDocumentsStateSlice(state), documentKey);
+}
+function getReactComponentsStateSlice(state) {
+  return state.reactComponents;
+}
+function getReactComponent(state, type) {
+  return getReactComponent$1(getReactComponentsStateSlice(state), type);
+}
+function getPropControllersStateSlice(state) {
+  return state.propControllers;
+}
+function getPropControllerDescriptors(state) {
+  return getPropControllerDescriptors$1(getPropControllersStateSlice(state));
+}
+function getComponentPropControllerDescriptors(state, componentType) {
+  return getComponentPropControllerDescriptors$1(getPropControllersStateSlice(state), componentType);
+}
+function getPropControllerHandlesStateSlice(state) {
+  return state.propControllerHandles;
+}
+function getPropControllers(state, documentKey, elementKey) {
+  return getPropControllers$1(getPropControllerHandlesStateSlice(state), documentKey, elementKey);
+}
+function normalizeElement(element, descriptors2) {
+  const elements = /* @__PURE__ */ new Map();
+  const remaining = [element];
+  let current;
+  while (current = remaining.pop()) {
+    elements.set(current.key, current);
+    if (isElementReference(current))
+      continue;
+    const elementDescriptors = descriptors2.get(current.type);
+    if (elementDescriptors == null)
+      continue;
+    const parent = current;
+    const children = Object.entries(elementDescriptors).reduce((acc, [propName, descriptor]) => {
+      return [...acc, ...getElementChildren(descriptor, parent.props[propName])];
+    }, []);
+    remaining.push(...children);
+  }
+  return elements;
+}
+function getDocumentElements(state, documentKey) {
+  const document = getDocument(state, documentKey);
+  const descriptors2 = getPropControllerDescriptors(state);
+  if (document == null)
+    return /* @__PURE__ */ new Map();
+  return normalizeElement(document.rootElement, descriptors2);
+}
+function getDocumentKeysSortedByDepth(state) {
+  const documents = getDocuments(getDocumentsStateSlice(state));
+  const keys = Array.from(documents.keys());
+  if (keys.length < 2)
+    return keys;
+  const elements = /* @__PURE__ */ new Map();
+  keys.forEach((key) => {
+    elements.set(key, getDocumentElements(state, key));
+  });
+  keys.sort((a, b) => {
+    var _a;
+    return ((_a = elements.get(a)) == null ? void 0 : _a.has(b)) ? -1 : 1;
+  });
+  return keys;
+}
+function getElement(state, documentKey, elementKey) {
+  var _a;
+  return (_a = getDocumentElements(state, documentKey).get(elementKey)) != null ? _a : null;
+}
+function getElementPropControllerDescriptors(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  return getComponentPropControllerDescriptors(state, element.type);
+}
+function getElementId(state, documentKey, elementKey) {
+  const element = getElement(state, documentKey, elementKey);
+  if (element == null || isElementReference(element))
+    return null;
+  const descriptors2 = getComponentPropControllerDescriptors(state, element.type);
+  if (descriptors2 == null)
+    return null;
+  const elementId = Object.entries(descriptors2).reduce((acc, [propName, descriptor]) => {
+    if (acc != null)
+      return acc;
+    return getElementId$1(descriptor, element.props[propName]);
+  }, null);
+  return elementId;
+}
+function createReplacementContext(serializableReplacementContext) {
+  const rc = {
+    elementHtmlIds: new Set(serializableReplacementContext.elementHtmlIds),
+    elementKeys: new Map(serializableReplacementContext.elementKeys && Object.entries(serializableReplacementContext.elementKeys)),
+    swatchIds: new Map(serializableReplacementContext.swatchIds && Object.entries(serializableReplacementContext.swatchIds)),
+    fileIds: new Map(serializableReplacementContext.fileIds && Object.entries(serializableReplacementContext.fileIds)),
+    typographyIds: new Map(serializableReplacementContext.typographyIds && Object.entries(serializableReplacementContext.typographyIds)),
+    tableIds: new Map(serializableReplacementContext.tableIds && Object.entries(serializableReplacementContext.tableIds)),
+    tableColumnIds: new Map(serializableReplacementContext.tableColumnIds && Object.entries(serializableReplacementContext.tableColumnIds)),
+    pageIds: new Map(serializableReplacementContext.pageIds && Object.entries(serializableReplacementContext.pageIds)),
+    globalElementIds: new Map(serializableReplacementContext.globalElementIds && Object.entries(serializableReplacementContext.globalElementIds)),
+    globalElementData: new Map(serializableReplacementContext.globalElementData && Object.entries(serializableReplacementContext.globalElementData))
+  };
+  return rc;
+}
+function copyElementTree(state, elementTree, replacementContext) {
+  function copyElementTreeNode(state2, replacementContext2) {
+    return function(node) {
+      const context = {
+        replacementContext: replacementContext2,
+        copyElement: copyElementTreeNode(state2, replacementContext2)
+      };
+      if (isElementReference(node)) {
+        return __spreadProps(__spreadValues({}, node), { value: copyElementReference(node.value, context) });
+      }
+      const descriptors2 = getComponentPropControllerDescriptors(state2, node.type);
+      if (descriptors2 == null)
+        return node;
+      for (const [propKey, descriptor] of Object.entries(descriptors2)) {
+        node.props[propKey] = copy(descriptor, node.props[propKey], context);
+      }
+      return node;
+    };
+  }
+  const copy$12 = JSON.parse(JSON.stringify(elementTree));
+  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy$12);
+}
+function getIsInBuilder(state) {
+  return state.isInBuilder;
+}
+function getIsPreview(state) {
+  return getIsPreview$1(state.isPreview);
+}
+function getBuilderEditMode(state) {
+  return state.builderEditMode;
+}
+function getBreakpoints(state) {
+  return state.breakpoints;
+}
+function configureStore({
+  rootElements,
+  preloadedState,
+  breakpoints
+} = {}) {
+  return createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), {
+    documents: getInitialState$7({ rootElements }),
+    breakpoints: getInitialState$8(breakpoints != null ? breakpoints : preloadedState == null ? void 0 : preloadedState.breakpoints)
+  }), 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 };
+//# sourceMappingURL=react-page.es.js.map