@contentful/experiences-visual-editor-react 1.37.3-dev-20250522T1032-0caa03f.0 → 1.38.0-beta.0

package/dist/renderApp.js

@@ -43300,7 +43300,13 @@ const PatternPropertyDefinitionSchema$1 = z.object({
         }),
     }))
         .optional(),
-    contentTypes: z.record(z.string(), z.any()),
+    contentTypes: z.record(z.string(), z.object({
+        sys: z.object({
+            type: z.literal('Link'),
+            id: z.string(),
+            linkType: z.enum(['ContentType']),
+        }),
+    })),
 });
 const PatternPropertyDefinitionsSchema$1 = z.record(propertyKeySchema$1, PatternPropertyDefinitionSchema$1);
 // TODO: finalize schema structure before release
@@ -43650,11 +43656,21 @@ const builtInStylesWithDesignTokens = [
 const isValidBreakpointValue = (value) => {
     return value !== undefined && value !== null && value !== '';
 };
-const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, variableName, resolveDesignTokens = true) => {
+const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, 
+/** Provide the name for built-in styles to replace design tokens. Supported properties are:
+ * cfMargin, cfPadding, cfGap, cfWidth, cfHeight, cfBackgroundColor,
+ * cfBorder, cfBorderRadius, cfFontSize, cfLineHeight, cfLetterSpacing,
+ * cfTextColor, cfMaxWidth
+ */
+propertyName, resolveDesignTokens = true) => {
     const eventuallyResolveDesignTokens = (value) => {
+        // This is used externally in the web app to determine the original persisted value
+        if (!resolveDesignTokens) {
+            return value;
+        }
         // For some built-in design properties, we support design tokens
-        if (builtInStylesWithDesignTokens.includes(variableName)) {
-            return getDesignTokenRegistration(value, variableName);
+        if (propertyName && builtInStylesWithDesignTokens.includes(propertyName)) {
+            return getDesignTokenRegistration(value, propertyName);
         }
         // For all other properties, we just return the breakpoint-specific value
         return value;
@@ -43665,18 +43681,12 @@ const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpoint
             const breakpointId = breakpoints[index]?.id;
             if (isValidBreakpointValue(valuesByBreakpoint[breakpointId])) {
                 // If the value is defined, we use it and stop the breakpoints cascade
-                if (resolveDesignTokens) {
-                    return eventuallyResolveDesignTokens(valuesByBreakpoint[breakpointId]);
-                }
-                return valuesByBreakpoint[breakpointId];
+                return eventuallyResolveDesignTokens(valuesByBreakpoint[breakpointId]);
             }
         }
         const fallbackBreakpointId = breakpoints[fallbackBreakpointIndex]?.id;
         if (isValidBreakpointValue(valuesByBreakpoint[fallbackBreakpointId])) {
-            if (resolveDesignTokens) {
-                return eventuallyResolveDesignTokens(valuesByBreakpoint[fallbackBreakpointId]);
-            }
-            return valuesByBreakpoint[fallbackBreakpointId];
+            return eventuallyResolveDesignTokens(valuesByBreakpoint[fallbackBreakpointId]);
         }
     }
     else {
@@ -44363,7 +44373,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
         const optionsVariableName = 'cfImageOptions';
         const options = resolveDesignValue(variables[optionsVariableName]?.type === 'DesignValue'
             ? variables[optionsVariableName].valuesByBreakpoint
-            : {}, optionsVariableName);
+            : {});
         if (!options) {
             console.error(`Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
             return;
@@ -44388,7 +44398,7 @@ const transformMedia = (asset, variables, resolveDesignValue, variableName, path
         const optionsVariableName = 'cfBackgroundImageOptions';
         const options = resolveDesignValue(variables[optionsVariableName]?.type === 'DesignValue'
             ? variables[optionsVariableName].valuesByBreakpoint
-            : {}, optionsVariableName);
+            : {});
         if (!options) {
             console.error(`Error transforming image asset: Required variable [${optionsVariableName}] missing from component definition`);
             return;
@@ -56796,10 +56806,10 @@ const useBreakpoints = (breakpoints) => {
             });
         };
     }, [breakpoints]);
-    const resolveDesignValue = reactExports.useCallback((valuesByBreakpoint, variableName) => {
+    const resolveDesignValue = reactExports.useCallback((valuesByBreakpoint, propertyName) => {
         const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
         const activeBreakpointIndex = getActiveBreakpointIndex(breakpoints, mediaQueryMatches, fallbackBreakpointIndex);
-        return getValueForBreakpoint(valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, variableName);
+        return getValueForBreakpoint(valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, propertyName);
     }, [mediaQueryMatches, breakpoints]);
     return { resolveDesignValue };
 };
@@ -58372,7 +58382,13 @@ const PatternPropertyDefinitionSchema = z.object({
         }),
     }))
         .optional(),
-    contentTypes: z.record(z.string(), z.any()),
+    contentTypes: z.record(z.string(), z.object({
+        sys: z.object({
+            type: z.literal('Link'),
+            id: z.string(),
+            linkType: z.enum(['ContentType']),
+        }),
+    })),
 });
 const PatternPropertyDefinitionsSchema = z.record(propertyKeySchema, PatternPropertyDefinitionSchema);
 // TODO: finalize schema structure before release
@@ -59583,7 +59599,7 @@ const useComponentProps = ({ node, areEntitiesFetched, resolveDesignValue, rende
     const props = reactExports.useMemo(() => {
         const propsBase = {
             cfSsrClassName: node.data.props.cfSsrClassName
-                ? resolveDesignValue(node.data.props.cfSsrClassName.valuesByBreakpoint, 'cfSsrClassName')
+                ? resolveDesignValue(node.data.props.cfSsrClassName.valuesByBreakpoint)
                 : undefined,
         };
         // Don't enrich the assembly wrapper node with props
@@ -60439,7 +60455,7 @@ function useSingleColumn(node, resolveDesignValue) {
         if (cfWrapColumns.type !== 'DesignValue') {
             return false;
         }
-        return resolveDesignValue(cfWrapColumns.valuesByBreakpoint, 'cfWrapColumns');
+        return resolveDesignValue(cfWrapColumns.valuesByBreakpoint);
     }, [tree, node, isSingleColumn, resolveDesignValue]);
     return {
         isSingleColumn,
@@ -60583,7 +60599,7 @@ const useDropzoneDirection = ({ resolveDesignValue, node, zoneId }) => {
             if (!designValues || !resolveDesignValue || designValues.type !== 'DesignValue') {
                 return 'vertical';
             }
-            const direction = resolveDesignValue(designValues.valuesByBreakpoint, 'cfFlexDirection');
+            const direction = resolveDesignValue(designValues.valuesByBreakpoint);
             if (direction === 'row') {
                 return 'horizontal';
             }