@sanity/personalization-plugin 2.3.0 → 2.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.3.0",
+  "version": "2.4.1",
   "description": "Plugin to help with personalization, a/b testing when using Sanity",
   "keywords": [
     "sanity",
@@ -85,7 +85,7 @@
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "sanity": "^3"
+    "sanity": "^3 || ^4.0.0-0"
   },
   "engines": {
     "node": ">=18"

package/src/fieldExperiments.tsx

@@ -64,6 +64,7 @@ const createExperimentType = ({
         name: 'active',
         type: 'boolean',
         hidden: true,
+        initialValue: false,
       }),
       defineField({
         name: experimentId,
@@ -105,6 +106,22 @@ const createExperimentType = ({
         ],
       }),
     ],
+    preview: {
+      select: {
+        base: 'default',
+        experiment: experimentId,
+      },
+      prepare: ({base, experiment}) => {
+        const title = base?.title || base?.name || ''
+        const experimentTitle = experiment ? `Experiment: ${experiment}` : ''
+        const media = base?.image || base?.photo || base?.media || ''
+        return {
+          title: title || experimentTitle,
+          subtitle: title ? experimentTitle : '',
+          media,
+        }
+      },
+    },
   })
 }
 
@@ -219,16 +236,17 @@ export const fieldLevelExperiments = definePlugin<FieldPluginConfig>((config) =>
             return props.renderDefault(props)
           }
 
-          const flatFieldTypeNames = flattenSchemaType(props.schemaType).map(
-            (field) => field.type.name,
-          )
-          const hasExperiment = flatFieldTypeNames.some((name) =>
-            name.startsWith(experimentNameOverride),
+          const flatFields = flattenSchemaType(props.schemaType)
+          const hasExperiment = flatFields.some(
+            (field) =>
+              field.type.name.startsWith(experimentNameOverride) ||
+              field.name.startsWith(experimentNameOverride),
           )
 
           if (!hasExperiment) {
             return props.renderDefault(props)
           }
+
           const providerProps = {
             ...props,
             experimentFieldPluginConfig: {

package/src/utils/flattenSchemaType.ts

@@ -11,7 +11,7 @@ export function flattenSchemaType(schemaType: SchemaType): ObjectFieldWithPath[]
     return []
   }
 
-  return extractInnerFields(schemaType.fields, [], 3)
+  return extractInnerFields(schemaType.fields, [], 5)
 }
 
 function extractInnerFields(
@@ -28,20 +28,17 @@ function extractInnerFields(
 
     if (field.type.jsonType === 'object') {
       const innerFields = extractInnerFields(field.type.fields, [...path, field.name], maxDepth)
-
       return [...acc, thisFieldWithPath, ...innerFields]
-    } else if (
-      field.type.jsonType === 'array' &&
-      field.type.of.length &&
-      field.type.of.some((item) => 'fields' in item)
-    ) {
-      const innerFields = extractInnerFields(
-        // @ts-expect-error - Fix TS assertion for array fields
-        field.type.of[0].fields,
-        [...path, field.name],
-        maxDepth,
-      )
-
+    } else if (field.type.jsonType === 'array') {
+      // Handle array types by checking each possible type in the array
+      const arrayTypes = field.type.of || []
+      const innerFields = arrayTypes.reduce<ObjectFieldWithPath[]>((arrayAcc, arrayType) => {
+        if ('fields' in arrayType) {
+          const typeFields = extractInnerFields(arrayType.fields, [...path, field.name], maxDepth)
+          return [...arrayAcc, ...typeFields]
+        }
+        return arrayAcc
+      }, [])
       return [...acc, thisFieldWithPath, ...innerFields]
     }