@makeswift/runtime 0.2.16 → 0.2.18

package/dist/react-page.cjs.js

@@ -21,9 +21,8 @@ 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");
+var control = require("./control.cjs.js");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -204,7 +203,7 @@ function getElementChildren(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.Grid:
+    case slot.Types.Grid:
       return prop.elements;
     case slot.SlotControlType:
       return prop.elements;
@@ -216,7 +215,7 @@ function getElementId$1(descriptor, prop) {
   if (prop == null)
     return null;
   switch (descriptor.type) {
-    case image.Types.ElementID:
+    case slot.Types.ElementID:
       return prop;
     default:
       return null;
@@ -227,7 +226,7 @@ function getElementSwatchIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.Backgrounds: {
+    case slot.Types.Backgrounds: {
       const value = prop;
       return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
         var _a2;
@@ -241,7 +240,7 @@ function getElementSwatchIds(descriptor, prop) {
         }
       })) != null ? _a : [];
     }
-    case image.Types.Border: {
+    case slot.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;
@@ -253,7 +252,7 @@ function getElementSwatchIds(descriptor, prop) {
         ].filter((swatchId) => swatchId != null);
       })) != null ? _b : [];
     }
-    case image.Types.NavigationLinks: {
+    case slot.Types.NavigationLinks: {
       const value = prop;
       return (_c = value == null ? void 0 : value.flatMap((item) => {
         var _a2, _b2, _c2, _d2;
@@ -261,24 +260,24 @@ function getElementSwatchIds(descriptor, prop) {
           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 : []
+              ...(_b2 = (_a2 = item.payload.color) == null ? void 0 : _a2.map((override) => override.value).map((color) => color.swatchId)) != null ? _b2 : [],
+              ...(_d2 = (_c2 = item.payload.textColor) == null ? void 0 : _c2.map((override) => override.value).map((color) => color.swatchId)) != null ? _d2 : []
             ];
         }
       })) != null ? _c : [];
     }
-    case image.Types.ResponsiveColor: {
+    case slot.Types.ResponsiveColor: {
       const value = prop;
-      return (_d = value == null ? void 0 : value.map((override) => override.value).map((color2) => color2.swatchId)) != null ? _d : [];
+      return (_d = value == null ? void 0 : value.map((override) => override.value).map((color) => color.swatchId)) != null ? _d : [];
     }
-    case image.Types.Shadows: {
+    case slot.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: {
+    case slot.Types.RichText: {
       let getNodeSwatchIds = function(node) {
         var _a2, _b2, _c2, _d2;
         switch (node.object) {
@@ -303,7 +302,7 @@ function getElementSwatchIds(descriptor, prop) {
         return [];
       return getNodeSwatchIds(value.document);
     }
-    case color.ColorControlType: {
+    case slot.ColorControlType: {
       const value = prop;
       return (value == null ? void 0 : value.swatchId) == null ? [] : [value.swatchId];
     }
@@ -316,7 +315,7 @@ function getFileIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.Backgrounds: {
+    case slot.Types.Backgrounds: {
       const value = prop;
       return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
         switch (backgroundItem.type) {
@@ -327,15 +326,15 @@ function getFileIds(descriptor, prop) {
         }
       })) != null ? _a : [];
     }
-    case image.Types.Image: {
+    case slot.Types.Image: {
       const value = prop;
       return value == null ? [] : [value];
     }
-    case image.Types.Images: {
+    case slot.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: {
+    case slot.ImageControlType: {
       const value = prop;
       return value == null ? [] : [value];
     }
@@ -347,7 +346,7 @@ function getTypographyIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.RichText: {
+    case slot.Types.RichText: {
       let getNodeTypographyIds = function(node) {
         var _a, _b, _c, _d;
         switch (node.object) {
@@ -377,7 +376,7 @@ function getTableIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.Table: {
+    case slot.Types.Table: {
       const value = prop;
       return value == null ? [] : [value];
     }
@@ -390,7 +389,7 @@ function getPageIds(descriptor, prop) {
   if (prop == null)
     return [];
   switch (descriptor.type) {
-    case image.Types.Link: {
+    case slot.Types.Link: {
       const value = prop;
       if (value == null)
         return [];
@@ -401,7 +400,7 @@ function getPageIds(descriptor, prop) {
           return [];
       }
     }
-    case image.Types.NavigationLinks: {
+    case slot.Types.NavigationLinks: {
       const value = prop;
       if (value == null)
         return [];
@@ -433,7 +432,7 @@ function getPageIds(descriptor, prop) {
         }
       })) != null ? _a : [];
     }
-    case image.Types.RichText: {
+    case slot.Types.RichText: {
       let getNodePageIds = function(node) {
         var _a2, _b;
         switch (node.object) {
@@ -473,329 +472,6 @@ 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,
@@ -903,22 +579,20 @@ function copyElementTree(state, elementTree, replacementContext) {
         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) });
+      if (isElementReference(node)) {
+        return __spreadProps(__spreadValues({}, node), { value: control.copyElementReference(node.value, context) });
+      }
+      const descriptors = getComponentPropControllerDescriptors(state2, node.type);
+      if (descriptors == null)
+        return node;
+      for (const [propKey, descriptor] of Object.entries(descriptors)) {
+        node.props[propKey] = control.copy(descriptor, node.props[propKey], context);
       }
       return node;
     };
   }
-  const copy$12 = JSON.parse(JSON.stringify(elementTree));
-  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy$12);
+  const copy = JSON.parse(JSON.stringify(elementTree));
+  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy);
 }
 function getIsInBuilder(state) {
   return state.isInBuilder;