@sanity/personalization-plugin 2.4.1 → 2.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.4.1",
+  "version": "2.4.3",
   "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",
-    "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"
+    "prettier": "^3.6.2",
+    "prettier-plugin-packagejson": "^2.5.19",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sanity": "^5.0.1",
+    "semantic-release": "^24.2.7",
+    "styled-components": "^6.1.19",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "react": "^18 || ^19",
-    "sanity": "^3 || ^4.0.0-0"
+    "sanity": "^3 || ^4.0.0-0 || ^5.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`
@@ -112,7 +114,7 @@ const createExperimentType = ({
         experiment: experimentId,
       },
       prepare: ({base, experiment}) => {
-        const title = base?.title || base?.name || ''
+        const title = base?.title || base?.name || typeof base === 'string' ? base : ''
         const experimentTitle = experiment ? `Experiment: ${experiment}` : ''
         const media = base?.image || base?.photo || base?.media || ''
         return {