@contentful/experiences-components-react 3.6.1 → 3.6.2-dev-20250912T1252-251a338.0

package/dist/index.js

@@ -507,7 +507,7 @@ const ImageComponentDefinition = {
             type: 'Text',
             description: 'Alternative text for the image',
             validations: {
-                bindingSourceType: ['entry', 'manual', 'asset'],
+                bindingSourceType: ['asset', 'entry', 'manual'],
             },
         },
     },
@@ -770,7 +770,7 @@ const optionalBuiltInStyles = {
         type: 'Media',
         description: 'Image to display',
         validations: {
-            bindingSourceType: ['entry', 'asset', 'manual'],
+            bindingSourceType: ['asset', 'entry', 'manual'],
         },
     },
     cfImageOptions: {
@@ -795,7 +795,7 @@ const optionalBuiltInStyles = {
         type: 'Media',
         description: 'Background image for component',
         validations: {
-            bindingSourceType: ['entry', 'asset', 'manual'],
+            bindingSourceType: ['asset', 'entry', 'manual'],
         },
     },
     cfBackgroundImageOptions: {
@@ -1477,8 +1477,20 @@ z.object({
     componentSettings: localeWrapper(ComponentSettingsSchema),
 });
 
-z.object({
+z
+    .object({
     id: DefinitionPropertyKeySchema,
+    name: z.string(),
+    category: z.string().optional(),
+    thumbnailUrl: z.string().optional(),
+    thumbnailId: z.string().optional(),
+    hyperlinkPattern: z.string().optional(),
+    children: z.boolean().optional(),
+    slots: z
+        .record(DefinitionPropertyKeySchema, z.object({ displayName: z.string().optional() }))
+        .optional(),
+    builtInStyles: z.array(z.string()).optional(),
+    tooltip: z.object({ imageUrl: z.string().optional(), description: z.string() }).optional(),
     variables: z.record(DefinitionPropertyKeySchema, ComponentVariableSchema.extend({
         defaultValue: PrimitiveValueSchema.optional(),
     }).superRefine((val, ctx) => {
@@ -1584,6 +1596,27 @@ z.object({
                 break;
         }
     })),
+})
+    .superRefine((val, ctx) => {
+    if (val.children === true && (!!val.variables.children || !!val.slots?.children)) {
+        ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: `Cannot activate 'children: true' and name a variable or slot 'children' at the same time`,
+            fatal: false,
+        });
+    }
+    // Ensure that slots and variables don't use the same names
+    if (val.variables && val.slots) {
+        Object.keys(val.variables).forEach((name) => {
+            if (val.slots[name]) {
+                ctx.addIssue({
+                    code: z.ZodIssueCode.custom,
+                    message: `Variable and slot cannot have the same name: ${name}`,
+                    fatal: false,
+                });
+            }
+        });
+    }
 });
 
 var CodeNames;