@makeswift/runtime 0.2.10 → 0.2.13

package/dist/react-builder-preview.es.js

@@ -21,7 +21,7 @@ import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { Q as deepEqual } from "./index.es.js";
 import { removeIn, setIn } from "immutable";
-import { r as getInitialState$1, s as reducer$2, t as getDocument$1, c as createDocument, u as reducer$3, v as reducer$5, w as reducer$6, x as reducer$7, y as reducer$8, z as getComponentsMeta$1, A as getComponentPropControllerDescriptors$1, B as getPropController, C as getPropControllersHandle, D as getElement, E as getElementPropControllerDescriptors, i as isElementReference, F as isPropControllersHandle } from "./react-page.es.js";
+import { t as getInitialState$1, u as reducer$2, v as getDocument$1, c as createDocument, w as reducer$3, x as reducer$5, y as reducer$6, z as reducer$7, A as reducer$8, B as getComponentsMeta$1, C as getComponentPropControllerDescriptors$1, D as getPropController, E as getPropControllersHandle, F as getElement, G as getElementPropControllerDescriptors, i as isElementReference, H as isPropControllersHandle } from "./react-page.es.js";
 import { A as ActionTypes, l as changeElementBoxModels, n as changeDocumentElementSize, o as handleWheel, p as setIsInBuilder, q as registerBuilderComponent, t as unregisterBuilderComponent, v as unregisterMeasurable, w as registerMeasurable, x as unregisterPropControllers, y as registerPropControllers, z as registerPropControllersHandle, B as messageBuilderPropController } from "./actions.es.js";
 import { r as reducer$4, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, i as isMeasurable } from "./box-models.es.js";
 export { c as createBox, g as getBox, p as parse } from "./box-models.es.js";

package/dist/react-page.cjs.js

@@ -473,6 +473,329 @@ function getPageIds(descriptor, prop) {
       return [];
   }
 }
