@makeswift/runtime 0.0.0-1faafb3 → 0.0.0-20221019211549

package/dist/react-page.cjs.js

@@ -0,0 +1,602 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var redux = require("redux");
+var thunk = require("redux-thunk");
+var actions = require("./actions.cjs.js");
+var image = require("./image.cjs.js");
+var color = require("./color.cjs.js");
+var slot = require("./slot.cjs.js");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var thunk__default = /* @__PURE__ */ _interopDefaultLegacy(thunk);
+function isElementReference(element) {
+  return !("props" in element);
+}
+function createDocumentReference(key) {
+  return { key };
+}
+function createDocument(key, rootElement) {
+  return { key, rootElement };
+}
+function getInitialState$5({
+  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$6(state = getInitialState$5(), action) {
+  switch (action.type) {
+    case actions.ActionTypes.REGISTER_DOCUMENT:
+      return new Map(state).set(action.payload.documentKey, action.payload.document);
+    case actions.ActionTypes.UNREGISTER_DOCUMENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.documentKey);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+function getInitialState$4({
+  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$5(state = getInitialState$4(), action) {
+  switch (action.type) {
+    case actions.ActionTypes.REGISTER_REACT_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.component);
+    case actions.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$3({
+  componentsMeta = /* @__PURE__ */ new Map()
+} = {}) {
+  return componentsMeta;
+}
+function getComponentsMeta(state) {
+  return state;
+}
+function reducer$4(state = getInitialState$3(), action) {
+  switch (action.type) {
+    case actions.ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.meta);
+    case actions.ActionTypes.UNREGISTER_COMPONENT: {
+      const nextState = new Map(state);
+      const deleted = nextState.delete(action.payload.type);
+      return deleted ? nextState : state;
+    }
+    default:
+      return state;
+  }
+}
+function getInitialState$2({
+  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$3(state = getInitialState$2(), action) {
+  switch (action.type) {
+    case actions.ActionTypes.REGISTER_COMPONENT:
+      return new Map(state).set(action.payload.type, action.payload.propControllerDescriptors);
+    case actions.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$1() {
+  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$2(state = getInitialState$1(), action) {
+  var _a, _b, _c, _d;
+  switch (action.type) {
+    case actions.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 actions.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 actions.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 actions.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() {
+  return false;
+}
+function reducer$1(state = getInitialState(), action) {
+  switch (action.type) {
+    case actions.ActionTypes.SET_IS_IN_BUILDER:
+      return action.payload;
+    default:
+      return state;
+  }
+}
+function getElementChildren(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case image.Types.Grid:
+      return prop.elements;
+    case slot.SlotControlType:
+      return prop.elements;
+    default:
+      return [];
+  }
+}
+function getElementId$1(descriptor, prop) {
+  if (prop == null)
+    return null;
+  switch (descriptor.type) {
+    case image.Types.ElementID:
+      return prop;
+    default:
+      return null;
+  }
+}
+function getElementSwatchIds(descriptor, prop) {
+  var _a, _b, _c, _d, _e;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case image.Types.Backgrounds: {
+      const value = prop;
+      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 : [];
+    }
+    case image.Types.Border: {
+      const value = prop;
+      return (_b = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((borderValue) => {
+        var _a2, _b2, _c2, _d2, _e2, _f, _g, _h;
+        return [
+          (_b2 = (_a2 = borderValue.borderTop) == null ? void 0 : _a2.color) == null ? void 0 : _b2.swatchId,
+          (_d2 = (_c2 = borderValue.borderRight) == null ? void 0 : _c2.color) == null ? void 0 : _d2.swatchId,
+          (_f = (_e2 = borderValue.borderBottom) == null ? void 0 : _e2.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 ? _b : [];
+    }
+    case image.Types.NavigationLinks: {
+      const value = prop;
+      return (_c = value == null ? void 0 : value.flatMap((item) => {
+        var _a2, _b2, _c2, _d2;
+        switch (item.type) {
+          case "button":
+          case "dropdown":
+            return [
+              ...(_b2 = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color2) => color2.swatchId)) != null ? _b2 : [],
+              ...(_d2 = (_c2 = item.payload.textColor) == null ? void 0 : _c2.map((override) => override.value).map((color2) => color2.swatchId)) != null ? _d2 : []
+            ];
+        }
+      })) != null ? _c : [];
+    }
+    case image.Types.ResponsiveColor: {
+      const value = prop;
+      return (_d = value == null ? void 0 : value.map((override) => override.value).map((color2) => color2.swatchId)) != null ? _d : [];
+    }
+    case image.Types.Shadows: {
+      const value = prop;
+      return (_e = 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 ? _e : [];
+    }
+    case image.Types.RichText: {
+      let getNodeSwatchIds = function(node) {
+        var _a2, _b2, _c2, _d2;
+        switch (node.object) {
+          case "document":
+          case "block":
+          case "inline":
+            return (_b2 = (_a2 = node.nodes) == null ? void 0 : _a2.flatMap(getNodeSwatchIds)) != null ? _b2 : [];
+          case "text":
+            return (_d2 = (_c2 = node.marks) == null ? void 0 : _c2.flatMap(getMarkSwatchIds)) != null ? _d2 : [];
+          default:
+            return [];
+        }
+      }, getMarkSwatchIds = function(mark) {
+        var _a2, _b2, _c2, _d2;
+        return (_d2 = (_c2 = (_b2 = (_a2 = mark.data) == null ? void 0 : _a2.value) == null ? void 0 : _b2.style) == null ? void 0 : _c2.map((override) => override.value).flatMap((typographyStyle) => {
+          var _a3;
+          return (_a3 = typographyStyle.color) == null ? void 0 : _a3.swatchId;
+        }).filter((swatchId) => swatchId != null)) != null ? _d2 : [];
+      };
+      const value = prop;
+      if (value == null || value.document == null)
+        return [];
+      return getNodeSwatchIds(value.document);
+    }
+    case color.ColorControlType: {
+      const value = prop;
+      return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
+    }
+    default:
+      return [];
+  }
+}
+function getFileIds(descriptor, prop) {
+  var _a, _b;
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case image.Types.Backgrounds: {
+      const value = prop;
+      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 : [];
+    }
+    case image.Types.Image: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    case image.Types.Images: {
+      const value = prop;
+      return (_b = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _b : [];
+    }
+    case image.ImageControlType: {
+      const value = prop;
+      return value == null ? [] : [value];
+    }
+    default:
+      return [];
+  }
+}
+function getTypographyIds(descriptor, prop) {
+  if (prop == null)
+    return [];
+  switch (descriptor.type) {
+    case image.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 image.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 image.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 image.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 image.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 [];
+  }
+}
+const reducer = redux.combineReducers({
+  documents: reducer$6,
+  reactComponents: reducer$5,
+  componentsMeta: reducer$4,
+  propControllers: reducer$3,
+  propControllerHandles: reducer$2,
+  isInBuilder: reducer$1
+});
+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, descriptors) {
+  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 = descriptors.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 descriptors = getPropControllerDescriptors(state);
+  if (document == null)
+    return /* @__PURE__ */ new Map();
+  return normalizeElement(document.rootElement, descriptors);
+}
+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 descriptors = getComponentPropControllerDescriptors(state, element.type);
+  if (descriptors == null)
+    return null;
+  const elementId = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {
+    if (acc != null)
+      return acc;
+    return getElementId$1(descriptor, element.props[propName]);
+  }, null);
+  return elementId;
+}
+function getIsInBuilder(state) {
+  return state.isInBuilder;
+}
+function configureStore({
+  rootElements,
+  preloadedState
+} = {}) {
+  return redux.createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), { documents: getInitialState$5({ rootElements }) }), redux.applyMiddleware(thunk__default["default"]));
+}
+exports.configureStore = configureStore;
+exports.createDocument = createDocument;
+exports.createDocumentReference = createDocumentReference;
+exports.getComponentPropControllerDescriptors = getComponentPropControllerDescriptors;
+exports.getComponentPropControllerDescriptors$1 = getComponentPropControllerDescriptors$1;
+exports.getComponentsMeta = getComponentsMeta;
+exports.getDocument = getDocument;
+exports.getDocument$1 = getDocument$1;
+exports.getElement = getElement;
+exports.getElementChildren = getElementChildren;
+exports.getElementId = getElementId;
+exports.getElementPropControllerDescriptors = getElementPropControllerDescriptors;
+exports.getElementSwatchIds = getElementSwatchIds;
+exports.getFileIds = getFileIds;
+exports.getInitialState = getInitialState$5;
+exports.getIsInBuilder = getIsInBuilder;
+exports.getPageIds = getPageIds;
+exports.getPropController = getPropController;
+exports.getPropControllerDescriptors = getPropControllerDescriptors;
+exports.getPropControllers = getPropControllers;
+exports.getPropControllersHandle = getPropControllersHandle;
+exports.getReactComponent = getReactComponent;
+exports.getTableIds = getTableIds;
+exports.getTypographyIds = getTypographyIds;
+exports.isElementReference = isElementReference;
+exports.isPropControllersHandle = isPropControllersHandle;
+exports.reducer = reducer$6;
+exports.reducer$1 = reducer$5;
+exports.reducer$2 = reducer$4;
+exports.reducer$3 = reducer$3;
+exports.reducer$4 = reducer$2;
+exports.reducer$5 = reducer$1;
+//# sourceMappingURL=react-page.cjs.js.map