@makeswift/runtime 0.9.3 → 0.9.5

package/dist/react-page.es.js

@@ -25,9 +25,9 @@ const import_meta = {};
 var _a;
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
-import { A as ActionTypes } from "./actions.es.js";
+import { A as ActionTypes, n as localeStringSchema } from "./actions.es.js";
 import { reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
-import * as React from "react";
+import React__default from "react";
 import { cache } from "@emotion/css";
 import { serializeStyles } from "@emotion/serialize";
 import { registerStyles, insertStyles } from "@emotion/utils";
@@ -284,6 +284,13 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+function parseLocalesInput(input) {
+  return {
+    locales: input.locales.map((locale) => localeStringSchema.parse(locale)),
+    defaultLocale: localeStringSchema.parse(input.defaultLocale),
+    locale: null
+  };
+}
 const ColorControlType = "makeswift::controls::color";
 function Color(config = {}) {
   return { type: ColorControlType, config };
@@ -587,6 +594,11 @@ function Link$1(options = {}) {
 function List$1(options) {
   return { type: Types.List, options };
 }
+function introspectListPropControllerData(descriptor, value, func) {
+  if (value == null)
+    return [];
+  return value.flatMap((item) => item.value ? func(descriptor.options.type, item.value) : []);
+}
 const MarginPropControllerFormat = {
   ClassName: "makeswift::prop-controllers::margin::format::class-name",
   ResponsiveValue: "makeswift::prop-controllers::margin::format::responsive-value"
@@ -641,6 +653,11 @@ Shadows.Format = ShadowsPropControllerFormat;
 function Shape$1(options) {
   return { type: Types.Shape, options };
 }
+function introspectShapePropControllerData(descriptor, value, func) {
+  if (value == null)
+    return [];
+  return Object.entries(descriptor.options.type).flatMap(([key, definition]) => func(definition, value[key]));
+}
 function SocialLinks(options = {}) {
   return { type: Types.SocialLinks, options };
 }
@@ -692,6 +709,7 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Images,
   Link: Link$1,
   List: List$1,
+  introspectListPropControllerData,
   MarginPropControllerFormat,
   Margin,
   NavigationLinks,
@@ -708,6 +726,7 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   ShadowsPropControllerFormat,
   Shadows,
   Shape: Shape$1,
+  introspectShapePropControllerData,
   SocialLinks,
   Table,
   TableFormFields,
@@ -985,6 +1004,11 @@ function copyListData(definition, value, context) {
     value: copy(definition.config.type, item.value, context)
   }));
 }
+function introspectListData(definition, value, func) {
+  if (value == null)
+    return [];
+  return value.flatMap((item) => func(definition.config.type, item.value));
+}
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
   return { type: ShapeControlType, config };
@@ -1038,6 +1062,11 @@ function copyShapeData(definition, value, context) {
   }
   return newValue;
 }
+function introspectShapeData(definition, value, func) {
+  if (value == null)
+    return [];
+  return Object.entries(definition.config.type).flatMap(([key, definition2]) => func(definition2, value[key]));
+}
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
   return { type: SlotControlType };
@@ -1878,7 +1907,7 @@ function merge(definition, a, b = a, context) {
 }
 const isServer = typeof window === "undefined";
 const useInsertionEffectSpecifier = "useInsertionEffect";
-const useInsertionEffect = (_a = React[useInsertionEffectSpecifier]) != null ? _a : React.useLayoutEffect;
+const useInsertionEffect = (_a = React__default[useInsertionEffectSpecifier]) != null ? _a : React__default.useLayoutEffect;
 function useStyle(style) {
   const serialized = serializeStyles([style], cache.registered);
   registerStyles(cache, serialized, false);
@@ -2347,8 +2376,16 @@ function getElementChildren(descriptor, prop) {
     case ListControlType:
       return prop.flatMap(({ value }) => getElementChildren(descriptor.config.type, value));
     case ShapeControlType: {
-      const shapeControlData = prop;
-      return Object.keys(shapeControlData).flatMap((key) => getElementChildren(descriptor.config.type[key], shapeControlData[key]));
+      return introspectShapeData(descriptor, prop, getElementChildren);
+    }
+    case ListControlType: {
+      return introspectListData(descriptor, prop, getElementChildren);
+    }
+    case Types.Shape: {
+      return introspectShapePropControllerData(descriptor, prop, getElementChildren);
+    }
+    case Types.List: {
+      return introspectListPropControllerData(descriptor, prop, getElementChildren);
     }
     default:
       return [];
@@ -2408,7 +2445,7 @@ function getTypographyStyleSwatchIds(style) {
     return (_a3 = typographyStyle.color) == null ? void 0 : _a3.swatchId;
   }).filter(isNonNullable)) != null ? _a2 : [];
 }
