@sanity/personalization-plugin 2.1.0-field-names.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/personalization-plugin",
-  "version": "2.1.0-field-names.1",
+  "version": "2.1.0",
   "description": "Plugin to help with personalization, a/b testing when using Sanity",
   "keywords": [
     "sanity",

package/src/components/ExperimentField.tsx

@@ -19,7 +19,6 @@ const useAddExperimentAction = (
   const {onChange, active, experimentNameOverride} = props
 
   const handleAddAction = () => {
-    // console.log('showing experiment', patchActiveTrueEvent)
     onChange([set(!active, ['active'])])
   }
 

package/src/components/VariantInput.tsx

@@ -1,71 +1,18 @@
-import {FormEvent, useCallback} from 'react'
-import {
-  FormPatch,
-  PatchEvent,
-  set,
-  StringInputProps,
-  unset,
-  useDocumentOperation,
-  useFormValue,
-} from 'sanity'
-
-import {VariantType} from '../types'
-import {useExperimentContext} from './ExperimentContext'
-import {Select} from './Select'
-
-const formatlistOptions = (varants: VariantType[]) =>
-  varants.map((variant) => ({
-    title: variant.label,
-    value: variant.id,
-  }))
-
-export const VariantInput = (props: StringInputProps) => {
-  const experimentPath = props.path.slice(0, -3)
-
-  const experimentValue = useFormValue([...experimentPath, 'experimentValue'])
-
-  const id = useFormValue(['_id']) as string
-
-  const {patch} = useDocumentOperation(id.replace('drafts.', ''), props.schemaType.name)
-
-  const {experiments} = useExperimentContext()
-
-  const handleChange = useCallback(
-    (
-      event: FormEvent<Element>,
-      onChange: (patchchange: FormPatch | FormPatch[] | PatchEvent) => void,
-    ) => {
-      const target = event.currentTarget as HTMLSelectElement
-      const inputValue = target.value
-      const variantExperimentId = props.id.replace('variantId', 'experimentId')
-
-      if (inputValue) {
-        onChange(set(inputValue))
-        const patchEvent = {
-          set: {[variantExperimentId]: experimentValue},
-        }
-        patch.execute([patchEvent])
-      } else {
-        onChange(unset())
-        const patchEvent = {
-          unset: [variantExperimentId],
-        }
-        patch.execute([patchEvent])
-      }
-    },
-    [experimentValue, patch, props.id],
-  )
-
-  const filteredVariants =
-    experiments.find((option) => {
-      return option.id === experimentValue
-    })?.variants || []
-
+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 handleClick = () => {
+    props.onChange(set(defaultValue, ['value']))
+  }
   return (
-    <Select
-      {...props}
-      listOptions={formatlistOptions(filteredVariants)}
-      handleChange={handleChange}
-    />
+    <Stack space={3}>
+      {props.renderDefault(props)}
+
+      <Inline space={1}>
+        <Button text="Copy default" mode="ghost" onClick={() => handleClick()} />
+      </Inline>
+    </Stack>
   )
 }

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 {VariantInput} from './components/VariantInput'
 import {VariantPreview} from './components/VariantPreview'
 import {FieldPluginConfig} from './types'
 import {flattenSchemaType} from './utils/flattenSchemaType'
@@ -121,6 +122,7 @@ const createVariantType = ({
     type: 'object',
     components: {
       preview: VariantPreview,
+      input: VariantInput,
     },
     fields: [
       {