@makeswift/runtime 0.10.15 → 0.11.0

package/dist/index.es.js

@@ -38,14 +38,15 @@ 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 getDefaultLocale, l as getLocales, m as getSwatchIds, n as getFileIds, o as getTypographyIds, p as getTableIds, q as getPageIds, r as getElementChildren, E as ElementID, B as Backgrounds, W as Width, s as ResponsiveIconRadioGroup, M as Margin, P as Padding, t as Border, u as BorderRadius, S as Shadows, G as GapY, v as GapX, w as ResponsiveSelect, x as ResponsiveNumber, y as Checkbox, z as Grid, A as TextInput, L as Link, D as ResponsiveColor, F as TextStyle, C as ComponentIcon, I as Images, N as Number$1, H as Date$1, J as Font, K as ResponsiveLength, O as TextArea, Q as Table, U as TableFormFields, V as Image, X as ResponsiveOpacity, Y as NavigationLinks, Z as SocialLinks, _ as RichText, $ as Video, a0 as useStyle, a1 as getBorderSwatchIds, a2 as getBoxShadowsSwatchIds, a3 as getResponsiveColorSwatchIds, a4 as StyleControlProperty, a5 as ImageControlValueFormat, a6 as isPropControllersHandle, a7 as isRichTextV1Data, a8 as isNonNullable$1, a9 as TypographyControlType, aa as StyleControlType, ab as RichTextV2ControlType, ac as RichTextControlType, ad as SlotControlType, ae as StyleV2ControlType, af as ListControlType, ag as ShapeControlType, ah as LinkControlType, ai as ImageControlType, aj as IconRadioGroupControlType, ak as ColorControlType, al as SelectControlType, am as TextAreaControlType, an as TextInputControlType, ao as getComponentPropControllerDescriptors, ap as getPropControllers, aq as Types, ar as BorderPropControllerFormat, as as ShadowsPropControllerFormat, at as BorderRadiusPropControllerFormat, au as MarginPropControllerFormat, av as PaddingPropControllerFormat, aw as WidthPropControllerFormat, ax as configureStore$1, ay as copyElementTree, az as getBreakpoints, aA as getElementTreeTranslatableData, aB as parseLocalesInput, aC as getDocument, aD as getElementId, aE as getIsInBuilder, aF as getReactComponent, aG as getBuilderEditMode, aH as getIsPreview } from "./react-page.es.js";
-import { A as ActionTypes, o as apiResourceFulfilled, p as registerComponentEffect, q as registerReactComponentEffect, t as registerComponentHandleEffect, v as mountComponentEffect } from "./actions.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 getDocument, aA as getElementId, aB as getIsInBuilder, aC as getReactComponent, aD as getBuilderEditMode, aE 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";
 import { C as ComboboxControlType } from "./combobox.es.js";
 import { match as match$1, P } from "ts-pattern";
 import { v4 } from "uuid";
 import "slate";
+import "escape-html";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
@@ -409,7 +410,10 @@ class MakeswiftClient {
     if (cacheResult)
       return cacheResult;
     const result = await this.makeswiftApiClient.dispatch(fetchAPIResource(APIResourceType.LocalizedGlobalElement, globalElementId, locale));
-    this.setLocalizedResourceId(globalElementId, (_a = result == null ? void 0 : result.id) != null ? _a : null);
+    this.setLocalizedResourceId({
+      resourceId: globalElementId,
+      localizedResourceId: (_a = result == null ? void 0 : result.id) != null ? _a : null
+    });
     return result;
   }
   readPagePathnameSlice(pageId) {
@@ -447,7 +451,10 @@ class MakeswiftClient {
     var _a;
     return (_a = this.localizedResourcesMap) == null ? void 0 : _a.get(resourceId);
   }
-  setLocalizedResourceId(resourceId, localizedResourceId) {
+  setLocalizedResourceId({
+    resourceId,
+    localizedResourceId
+  }) {
     this.localizedResourcesMap.set(resourceId, localizedResourceId);
   }
 }
@@ -992,19 +999,13 @@ Received "${apiKey}" instead.`);
   }
   async getPageSnapshot(pathname, {
     preview: previewOverride = false,
-    unstable_locale
+    locale: localeInput
   } = {}) {
-    var _a, _b, _c;
+    var _a, _b;
     const siteVersion = (_a = this.siteVersion) != null ? _a : previewOverride ? MakeswiftSiteVersion.Working : MakeswiftSiteVersion.Live;
-    const defaultLocale = (_b = getDefaultLocale(this.runtime.store.getState())) == null ? void 0 : _b.toString();
-    const locale = unstable_locale === defaultLocale ? null : unstable_locale;
     const searchParams = new URLSearchParams();
-    if (locale) {
-      const locales = getLocales(this.runtime.store.getState()).map((locale2) => locale2.toString());
-      if (!locales.includes(locale)) {
-        throw new Error(`Locale "${locale}" is not included in the locales: ${locales}. Please add the locale to the locales on the ReactRuntime.`);
-      }
-      searchParams.set("locale", locale);
+    if (localeInput) {
+      searchParams.set("locale", localeInput);
     }
     const response = await this.fetch(`/${this.siteVersion == null ? "v2" : "v3"}/pages/${encodeURIComponent(pathname)}/document?${searchParams.toString()}`, {
       headers: { "Makeswift-Site-Version": siteVersion }
@@ -1017,7 +1018,8 @@ Received "${apiKey}" instead.`);
     }
     const document2 = await response.json();
     const baseLocalizedPage = document2.localizedPages.find(({ parentId }) => parentId == null);
-    const { cacheData, localizedResourcesMap } = await this.introspect((_c = baseLocalizedPage == null ? void 0 : baseLocalizedPage.data) != null ? _c : document2.data, previewOverride, locale != null ? locale : void 0);
+    const locale = document2.locale;
+    const { cacheData, localizedResourcesMap } = await this.introspect((_b = baseLocalizedPage == null ? void 0 : baseLocalizedPage.data) != null ? _b : document2.data, previewOverride, locale != null ? locale : void 0);
     const apiOrigin = this.apiOrigin.href;
     const preview = siteVersion === MakeswiftSiteVersion.Working;
     return {
@@ -1026,7 +1028,7 @@ Received "${apiKey}" instead.`);
       apiOrigin,
       preview,
       localizedResourcesMap,
-      locale: locale != null ? locale : null
+      locale
     };
   }
   async getSwatch(swatchId) {
@@ -1159,7 +1161,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.10.15";
+const version = "0.11.0";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -3901,13 +3903,11 @@ function isDomNodeHandle(value) {
 }
 class ReactRuntime {
   constructor({
-    breakpoints,
-    unstable_i18n
+    breakpoints
   } = {}) {
     __publicField(this, "store");
     this.store = configureStore$1({
-      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0,
-      locales: unstable_i18n ? parseLocalesInput(unstable_i18n) : void 0
+      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0
     });
     registerBuiltinComponents(this);
   }