@makeswift/runtime 0.0.0-20230407200421 → 0.0.0-20230410231005

package/dist/types.cjs.js

@@ -1,14 +1,1276 @@
 "use strict";
-const APIResourceType = {
-  Swatch: "Swatch",
-  File: "File",
-  Typography: "Typography",
-  PagePathnameSlice: "PagePathnameSlice",
-  GlobalElement: "GlobalElement",
+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));
+const ColorControlType = "makeswift::controls::color";
+function Color(config = {}) {
+  return { type: ColorControlType, config };
+}
+function copyColorData(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return __spreadProps(__spreadValues({}, value), {
+    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
+  });
+}
+const StyleControlType = "makeswift::controls::style";
+const StyleControlProperty = {
+  Width: "makeswift::controls::style::property::width",
+  Margin: "makeswift::controls::style::property::margin",
+  Padding: "makeswift::controls::style::property::padding",
+  Border: "makeswift::controls::style::property::border",
+  BorderRadius: "makeswift::controls::style::property::border-radius",
+  TextStyle: "makeswift::controls::style::property::text-style"
+};
+const StyleControlDefaultProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin
+];
+const AllStyleControlProperties = [
+  StyleControlProperty.Width,
+  StyleControlProperty.Margin,
+  StyleControlProperty.Padding,
+  StyleControlProperty.Border,
+  StyleControlProperty.BorderRadius,
+  StyleControlProperty.TextStyle
+];
+function Style(params) {
+  var _a;
+  return {
+    type: StyleControlType,
+    config: { properties: (_a = params == null ? void 0 : params.properties) != null ? _a : StyleControlDefaultProperties }
+  };
+}
+Style.Default = StyleControlDefaultProperties;
+Style.All = AllStyleControlProperties;
+Style.Width = StyleControlProperty.Width;
+Style.Margin = StyleControlProperty.Margin;
+Style.Padding = StyleControlProperty.Padding;
+Style.Border = StyleControlProperty.Border;
+Style.BorderRadius = StyleControlProperty.BorderRadius;
+Style.TextStyle = StyleControlProperty.TextStyle;
+function copyStyleData(value, context) {
+  if (value == null)
+    return value;
+  function copyResponsiveBorder(responsiveBorder) {
+    if (responsiveBorder == null)
+      return void 0;
+    return responsiveBorder.map((deviceBorder) => __spreadProps(__spreadValues({}, deviceBorder), {
+      value: copyBorder(deviceBorder.value)
+    }));
+  }
+  function copyBorder(border) {
+    function copyBorderSide(side) {
+      if (side == null)
+        return null;
+      if (side.color == null)
+        return side;
+      return __spreadProps(__spreadValues({}, side), {
+        color: copyColorData(side.color, context)
+      });
+    }
+    return {
+      borderTop: copyBorderSide(border.borderTop),
+      borderBottom: copyBorderSide(border.borderBottom),
+      borderRight: copyBorderSide(border.borderRight),
+      borderLeft: copyBorderSide(border.borderLeft)
+    };
+  }
+  return __spreadProps(__spreadValues({}, value), { border: copyResponsiveBorder(value.border) });
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("style copy", () => {
+    test("colors are replaced", () => {
+      const value = {
+        width: [
+          {
+            value: {
+              unit: "px",
+              value: 100
+            },
+            deviceId: "desktop"
+          }
+        ],
+        border: [
+          {
+            value: {
+              borderTop: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderLeft: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderRight: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              },
+              borderBottom: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA=="
+                },
+                style: "solid",
+                width: 9
+              }
+            },
+            deviceId: "desktop"
+          }
+        ],
+        textStyle: [
+          {
+            value: {
+              fontSize: {
+                unit: "px",
+                value: 46
+              },
+              fontStyle: [],
+              fontFamily: "Oswald",
+              fontWeight: 400,
+              letterSpacing: 5.2,
+              textTransform: []
+            },
+            deviceId: "desktop"
+          }
+        ],
+        borderRadius: [
+          {
+            value: {
+              borderTopLeftRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderTopRightRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderBottomLeftRadius: {
+                unit: "px",
+                value: 4
+              },
+              borderBottomRightRadius: {
+                unit: "px",
+                value: 4
+              }
+            },
+            deviceId: "desktop"
+          }
+        ]
+      };
+      const expected = JSON.parse(JSON.stringify(value).replaceAll("U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map([
+          ["U3dhdGNoOmJjMDkwZWJjLTZkZDUtNDY1NS1hMDY0LTg3ZDAxM2U4YTFhNA==", "testing"]
+        ]),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copyStyleData(value, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+const Types = {
+  Backgrounds: "Backgrounds",
+  Border: "Border",
+  BorderRadius: "BorderRadius",
+  Checkbox: "Checkbox",
+  Date: "Date",
+  ElementID: "ElementID",
+  Font: "Font",
+  GapX: "GapX",
+  GapY: "GapY",
+  Grid: "Grid",
+  Image: "Image",
+  Images: "Images",
+  Link: "Link",
+  List: "List",
+  Margin: "Margin",
+  NavigationLinks: "NavigationLinks",
+  Number: "Number",
+  Padding: "Padding",
+  ResponsiveColor: "ResponsiveColor",
+  ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
+  ResponsiveLength: "ResponsiveLength",
+  ResponsiveNumber: "ResponsiveNumber",
+  ResponsiveOpacity: "ResponsiveOpacity",
+  ResponsiveSelect: "ResponsiveSelect",
+  RichText: "RichText",
+  Shadows: "Shadows",
+  Shape: "Shape",
+  SocialLinks: "SocialLinks",
   Table: "Table",
-  Snippet: "Snippet",
-  Page: "Page",
-  Site: "Site"
+  TableFormFields: "TableFormFields",
+  Typeahead: "Typeahead",
+  TextArea: "TextArea",
+  TextInput: "TextInput",
+  TextStyle: "TextStyle",
+  Video: "Video",
+  Width: "Width",
+  Style: StyleControlType
+};
+function Backgrounds(options = {}) {
+  return { type: Types.Backgrounds, options };
+}
+const BorderPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers:border::format::responsive-value"
+};
+function Border(options = {}) {
+  return { type: Types.Border, options };
+}
+Border.Format = BorderPropControllerFormat;
+const BorderRadiusPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::border-radius::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::border-radius::format::responsive-value"
+};
+function BorderRadius(options = {}) {
+  return { type: Types.BorderRadius, options };
+}
+BorderRadius.Format = BorderRadiusPropControllerFormat;
+function Checkbox(options) {
+  return { type: Types.Checkbox, options };
+}
+function Date(options = {}) {
+  return { type: Types.Date, options };
+}
+function ElementID(options = {}) {
+  return { type: Types.ElementID, options };
+}
+function Font(options = {}) {
+  return { type: Types.Font, options };
+}
+function GapX(options = {}) {
+  return { type: Types.GapX, options };
+}
+function GapY(options = {}) {
+  return { type: Types.GapY, options };
+}
+function Grid(options = {}) {
+  return { type: Types.Grid, options };
+}
+function Image$1(options = {}) {
+  return { type: Types.Image, options };
+}
+function Images(options = {}) {
+  return { type: Types.Images, options };
+}
+function Link$1(options = {}) {
+  return { type: Types.Link, options };
+}
+function List(options) {
+  return { type: Types.List, options };
+}
+const MarginPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::margin::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
+};
+function Margin(options = {}) {
+  return { type: Types.Margin, options };
+}
+Margin.Format = MarginPropControllerFormat;
+function NavigationLinks(options = {}) {
+  return { type: Types.NavigationLinks, options };
+}
+function Number(options = {}) {
+  return { type: Types.Number, options };
+}
+const PaddingPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::padding::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::padding::format::responsive-value"
+};
+function Padding(options = {}) {
+  return { type: Types.Padding, options };
+}
+Padding.Format = PaddingPropControllerFormat;
+function ResponsiveColor(options = {}) {
+  return { type: Types.ResponsiveColor, options };
+}
+function ResponsiveIconRadioGroup(options) {
+  return { type: Types.ResponsiveIconRadioGroup, options };
+}
+function ResponsiveLength(options = {}) {
+  return { type: Types.ResponsiveLength, options };
+}
+function ResponsiveNumber(options = {}) {
+  return { type: Types.ResponsiveNumber, options };
+}
+function ResponsiveOpacity(options = {}) {
+  return { type: Types.ResponsiveOpacity, options };
+}
+function ResponsiveSelect(options) {
+  return { type: Types.ResponsiveSelect, options };
+}
+function RichText(options = {}) {
+  return { type: Types.RichText, options };
+}
+const ShadowsPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::shadows::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::shadows::format::responsive-value"
+};
+function Shadows(options = {}) {
+  return { type: Types.Shadows, options };
+}
+Shadows.Format = ShadowsPropControllerFormat;
+function Shape(options) {
+  return { type: Types.Shape, options };
+}
+function SocialLinks(options = {}) {
+  return { type: Types.SocialLinks, options };
+}
+function Table(options = {}) {
+  return { type: Types.Table, options };
+}
+function TableFormFields(options = {}) {
+  return { type: Types.TableFormFields, options };
+}
+function Typeahead(options) {
+  return { type: Types.Typeahead, options };
+}
+function TextArea(options = {}) {
+  return { type: Types.TextArea, options };
+}
+function TextInput(options = {}) {
+  return { type: Types.TextInput, options };
+}
+function TextStyle(options = {}) {
+  return { type: Types.TextStyle, options };
+}
+function Video(options = {}) {
+  return { type: Types.Video, options };
+}
+const WidthPropControllerFormat = {
+  ClassName: "makeswift::prop-controllers::width::format::class-name",
+  ResponsiveValue: "makeswift::prop-controllers::width::format::responsive-value"
+};
+function Width(options = {}) {
+  return { type: Types.Width, options };
+}
+Width.Format = WidthPropControllerFormat;
+var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Types,
+  Backgrounds,
+  BorderPropControllerFormat,
+  Border,
+  BorderRadiusPropControllerFormat,
+  BorderRadius,
+  Checkbox,
+  Date,
+  ElementID,
+  Font,
+  GapX,
+  GapY,
+  Grid,
+  Image: Image$1,
+  Images,
+  Link: Link$1,
+  List,
+  MarginPropControllerFormat,
+  Margin,
+  NavigationLinks,
+  Number,
+  PaddingPropControllerFormat,
+  Padding,
+  ResponsiveColor,
+  ResponsiveIconRadioGroup,
+  ResponsiveLength,
+  ResponsiveNumber,
+  ResponsiveOpacity,
+  ResponsiveSelect,
+  RichText,
+  ShadowsPropControllerFormat,
+  Shadows,
+  Shape,
+  SocialLinks,
+  Table,
+  TableFormFields,
+  Typeahead,
+  TextArea,
+  TextInput,
+  TextStyle,
+  Video,
+  WidthPropControllerFormat,
+  Width
+}, Symbol.toStringTag, { value: "Module" }));
+const ImageControlType = "makeswift::controls::image";
+const ImageControlValueFormat = {
+  URL: "makeswift::controls::image::format::url",
+  WithDimensions: "makeswift::controls::image::format::with-dimensions"
+};
+function Image(config = {}) {
+  return { type: ImageControlType, config };
+}
+Image.Format = ImageControlValueFormat;
+function copyImageData(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("image copy", () => {
+    test("image is replaced by a one in replacement context", () => {
+      const data = "file-id";
+      const expected = "testing";
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map([["file-id", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copyImageData(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+const LinkControlType = "makeswift::controls::link";
+function Link(config = {}) {
+  return { type: LinkControlType, config };
+}
+function copyLinkData(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  if (value.type === "OPEN_PAGE") {
+    const pageId = value.payload.pageId;
+    if (pageId != null) {
+      return __spreadProps(__spreadValues({}, value), {
+        payload: __spreadProps(__spreadValues({}, value.payload), {
+          pageId: (_a = context.replacementContext.pageIds.get(pageId)) != null ? _a : pageId
+        })
+      });
+    }
+  }
+  return value;
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("link", () => {
+    test("page id is replaced by one in replacement context", () => {
+      const data = {
+        type: "OPEN_PAGE",
+        payload: {
+          pageId: "UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=",
+          openInNewTab: false
+        }
+      };
+      const expected = JSON.parse(JSON.stringify(data).replace("UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map([["UGFnZTpmNTdmMjQ2MS0wMGY3LTQzZWUtYmIwOS03ODdiNTUyYzUyYWQ=", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copyLinkData(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$8(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$7(value, context) {
+  if (value == null)
+    return value;
+  return value.map(copyNavigationLinksPanelItem);
+  function copyNavigationLinksPanelItem(item) {
+    switch (item.type) {
+      case "button":
+      case "dropdown": {
+        const { color, link } = item.payload;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            link: link != null ? copy$8(link, context) : void 0,
+            color: color != null ? color.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;
+    }
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("navigation-links copy", () => {
+    test("replace page id from replacement context", () => {
+      const data = [
+        {
+          id: "e1cf2d04-012a-4481-832a-7b4dda62195e",
+          type: "button",
+          payload: {
+            link: {
+              type: "OPEN_PAGE",
+              payload: {
+                pageId: "UGFnZTo2OGMzODZhNC1jYzRkLTQzMzUtYWZiMi05MDdhZGRkYzQ3YTM=",
+                openInNewTab: true
+              }
+            },
+            label: "Fellow Page"
+          }
+        }
+      ];
+      const expected = JSON.parse(JSON.stringify(data).replace("UGFnZTo2OGMzODZhNC1jYzRkLTQzMzUtYWZiMi05MDdhZGRkYzQ3YTM=", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map([["UGFnZTo2OGMzODZhNC1jYzRkLTQzMzUtYWZiMi05MDdhZGRkYzQ3YTM=", "testing"]]),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$7(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$6(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 } = item.payload;
+    if (color == null)
+      return item;
+    return __spreadProps(__spreadValues({}, item), {
+      payload: __spreadProps(__spreadValues({}, item.payload), {
+        color: __spreadProps(__spreadValues({}, color), {
+          swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+        })
+      })
+    });
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("shadow copy", () => {
+    test("replaces the swatch id", () => {
+      const data = [
+        {
+          value: [
+            {
+              id: "8575efe6-4d04-4361-b593-e559537c4c3c",
+              payload: {
+                color: {
+                  alpha: 1,
+                  swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+                },
+                offsetX: -5,
+                offsetY: 8.7,
+                blurRadius: 17,
+                spreadRadius: 16
+              }
+            }
+          ],
+          deviceId: "desktop"
+        }
+      ];
+      const expected = JSON.parse(JSON.stringify(data).replace("U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg==", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map([
+          ["U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg==", "testing"]
+        ]),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$6(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$5(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("image copy", () => {
+    test("image is replaced by a one in replacement context", () => {
+      const data = "file-id";
+      const expected = JSON.parse(JSON.stringify(data).replace("file-id", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map([["file-id", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$5(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$4(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
+      })
+    });
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("images copy", () => {
+    test("images are replaced by ones in replacement context", () => {
+      const data = [
+        {
+          key: "0ae80f8f-9d4a-43bc-ae7c-007164a19d22",
+          props: {
+            file: "RmlsZTo5ZmU3ZGUzMi1jY2E0LTRkMjktOWVlMC1jNTI2NDYxY2I1YjM="
+          }
+        },
+        {
+          key: "161674c3-8710-4fd6-90e6-6096c4e9bb88",
+          props: {
+            file: "RmlsZTo5ZmU3ZGUzMi1jY2E0LTRkMjktOWVlMC1jNTI2NDYxY2I1YjM="
+          }
+        }
+      ];
+      const expected = JSON.parse(JSON.stringify(data).replaceAll("RmlsZTo5ZmU3ZGUzMi1jY2E0LTRkMjktOWVlMC1jNTI2NDYxY2I1YjM=", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map([["RmlsZTo5ZmU3ZGUzMi1jY2E0LTRkMjktOWVlMC1jNTI2NDYxY2I1YjM=", "testing"]]),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$4(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$3(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
+    });
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("table form fields copy", () => {
+    test("replaces the table column id", () => {
+      const data = {
+        grid: [
+          {
+            value: {
+              count: 12,
+              spans: [[12], [12]]
+            },
+            deviceId: "desktop"
+          }
+        ],
+        fields: [
+          {
+            id: "8c4b3dcb-d9d2-4199-9a66-c35aa39248f0",
+            label: "hello",
+            required: true,
+            tableColumnId: "U2luZ2xlTGluZVRleHRUYWJsZUNvbHVtbjphMzQ0Yzk3ZC04MTQ0LTRmMzctYjU2My1hODE5OTQ5OGMyYWI="
+          }
+        ]
+      };
+      const expected = JSON.parse(JSON.stringify(data).replace("U2luZ2xlTGluZVRleHRUYWJsZUNvbHVtbjphMzQ0Yzk3ZC04MTQ0LTRmMzctYjU2My1hODE5OTQ5OGMyYWI=", "testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map([
+          [
+            "U2luZ2xlTGluZVRleHRUYWJsZUNvbHVtbjphMzQ0Yzk3ZC04MTQ0LTRmMzctYjU2My1hODE5OTQ5OGMyYWI=",
+            "testing"
+          ]
+        ]),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$3(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy$2(value, context) {
+  var _a;
+  if (value == null)
+    return value;
+  return (_a = context.replacementContext.tableIds.get(value)) != null ? _a : value;
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("table copy", () => {
+    test("replaces the table id", () => {
+      const data = "VGFibGU6MTM5NDhlYzMtMjgwNS00Nzk0LTliNzctNDJkN2RhNmQxZWEy";
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map(),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map([
+          ["VGFibGU6MTM5NDhlYzMtMjgwNS00Nzk0LTliNzctNDJkN2RhNmQxZWEy", "testing"]
+        ]),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$2(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatch("testing");
+    });
+  });
+}
+function copy$1(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 } = borderSide;
+    if (color == null)
+      return borderSide;
+    return __spreadProps(__spreadValues({}, borderSide), {
+      color: __spreadProps(__spreadValues({}, color), {
+        swatchId: (_a = context.replacementContext.swatchIds.get(color.swatchId)) != null ? _a : color.swatchId
+      })
+    });
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("border copy", () => {
+    test("replaces the swatch id", () => {
+      const data = [
+        {
+          value: {
+            borderTop: {
+              color: {
+                alpha: 1,
+                swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+              },
+              style: "solid",
+              width: 5
+            },
+            borderLeft: {
+              color: {
+                alpha: 1,
+                swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+              },
+              style: "solid",
+              width: 5
+            },
+            borderRight: {
+              color: {
+                alpha: 1,
+                swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+              },
+              style: "solid",
+              width: 5
+            },
+            borderBottom: {
+              color: {
+                alpha: 1,
+                swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+              },
+              style: "solid",
+              width: 5
+            }
+          },
+          deviceId: "desktop"
+        }
+      ];
+      const expected = [
+        {
+          value: {
+            borderTop: {
+              color: {
+                alpha: 1,
+                swatchId: "testing"
+              },
+              style: "solid",
+              width: 5
+            },
+            borderLeft: {
+              color: {
+                alpha: 1,
+                swatchId: "testing"
+              },
+              style: "solid",
+              width: 5
+            },
+            borderRight: {
+              color: {
+                alpha: 1,
+                swatchId: "testing"
+              },
+              style: "solid",
+              width: 5
+            },
+            borderBottom: {
+              color: {
+                alpha: 1,
+                swatchId: "testing"
+              },
+              style: "solid",
+              width: 5
+            }
+          },
+          deviceId: "desktop"
+        }
+      ];
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map([
+          ["U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg==", "testing"]
+        ]),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map(),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy$1(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+function copy(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 ? copyLinkData2(inline.data) : inline.data
+        });
+      default:
+        return __spreadProps(__spreadValues({}, inline), { nodes: (_b = inline.nodes) == null ? void 0 : _b.map(copyNode) });
+    }
+  }
+  function copyLinkData2(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;
+    }
+  }
+}
+if (void 0) {
+  const { describe, test, expect } = void 0;
+  describe.concurrent("rich text copy", () => {
+    test("replaces the swatch id", () => {
+      const data = {
+        object: "value",
+        document: {
+          data: {},
+          nodes: [
+            {
+              data: {},
+              type: "paragraph",
+              nodes: [
+                {
+                  text: "Hello world",
+                  marks: [
+                    {
+                      data: {
+                        value: {
+                          id: "VHlwb2dyYXBoeTo5ODE1NWY0Ni1mNmQzLTQ1M2YtODk5OC02ZWY5NzJhNTBlY2U=",
+                          style: [
+                            {
+                              value: {
+                                color: {
+                                  alpha: 1,
+                                  swatchId: "U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg=="
+                                },
+                                fontSize: {
+                                  unit: "px",
+                                  value: 23
+                                },
+                                lineHeight: 2.5,
+                                strikethrough: true
+                              },
+                              deviceId: "desktop"
+                            }
+                          ]
+                        }
+                      },
+                      type: "typography",
+                      object: "mark"
+                    }
+                  ],
+                  object: "text"
+                }
+              ],
+              object: "block"
+            }
+          ],
+          object: "document"
+        },
+        selection: {
+          focus: {
+            path: [0, 0],
+            object: "point",
+            offset: 0
+          },
+          anchor: {
+            path: [0, 0],
+            object: "point",
+            offset: 0
+          },
+          object: "selection",
+          isFocused: false
+        }
+      };
+      const expected = JSON.parse(JSON.stringify(data).replace("U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg==", "swatch-testing").replace("VHlwb2dyYXBoeTo5ODE1NWY0Ni1mNmQzLTQ1M2YtODk5OC02ZWY5NzJhNTBlY2U=", "typography-testing"));
+      const replacementContext = {
+        elementHtmlIds: /* @__PURE__ */ new Set(),
+        elementKeys: /* @__PURE__ */ new Map(),
+        swatchIds: /* @__PURE__ */ new Map([
+          ["U3dhdGNoOjgwMmNmZGMyLTc5ZDgtNDkyNy1hMDUwLWE1NmM1M2EzYzE0Mg==", "swatch-testing"]
+        ]),
+        fileIds: /* @__PURE__ */ new Map(),
+        typographyIds: /* @__PURE__ */ new Map([
+          [
+            "VHlwb2dyYXBoeTo5ODE1NWY0Ni1mNmQzLTQ1M2YtODk5OC02ZWY5NzJhNTBlY2U=",
+            "typography-testing"
+          ]
+        ]),
+        tableIds: /* @__PURE__ */ new Map(),
+        tableColumnIds: /* @__PURE__ */ new Map(),
+        pageIds: /* @__PURE__ */ new Map(),
+        globalElementIds: /* @__PURE__ */ new Map(),
+        globalElementData: /* @__PURE__ */ new Map()
+      };
+      const result = copy(data, {
+        replacementContext,
+        copyElement: (node) => node
+      });
+      expect(result).toMatchObject(expected);
+    });
+  });
+}
+const BlockType = {
+  Paragraph: "paragraph",
+  Heading1: "heading-one",
+  Heading2: "heading-two",
+  Heading3: "heading-three",
+  Heading4: "heading-four",
+  Heading5: "heading-five",
+  Heading6: "heading-six",
+  BlockQuote: "blockquote",
+  UnorderedList: "unordered-list",
+  OrderedList: "ordered-list",
+  ListItem: "list-item",
+  ListItemChild: "list-item-child"
+};
+const InlineType = {
+  Code: "code",
+  SuperScript: "superscript",
+  SubScript: "subscript",
+  Link: "link"
+};
+const BlockTextAlignment = {
+  Left: "left",
+  Center: "center",
+  Right: "right",
+  Justify: "justify"
 };
-exports.APIResourceType = APIResourceType;
+exports.Backgrounds = Backgrounds;
+exports.BlockTextAlignment = BlockTextAlignment;
+exports.BlockType = BlockType;
+exports.Border = Border;
+exports.BorderPropControllerFormat = BorderPropControllerFormat;
+exports.BorderRadius = BorderRadius;
+exports.BorderRadiusPropControllerFormat = BorderRadiusPropControllerFormat;
+exports.Checkbox = Checkbox;
+exports.Color = Color;
+exports.ColorControlType = ColorControlType;
+exports.Date = Date;
+exports.ElementID = ElementID;
+exports.Font = Font;
+exports.GapX = GapX;
+exports.GapY = GapY;
+exports.Grid = Grid;
+exports.Image = Image$1;
+exports.Image$1 = Image;
+exports.ImageControlType = ImageControlType;
+exports.ImageControlValueFormat = ImageControlValueFormat;
+exports.Images = Images;
+exports.InlineType = InlineType;
+exports.Link = Link$1;
+exports.Link$1 = Link;
+exports.LinkControlType = LinkControlType;
+exports.Margin = Margin;
+exports.MarginPropControllerFormat = MarginPropControllerFormat;
+exports.NavigationLinks = NavigationLinks;
+exports.Number = Number;
+exports.Padding = Padding;
+exports.PaddingPropControllerFormat = PaddingPropControllerFormat;
+exports.ResponsiveColor = ResponsiveColor;
+exports.ResponsiveIconRadioGroup = ResponsiveIconRadioGroup;
+exports.ResponsiveLength = ResponsiveLength;
+exports.ResponsiveNumber = ResponsiveNumber;
+exports.ResponsiveOpacity = ResponsiveOpacity;
+exports.ResponsiveSelect = ResponsiveSelect;
+exports.RichText = RichText;
+exports.Shadows = Shadows;
+exports.ShadowsPropControllerFormat = ShadowsPropControllerFormat;
+exports.SocialLinks = SocialLinks;
+exports.Style = Style;
+exports.StyleControlProperty = StyleControlProperty;
+exports.StyleControlType = StyleControlType;
+exports.Table = Table;
+exports.TableFormFields = TableFormFields;
+exports.TextArea = TextArea;
+exports.TextInput = TextInput;
+exports.TextStyle = TextStyle;
+exports.Types = Types;
+exports.Video = Video;
+exports.Width = Width;
+exports.WidthPropControllerFormat = WidthPropControllerFormat;
+exports.copy = copy;
+exports.copy$1 = copy$1;
+exports.copy$2 = copy$2;
+exports.copy$3 = copy$3;
+exports.copy$4 = copy$4;
+exports.copy$5 = copy$5;
+exports.copy$6 = copy$6;
+exports.copy$7 = copy$8;
+exports.copy$8 = copy$7;
+exports.copyColorData = copyColorData;
+exports.copyImageData = copyImageData;
+exports.copyLinkData = copyLinkData;
+exports.copyStyleData = copyStyleData;
+exports.descriptors = descriptors;
 //# sourceMappingURL=types.cjs.js.map