@sanity/personalization-plugin 2.5.0 → 3.0.0

package/dist/launchDarkly/index.d.mts

@@ -1,12 +0,0 @@
-import {FieldDefinition} from 'sanity'
-import {Plugin as Plugin_2} from 'sanity'
-
-export declare const fieldLevelExperiments: Plugin_2<LaunchDarklyFieldLevelConfig>
-
-declare type LaunchDarklyFieldLevelConfig = {
-  fields: (string | FieldDefinition)[]
-  projectKey: string
-  tags?: string[]
-}
-
-export {}

package/dist/launchDarkly/index.mjs

@@ -1,107 +0,0 @@
-import { definePlugin, isObjectInputProps } from "sanity";
-import { fieldLevelExperiments as fieldLevelExperiments$1, flattenSchemaType } from "../index.mjs";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useEffect, createContext, useMemo, useContext } from "react";
-import { useSecrets, SettingsView } from "@sanity/studio-secrets";
-const namespace = "launchdarkly", pluginConfigKeys = [
-  {
-    key: "apiKey",
-    title: "Your secret API key"
-  }
-], Secrets = (props) => {
-  const { secrets, loading } = useSecrets(namespace), { setSecret } = useLaunchDarklyContext(), [showSettings, setShowSettings] = useState(!1);
-  return useEffect(() => {
-    if (!loading)
-      return !secrets && !loading ? (setSecret(void 0), setShowSettings(!0)) : (setSecret(secrets.apiKey), setShowSettings(!1));
-  }, [secrets, loading, setSecret]), showSettings ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SettingsView,
-      {
-        title: `${namespace} api key`,
-        namespace,
-        keys: pluginConfigKeys,
-        onClose: () => {
-          setShowSettings(!1);
-        }
-      }
-    ),
-    props.renderDefault(props)
-  ] }) : props.renderDefault(props);
-}, LAUNCHDARKLY_CONFIG_DEFAULT = {}, LaunchDarklyContext = createContext({
-  setSecret: () => {
-  },
-  secret: void 0
-});
-function useLaunchDarklyContext() {
-  return useContext(LaunchDarklyContext);
-}
-function LaunchDarklyProvider(props) {
-  const { launchDarklyFieldPluginConfig } = props, [secret, setSecret] = useState(), context = useMemo(
-    () => ({ ...launchDarklyFieldPluginConfig, secret, setSecret }),
-    [launchDarklyFieldPluginConfig, secret, setSecret]
-  );
-  return /* @__PURE__ */ jsx(LaunchDarklyContext.Provider, { value: context, children: /* @__PURE__ */ jsx(Secrets, { ...props }) });
-}
-const getExperiments = async ({
-  client,
-  projectKey,
-  tags
-}) => {
-  const secret = await client.fetch("*[_id == 'secrets.launchdarkly'][0].secrets.apiKey");
-  if (!secret) return [];
-  const url = new URL(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`);
-  tags && url.searchParams.set("filter", `tags:${tags.join("+")}`);
-  const featureExperiments = [];
-  let hasMore = !0;
-  const offset = 0, limit = 10;
-  for (; hasMore; ) {
-    url.searchParams.set("offset", offset.toString()), url.searchParams.set("limit", limit.toString());
-    const responseFlags = await fetch(url, {
-      headers: {
-        Authorization: secret
-      }
-    }), { items } = await responseFlags.json(), experiments = items.map((flag) => ({
-      id: flag.key,
-      label: flag.name,
-      variants: flag.variations.map((variation) => ({
-        id: variation.value.toString(),
-        label: variation.name ?? variation.value.toString()
-      }))
-    }));
-    featureExperiments.push(...experiments), items.length !== limit && (hasMore = !1);
-  }
-  return featureExperiments;
-}, fieldLevelExperiments = definePlugin((config) => {
-  const pluginConfig = { ...LAUNCHDARKLY_CONFIG_DEFAULT, ...config }, { fields, projectKey, tags } = pluginConfig;
-  return {
-    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
-    plugins: [
-      fieldLevelExperiments$1({
-        fields,
-        experiments: (client) => getExperiments({ client, projectKey, tags }),
-        experimentNameOverride: "flag"
-      })
-    ],
-    form: {
-      components: {
-        input: (props) => {
-          if (!(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map(
-            (field) => field.type.name
-          ).some((name) => name.startsWith("flag")))
-            return props.renderDefault(props);
-          const providerProps = {
-            ...props,
-            launchDarklyFieldPluginConfig: {
-              ...pluginConfig
-            }
-          };
-          return LaunchDarklyProvider(providerProps);
-        }
-      }
-    }
-  };
-});
-export {
-  fieldLevelExperiments
-};
-//# sourceMappingURL=index.mjs.map

package/dist/launchDarkly/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../src/launchDarkly/components/Secrets.tsx","../../src/launchDarkly/components/LaunchDarklyContext.tsx","../../src/launchDarkly/utils.ts","../../src/launchDarkly/index.ts"],"sourcesContent":["import {SettingsView, useSecrets} from '@sanity/studio-secrets'\nimport {useEffect, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {useLaunchDarklyContext} from './LaunchDarklyContext'\n\nconst namespace = 'launchdarkly'\nconst pluginConfigKeys = [\n  {\n    key: 'apiKey',\n    title: 'Your secret API key',\n  },\n]\n\nexport const Secrets = (props: ObjectInputProps) => {\n  const {secrets, loading} = useSecrets(namespace) as {secrets: {apiKey: string}; loading: boolean}\n  const {setSecret} = useLaunchDarklyContext()\n  const [showSettings, setShowSettings] = useState<boolean>(false)\n\n  useEffect(() => {\n    if (loading) return undefined\n    if (!secrets && !loading) {\n      setSecret(undefined)\n      return setShowSettings(true)\n    }\n    setSecret(secrets.apiKey)\n    return setShowSettings(false)\n  }, [secrets, loading, setSecret])\n\n  if (!showSettings) {\n    return props.renderDefault(props)\n  }\n  return (\n    <>\n      <SettingsView\n        title={`${namespace} api key`}\n        namespace={namespace}\n        keys={pluginConfigKeys}\n        onClose={() => {\n          setShowSettings(false)\n        }}\n      />\n      {props.renderDefault(props)}\n    </>\n  )\n}\n","import {createContext, useContext, useMemo, useState} from 'react'\nimport {ObjectInputProps} from 'sanity'\n\nimport {LaunchDarklyContextProps, LaunchDarklyFieldLevelConfig} from '../types'\nimport {Secrets} from './Secrets'\n\nexport const LAUNCHDARKLY_CONFIG_DEFAULT = {}\n\nexport const LaunchDarklyContext = createContext<LaunchDarklyContextProps>({\n  setSecret: () => undefined,\n  secret: undefined,\n})\n\nexport function useLaunchDarklyContext() {\n  return useContext(LaunchDarklyContext)\n}\n\ntype LaunchDarklyProps = ObjectInputProps & {\n  launchDarklyFieldPluginConfig: LaunchDarklyFieldLevelConfig\n}\n\nexport function LaunchDarklyProvider(props: LaunchDarklyProps) {\n  const {launchDarklyFieldPluginConfig} = props\n  const [secret, setSecret] = useState<string | undefined>()\n\n  const context = useMemo(\n    () => ({...launchDarklyFieldPluginConfig, secret, setSecret}),\n    [launchDarklyFieldPluginConfig, secret, setSecret],\n  )\n\n  return (\n    <LaunchDarklyContext.Provider value={context}>\n      <Secrets {...props} />\n    </LaunchDarklyContext.Provider>\n  )\n}\n","import {SanityClient} from 'sanity'\n\nimport {ExperimentType} from '../types'\nimport {LaunchDarklyFieldLevelConfig, LaunchDarklyFlagItem} from './types'\n\nexport const getExperiments = async ({\n  client,\n  projectKey,\n  tags,\n}: Omit<LaunchDarklyFieldLevelConfig, 'fields'> & {client: SanityClient}): Promise<\n  ExperimentType[]\n> => {\n  const query = `*[_id == 'secrets.launchdarkly'][0].secrets.apiKey`\n\n  const secret = await client.fetch(query) // secret is stored in the content lake using @sanity/studio-secrets\n  if (!secret) return []\n\n  const url = new URL(`https://app.launchdarkly.com/api/v2/flags/${projectKey}`)\n\n  if (tags) {\n    url.searchParams.set('filter', `tags:${tags.join('+')}`)\n  }\n\n  const featureExperiments: ExperimentType[] = []\n  let hasMore = true\n  const offset = 0\n  const limit = 10\n\n  while (hasMore) {\n    url.searchParams.set('offset', offset.toString())\n    url.searchParams.set('limit', limit.toString())\n    const responseFlags = await fetch(url, {\n      headers: {\n        Authorization: secret,\n      },\n    })\n\n    const {items} = await responseFlags.json()\n    const experiments = items.map((flag: LaunchDarklyFlagItem) => ({\n      id: flag.key,\n      label: flag.name,\n      variants: flag.variations.map((variation) => ({\n        id: variation.value.toString(),\n        label: variation.name ?? variation.value.toString(),\n      })),\n    }))\n    featureExperiments.push(...experiments)\n    if (items.length !== limit) {\n      hasMore = false\n    }\n  }\n\n  return featureExperiments\n}\n","import {definePlugin, isObjectInputProps} from 'sanity'\n\nimport {fieldLevelExperiments as baseFieldLevelExperiments} from '../fieldExperiments'\nimport {flattenSchemaType} from '../utils/flattenSchemaType'\nimport {LAUNCHDARKLY_CONFIG_DEFAULT, LaunchDarklyProvider} from './components/LaunchDarklyContext'\nimport {LaunchDarklyFieldLevelConfig} from './types'\nimport {getExperiments} from './utils'\n\nexport const fieldLevelExperiments = definePlugin<LaunchDarklyFieldLevelConfig>((config) => {\n  const pluginConfig = {...LAUNCHDARKLY_CONFIG_DEFAULT, ...config}\n  const {fields, projectKey, tags} = pluginConfig\n  return {\n    name: 'sanity-growthbook-personalistaion-plugin-field-level-experiments',\n    plugins: [\n      baseFieldLevelExperiments({\n        fields,\n        experiments: (client) => getExperiments({client, projectKey, tags}),\n        experimentNameOverride: 'flag',\n      }),\n    ],\n\n    form: {\n      components: {\n        input: (props) => {\n          const isRootInput = props.id === 'root' && isObjectInputProps(props)\n\n          if (!isRootInput) {\n            return props.renderDefault(props)\n          }\n\n          const flatFieldTypeNames = flattenSchemaType(props.schemaType).map(\n            (field) => field.type.name,\n          )\n\n          const hasExperiment = flatFieldTypeNames.some((name) => name.startsWith('flag'))\n\n          if (!hasExperiment) {\n            return props.renderDefault(props)\n          }\n\n          const providerProps = {\n            ...props,\n            launchDarklyFieldPluginConfig: {\n              ...pluginConfig,\n            },\n          }\n          return LaunchDarklyProvider(providerProps)\n        },\n      },\n    },\n  }\n})\n"],"names":["baseFieldLevelExperiments"],"mappings":"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"}

package/sanity.json

@@ -1,8 +0,0 @@
-{
-  "parts": [
-    {
-      "implements": "part:@sanity/base/sanity-root",
-      "path": "./v2-incompatible.js"
-    }
-  ]
-}

package/src/components/Array.tsx

@@ -1,68 +0,0 @@
-import {Button, Inline, Stack} from '@sanity/ui'
-import {uuid} from '@sanity/uuid'
-import {useCallback} from 'react'
-import {useFormValue} from 'sanity'
-
-import {ArrayInputProps, VariantType} from '../types'
-import {useExperimentContext} from './ExperimentContext'
-
-export const ArrayInput = (props: ArrayInputProps) => {
-  const fieldPath = props.path.slice(0, -1)
-  const {onItemAppend, variantName, variantId, experimentId} = props
-  const experimentValue = useFormValue([...fieldPath, experimentId])
-
-  const {experiments} = useExperimentContext()
-
-  const handleClick = useCallback(
-    async (variant: VariantType) => {
-      const item = {
-        _key: uuid(),
-        [variantId]: variant.id,
-        [experimentId]: experimentValue,
-        _type: variantName,
-      }
-
-      // Patch the document
-      onItemAppend(item)
-    },
-    [variantId, experimentId, experimentValue, variantName, onItemAppend],
-  )
-
-  const filteredVariants =
-    experiments.find((option) => {
-      return option.id === experimentValue
-    })?.variants || []
-
-  type Value = {
-    value?: unknown
-    [key: string]: string | unknown
-    variantId: string
-    _key: string
-    _type: string
-  }
-
-  // there is probably some better was of getting the type of this?
-  const values = (props.value as Value[]) || []
-
-  const usedVariants = values?.map((variant) => variant[variantId])
-
-  return (
-    <Stack space={3}>
-      {props.renderDefault({...props, arrayFunctions: () => null})}
-
-      <Inline space={1}>
-        {filteredVariants.map((variant) => {
-          return (
-            <Button
-              key={`${experimentValue}-${variant.id}`}
-              text={`Add ${variant.label}`}
-              mode="ghost"
-              disabled={usedVariants?.includes(variant.id)}
-              onClick={() => handleClick(variant)}
-            />
-          )
-        })}
-      </Inline>
-    </Stack>
-  )
-}

package/src/components/ExperimentContext.tsx

@@ -1,65 +0,0 @@
-import equal from 'fast-deep-equal'
-import {createContext, useContext, useMemo} from 'react'
-import {type ObjectInputProps, useClient, useWorkspace} from 'sanity'
-import {suspend} from 'suspend-react'
-
-import {ExperimentContextProps, FieldPluginConfig} from '../types'
-
-// This provider makes the plugin config available to all components in the document form
-// But with experiments resolved
-
-export const CONFIG_DEFAULT = {
-  fields: [],
-  apiVersion: '2024-11-07',
-  experimentNameOverride: 'experiment',
-  variantNameOverride: 'variant',
-  variantId: 'variantId',
-  variantArrayName: 'variants',
-  experimentId: 'experimentId',
-}
-
-export const ExperimentContext = createContext<ExperimentContextProps>({
-  ...CONFIG_DEFAULT,
-  experiments: [],
-})
-
-export function useExperimentContext() {
-  return useContext(ExperimentContext)
-}
-
-type ExperimentProps = ObjectInputProps & {
-  experimentFieldPluginConfig: Required<FieldPluginConfig>
-}
-
-export function ExperimentProvider(props: ExperimentProps) {
-  const {experimentFieldPluginConfig} = props
-
-  const client = useClient({apiVersion: experimentFieldPluginConfig.apiVersion})
-  const workspace = useWorkspace()
-
-  // Fetch or return experiments
-  const experiments = Array.isArray(experimentFieldPluginConfig.experiments)
-    ? experimentFieldPluginConfig.experiments
-    : suspend(
-        // eslint-disable-next-line require-await
-        async () => {
-          if (typeof experimentFieldPluginConfig.experiments === 'function') {
-            return experimentFieldPluginConfig.experiments(client)
-          }
-          return experimentFieldPluginConfig.experiments
-        },
-        [workspace],
-        {equal},
-      )
-
-  const context = useMemo(
-    () => ({...experimentFieldPluginConfig, experiments}),
-    [experimentFieldPluginConfig, experiments],
-  )
-
-  return (
-    <ExperimentContext.Provider value={context}>
-      {props.renderDefault(props)}
-    </ExperimentContext.Provider>
-  )
-}

package/src/components/ExperimentField.tsx

@@ -1,138 +0,0 @@
-import {CloseIcon} from '@sanity/icons'
-import {useCallback, useMemo} from 'react'
-import {GiSoapExperiment} from 'react-icons/gi'
-import {
-  defineDocumentFieldAction,
-  DocumentFieldActionItem,
-  DocumentFieldActionProps,
-  FormPatch,
-  ObjectFieldProps,
-  PatchEvent,
-  set,
-  unset,
-} from 'sanity'
-type PatchStuff = {onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void; inputId: string}
-
-const useAddExperimentAction = (
-  props: DocumentFieldActionProps &
-    PatchStuff & {experimentNameOverride: string; experimentId: string; active: boolean},
-): DocumentFieldActionItem => {
-  const {onChange, active, experimentNameOverride} = props
-
-  const handleAddAction = useCallback(() => {
-    onChange([set(!active, ['active'])])
-  }, [onChange, active])
-
-  return {
-    title: `Add ${experimentNameOverride}`,
-    type: 'action',
-    icon: GiSoapExperiment,
-    onAction: handleAddAction,
-    renderAsButton: true,
-  }
-}
-
-const useRemoveExperimentAction = (
-  props: DocumentFieldActionProps &
-    PatchStuff & {
-      experimentNameOverride: string
-      experimentId: string
-      active: boolean
-      variantNameOverride: string
-    },
-): DocumentFieldActionItem => {
-  const {onChange, active, experimentId, experimentNameOverride, variantNameOverride} = props
-  const handleClearAction = useCallback(() => {
-    const activeId = ['active']
-    const experiment = [experimentId]
-    const variants = [`${variantNameOverride}s`]
-    onChange([set(!active, activeId), unset(experiment), unset(variants)])
-  }, [onChange, active, experimentId, variantNameOverride])
-
-  return {
-    title: `Remove ${experimentNameOverride}`,
-    type: 'action',
-    icon: CloseIcon,
-    onAction: handleClearAction,
-    renderAsButton: true,
-  }
-}
-
-const createActions = ({
-  onChange,
-  inputId,
-  active,
-  experimentNameOverride,
-  experimentId,
-  variantNameOverride,
-}: PatchStuff & {
-  active?: boolean
-  experimentNameOverride: string
-  experimentId: string
-  variantNameOverride: string
-}) => {
-  const removeAction = defineDocumentFieldAction({
-    name: `Remove ${experimentNameOverride}`,
-    useAction: (props) =>
-      useRemoveExperimentAction({
-        ...props,
-        active: true,
-        onChange,
-        inputId,
-        experimentNameOverride,
-        experimentId,
-        variantNameOverride,
-      }),
-  })
-  const addAction = defineDocumentFieldAction({
-    name: `Add ${experimentNameOverride}`,
-    useAction: (props) =>
-      useAddExperimentAction({
-        ...props,
-        active: false,
-        onChange,
-        inputId,
-        experimentNameOverride,
-        experimentId,
-      }),
-  })
-  return active ? removeAction : addAction
-}
-
-export const ExperimentField = (
-  props: ObjectFieldProps & {
-    experimentNameOverride: string
-    experimentId: string
-    variantNameOverride: string
-  },
-) => {
-  const {onChange} = props.inputProps
-  const {inputId, experimentNameOverride, experimentId, variantNameOverride} = props
-  const active = props.value?.active as boolean | undefined
-
-  const actionProps = useMemo(
-    () => ({
-      onChange,
-      inputId,
-      active,
-      experimentNameOverride,
-      experimentId,
-      variantNameOverride,
-    }),
-    [onChange, inputId, active, experimentNameOverride, experimentId, variantNameOverride],
-  )
-
-  const memoizedActions = useMemo(() => {
-    const oldActions = props.actions || []
-    return [createActions(actionProps), ...oldActions]
-  }, [actionProps, props.actions])
-
-  const withActionProps = useMemo(
-    () => ({
-      ...props,
-      actions: memoizedActions,
-    }),
-    [props, memoizedActions],
-  )
-  return props.renderDefault(withActionProps)
-}

package/src/components/ExperimentInput.tsx

@@ -1,75 +0,0 @@
-import {Card, Text} from '@sanity/ui'
-import {FormEvent, useCallback, useMemo} from 'react'
-import {
-  FormPatch,
-  getPublishedId,
-  PatchEvent,
-  set,
-  StringInputProps,
-  unset,
-  useDocumentOperation,
-  useFormValue,
-} from 'sanity'
-
-import {ExperimentType} from '..'
-import {useExperimentContext} from './ExperimentContext'
-import {Select} from './Select'
-
-export type SelectOption = {title: string; value: string}
-const formatlistOptions = (experiments: ExperimentType[]): SelectOption[] =>
-  experiments.map((experiment) => ({
-    title: experiment.label,
-    value: experiment.id,
-  }))
-
-export const ExperimentInput = (
-  props: StringInputProps & {variantNameOverride: string; experimentNameOverride: string},
-) => {
-  const {experiments} = useExperimentContext()
-
-  const id = useFormValue(['_id']) as string
-  const additionalChangePath = useMemo(
-    () => [...props.path.slice(0, -1), `${props.variantNameOverride}s`],
-    [props.variantNameOverride, props.path],
-  )
-  const subValues = useFormValue(additionalChangePath)
-
-  const {patch} = useDocumentOperation(getPublishedId(id), props.schemaType.name)
-
-  const handleChange = useCallback(
-    (
-      event: FormEvent<Element>,
-      onChange: (patchchange: FormPatch | FormPatch[] | PatchEvent) => void,
-    ) => {
-      const target = event.currentTarget as HTMLSelectElement
-      const inputValue = target.value
-
-      if (inputValue) {
-        onChange(set(inputValue))
-      } else {
-        onChange(unset())
-      }
-
-      if (subValues) {
-        const patchEvent = {
-          unset: [additionalChangePath.join('.')],
-        }
-        patch.execute([patchEvent])
-      }
-    },
-    [patch, subValues, additionalChangePath],
-  )
-
-  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/components/ExperimentItem.tsx

@@ -1,10 +0,0 @@
-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/Select.tsx

@@ -1,43 +0,0 @@
-import {Select as SanitySelect} from '@sanity/ui'
-import {FormEvent} from 'react'
-import {FormPatch, PatchEvent, Path, StringInputProps} from 'sanity'
-
-import {SelectOption} from './ExperimentInput'
-
-export const Select = (
-  props: StringInputProps & {
-    listOptions: SelectOption[]
-    handleChange: (
-      event: FormEvent,
-      onChange: (patch: FormPatch | FormPatch[] | PatchEvent) => void,
-    ) => void
-    aditionalChangePath?: Path
-    clearSubValueOnChange?: boolean
-  },
-) => {
-  const {
-    value, // Current field value
-    onChange, // Method to handle patch events,
-    elementProps,
-    listOptions,
-    handleChange,
-  } = props
-
-  return (
-    <SanitySelect
-      {...elementProps}
-      fontSize={2}
-      padding={3}
-      space={[3, 3, 4]}
-      value={value || ''} // Current field value
-      onChange={(event) => handleChange(event, onChange)} // A function to call when the input value changes
-    >
-      <option value={''}>{'Select an option...'}</option>
-      {listOptions.map(({value: optionValue, title}) => (
-        <option key={optionValue} value={optionValue}>
-          {title}
-        </option>
-      ))}
-    </SanitySelect>
-  )
-}

package/src/components/VariantInput.tsx

@@ -1,19 +0,0 @@
-import {Button, Inline, Stack} from '@sanity/ui'
-import {ObjectInputProps, set, useFormValue} from 'sanity'
-
-export const VariantInput = (props: ObjectInputProps) => {
-  const experimentPath = props.path.slice(0, -2)
-  const defaultValue = useFormValue([...experimentPath, 'default'])
-  const handleClick = () => {
-    props.onChange(set(defaultValue, ['value']))
-  }
-  return (
-    <Stack space={3}>
-      {props.renderDefault(props)}
-
-      <Inline space={1}>
-        <Button text="Copy default" mode="ghost" onClick={() => handleClick()} />
-      </Inline>
-    </Stack>
-  )
-}

package/src/components/VariantPreview.tsx

@@ -1,75 +0,0 @@
-import {useEffect, useState} from 'react'
-import {
-  isImage,
-  isReference,
-  ObjectSchemaType,
-  PreviewProps,
-  ReferenceSchemaType,
-  useClient,
-} from 'sanity'
-
-import {VariantPreviewProps} from '../types'
-import {useExperimentContext} from './ExperimentContext'
-
-export const VariantPreview = (props: PreviewProps) => {
-  const [subtitle, setSubtitle] = useState<string | undefined>(undefined)
-  const [title, setTitle] = useState<string | undefined>(undefined)
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const [media, setMedia] = useState<any>(undefined)
-  const client = useClient({apiVersion: '2025-01-01'})
-  const {experiments} = useExperimentContext()
-
-  const {experiment, variant, value} = props as VariantPreviewProps
-
-  const selectedExperiment = experiments.find((experimentItem) => {
-    return experimentItem.id === experiment
-  })
-
-  const selectedVariant = selectedExperiment?.variants.find((variantItem) => {
-    return variantItem.id === variant
-  })
-
-  useEffect(() => {
-    const getSubtitle = async () => {
-      setTitle(`${selectedExperiment?.label} - ${selectedVariant?.label}`)
-      if (typeof value === 'string') {
-        return setSubtitle(value)
-      }
-      if (isReference(value)) {
-        const doc = await client.getDocument(value._ref)
-        const type = props.schemaType as ObjectSchemaType
-        const valueField = type.fields.find((field) => field.name === 'value') as ObjectSchemaType
-        const referenceField = valueField?.type as ReferenceSchemaType
-        const referenceType = referenceField.to.find((field) => field.type?.name === doc?._type)
-
-        const selectFields = {} as Record<string, unknown>
-        const previewFields = referenceType?.preview?.select || {}
-        Object.keys(previewFields).forEach((key) => {
-          const valueKey = referenceType?.preview?.select?.[key]
-          selectFields[key] =
-            valueKey && doc
-              ? valueKey?.split('.').reduce((acc, index) => acc[index], doc)
-              : undefined
-        })
-
-        const previewContent = referenceType?.preview?.prepare?.(selectFields)
-        setMedia(previewContent?.media || selectFields.media)
-        return setSubtitle(previewContent?.title || (selectFields?.title as string))
-      }
-      if (isImage(value)) {
-        setMedia(value)
-      }
-      return ''
-    }
-    getSubtitle()
-  }, [value, client, selectedExperiment?.label, selectedVariant?.label, props.schemaType])
-
-  const previewProps = {
-    ...props,
-    title: title,
-    subtitle: subtitle,
-    media: media,
-  }
-
-  return props.renderDefault(previewProps)
-}