@makeswift/runtime 0.11.2 → 0.11.3

package/dist/index.es.js

@@ -38,7 +38,7 @@ import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useId, useCallback, useImperativeHandle, Component, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import dynamic from "next/dynamic";
-import { f as deepEqual, g as createDocumentReference, h as getPropControllerDescriptors, j as isElementReference, k as getSwatchIds, l as getFileIds, m as getTypographyIds, n as getTableIds, o as getPageIds, p as getElementChildren, E as ElementID, B as Backgrounds, W as Width, q as ResponsiveIconRadioGroup, M as Margin, P as Padding, r as Border, s as BorderRadius, S as Shadows, G as GapY, t as GapX, u as ResponsiveSelect, v as ResponsiveNumber, w as Checkbox, x as Grid, y as TextInput, L as Link, z as ResponsiveColor, A as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, H as ResponsiveLength, J as TextArea, K as Table, O as TableFormFields, Q as Image, U as ResponsiveOpacity, V as NavigationLinks, X as SocialLinks, Y as RichText, Z as Video, _ as useStyle, $ as getBorderSwatchIds, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as isRichTextV1Data, a6 as isNonNullable$1, a7 as TypographyControlType, a8 as StyleControlType, a9 as RichTextV2ControlType, aa as RichTextControlType, ab as SlotControlType, ac as StyleV2ControlType, ad as ListControlType, ae as ShapeControlType, af as LinkControlType, ag as ImageControlType, ah as IconRadioGroupControlType, ai as ColorControlType, aj as SelectControlType, ak as TextAreaControlType, al as TextInputControlType, am as getComponentPropControllerDescriptors, an as getPropControllers, ao as Types, ap as BorderPropControllerFormat, aq as ShadowsPropControllerFormat, ar as BorderRadiusPropControllerFormat, as as MarginPropControllerFormat, at as PaddingPropControllerFormat, au as WidthPropControllerFormat, av as configureStore$1, aw as copyElementTree, ax as getBreakpoints, ay as getElementTreeTranslatableData, az as getDocument, aA as getElementId, aB as getIsInBuilder, aC as getReactComponent, aD as getBuilderEditMode, aE as getIsPreview } from "./react-page.es.js";
+import { f as deepEqual, g as createDocumentReference, h as getPropControllerDescriptors, j as isElementReference, k as getSwatchIds, l as getFileIds, m as getTypographyIds, n as getTableIds, o as getPageIds, p as getElementChildren, E as ElementID, B as Backgrounds, W as Width, q as ResponsiveIconRadioGroup, M as Margin, P as Padding, r as Border, s as BorderRadius, S as Shadows, G as GapY, t as GapX, u as ResponsiveSelect, v as ResponsiveNumber, w as Checkbox, x as Grid, y as TextInput, L as Link, z as ResponsiveColor, A as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, H as ResponsiveLength, J as TextArea, K as Table, O as TableFormFields, Q as Image, U as ResponsiveOpacity, V as NavigationLinks, X as SocialLinks, Y as RichText, Z as Video, _ as useStyle, $ as getBorderSwatchIds, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as isRichTextV1Data, a6 as isNonNullable$1, a7 as TypographyControlType, a8 as StyleControlType, a9 as RichTextV2ControlType, aa as RichTextControlType, ab as SlotControlType, ac as StyleV2ControlType, ad as ListControlType, ae as ShapeControlType, af as LinkControlType, ag as ImageControlType, ah as IconRadioGroupControlType, ai as ColorControlType, aj as SelectControlType, ak as TextAreaControlType, al as TextInputControlType, am as getComponentPropControllerDescriptors, an as getPropControllers, ao as Types, ap as BorderPropControllerFormat, aq as ShadowsPropControllerFormat, ar as BorderRadiusPropControllerFormat, as as MarginPropControllerFormat, at as PaddingPropControllerFormat, au as WidthPropControllerFormat, av as configureStore$1, aw as copyElementTree, ax as getBreakpoints, ay as getElementTreeTranslatableData, az as mergeElementTreeTranslatedData, aA as getDocument, aB as getElementId, aC as getIsInBuilder, aD as getReactComponent, aE as getBuilderEditMode, aF as getIsPreview } from "./react-page.es.js";
 import { A as ActionTypes, n as apiResourceFulfilled, o as registerComponentEffect, p as registerReactComponentEffect, q as registerComponentHandleEffect, t as mountComponentEffect } from "./actions.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { N as NumberControlType, C as CheckboxControlType } from "./number.es.js";