+function copy$d(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), {
+    value: override.value.map((backgroundItem) => {
+      var _a, _b;
+      switch (backgroundItem.type) {
+        case "color":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: backgroundItem.payload === null ? null : __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              swatchId: (_a = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a : backgroundItem.payload.swatchId
+            })
+          });
+        case "gradient":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              stops: backgroundItem.payload.stops.map((stop) => {
+                var _a2;
+                return __spreadProps(__spreadValues({}, stop), {
+                  color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
+                    swatchId: (_a2 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a2 : stop.color.swatchId
+                  })
+                });
+              })
+            })
+          });
+        case "image":
+          return __spreadProps(__spreadValues({}, backgroundItem), {
+            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
+              imageId: (_b = context.replacementContext.fileIds.get(backgroundItem.payload.imageId)) != null ? _b : backgroundItem.payload.imageId
+            })
+          });
+        default:
+          return backgroundItem;
+      }
+    })
+  }));
+}
+function copy$c(value, context) {
+  return __spreadProps(__spreadValues({}, value), {
+    elements: value.elements.map((element) => context.copyElement(element))
+  });
+}
+function copy$b(value, context) {
+  var _a, _b;
+  if (value == null)
+    return value;
+  switch (value.type) {
+    case "OPEN_PAGE": {
+      const pageId = value.payload.pageId;
+      if (pageId == null)
+        return value;
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+        })
+      });
+    }
+    case "SCROLL_TO_ELEMENT": {
+      const elementIdConfig = value.payload.elementIdConfig;
+      if (elementIdConfig == null)
+        return value;
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+            elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+          })
+        })
+      });
+    }
+    default:
+      return value;
+  }
+}
+function copy$a(value, context) {
+  if (value == null)
+    return value;
+  return value.map(copyNavigationLinksPanelItem);
+  function copyNavigationLinksPanelItem(item) {
+    switch (item.type) {
+      case "button":
+      case "dropdown": {
+        const { color: color2, link } = item.payload;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            link: link != null ? copy$b(link, context) : void 0,
+            color: color2 != null ? color2.map((override) => {
+              var _a;
+              return __spreadProps(__spreadValues({}, override), {
+                value: __spreadProps(__spreadValues({}, override.value), {
+                  swatchId: (_a = context.replacementContext.swatchIds.get(override.value.swatchId)) != null ? _a : override.value.swatchId
+                })
+              });
+            }) : void 0
+          })
+        });
+      }
+      default:
+        return item;
+    }
+  }
+}
+function copy$9(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: override.value.map(copyShadowItem) }));
+  function copyShadowItem(item) {
+    var _a;
+    const { color: color2 } = item.payload;
+    if (color2 == null)
+      return item;
+    return __spreadProps(__spreadValues({}, item), {
+      payload: __spreadProps(__spreadValues({}, item.payload), {
+        color: __spreadProps(__spreadValues({}, color2), {
+          swatchId: (_a = context.replacementContext.swatchIds.get(color2.swatchId)) != null ? _a : color2.swatchId
+        })
+      })
+    });
+  }
+}
+function copy$8(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+}
+function copy$7(value, context) {
+  if (value == null)
+    return value;
+  return value.map(copyImagesPanelItem);
+  function copyImagesPanelItem(imagesPanelItem) {
+    var _a;
+    const { file } = imagesPanelItem.props;
+    if (file == null)
+      return imagesPanelItem;
+    return __spreadProps(__spreadValues({}, imagesPanelItem), {
+      props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
+        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
+      })
+    });
+  }
+}
+function copy$6(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyColorValue(override.value) }));
+  function copyColorValue(colorValue) {
+    var _a;
+    return __spreadProps(__spreadValues({}, colorValue), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(colorValue.swatchId)) != null ? _a : colorValue.swatchId
+    });
+  }
+}
+function copy$5(value, context) {
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), { fields: value.fields.map(copyFormFieldsPanelItem) });
+  function copyFormFieldsPanelItem(item) {
+    var _a;
+    return __spreadProps(__spreadValues({}, item), {
+      tableColumnId: (_a = context.replacementContext.tableColumnIds.get(item.tableColumnId)) != null ? _a : item.tableColumnId
+    });
+  }
+}
+function copy$4(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.tableIds.get(value)) != null ? _a : value;
+}
+function copy$3(value, context) {
+  if (value == null)
+    return value;
+  return value.map((override) => __spreadProps(__spreadValues({}, override), { value: copyBorderValue(override.value) }));
+  function copyBorderValue({ borderTop, borderRight, borderBottom, borderLeft }) {
+    return {
+      borderTop: borderTop && copyBorderSide(borderTop),
+      borderRight: borderRight && copyBorderSide(borderRight),
+      borderBottom: borderBottom && copyBorderSide(borderBottom),
+      borderLeft: borderLeft && copyBorderSide(borderLeft)
+    };
+  }
+  function copyBorderSide(borderSide) {
+    var _a;
+    const { color: color2 } = borderSide;
+    if (color2 == null)
+      return borderSide;
+    return __spreadProps(__spreadValues({}, borderSide), {
+      color: __spreadProps(__spreadValues({}, color2), {
+        swatchId: (_a = context.replacementContext.swatchIds.get(color2.swatchId)) != null ? _a : color2.swatchId
+      })
+    });
+  }
+}
+function copy$2(value, context) {
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), { document: value.document ? copyNode(value.document) : value.document });
+  function copyNode(node) {
+    var _a;
+    switch (node.object) {
+      case "document":
+      case "block":
+      case "inline":
+        return copyInline(node);
+      case "text":
+        return __spreadProps(__spreadValues({}, node), { marks: (_a = node.marks) == null ? void 0 : _a.map(copyMark) });
+      default:
+        return node;
+    }
+  }
+  function copyInline(inline) {
+    var _a, _b;
+    switch (inline.type) {
+      case "link":
+        return __spreadProps(__spreadValues({}, inline), {
+          nodes: (_a = inline.nodes) == null ? void 0 : _a.map(copyNode),
+          data: inline.data ? copyLinkData(inline.data) : inline.data
+        });
+      default:
+        return __spreadProps(__spreadValues({}, inline), { nodes: (_b = inline.nodes) == null ? void 0 : _b.map(copyNode) });
+    }
+  }
+  function copyLinkData(data) {
+    var _a, _b;
+    switch (data.type) {
+      case "OPEN_PAGE": {
+        const pageId = data.payload.pageId;
+        if (pageId == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : data.payload.pageId
+          })
+        });
+      }
+      case "SCROLL_TO_ELEMENT": {
+        const elementIdConfig = data.payload.elementIdConfig;
+        if (elementIdConfig == null)
+          return data;
+        return __spreadProps(__spreadValues({}, data), {
+          payload: __spreadProps(__spreadValues({}, data.payload), {
+            elementIdConfig: __spreadProps(__spreadValues({}, elementIdConfig), {
+              elementKey: (_b = context.replacementContext.elementKeys.get(elementIdConfig.elementKey)) != null ? _b : elementIdConfig.elementKey
+            })
+          })
+        });
+      }
+      default:
+        return data;
+    }
+  }
+  function copyMark(mark) {
+    var _a, _b, _c, _d;
+    switch (mark.type) {
+      case "typography": {
+        const typographyId = (_a = mark.data) == null ? void 0 : _a.value.id;
+        return __spreadProps(__spreadValues({}, mark), {
+          data: __spreadProps(__spreadValues({}, mark.data), {
+            value: __spreadProps(__spreadValues({}, (_b = mark.data) == null ? void 0 : _b.value), {
+              id: (_c = context.replacementContext.typographyIds.get(typographyId)) != null ? _c : typographyId,
+              style: (_d = mark.data) == null ? void 0 : _d.value.style.map((override) => {
+                var _a2, _b2, _c2;
+                return __spreadProps(__spreadValues({}, override), {
+                  value: __spreadProps(__spreadValues({}, override.value), {
+                    color: override.value.color == null ? override.value.color : __spreadProps(__spreadValues({}, override.value.color), {
+                      swatchId: (_c2 = context.replacementContext.swatchIds.get((_a2 = override.value.color) == null ? void 0 : _a2.swatchId)) != null ? _c2 : (_b2 = override.value.color) == null ? void 0 : _b2.swatchId
+                    })
+                  })
+                });
+              })
+            })
+          })
+        });
+      }
+      default:
+        return mark;
+    }
+  }
+}
+function copy$1(value, context) {
+  if (value == null)
+    return value;
+  if (context.replacementContext.elementHtmlIds.has(value))
+    return void 0;
+  context.replacementContext.elementHtmlIds.add(value);
+  return value;
+}
+function copy(descriptor, value, context) {
+  switch (descriptor.type) {
+    case "Backgrounds":
+      return copy$d(value, context);
+    case "Grid":
+      return copy$c(value, context);
+    case "NavigationLinks":
+      return copy$a(value, context);
+    case "Link":
+      return copy$b(value, context);
+    case "Shadows":
+      return copy$9(value, context);
+    case "Image":
+      return copy$8(value, context);
+    case "Images":
+      return copy$7(value, context);
+    case "ResponsiveColor":
+      return copy$6(value, context);
+    case "TableFormFields":
+      return copy$5(value, context);
+    case "Table":
+      return copy$4(value, context);
+    case "Border":
+      return copy$3(value, context);
+    case "RichText":
+      return copy$2(value, context);
+    case "ElementID":
+      return copy$1(value, context);
+    default:
+      return value;
+  }
+}
+function copyElementReference(value, context) {
+  return context.replacementContext.globalElementIds.get(value) || value;
+}
 const reducer = redux.combineReducers({
   documents: reducer$6,
   reactComponents: reducer$5,
@@ -558,6 +881,45 @@ function getElementId(state, documentKey, elementKey) {
   }, null);
   return elementId;
 }
