@makeswift/runtime 0.10.11 → 0.10.13

package/dist/react-page.es.js

@@ -39,6 +39,7 @@ import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as ActionTypes, n as localeStringSchema } from "./actions.es.js";
 import { findBreakpointOverride, reducer as reducer$a, getInitialState as getInitialState$9 } from "./state/breakpoints.es.js";
+import { match, P } from "ts-pattern";
 import ipsum from "corporate-ipsum";
 import { Element, Range, Editor, Text, Path, Transforms, Node, Point } from "slate";
 import { v4 } from "uuid";
@@ -605,10 +606,10 @@ function Grid(options = {}) {
   return { type: Types.Grid, options };
 }
 function Image$1(options = {}) {
-  return { type: Types.Image, 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 };
@@ -722,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 = {}) {
@@ -793,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,
@@ -1086,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 };
@@ -1159,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 };
@@ -1413,11 +1431,14 @@ if (import_meta.vitest) {
     });
   });
 }
-function copy$9(value, context) {
-  var _a;
-  if (value == null)
-    return value;
-  return (_a = context.replacementContext.fileIds.get(value)) != null ? _a : value;
+function copy$9(descriptor, value, context) {
+  return match([descriptor, value]).with([P.any, P.string], ([, v]) => {
+    var _a;
+    return (_a = context.replacementContext.fileIds.get(v)) != null ? _a : v;
+  }).with([{ version: 1 }, { type: "makeswift-file", version: 1 }], ([, v]) => {
+    var _a;
+    return (_a = context.replacementContext.fileIds.get(v.id)) != null ? _a : v.id;
+  }).otherwise(([, v]) => v);
 }
 if (import_meta.vitest) {
   const { describe, test, expect } = import_meta.vitest;
@@ -1437,26 +1458,30 @@ if (import_meta.vitest) {
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copy$9(data, {
-        replacementContext,
-        copyElement: (node) => node
+      const result = copy$9({ type: "Image", options: {} }, data, {
+        replacementContext
       });
       expect(result).toMatchObject(expected);
     });
   });
 }
-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)
       })
     });
   }
@@ -1492,9 +1517,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);
     });
