@makeswift/runtime 0.0.0-20230407200421 → 0.0.0-20230410231005

package/dist/types.es.js

@@ -1,13 +1,1210 @@
-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 import_meta = {};
+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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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 (import_meta.vitest) {
+  const { describe, test, expect } = import_meta.vitest;
+  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"
 };
-export { APIResourceType as A };
+export { Video as $, ResponsiveColor as A, BlockType as B, ColorControlType as C, TextStyle as D, ElementID as E, Images as F, GapY as G, Date as H, ImageControlType as I, Font as J, ResponsiveLength as K, LinkControlType as L, Margin as M, Number as N, TextArea as O, Padding as P, Table as Q, ResponsiveIconRadioGroup as R, StyleControlType as S, Types as T, TableFormFields as U, Image$1 as V, Width as W, ResponsiveOpacity as X, NavigationLinks as Y, SocialLinks as Z, RichText as _, copy$1 as a, StyleControlProperty as a0, ImageControlValueFormat as a1, BorderPropControllerFormat as a2, ShadowsPropControllerFormat as a3, BorderRadiusPropControllerFormat as a4, MarginPropControllerFormat as a5, PaddingPropControllerFormat as a6, WidthPropControllerFormat as a7, Color as a8, Image as a9, Link as aa, Style as ab, BlockTextAlignment as ac, copy$2 as b, copy as c, copy$3 as d, copy$4 as e, copy$5 as f, copy$6 as g, copy$8 as h, copy$7 as i, copyStyleData as j, copyLinkData as k, copyImageData as l, copyColorData as m, InlineType as n, descriptors as o, Backgrounds as p, Border as q, BorderRadius as r, Shadows as s, GapX as t, ResponsiveSelect as u, ResponsiveNumber as v, Checkbox as w, Grid as x, TextInput as y, Link$1 as z };
 //# sourceMappingURL=types.es.js.map