@makeswift/runtime 0.12.3 → 0.12.4

package/dist/index.es.js

@@ -38,10 +38,10 @@ 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 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 { 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 TextAreaControlDataTypeKey, a7 as TextAreaControlDataTypeValueV1, a8 as TextInputControlDataTypeKey, a9 as TextInputControlDataTypeValueV1, aa as isNonNullable$1, ab as TypographyControlType, ac as StyleControlType, ad as RichTextV2ControlType, ae as RichTextControlType, af as SlotControlType, ag as StyleV2ControlType, ah as ListControlType, ai as ShapeControlType, aj as LinkControlType, ak as ImageControlType, al as IconRadioGroupControlType, am as ColorControlType, an as SelectControlType, ao as TextAreaControlType, ap as TextInputControlType, aq as getComponentPropControllerDescriptors, ar as getPropControllers, as as Types, at as BorderPropControllerFormat, au as ShadowsPropControllerFormat, av as BorderRadiusPropControllerFormat, aw as MarginPropControllerFormat, ax as PaddingPropControllerFormat, ay as WidthPropControllerFormat, az as configureStore$1, aA as copyElementTree, aB as getBreakpoints, aC as getElementTreeTranslatableData, aD as mergeElementTreeTranslatedData, aE as getDocument, aF as getElementId, aG as getIsInBuilder, aH as getReactComponent, aI as getBuilderEditMode, aJ 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 CheckboxControlDataTypeKey, a as CheckboxControlDataTypeValueV1, N as NumberControlDataTypeKey, b as NumberControlDataTypeValueV1, c as NumberControlType, d 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";
@@ -1218,7 +1218,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.12.3";
+const version = "0.12.4";
 async function handler(req, res, { apiKey, siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -3063,7 +3063,9 @@ function RenderHook({
   return children(useHook(...parameters));
 }
 function useCheckboxControlValue(data, definition) {
-  return data != null ? data : definition.config.defaultValue;
+  var _a;
+  const value = (_a = match$1(data).with({ [CheckboxControlDataTypeKey]: CheckboxControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
+  return value;
 }
 function useColorValue(data, definition) {
   var _a, _b;
@@ -3196,8 +3198,10 @@ function ListControlValue({
     children: (value) => renderFn([value, ...listControlValue])
   }), children)([]);
 }
-function useNumber(numberControlData, controlDefinition) {
-  return numberControlData != null ? numberControlData : controlDefinition.config.defaultValue;
+function useNumber(data, definition) {
+  var _a;
+  const value = (_a = match$1(data).with({ [NumberControlDataTypeKey]: NumberControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
+  return value;
 }
 const EditableText$1 = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es8.js"))));
 const ReadOnlyText$1 = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyText.es.js"))));
@@ -3455,10 +3459,14 @@ function StyleV2ControlValue({
   })([]);
 }
 function useTextAreaValue(data, definition) {
-  return data != null ? data : definition.config.defaultValue;
+  var _a;
+  const value = (_a = match$1(data).with({ [TextAreaControlDataTypeKey]: TextAreaControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
+  return value;
 }
 function useTextInputValue(data, definition) {
-  return data != null ? data : definition.config.defaultValue;
+  var _a;
+  const value = (_a = match$1(data).with({ [TextInputControlDataTypeKey]: TextInputControlDataTypeValueV1 }, (val) => val.value).otherwise((val) => val)) != null ? _a : definition.config.defaultValue;
+  return value;
 }
 function typographyFragementToTypographyControlData(typography) {
   if (typography == null)