@makeswift/runtime 0.10.12 → 0.10.14

package/dist/react-page.cjs.js

@@ -573,7 +573,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",
@@ -616,7 +616,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 };
@@ -730,10 +730,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 = {}) {
@@ -801,8 +801,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Table,
   TableFormFields,
   Typeahead,
-  TextArea,
-  TextInput,
+  TextArea: TextArea$1,
+  TextInput: TextInput$1,
   TextStyle,
   Video,
   WidthPropControllerFormat,
@@ -1094,6 +1094,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 };
@@ -1167,6 +1170,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 };
@@ -1211,41 +1228,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 tsPattern.match([descriptor, backgroundItem]).with([tsPattern.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([tsPattern.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([tsPattern.P.any, { type: "image", payload: { imageId: tsPattern.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);
     })
   }));
 }
@@ -1455,18 +1482,23 @@ if (void 0) {
     });
   });
 }
-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: tsPattern.match([descriptor, file]).with([tsPattern.P.any, tsPattern.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)
       })
     });
   }
@@ -1502,9 +1534,8 @@ if (void 0) {
         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,7 +1964,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":
@@ -1945,7 +1976,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":
@@ -3996,6 +4027,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) {
@@ -4314,12 +4360,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 tsPattern.match(backgroundItem).with({ type: "image-v1", payload: { image: { type: "makeswift-file" } } }, (item) => [
+      item.payload.image.id
+    ]).with({ type: "image", payload: { imageId: tsPattern.P.string } }, (item) => [item.payload.imageId]).otherwise(() => []);
   })) != null ? _a : [];
 }
 function getFileIds(descriptor, prop) {
@@ -4334,7 +4377,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) => tsPattern.match(item.props.file).with(tsPattern.P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(tsPattern.P.nullish, () => []).otherwise(() => []))) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4642,6 +4685,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;
 }
@@ -4759,8 +4835,12 @@ exports.Table = Table;
 exports.TableFormFields = TableFormFields;
 exports.TableFormFieldsMessageType = TableFormFieldsMessageType;
 exports.TextAlignPlugin = TextAlignPlugin;
-exports.TextArea = TextArea;
-exports.TextInput = TextInput;
+exports.TextArea = TextArea$1;
+exports.TextArea$1 = TextArea;
+exports.TextAreaControlType = TextAreaControlType;
+exports.TextInput = TextInput$1;
+exports.TextInput$1 = TextInput;
+exports.TextInputControlType = TextInputControlType;
 exports.TextStyle = TextStyle;
 exports.Types = Types;
 exports.TypographyActions = TypographyActions;
@@ -4771,7 +4851,9 @@ exports.Width = Width;
 exports.WidthPropControllerFormat = WidthPropControllerFormat;
 exports.configureStore = configureStore;
 exports.copy = copy$9;
-exports.copy$1 = copy;
+exports.copy$1 = copy$8;
+exports.copy$2 = copy$e;
+exports.copy$3 = copy;
 exports.copyColorData = copyColorData;
 exports.copyElementTree = copyElementTree;
 exports.copyImageData = copyImageData;
@@ -4804,6 +4886,7 @@ exports.getElement = getElement;
 exports.getElementChildren = getElementChildren;
 exports.getElementId = getElementId;
 exports.getElementPropControllerDescriptors = getElementPropControllerDescriptors;
+exports.getElementTreeTranslatableData = getElementTreeTranslatableData;
 exports.getFileIds = getFileIds;
 exports.getInitialState = getInitialState$7;
 exports.getInitialState$1 = getInitialState$2;
@@ -4813,6 +4896,7 @@ exports.getListElementChildren = getListElementChildren;
 exports.getListFileIds = getListFileIds;
 exports.getListPageIds = getListPageIds;
 exports.getListSwatchIds = getListSwatchIds;
+exports.getListTranslatableData = getListTranslatableData;
 exports.getListTypographyIds = getListTypographyIds;
 exports.getLocales = getLocales;
 exports.getPageIds = getPageIds;
@@ -4826,9 +4910,11 @@ exports.getShapeElementChildren = getShapeElementChildren;
 exports.getShapeFileIds = getShapeFileIds;
 exports.getShapePageIds = getShapePageIds;
 exports.getShapeSwatchIds = getShapeSwatchIds;
+exports.getShapeTranslatableData = getShapeTranslatableData;
 exports.getShapeTypographyIds = getShapeTypographyIds;
 exports.getSwatchIds = getSwatchIds;
 exports.getTableIds = getTableIds;
+exports.getTranslatableData = getTranslatableData;
 exports.getTypographyIds = getTypographyIds;
 exports.getTypographySwatchIds = getTypographySwatchIds;
 exports.getTypographyTypographyIds = getTypographyTypographyIds;