-function getElementSwatchIds(descriptor, prop) {
+function getSwatchIds(descriptor, prop) {
   var _a2;
   if (prop == null)
     return [];
@@ -2463,7 +2500,7 @@ function getElementSwatchIds(descriptor, prop) {
     }
     case StyleV2ControlType: {
       const value = prop;
-      return value.flatMap((value2) => getElementSwatchIds(descriptor.config.type, value2.value));
+      return value.flatMap((value2) => getSwatchIds(descriptor.config.type, value2.value));
     }
     case RichTextV2ControlType: {
       let getDescendantSwatchIds = function(descendant) {
@@ -2481,19 +2518,31 @@ function getElementSwatchIds(descriptor, prop) {
         var _a3;
         return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
           var _a4;
-          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getElementValue ? getElementSwatchIds(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
+          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getElementValue ? getSwatchIds(plugin.control.definition, plugin.control.getElementValue(descendant)) : [];
         })) != null ? _a3 : [];
       }, getTextSwatchIds = function(text) {
         var _a3;
         return (_a3 = plugins == null ? void 0 : plugins.flatMap((plugin) => {
           var _a4;
-          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getLeafValue ? getElementSwatchIds(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
+          return ((_a4 = plugin.control) == null ? void 0 : _a4.definition) && plugin.control.getLeafValue ? getSwatchIds(plugin.control.definition, plugin.control.getLeafValue(text)) : [];
         })) != null ? _a3 : [];
       };
       const descendants = prop;
       const plugins = descriptor.config.plugins;
       return descendants.flatMap((d) => getDescendantSwatchIds(d));
     }
+    case ShapeControlType: {
+      return introspectShapeData(descriptor, prop, getSwatchIds);
+    }
+    case ListControlType: {
+      return introspectListData(descriptor, prop, getSwatchIds);
+    }
+    case Types.Shape: {
+      return introspectShapePropControllerData(descriptor, prop, getSwatchIds);
+    }
+    case Types.List: {
+      return introspectListPropControllerData(descriptor, prop, getSwatchIds);
+    }
     default:
       return [];
   }
@@ -2528,6 +2577,18 @@ function getFileIds(descriptor, prop) {
       const value = prop;
       return value == null ? [] : [value];
     }
+    case ShapeControlType: {
+      return introspectShapeData(descriptor, prop, getFileIds);
+    }
+    case ListControlType: {
+      return introspectListData(descriptor, prop, getFileIds);
+    }
+    case Types.Shape: {
+      return introspectShapePropControllerData(descriptor, prop, getFileIds);
+    }
+    case Types.List: {
+      return introspectListPropControllerData(descriptor, prop, getFileIds);
+    }
     default:
       return [];
   }
@@ -2558,6 +2619,18 @@ function getTypographyIds(descriptor, prop) {
         return [];
       return getNodeTypographyIds(value.document);
     }
+    case ShapeControlType: {
+      return introspectShapeData(descriptor, prop, getTypographyIds);
+    }
+    case ListControlType: {
+      return introspectListData(descriptor, prop, getTypographyIds);
+    }
+    case Types.Shape: {
+      return introspectShapePropControllerData(descriptor, prop, getTypographyIds);
+    }
+    case Types.List: {
+      return introspectListPropControllerData(descriptor, prop, getTypographyIds);
+    }
     default:
       return [];
   }
@@ -2590,6 +2663,17 @@ function getPageIds(descriptor, prop) {
           return [];
       }
     }
+    case LinkControlType: {
+      const value = prop;
+      if (value == null)
+        return [];
+      switch (value.type) {
+        case "OPEN_PAGE":
+          return value.payload.pageId == null ? [] : [value.payload.pageId];
+        default:
+          return [];
+      }
+    }
     case Types.NavigationLinks: {
       const value = prop;
       if (value == null)
@@ -2658,6 +2742,18 @@ function getPageIds(descriptor, prop) {
         return [];
       return getNodePageIds(value.document);
     }
+    case ShapeControlType: {
+      return introspectShapeData(descriptor, prop, getPageIds);
+    }
+    case ListControlType: {
+      return introspectListData(descriptor, prop, getPageIds);
+    }
+    case Types.Shape: {
+      return introspectShapePropControllerData(descriptor, prop, getPageIds);
+    }
+    case Types.List: {
+      return introspectListPropControllerData(descriptor, prop, getPageIds);
+    }
     default:
       return [];
   }
