@makeswift/runtime 0.10.12 → 0.10.14

package/dist/react-page.es.js

@@ -566,7 +566,7 @@ const Types = {
   Style: StyleControlType
 };
 function Backgrounds(options = {}) {
-  return { type: Types.Backgrounds, options };
+  return { type: Types.Backgrounds, version: 1, options };
 }
 const BorderPropControllerFormat = {
   ClassName: "makeswift::prop-controllers::border::format::class-name",
@@ -609,7 +609,7 @@ function Image$1(options = {}) {
   return { type: Types.Image, version: 1, options };
 }
 function Images(options = {}) {
-  return { type: Types.Images, options };
+  return { type: Types.Images, version: 1, options };
 }
 function Link$1(options = {}) {
   return { type: Types.Link, options };
@@ -723,10 +723,10 @@ function TableFormFields(options = {}) {
 function Typeahead(options) {
   return { type: Types.Typeahead, options };
 }
-function TextArea(options = {}) {
+function TextArea$1(options = {}) {
   return { type: Types.TextArea, options };
 }
-function TextInput(options = {}) {
+function TextInput$1(options = {}) {
   return { type: Types.TextInput, options };
 }
 function TextStyle(options = {}) {
@@ -794,8 +794,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Table,
   TableFormFields,
   Typeahead,
-  TextArea,
-  TextInput,
+  TextArea: TextArea$1,
+  TextInput: TextInput$1,
   TextStyle,
   Video,
   WidthPropControllerFormat,
@@ -1087,6 +1087,9 @@ function getListTypographyIds(definition2, value) {
 function getListPageIds(definition2, value) {
   return introspectListData(definition2, value, getPageIds);
 }
+function getListTranslatableData(definition2, data) {
+  return Object.fromEntries(data.map((item) => [item.id, getTranslatableData(definition2.config.type, item.value)]));
+}
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
   return { type: ShapeControlType, config };
@@ -1160,6 +1163,20 @@ function getShapePageIds(definition2, data) {
 function getShapeFileIds(definition2, data) {
   return introspectShapeData(definition2, data, getFileIds);
 }
+function getShapeTranslatableData(definition2, data) {
+  return Object.fromEntries(Object.entries(definition2.config.type).map(([key, definition22]) => [
+    key,
+    getTranslatableData(definition22, data[key])
+  ]));
+}
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config };
+}
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config };
+}
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
   return { type: SlotControlType };
@@ -1204,41 +1221,51 @@ function mergeSlotData(base = { columns: [], elements: [] }, override = { column
   });
   return { columns: mergedColumns, elements: mergedElements };
 }
-function copy$e(value, context) {
+function copy$e(descriptor, value, context) {
   if (value == null)
     return value;
   return value.map((override) => __spreadProps(__spreadValues({}, override), {
     value: override.value.map((backgroundItem) => {
-      var _a, _b;
-      switch (backgroundItem.type) {
-        case "color":
-          return __spreadProps(__spreadValues({}, backgroundItem), {
-            payload: backgroundItem.payload === null ? null : __spreadProps(__spreadValues({}, backgroundItem.payload), {
-              swatchId: (_a = context.replacementContext.swatchIds.get(backgroundItem.payload.swatchId)) != null ? _a : backgroundItem.payload.swatchId
-            })
-          });
-        case "gradient":
-          return __spreadProps(__spreadValues({}, backgroundItem), {
-            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
-              stops: backgroundItem.payload.stops.map((stop) => {
-                var _a2;
-                return __spreadProps(__spreadValues({}, stop), {
-                  color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
-                    swatchId: (_a2 = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a2 : stop.color.swatchId
-                  })
-                });
-              })
+      return match([descriptor, backgroundItem]).with([P.any, { type: "color" }], ([, item]) => {
+        var _a;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: item.payload === null ? null : __spreadProps(__spreadValues({}, item.payload), {
+            swatchId: (_a = context.replacementContext.swatchIds.get(item.payload.swatchId)) != null ? _a : item.payload.swatchId
+          })
+        });
+      }).with([P.any, { type: "gradient" }], ([, item]) => {
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            stops: item.payload.stops.map((stop) => {
+              var _a;
+              return __spreadProps(__spreadValues({}, stop), {
+                color: stop.color == null ? null : __spreadProps(__spreadValues({}, stop.color), {
+                  swatchId: (_a = context.replacementContext.swatchIds.get(stop.color.swatchId)) != null ? _a : stop.color.swatchId
+                })
+              });
             })
-          });
-        case "image":
-          return __spreadProps(__spreadValues({}, backgroundItem), {
-            payload: __spreadProps(__spreadValues({}, backgroundItem.payload), {
-              imageId: (_b = context.replacementContext.fileIds.get(backgroundItem.payload.imageId)) != null ? _b : backgroundItem.payload.imageId
+          })
+        });
+      }).with([
+        { version: 1 },
+        { type: "image-v1", version: 1, payload: { image: { type: "makeswift-file" } } }
+      ], ([, item]) => {
+        var _a;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            image: __spreadProps(__spreadValues({}, item.payload.image), {
+              id: (_a = context.replacementContext.fileIds.get(item.payload.image.id)) != null ? _a : item.payload.image.id
             })
-          });
-        default:
-          return backgroundItem;
-      }
+          })
+        });
+      }).with([P.any, { type: "image", payload: { imageId: P.string } }], ([, item]) => {
+        var _a;
+        return __spreadProps(__spreadValues({}, item), {
+          payload: __spreadProps(__spreadValues({}, item.payload), {
+            imageId: (_a = context.replacementContext.fileIds.get(item.payload.imageId)) != null ? _a : item.payload.imageId
+          })
+        });
+      }).otherwise(() => backgroundItem);
     })
   }));
 }