@@ -47,11 +47,14 @@ import { match as match$1, P } from "ts-pattern";
 import { v4 } from "uuid";
 import "slate";
 import "escape-html";
+import "slate-hyperscript";
+import "parse5";
+import "is-hotkey";
+import { getBaseBreakpoint, findBreakpointOverride, join, getBreakpoint, getBreakpointMediaQuery, mergeOrCoalesceFallbacks, shallowMergeFallbacks, parseBreakpointsInput } from "./state/breakpoints.es.js";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as APIResourceType } from "./types.es.js";
-import { getBaseBreakpoint, findBreakpointOverride, join, getBreakpoint, getBreakpointMediaQuery, mergeOrCoalesceFallbacks, shallowMergeFallbacks, parseBreakpointsInput } from "./state/breakpoints.es.js";
 import { g as getBox, i as isMeasurable, m as measure } from "./box-models.es.js";
 import ColorHelper from "color";
 import scrollIntoView from "scroll-into-view-if-needed";
@@ -1109,6 +1112,9 @@ Received "${apiKey}" instead.`);
   getTranslatableData(elementTree2) {
     return this.runtime.getTranslatableData(elementTree2);
   }
+  mergeTranslatedData(elementTree2, translatedData) {
+    return this.runtime.mergeTranslatedData(elementTree2, translatedData);
+  }
 }
 class Document$1 extends NextDocument {
   static async getInitialProps(ctx) {
@@ -1164,7 +1170,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.11.2";
+const version = "0.11.3";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -1271,11 +1277,24 @@ async function translatableData(req, res, client) {
   const translatableData2 = client.getTranslatableData(elementTree2);
   return res.json({ translatableData: translatableData2 });
 }
+async function mergeTranslatedData(req, res, client) {
+  const translatedData = req.body.translatedData;
+  const elementTree2 = req.body.elementTree;
+  if (translatedData == null) {
+    return res.status(400).json({ message: "translatedData must be defined" });
+  }
+  if (elementTree2 == null) {
+    return res.status(400).json({ message: "elementTree must be defined" });
+  }
+  const translatedElementTree = client.mergeTranslatedData(elementTree2, translatedData);
+  return res.json({ elementTree: translatedElementTree });
+}
 function MakeswiftApiHandler(apiKey, {
   appOrigin = "https://app.makeswift.com",
   apiOrigin = "https://api.makeswift.com",
   getFonts,
-  siteVersions = false
+  siteVersions = false,
+  runtime = ReactRuntime
 } = {}) {
   const cors = Cors({ origin: appOrigin });
   if (typeof apiKey !== "string") {
@@ -1299,7 +1318,8 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
     }
     const client = new Makeswift(apiKey, {
       apiOrigin,
-      siteVersion: siteVersions ? Makeswift.getSiteVersion(req.previewData) : void 0
+      siteVersion: siteVersions ? Makeswift.getSiteVersion(req.previewData) : void 0,
+      runtime
     });
     const action = "/" + makeswift.join("/");
     const matches = (pattern) => match(pattern, { decode: decodeURIComponent })(action);
@@ -1316,6 +1336,8 @@ Read more about dynamic catch-all routes here: https://nextjs.org/docs/routing/d
       return elementTree(req, res);
     if (matches("/translatable-data"))
       return translatableData(req, res, client);
+    if (matches("/merge-translated-data"))
+      return mergeTranslatedData(req, res, client);
     const handleResource = (resource) => resource === null ? res.status(404).json({ message: "Not Found" }) : res.json(resource);
     if (m = matches("/swatches/:id")) {
       return client.getSwatch(m.params.id).then(handleResource);
@@ -3941,6 +3963,9 @@ class ReactRuntime {
   static getTranslatableData(elementTree2) {
     return getElementTreeTranslatableData(this.store.getState(), elementTree2);
   }
+  static mergeTranslatedData(elementTree2, translatedData) {
+    return mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
+  }
   registerComponent(component, {
     type,
     label,
@@ -3968,6 +3993,9 @@ class ReactRuntime {
   getTranslatableData(elementTree2) {
     return getElementTreeTranslatableData(this.store.getState(), elementTree2);
   }
+  mergeTranslatedData(elementTree2, translatedData) {
+    return mergeElementTreeTranslatedData(this.store.getState(), elementTree2, translatedData);
+  }
 }
 __publicField(ReactRuntime, "store", configureStore$1());
 registerBuiltinComponents(ReactRuntime);