@sanity/personalization-plugin 2.4.0 → 2.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "Plugin to help with personalization, a/b testing when using Sanity",
   "keywords": [
     "sanity",
@@ -49,43 +49,43 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@sanity/incompatible-plugin": "^1.0.4",
-    "@sanity/studio-secrets": "^3.0.0",
-    "@sanity/ui": "^2.8.19",
+    "@sanity/incompatible-plugin": "^1.0.5",
+    "@sanity/studio-secrets": "^3.0.2",
+    "@sanity/ui": "^2.16.12",
     "@sanity/uuid": "^3.0.2",
     "fast-deep-equal": "^3.1.3",
-    "react-icons": "^5.4.0",
+    "react-icons": "^5.5.0",
     "suspend-react": "^0.1.3"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.7.1",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@sanity/pkg-utils": "^6.13.4",
     "@sanity/plugin-kit": "^4.0.19",
     "@sanity/semantic-release-preset": "^5.0.0",
-    "@types/react": "^18.3.18",
-    "@typescript-eslint/eslint-plugin": "^8.23.0",
-    "@typescript-eslint/parser": "^8.23.0",
+    "@types/react": "^18.3.23",
+    "@typescript-eslint/eslint-plugin": "^8.39.1",
+    "@typescript-eslint/parser": "^8.39.1",
     "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-prettier": "^9.1.2",
     "eslint-config-sanity": "^7.1.4",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
-    "prettier": "^3.4.2",
-    "prettier-plugin-packagejson": "^2.5.8",
+    "prettier": "^3.6.2",
+    "prettier-plugin-packagejson": "^2.5.19",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sanity": "^3.74.1",
-    "semantic-release": "^24.2.1",
-    "styled-components": "^6.1.15",
-    "typescript": "^5.7.3"
+    "sanity": "^3.99.0",
+    "semantic-release": "^24.2.7",
+    "styled-components": "^6.1.19",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "sanity": "^3"
+    "sanity": "^3 || ^4.0.0-0"
   },
   "engines": {
     "node": ">=18"

package/src/components/ExperimentItem.tsx

@@ -0,0 +1,10 @@
+import {ObjectItem, ObjectItemProps, set} from 'sanity'
+
+export const ExperimentItem = (props: ObjectItemProps) => {
+  const {active} = props.value as ObjectItem & {active: boolean}
+  if (!active) {
+    props.inputProps.onChange(set(true, ['active']))
+  }
+
+  return props.renderDefault(props)
+}

package/src/components/VariantInput.tsx

@@ -2,7 +2,8 @@ import {Button, Inline, Stack} from '@sanity/ui'
 import {ObjectInputProps, set, useFormValue} from 'sanity'
 
 export const VariantInput = (props: ObjectInputProps) => {
-  const defaultValue = useFormValue([props.path[0], 'default'])
+  const experimentPath = props.path.slice(0, -2)
+  const defaultValue = useFormValue([...experimentPath, 'default'])
   const handleClick = () => {
     props.onChange(set(defaultValue, ['value']))
   }

package/src/fieldExperiments.tsx

@@ -11,6 +11,7 @@ import {ArrayInput} from './components/Array'
 import {CONFIG_DEFAULT, ExperimentProvider} from './components/ExperimentContext'
 import {ExperimentField} from './components/ExperimentField'
 import {ExperimentInput} from './components/ExperimentInput'
+import {ExperimentItem} from './components/ExperimentItem'
 import {VariantInput} from './components/VariantInput'
 import {VariantPreview} from './components/VariantPreview'
 import {FieldPluginConfig} from './types'
@@ -47,6 +48,7 @@ const createExperimentType = ({
           variantNameOverride={variantNameOverride}
         />
       ),
+      item: ExperimentItem,
     },
     fields: [
       typeof field === `string`
@@ -64,6 +66,7 @@ const createExperimentType = ({
         name: 'active',
         type: 'boolean',
         hidden: true,
+        initialValue: false,
       }),
       defineField({
         name: experimentId,
@@ -105,6 +108,22 @@ const createExperimentType = ({
         ],
       }),
     ],
+    preview: {
+      select: {
+        base: 'default',
+        experiment: experimentId,
+      },
+      prepare: ({base, experiment}) => {
+        const title = base?.title || base?.name || typeof base === 'string' ? base : ''
+        const experimentTitle = experiment ? `Experiment: ${experiment}` : ''
+        const media = base?.image || base?.photo || base?.media || ''
+        return {
+          title: title || experimentTitle,
+          subtitle: title ? experimentTitle : '',
+          media,
+        }
+      },
+    },
   })
 }