@sanity/personalization-plugin 2.2.0-launch-darkly.1 → 2.3.0-launch-darkly.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.2.0-launch-darkly.1",
+  "version": "2.3.0-launch-darkly.1",
   "description": "Plugin to help with personalization, a/b testing when using Sanity",
   "keywords": [
     "sanity",
@@ -79,7 +79,7 @@
     "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "react": "^18",
+    "react": "^18 || ^19",
     "sanity": "^3"
   },
   "engines": {

package/src/components/ExperimentInput.tsx

@@ -1,3 +1,4 @@
+import {Card, Text} from '@sanity/ui'
 import {FormEvent, useCallback, useMemo} from 'react'
 import {
   FormPatch,
@@ -20,7 +21,9 @@ const formatlistOptions = (experiments: ExperimentType[]): SelectOption[] =>
     value: experiment.id,
   }))
 
-export const ExperimentInput = (props: StringInputProps & {variantNameOverride: string}) => {
+export const ExperimentInput = (
+  props: StringInputProps & {variantNameOverride: string; experimentNameOverride: string},
+) => {
   const {experiments} = useExperimentContext()
 
   const id = useFormValue(['_id']) as string
@@ -56,7 +59,14 @@ export const ExperimentInput = (props: StringInputProps & {variantNameOverride:
     [patch, subValues, aditionalChangePath],
   )
 
-  if (!experiments.length) return <></>
+  if (!experiments.length)
+    return (
+      <Card padding={[3, 3, 4]} radius={2} shadow={1} tone="caution">
+        <Text align="center" size={[2, 2, 3]}>
+          There are no defined {props.experimentNameOverride}s
+        </Text>
+      </Card>
+    )
 
   return (
     <Select {...props} listOptions={formatlistOptions(experiments)} handleChange={handleChange} />

package/src/fieldExperiments.tsx

@@ -69,7 +69,11 @@ const createExperimentType = ({
         type: 'string',
         components: {
           input: (props) => (
-            <ExperimentInput {...props} variantNameOverride={variantNameOverride} />
+            <ExperimentInput
+              {...props}
+              experimentNameOverride={experimentNameOverride}
+              variantNameOverride={variantNameOverride}
+            />
           ),
         },
         hidden: ({parent}) => {

package/src/utils/launchDarkly.ts

@@ -41,7 +41,7 @@ export const getExperiments = async ({
       label: flag.name,
       variants: flag.variations.map((variation) => ({
         id: variation.value,
-        label: variation.name,
+        label: variation.name ?? variation.value,
       })),
     }))
     featureExperiments.push(...experiments)