+function createReplacementContext(jsonReplacementContext) {
+  const rc = {
+    elementHtmlIds: new Set(jsonReplacementContext.elementHtmlIds),
+    elementKeys: new Map(jsonReplacementContext.elementKeys && Object.entries(jsonReplacementContext.elementKeys)),
+    swatchIds: new Map(jsonReplacementContext.swatchIds && Object.entries(jsonReplacementContext.swatchIds)),
+    fileIds: new Map(jsonReplacementContext.fileIds && Object.entries(jsonReplacementContext.fileIds)),
+    typographyIds: new Map(jsonReplacementContext.typographyIds && Object.entries(jsonReplacementContext.typographyIds)),
+    tableIds: new Map(jsonReplacementContext.tableIds && Object.entries(jsonReplacementContext.tableIds)),
+    tableColumnIds: new Map(jsonReplacementContext.tableColumnIds && Object.entries(jsonReplacementContext.tableColumnIds)),
+    pageIds: new Map(jsonReplacementContext.pageIds && Object.entries(jsonReplacementContext.pageIds)),
+    globalElementIds: new Map(jsonReplacementContext.globalElementIds && Object.entries(jsonReplacementContext.globalElementIds)),
+    globalElementData: new Map(jsonReplacementContext.globalElementData && Object.entries(jsonReplacementContext.globalElementData))
+  };
+  return rc;
+}
+function copyElementTree(state, elementTree, replacementContext) {
+  function copyElementTreeNode(state2, replacementContext2) {
+    return function(node) {
+      const context = {
+        replacementContext: replacementContext2,
+        copyElement: copyElementTreeNode(state2, replacementContext2)
+      };
+      if ("props" in node) {
+        for (const propKey of Object.keys(node.props)) {
+          const descriptors = getComponentPropControllerDescriptors(state2, node.type);
+          if (descriptors == null)
+            continue;
+          const descriptor = descriptors[propKey];
+          node.props[propKey] = copy(descriptor, node.props[propKey], context);
+        }
+      } else if (node.type === "reference") {
+        return __spreadProps(__spreadValues({}, node), { value: copyElementReference(node.value, context) });
+      }
+      return node;
+    };
+  }
+  const copy$12 = JSON.parse(JSON.stringify(elementTree));
+  return copyElementTreeNode(state, replacementContext)(copy$12);
+}
 function getIsInBuilder(state) {
   return state.isInBuilder;
 }
@@ -568,8 +930,10 @@ function configureStore({
   return redux.createStore(reducer, __spreadProps(__spreadValues({}, preloadedState), { documents: getInitialState$5({ rootElements }) }), redux.applyMiddleware(thunk__default["default"]));
 }
 exports.configureStore = configureStore;
+exports.copyElementTree = copyElementTree;
 exports.createDocument = createDocument;
 exports.createDocumentReference = createDocumentReference;
+exports.createReplacementContext = createReplacementContext;
 exports.getComponentPropControllerDescriptors = getComponentPropControllerDescriptors;
 exports.getComponentPropControllerDescriptors$1 = getComponentPropControllerDescriptors$1;
 exports.getComponentsMeta = getComponentsMeta;