@@ -2671,7 +2767,7 @@ var introspection = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   getBoxShadowsSwatchIds,
   getResponsiveColorSwatchIds,
   getTypographyStyleSwatchIds,
-  getElementSwatchIds,
+  getSwatchIds,
   getBackgroundsFileIds,
   getFileIds,
   getTypographyIds,
@@ -2832,7 +2928,10 @@ function getBreakpoints(state) {
   return state.breakpoints;
 }
 function getLocales(state) {
-  return state.locales;
+  return state.locales.locales.map((locale) => new Intl.Locale(locale));
+}
+function getDefaultLocale(state) {
+  return state.locales.defaultLocale ? new Intl.Locale(state.locales.defaultLocale) : null;
 }
 function configureStore({
   rootElements,
@@ -2846,5 +2945,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { isNonNullable as $, ResponsiveLength as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, TextArea as H, Images as I, Table as J, TableFormFields as K, ListControlType as L, Margin as M, Number as N, Image$1 as O, Padding as P, ResponsiveOpacity as Q, RichTextPropControllerMessageType as R, ShapeControlType as S, TableFormFieldsMessageType as T, NavigationLinks as U, SocialLinks as V, Width as W, RichText$1 as X, Video as Y, useStyle as Z, getBorderSwatchIds as _, createDocumentReference as a, RichTextControlMessageType as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, StyleControlType as a5, RichTextV2ControlType as a6, RichTextControlType as a7, SlotControlType as a8, StyleV2ControlType as a9, Image as aA, copyImageData as aB, Link as aC, copyLinkData as aD, List as aE, ListControlMessageType as aF, ListControl as aG, copyListData as aH, Shape as aI, ShapeControlMessageType as aJ, ShapeControl as aK, copyShapeData as aL, Slot as aM, SlotControlMessageType as aN, SlotControl as aO, copySlotData as aP, mergeSlotData as aQ, Style as aR, StyleControlMessageType as aS, StyleControl as aT, copyStyleData as aU, unstable_useStyleV2ClassName as aV, unstable_StyleV2 as aW, StyleV2ControlMessageType as aX, StyleV2Control as aY, ObjectType as aZ, RichText as a_, LinkControlType as aa, ImageControlType as ab, ColorControlType as ac, getComponentPropControllerDescriptors as ad, getPropControllers as ae, BorderPropControllerFormat as af, ShadowsPropControllerFormat as ag, BorderRadiusPropControllerFormat as ah, MarginPropControllerFormat as ai, PaddingPropControllerFormat as aj, WidthPropControllerFormat as ak, configureStore as al, copyElementTree as am, getBreakpoints as an, getDocument as ao, getElementId as ap, getIsPreview as aq, getIsInBuilder as ar, getReactComponent as as, getBuilderEditMode as at, getBackgroundsFileIds as au, getBackgroundsSwatchIds as av, Color as aw, copyColorData as ax, copy as ay, merge as az, isElementReference as b, RichTextControl as b0, richTextDTOtoSelection as b1, richTextDTOtoDAO as b2, toSelectionDTO as b3, richTextDAOToDTO as b4, RichTextV2Mode as b5, createRichTextV2Plugin as b6, unstable_RichTextV2 as b7, RichTextV2ControlMessageType as b8, RichTextV2Control as b9, InlineType as ba, RootBlockType as bb, BlockType as bc, BlockTextAlignment as bd, getInitialState$7 as be, reducer$8 as bf, getDocument$1 as bg, getComponentsMeta as bh, getComponentPropControllerDescriptors$1 as bi, getLocales as bj, BuilderEditMode as bk, getDocumentKeysSortedByDepth as bl, getPropController as bm, getPropControllersHandle as bn, getElement as bo, getElementPropControllerDescriptors as bp, createPropController as bq, reducer$7 as br, reducer$9 as bs, reducer$6 as bt, reducer$5 as bu, reducer$4 as bv, reducer$3 as bw, reducer$2 as bx, reducer$1 as by, getInitialState$2 as bz, createDocument as c, descriptors as d, getElementSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, Types as m, ResponsiveIconRadioGroup as n, Border as o, BorderRadius as p, Shadows as q, GapX as r, ResponsiveSelect as s, ResponsiveNumber as t, Checkbox as u, Grid as v, TextInput as w, Link$1 as x, ResponsiveColor as y, TextStyle as z };
+export { StyleControlProperty as $, TableFormFields as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, Image$1 as H, Images as I, ResponsiveOpacity as J, NavigationLinks as K, Link$1 as L, Margin as M, Number as N, SocialLinks as O, Padding as P, RichText$1 as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, useStyle as U, Video as V, Width as W, getBorderSwatchIds as X, isNonNullable as Y, getBoxShadowsSwatchIds as Z, getResponsiveColorSwatchIds as _, createDocumentReference as a, StyleV2Control as a$, ImageControlValueFormat as a0, isPropControllersHandle as a1, StyleControlType as a2, RichTextV2ControlType as a3, RichTextControlType as a4, SlotControlType as a5, StyleV2ControlType as a6, ListControlType as a7, ShapeControlType as a8, LinkControlType as a9, merge as aA, Image as aB, copyImageData as aC, Link as aD, copyLinkData as aE, List as aF, ListControlMessageType as aG, ListControl as aH, copyListData as aI, introspectListData as aJ, Shape as aK, ShapeControlMessageType as aL, ShapeControl as aM, copyShapeData as aN, introspectShapeData as aO, Slot as aP, SlotControlMessageType as aQ, SlotControl as aR, copySlotData as aS, mergeSlotData as aT, Style as aU, StyleControlMessageType as aV, StyleControl as aW, copyStyleData as aX, unstable_useStyleV2ClassName as aY, unstable_StyleV2 as aZ, StyleV2ControlMessageType as a_, ImageControlType as aa, ColorControlType as ab, getComponentPropControllerDescriptors as ac, getPropControllers as ad, Types as ae, BorderPropControllerFormat as af, ShadowsPropControllerFormat as ag, BorderRadiusPropControllerFormat as ah, MarginPropControllerFormat as ai, PaddingPropControllerFormat as aj, WidthPropControllerFormat as ak, configureStore as al, copyElementTree as am, getBreakpoints as an, parseLocalesInput as ao, getDocument as ap, getElementId as aq, getIsPreview as ar, getIsInBuilder as as, getReactComponent as at, getBuilderEditMode as au, getBackgroundsFileIds as av, getBackgroundsSwatchIds as aw, Color as ax, copyColorData as ay, copy as az, isElementReference as b, ObjectType as b0, RichText as b1, RichTextControlMessageType as b2, RichTextControl as b3, richTextDTOtoSelection as b4, richTextDTOtoDAO as b5, toSelectionDTO as b6, richTextDAOToDTO as b7, RichTextV2Mode as b8, createRichTextV2Plugin as b9, reducer$3 as bA, reducer$2 as bB, reducer$1 as bC, getInitialState$2 as bD, unstable_RichTextV2 as ba, RichTextV2ControlMessageType as bb, RichTextV2Control as bc, InlineType as bd, RootBlockType as be, BlockType as bf, BlockTextAlignment as bg, getInitialState$7 as bh, reducer$8 as bi, getDocument$1 as bj, getComponentsMeta as bk, getComponentPropControllerDescriptors$1 as bl, getLocales as bm, getDefaultLocale as bn, BuilderEditMode as bo, getDocumentKeysSortedByDepth as bp, getPropController as bq, getPropControllersHandle as br, getElement as bs, getElementPropControllerDescriptors as bt, createPropController as bu, reducer$7 as bv, reducer$9 as bw, reducer$6 as bx, reducer$5 as by, reducer$4 as bz, createDocument as c, descriptors as d, getSwatchIds as e, getFileIds as f, getPropControllerDescriptors as g, getTypographyIds as h, introspection as i, getTableIds as j, getPageIds as k, getElementChildren as l, ResponsiveIconRadioGroup as m, Border as n, BorderRadius as o, GapX as p, ResponsiveSelect as q, ResponsiveNumber as r, Checkbox as s, Grid as t, TextInput as u, ResponsiveColor as v, TextStyle as w, ResponsiveLength as x, TextArea as y, Table as z };
 //# sourceMappingURL=react-page.es.js.map