@@ -1448,18 +1475,23 @@ if (import_meta.vitest) {
     });
   });
 }
-function copy$8(value, context) {
+function copy$8(descriptor, 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
+        file: match([descriptor, file]).with([P.any, P.string], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f)) != null ? _a : f;
+        }).with([{ version: 1 }, { type: "makeswift-file", version: 1 }], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f.id)) != null ? _a : f.id;
+        }).otherwise(([, f]) => f)
       })
     });
   }
@@ -1495,9 +1527,8 @@ if (import_meta.vitest) {
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copy$8(data, {
-        replacementContext,
-        copyElement: (node) => node
+      const result = copy$8({ type: "Images", options: {} }, data, {
+        replacementContext
       });
       expect(result).toMatchObject(expected);
     });
@@ -1926,7 +1957,7 @@ function copy$2(value, context) {
 function copy$1(descriptor, value, context) {
   switch (descriptor.type) {
     case "Backgrounds":
-      return copy$e(value, context);
+      return copy$e(descriptor, value, context);
     case "Grid":
       return copy$d(value, context);
     case "NavigationLinks":
@@ -1938,7 +1969,7 @@ function copy$1(descriptor, value, context) {
     case "Image":
       return copy$9(descriptor, value, context);
     case "Images":
-      return copy$8(value, context);
+      return copy$8(descriptor, value, context);
     case "ResponsiveColor":
       return copy$7(value, context);
     case "TableFormFields":
@@ -3989,6 +4020,21 @@ function merge(definition2, a, b = a, context) {
       return b;
   }
 }
+function getTranslatableData(definition2, data) {
+  switch (definition2.type) {
+    case Types.TextInput:
+    case Types.TextArea:
+    case TextInputControlType:
+    case TextAreaControlType:
+      return data;
+    case ListControlType:
+      return getListTranslatableData(definition2, data);
+    case ShapeControlType:
+      return getShapeTranslatableData(definition2, data);
+    default:
+      return null;
+  }
+}
 const StyleV2ControlType = "makeswift::controls::style-v2";
 const unstable_useStyleV2ClassName = useStyle;
 function unstable_StyleV2(config) {
@@ -4307,12 +4353,9 @@ function getSwatchIds(descriptor, prop) {
 function getBackgroundsFileIds(value) {
   var _a;
   return (_a = value == null ? void 0 : value.flatMap((override) => override.value).flatMap((backgroundItem) => {
-    switch (backgroundItem.type) {
-      case "image":
-        return [backgroundItem.payload.imageId];
-      default:
-        return [];
-    }
+    return match(backgroundItem).with({ type: "image-v1", payload: { image: { type: "makeswift-file" } } }, (item) => [
+      item.payload.image.id
+    ]).with({ type: "image", payload: { imageId: P.string } }, (item) => [item.payload.imageId]).otherwise(() => []);
   })) != null ? _a : [];
 }
 function getFileIds(descriptor, prop) {
@@ -4327,7 +4370,7 @@ function getFileIds(descriptor, prop) {
     }
     case Types.Images: {
       const value = prop;
-      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => match(item.props.file).with(P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(P.nullish, () => []).otherwise(() => []))) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4635,6 +4678,39 @@ function copyElementTree(state, elementTree, replacementContext) {
   const copy$12 = JSON.parse(JSON.stringify(elementTree));
   return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy$12);
 }
+function* traverseElementTree(state, elementTree) {
+  yield elementTree;
+  if (isElementReference(elementTree))
+    return;
+  const descriptors2 = getComponentPropControllerDescriptors(state, elementTree.type);
+  if (descriptors2 == null)
+    return;
+  for (const [propKey, descriptor] of Object.entries(descriptors2)) {
+    const children = getElementChildren(descriptor, elementTree.props[propKey]);
+    for (const child of children) {
+      if (!isElementReference(child))
+        yield* traverseElementTree(state, child);
+      yield child;
+    }
+  }
+}
+function getElementTreeTranslatableData(state, elementTree) {
+  const translatableData = {};
+  for (const element of traverseElementTree(state, elementTree)) {
+    if (isElementReference(element))
+      continue;
+    const descriptors2 = getComponentPropControllerDescriptors(state, element.type);
+    if (descriptors2 == null)
+      continue;
+    Object.entries(descriptors2).forEach(([propName, descriptor]) => {
+      const translatablePropData = getTranslatableData(descriptor, element.props[propName]);
+      if (translatablePropData != null) {
+        translatableData[`${element.key}:${propName}`] = translatablePropData;
+      }
+    });
+  }
+  return translatableData;
+}
 function getIsInBuilder(state) {
   return state.isInBuilder;
 }
@@ -4665,5 +4741,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { getBorderSwatchIds as $, TextStyle as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, ResponsiveLength as H, Images as I, TextArea as J, Table as K, Link$1 as L, Margin as M, Number as N, TableFormFields as O, Padding as P, Image$1 as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, ResponsiveOpacity as U, NavigationLinks as V, Width as W, SocialLinks as X, RichText as Y, Video as Z, useStyle as _, copy$9 as a, ShapeControl as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, isRichTextV1Data as a5, isNonNullable as a6, TypographyControlType as a7, StyleControlType as a8, RichTextV2ControlType as a9, getReactComponent as aA, getBuilderEditMode as aB, getIsPreview as aC, getBackgroundsFileIds as aD, getBackgroundsSwatchIds as aE, Color as aF, copyColorData as aG, copy as aH, merge as aI, unstable_IconRadioGroupIcon as aJ, unstable_IconRadioGroup as aK, Image as aL, copyImageData as aM, Link as aN, copyLinkData as aO, List as aP, ListControlMessageType as aQ, ListControl as aR, copyListData as aS, getListElementChildren as aT, getListSwatchIds as aU, getListFileIds as aV, getListTypographyIds as aW, getListPageIds as aX, Select as aY, Shape as aZ, ShapeControlMessageType as a_, RichTextControlType as aa, SlotControlType as ab, StyleV2ControlType as ac, ListControlType as ad, ShapeControlType as ae, LinkControlType as af, ImageControlType as ag, IconRadioGroupControlType as ah, ColorControlType as ai, SelectControlType as aj, getComponentPropControllerDescriptors as ak, getPropControllers as al, Types as am, BorderPropControllerFormat as an, ShadowsPropControllerFormat as ao, BorderRadiusPropControllerFormat as ap, MarginPropControllerFormat as aq, PaddingPropControllerFormat as ar, WidthPropControllerFormat as as, configureStore as at, copyElementTree as au, getBreakpoints as av, parseLocalesInput as aw, getDocument as ax, getElementId as ay, getIsInBuilder as az, deepEqual as b, getComponentPropControllerDescriptors$1 as b$, copyShapeData as b0, getShapeElementChildren as b1, getShapeSwatchIds as b2, getShapeTypographyIds as b3, getShapePageIds as b4, getShapeFileIds as b5, Slot as b6, SlotControlMessageType as b7, SlotControl as b8, copySlotData as b9, TypographyActions as bA, TYPOGRAPHY_KEY as bB, withTypography as bC, TypographyPlugin as bD, BlockActions as bE, ListActions as bF, onKeyDown as bG, withBlock as bH, BlockPlugin as bI, withInlineMode as bJ, InlineModePlugin as bK, withTextAlign as bL, TextAlignPlugin as bM, RootBlockType as bN, BlockType as bO, InlineType as bP, BlockTextAlignment as bQ, withInline as bR, InlinePlugin as bS, ElementUtils as bT, onChange$1 as bU, getValue$3 as bV, isLinkElement as bW, getInitialState$7 as bX, reducer$8 as bY, getDocument$1 as bZ, getComponentsMeta as b_, mergeSlotData as ba, Style as bb, StyleControlMessageType as bc, StyleControl as bd, copyStyleData as be, unstable_useStyleV2ClassName as bf, unstable_StyleV2 as bg, StyleV2ControlMessageType as bh, StyleV2Control as bi, copyRichTextData as bj, ObjectType as bk, RichTextControlMessageType as bl, RichTextControl as bm, richTextDTOtoSelection as bn, richTextDTOtoDAO as bo, toSelectionDTO as bp, richTextDAOToDTO as bq, RichTextV2Mode as br, RichTextV2ControlMessageType as bs, RichTextV2Control as bt, richTextV2DataToDescendents as bu, richTextV2DescendentsToData as bv, createRichTextV2Plugin as bw, unstable_Typography as bx, getTypographySwatchIds as by, getTypographyTypographyIds as bz, createDocument as c, BuilderEditMode as c0, getDocumentKeysSortedByDepth as c1, getPropController as c2, getPropControllersHandle as c3, getElement as c4, getElementPropControllerDescriptors as c5, createPropController as c6, reducer$7 as c7, reducer$9 as c8, reducer$6 as c9, reducer$5 as ca, reducer$4 as cb, reducer$3 as cc, reducer$2 as cd, reducer$1 as ce, getInitialState$2 as cf, descriptors as d, createDocumentReference as e, isElementReference as f, getPropControllerDescriptors as g, getDefaultLocale as h, introspection as i, getLocales as j, getSwatchIds as k, getFileIds as l, getTypographyIds as m, getTableIds as n, getPageIds as o, getElementChildren as p, ResponsiveIconRadioGroup as q, Border as r, BorderRadius as s, GapX as t, ResponsiveSelect as u, ResponsiveNumber as v, Checkbox as w, Grid as x, TextInput as y, ResponsiveColor as z };
+export { Video as $, TextInput$1 as A, Backgrounds as B, ComponentIcon as C, ResponsiveColor as D, ElementID as E, TextStyle as F, GapY as G, Date as H, Images as I, Font as J, ResponsiveLength as K, Link$1 as L, Margin as M, Number as N, TextArea$1 as O, Padding as P, Table as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, TableFormFields as U, Image$1 as V, Width as W, ResponsiveOpacity as X, NavigationLinks as Y, SocialLinks as Z, RichText as _, copy$9 as a, getListFileIds as a$, useStyle as a0, getBorderSwatchIds as a1, getBoxShadowsSwatchIds as a2, getResponsiveColorSwatchIds as a3, StyleControlProperty as a4, ImageControlValueFormat as a5, isPropControllersHandle as a6, isRichTextV1Data as a7, isNonNullable as a8, TypographyControlType as a9, getElementTreeTranslatableData as aA, parseLocalesInput as aB, getDocument as aC, getElementId as aD, getIsInBuilder as aE, getReactComponent as aF, getBuilderEditMode as aG, getIsPreview as aH, getBackgroundsFileIds as aI, getBackgroundsSwatchIds as aJ, Color as aK, copyColorData as aL, copy as aM, merge as aN, getTranslatableData as aO, unstable_IconRadioGroupIcon as aP, unstable_IconRadioGroup as aQ, Image as aR, copyImageData as aS, Link as aT, copyLinkData as aU, List as aV, ListControlMessageType as aW, ListControl as aX, copyListData as aY, getListElementChildren as aZ, getListSwatchIds as a_, StyleControlType as aa, RichTextV2ControlType as ab, RichTextControlType as ac, SlotControlType as ad, StyleV2ControlType as ae, ListControlType as af, ShapeControlType as ag, LinkControlType as ah, ImageControlType as ai, IconRadioGroupControlType as aj, ColorControlType as ak, SelectControlType as al, TextAreaControlType as am, TextInputControlType as an, getComponentPropControllerDescriptors as ao, getPropControllers as ap, Types as aq, BorderPropControllerFormat as ar, ShadowsPropControllerFormat as as, BorderRadiusPropControllerFormat as at, MarginPropControllerFormat as au, PaddingPropControllerFormat as av, WidthPropControllerFormat as aw, configureStore as ax, copyElementTree as ay, getBreakpoints as az, copy$8 as b, withInline as b$, getListTypographyIds as b0, getListPageIds as b1, getListTranslatableData as b2, Select as b3, Shape as b4, ShapeControlMessageType as b5, ShapeControl as b6, copyShapeData as b7, getShapeElementChildren as b8, getShapeSwatchIds as b9, richTextDAOToDTO as bA, RichTextV2Mode as bB, RichTextV2ControlMessageType as bC, RichTextV2Control as bD, richTextV2DataToDescendents as bE, richTextV2DescendentsToData as bF, createRichTextV2Plugin as bG, unstable_Typography as bH, getTypographySwatchIds as bI, getTypographyTypographyIds as bJ, TypographyActions as bK, TYPOGRAPHY_KEY as bL, withTypography as bM, TypographyPlugin as bN, BlockActions as bO, ListActions as bP, onKeyDown as bQ, withBlock as bR, BlockPlugin as bS, withInlineMode as bT, InlineModePlugin as bU, withTextAlign as bV, TextAlignPlugin as bW, RootBlockType as bX, BlockType as bY, InlineType as bZ, BlockTextAlignment as b_, getShapeTypographyIds as ba, getShapePageIds as bb, getShapeFileIds as bc, getShapeTranslatableData as bd, Slot as be, SlotControlMessageType as bf, SlotControl as bg, copySlotData as bh, mergeSlotData as bi, Style as bj, StyleControlMessageType as bk, StyleControl as bl, copyStyleData as bm, unstable_useStyleV2ClassName as bn, unstable_StyleV2 as bo, StyleV2ControlMessageType as bp, StyleV2Control as bq, TextArea as br, TextInput as bs, copyRichTextData as bt, ObjectType as bu, RichTextControlMessageType as bv, RichTextControl as bw, richTextDTOtoSelection as bx, richTextDTOtoDAO as by, toSelectionDTO as bz, createDocument as c, InlinePlugin as c0, ElementUtils as c1, onChange$1 as c2, getValue$3 as c3, isLinkElement as c4, getInitialState$7 as c5, reducer$8 as c6, getDocument$1 as c7, getComponentsMeta as c8, getComponentPropControllerDescriptors$1 as c9, BuilderEditMode as ca, getDocumentKeysSortedByDepth as cb, getPropController as cc, getPropControllersHandle as cd, getElement as ce, getElementPropControllerDescriptors as cf, createPropController as cg, reducer$7 as ch, reducer$9 as ci, reducer$6 as cj, reducer$5 as ck, reducer$4 as cl, reducer$3 as cm, reducer$2 as cn, reducer$1 as co, getInitialState$2 as cp, descriptors as d, copy$e as e, deepEqual as f, createDocumentReference as g, getPropControllerDescriptors as h, introspection as i, isElementReference as j, getDefaultLocale as k, getLocales as l, getSwatchIds as m, getFileIds as n, getTypographyIds as o, getTableIds as p, getPageIds as q, getElementChildren as r, ResponsiveIconRadioGroup as s, Border as t, BorderRadius as u, GapX as v, ResponsiveSelect as w, ResponsiveNumber as x, Checkbox as y, Grid as z };
 //# sourceMappingURL=react-page.es.js.map