@contentful/experiences-core 1.31.0-dev-20250217T1404-270aced.0 → 1.31.1-beta.0

package/dist/index.js

@@ -1244,8 +1244,33 @@ const ComponentVariableSchema = z.object({
 });
 const ComponentVariablesSchema = z.record(z.string().regex(/^[a-zA-Z0-9-_]{1,54}$/), // Here the key is <variableName>_<nanoidId> so we need to allow for a longer length
 ComponentVariableSchema);
+const THUMBNAIL_IDS = [
+    'columns',
+    'columnsPlusRight',
+    'imagesSquare',
+    'subtitles',
+    'rowsPlusBottom',
+    'userRectangle',
+    'textbox',
+    'monitorPlay',
+    'article',
+    'table',
+    'star',
+    'heartStraight',
+    'frameCorners',
+    'rows',
+    'dotsThreeOutline',
+    'listDashes',
+    'checkerBoard',
+    'gridFour',
+    'slideshow',
+    'diamondsFour',
+    'cards',
+    'textColumns',
+];
 const ComponentSettingsSchema = z.object({
     variableDefinitions: ComponentVariablesSchema,
+    thumbnailId: z.enum(THUMBNAIL_IDS).optional(),
     variableMappings: VariableMappingsSchema.optional(),
     patternPropertyDefinitions: PatternPropertyDefinitionsSchema.optional(),
 });
@@ -2413,11 +2438,11 @@ function getArrayValue(entryOrAsset, path, entityStore) {
     return result;
 }
 
-const transformBoundContentValue = (variables, entityStore, binding, resolveDesignValue, variableName, variableDefinition, path) => {
+const transformBoundContentValue = (variables, entityStore, binding, resolveDesignValue, variableName, variableType, path) => {
     const entityOrAsset = entityStore.getEntryOrAsset(binding, path);
     if (!entityOrAsset)
         return;
-    switch (variableDefinition.type) {
+    switch (variableType) {
         case 'Media':
             // If we bound a normal entry field to the media variable we just return the bound value
             if (entityOrAsset.sys.type === 'Entry') {
@@ -2627,7 +2652,7 @@ const builtInStylesWithDesignTokens = [
 const isValidBreakpointValue = (value) => {
     return value !== undefined && value !== null && value !== '';
 };
-const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, variableName, resolveDesignTokens = true) => {
+const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, fallbackBreakpointIndex, variableName, resolveDesignTokens = true) => {
     const eventuallyResolveDesignTokens = (value) => {
         // For some built-in design properties, we support design tokens
         if (builtInStylesWithDesignTokens.includes(variableName)) {
@@ -2648,8 +2673,6 @@ const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpoint
                 return valuesByBreakpoint[breakpointId];
             }
         }
-        // If no breakpoint matched, we search and apply the fallback breakpoint
-        const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
         const fallbackBreakpointId = breakpoints[fallbackBreakpointIndex]?.id;
         if (isValidBreakpointValue(valuesByBreakpoint[fallbackBreakpointId])) {
             if (resolveDesignTokens) {