@@ -1933,9 +1957,9 @@ function copy$1(descriptor, value, context) {
     case "Shadows":
       return copy$a(value, context);
     case "Image":
-      return copy$9(value, context);
+      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":
@@ -2528,8 +2552,8 @@ const getValue$3 = (editor) => {
   if (!areAllRootsLinks)
     return void 0;
   const matchingValues = roots.map(([node]) => node).filter(isLinkElement);
-  const match = matchingValues.reduce((a, b) => deepEqual(a == null ? void 0 : a.link, b == null ? void 0 : b.link) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
-  return match == null ? match : match.link;
+  const match2 = matchingValues.reduce((a, b) => deepEqual(a == null ? void 0 : a.link, b == null ? void 0 : b.link) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match2 == null ? match2 : match2.link;
 };
 const onChange$1 = (editor, value) => {
   if (value == null)
@@ -2609,8 +2633,8 @@ const getValue$2 = (editor) => {
   if (!areAllRootsSupportedInlineTypesOrText)
     return void 0;
   const matchingValues = roots.filter(isSupportedInlineEntry).map(([node]) => node);
-  const match = matchingValues.reduce((a, b) => (a == null ? void 0 : a.type) === (b == null ? void 0 : b.type) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
-  return match == null ? match : match.type;
+  const match2 = matchingValues.reduce((a, b) => (a == null ? void 0 : a.type) === (b == null ? void 0 : b.type) ? b : null, (_a = matchingValues.at(0)) != null ? _a : void 0);
+  return match2 == null ? match2 : match2.type;
 };
 const onChange = (editor, value) => {
   function unwrapAllSupportedTypes() {
@@ -3986,6 +4010,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) {
@@ -4320,12 +4359,11 @@ function getFileIds(descriptor, prop) {
     case Types.Backgrounds:
       return getBackgroundsFileIds(prop);
     case Types.Image: {
-      const value = prop;
-      return value == null ? [] : [value];
+      return match(prop).with(P.string, (v) => [v]).with({ type: "makeswift-file", version: 1 }, (v) => [v.id]).with({ type: "external-file", version: 1 }, () => []).exhaustive();
     }
     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;
@@ -4633,6 +4671,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;
 }
@@ -4663,5 +4734,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { getBoxShadowsSwatchIds 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, Link$1 as L, Margin as M, Number as N, Image$1 as O, Padding as P, ResponsiveOpacity as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, NavigationLinks as U, SocialLinks as V, Width as W, RichText as X, Video as Y, useStyle as Z, getBorderSwatchIds as _, deepEqual as a, copyShapeData as a$, getResponsiveColorSwatchIds as a0, StyleControlProperty as a1, ImageControlValueFormat as a2, isPropControllersHandle as a3, isRichTextV1Data as a4, isNonNullable as a5, TypographyControlType as a6, StyleControlType as a7, RichTextV2ControlType as a8, RichTextControlType as a9, getBuilderEditMode as aA, getIsPreview as aB, getBackgroundsFileIds as aC, getBackgroundsSwatchIds as aD, Color as aE, copyColorData as aF, copy as aG, merge as aH, unstable_IconRadioGroupIcon as aI, unstable_IconRadioGroup as aJ, Image as aK, copyImageData as aL, Link as aM, copyLinkData as aN, List as aO, ListControlMessageType as aP, ListControl as aQ, copyListData as aR, getListElementChildren as aS, getListSwatchIds as aT, getListFileIds as aU, getListTypographyIds as aV, getListPageIds as aW, Select as aX, Shape as aY, ShapeControlMessageType as aZ, ShapeControl as a_, SlotControlType as aa, StyleV2ControlType as ab, ListControlType as ac, ShapeControlType as ad, LinkControlType as ae, ImageControlType as af, IconRadioGroupControlType as ag, ColorControlType as ah, SelectControlType as ai, getComponentPropControllerDescriptors as aj, getPropControllers as ak, Types as al, BorderPropControllerFormat as am, ShadowsPropControllerFormat as an, BorderRadiusPropControllerFormat as ao, MarginPropControllerFormat as ap, PaddingPropControllerFormat as aq, WidthPropControllerFormat as ar, configureStore as as, copyElementTree as at, getBreakpoints as au, parseLocalesInput as av, getDocument as aw, getElementId as ax, getIsInBuilder as ay, getReactComponent as az, createDocumentReference as b, BuilderEditMode as b$, getShapeElementChildren as b0, getShapeSwatchIds as b1, getShapeTypographyIds as b2, getShapePageIds as b3, getShapeFileIds as b4, Slot as b5, SlotControlMessageType as b6, SlotControl as b7, copySlotData as b8, mergeSlotData as b9, TYPOGRAPHY_KEY as bA, withTypography as bB, TypographyPlugin as bC, BlockActions as bD, ListActions as bE, onKeyDown as bF, withBlock as bG, BlockPlugin as bH, withInlineMode as bI, InlineModePlugin as bJ, withTextAlign as bK, TextAlignPlugin as bL, RootBlockType as bM, BlockType as bN, InlineType as bO, BlockTextAlignment as bP, withInline as bQ, InlinePlugin as bR, ElementUtils as bS, onChange$1 as bT, getValue$3 as bU, isLinkElement as bV, getInitialState$7 as bW, reducer$8 as bX, getDocument$1 as bY, getComponentsMeta as bZ, getComponentPropControllerDescriptors$1 as b_, Style as ba, StyleControlMessageType as bb, StyleControl as bc, copyStyleData as bd, unstable_useStyleV2ClassName as be, unstable_StyleV2 as bf, StyleV2ControlMessageType as bg, StyleV2Control as bh, copyRichTextData as bi, ObjectType as bj, RichTextControlMessageType as bk, RichTextControl as bl, richTextDTOtoSelection as bm, richTextDTOtoDAO as bn, toSelectionDTO as bo, richTextDAOToDTO as bp, RichTextV2Mode as bq, RichTextV2ControlMessageType as br, RichTextV2Control as bs, richTextV2DataToDescendents as bt, richTextV2DescendentsToData as bu, createRichTextV2Plugin as bv, unstable_Typography as bw, getTypographySwatchIds as bx, getTypographyTypographyIds as by, TypographyActions as bz, createDocument as c, getDocumentKeysSortedByDepth as c0, getPropController as c1, getPropControllersHandle as c2, getElement as c3, getElementPropControllerDescriptors as c4, createPropController as c5, reducer$7 as c6, reducer$9 as c7, reducer$6 as c8, reducer$5 as c9, reducer$4 as ca, reducer$3 as cb, reducer$2 as cc, reducer$1 as cd, getInitialState$2 as ce, descriptors as d, isElementReference as e, getDefaultLocale as f, getPropControllerDescriptors as g, getLocales as h, introspection as i, getSwatchIds as j, getFileIds as k, getTypographyIds as l, getTableIds as m, getPageIds as n, getElementChildren as o, ResponsiveIconRadioGroup as p, Border as q, BorderRadius as r, GapX as s, ResponsiveSelect as t, ResponsiveNumber as u, Checkbox as v, Grid as w, TextInput as x, ResponsiveColor as y, TextStyle as z };
+export { useStyle as $, ResponsiveColor as A, Backgrounds as B, ComponentIcon as C, TextStyle as D, ElementID as E, Date as F, GapY as G, Font as H, Images as I, ResponsiveLength as J, TextArea$1 as K, Link$1 as L, Margin as M, Number as N, Table as O, Padding as P, TableFormFields as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, Image$1 as U, ResponsiveOpacity as V, Width as W, NavigationLinks as X, SocialLinks as Y, RichText as Z, Video as _, copy$9 as a, getListTypographyIds as a$, getBorderSwatchIds as a0, getBoxShadowsSwatchIds as a1, getResponsiveColorSwatchIds as a2, StyleControlProperty as a3, ImageControlValueFormat as a4, isPropControllersHandle as a5, isRichTextV1Data as a6, isNonNullable as a7, TypographyControlType as a8, StyleControlType as a9, parseLocalesInput as aA, getDocument as aB, getElementId as aC, getIsInBuilder as aD, getReactComponent as aE, getBuilderEditMode as aF, getIsPreview as aG, getBackgroundsFileIds as aH, getBackgroundsSwatchIds as aI, Color as aJ, copyColorData as aK, copy as aL, merge as aM, getTranslatableData as aN, unstable_IconRadioGroupIcon as aO, unstable_IconRadioGroup as aP, Image as aQ, copyImageData as aR, Link as aS, copyLinkData as aT, List as aU, ListControlMessageType as aV, ListControl as aW, copyListData as aX, getListElementChildren as aY, getListSwatchIds as aZ, getListFileIds as a_, RichTextV2ControlType as aa, RichTextControlType as ab, SlotControlType as ac, StyleV2ControlType as ad, ListControlType as ae, ShapeControlType as af, LinkControlType as ag, ImageControlType as ah, IconRadioGroupControlType as ai, ColorControlType as aj, SelectControlType as ak, TextAreaControlType as al, TextInputControlType as am, getComponentPropControllerDescriptors as an, getPropControllers as ao, Types as ap, BorderPropControllerFormat as aq, ShadowsPropControllerFormat as ar, BorderRadiusPropControllerFormat as as, MarginPropControllerFormat as at, PaddingPropControllerFormat as au, WidthPropControllerFormat as av, configureStore as aw, copyElementTree as ax, getBreakpoints as ay, getElementTreeTranslatableData as az, copy$8 as b, InlinePlugin as b$, getListPageIds as b0, getListTranslatableData as b1, Select as b2, Shape as b3, ShapeControlMessageType as b4, ShapeControl as b5, copyShapeData as b6, getShapeElementChildren as b7, getShapeSwatchIds as b8, getShapeTypographyIds as b9, RichTextV2Mode as bA, RichTextV2ControlMessageType as bB, RichTextV2Control as bC, richTextV2DataToDescendents as bD, richTextV2DescendentsToData as bE, createRichTextV2Plugin as bF, unstable_Typography as bG, getTypographySwatchIds as bH, getTypographyTypographyIds as bI, TypographyActions as bJ, TYPOGRAPHY_KEY as bK, withTypography as bL, TypographyPlugin as bM, BlockActions as bN, ListActions as bO, onKeyDown as bP, withBlock as bQ, BlockPlugin as bR, withInlineMode as bS, InlineModePlugin as bT, withTextAlign as bU, TextAlignPlugin as bV, RootBlockType as bW, BlockType as bX, InlineType as bY, BlockTextAlignment as bZ, withInline as b_, getShapePageIds as ba, getShapeFileIds as bb, getShapeTranslatableData as bc, Slot as bd, SlotControlMessageType as be, SlotControl as bf, copySlotData as bg, mergeSlotData as bh, Style as bi, StyleControlMessageType as bj, StyleControl as bk, copyStyleData as bl, unstable_useStyleV2ClassName as bm, unstable_StyleV2 as bn, StyleV2ControlMessageType as bo, StyleV2Control as bp, TextArea as bq, TextInput as br, copyRichTextData as bs, ObjectType as bt, RichTextControlMessageType as bu, RichTextControl as bv, richTextDTOtoSelection as bw, richTextDTOtoDAO as bx, toSelectionDTO as by, richTextDAOToDTO as bz, createDocument as c, ElementUtils as c0, onChange$1 as c1, getValue$3 as c2, isLinkElement as c3, getInitialState$7 as c4, reducer$8 as c5, getDocument$1 as c6, getComponentsMeta as c7, getComponentPropControllerDescriptors$1 as c8, BuilderEditMode as c9, getDocumentKeysSortedByDepth as ca, getPropController as cb, getPropControllersHandle as cc, getElement as cd, getElementPropControllerDescriptors as ce, createPropController as cf, reducer$7 as cg, reducer$9 as ch, reducer$6 as ci, reducer$5 as cj, reducer$4 as ck, reducer$3 as cl, reducer$2 as cm, reducer$1 as cn, getInitialState$2 as co, descriptors as d, deepEqual as e, createDocumentReference as f, getPropControllerDescriptors as g, isElementReference as h, introspection as i, getDefaultLocale as j, getLocales as k, getSwatchIds as l, getFileIds as m, getTypographyIds as n, getTableIds as o, getPageIds as p, getElementChildren as q, ResponsiveIconRadioGroup as r, Border as s, BorderRadius as t, GapX as u, ResponsiveSelect as v, ResponsiveNumber as w, Checkbox as x, Grid as y, TextInput$1 as z };
 //# sourceMappingURL=react-page.es.js.map