@sanity/personalization-plugin 2.5.0 → 3.0.0

package/dist/index.js

@@ -1,10 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var jsxRuntime = require("react/jsx-runtime"), sanity = require("sanity"), ui = require("@sanity/ui"), uuid = require("@sanity/uuid"), react = require("react"), equal = require("fast-deep-equal"), suspendReact = require("suspend-react"), gi = require("react-icons/gi");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-var equal__default = /* @__PURE__ */ _interopDefaultCompat(equal);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient, useWorkspace, useFormValue, defineDocumentFieldAction, set, unset, getPublishedId, useDocumentOperation, isReference, isImage, isDocumentSchemaType, definePlugin, isObjectInputProps, defineType, defineField } from "sanity";
+import { c } from "react/compiler-runtime";
+import { Button, Stack, Inline, Select as Select$1, Card, Text } from "@sanity/ui";
+import { uuid } from "@sanity/uuid";
+import equal from "fast-deep-equal";
+import { createContext, useContext, useState, useEffect } from "react";
+import { suspend } from "suspend-react";
+import { CloseIcon } from "@sanity/icons";
+import { GiSoapExperiment } from "react-icons/gi";
 const CONFIG_DEFAULT = {
   fields: [],
   apiVersion: "2024-11-07",
@@ -13,97 +16,126 @@ const CONFIG_DEFAULT = {
   variantId: "variantId",
   variantArrayName: "variants",
   experimentId: "experimentId"
-}, ExperimentContext = react.createContext({
+}, ExperimentContext = createContext({
   ...CONFIG_DEFAULT,
   experiments: []
 });
 function useExperimentContext() {
-  return react.useContext(ExperimentContext);
+  return useContext(ExperimentContext);
 }
 function ExperimentProvider(props) {
-  const { experimentFieldPluginConfig } = props, client = sanity.useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = sanity.useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspendReact.suspend(
-    // eslint-disable-next-line require-await
-    async () => typeof experimentFieldPluginConfig.experiments == "function" ? experimentFieldPluginConfig.experiments(client) : experimentFieldPluginConfig.experiments,
-    [workspace],
-    { equal: equal__default.default }
-  ), context = react.useMemo(
-    () => ({ ...experimentFieldPluginConfig, experiments }),
-    [experimentFieldPluginConfig, experiments]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ExperimentContext.Provider, { value: context, children: props.renderDefault(props) });
+  const $ = c(14), {
+    experimentFieldPluginConfig
+  } = props;
+  let t0;
+  $[0] !== experimentFieldPluginConfig.apiVersion ? (t0 = {
+    apiVersion: experimentFieldPluginConfig.apiVersion
+  }, $[0] = experimentFieldPluginConfig.apiVersion, $[1] = t0) : t0 = $[1];
+  const client = useClient(t0), workspace = useWorkspace();
+  let t1;
+  $[2] !== client || $[3] !== experimentFieldPluginConfig || $[4] !== workspace ? (t1 = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspend(async () => typeof experimentFieldPluginConfig.experiments == "function" ? experimentFieldPluginConfig.experiments(client) : experimentFieldPluginConfig.experiments, [workspace], {
+    equal
+  }), $[2] = client, $[3] = experimentFieldPluginConfig, $[4] = workspace, $[5] = t1) : t1 = $[5];
+  const experiments = t1;
+  let t2;
+  $[6] !== experimentFieldPluginConfig || $[7] !== experiments ? (t2 = {
+    ...experimentFieldPluginConfig,
+    experiments
+  }, $[6] = experimentFieldPluginConfig, $[7] = experiments, $[8] = t2) : t2 = $[8];
+  const context = t2;
+  let t3;
+  $[9] !== props ? (t3 = props.renderDefault(props), $[9] = props, $[10] = t3) : t3 = $[10];
+  let t4;
+  return $[11] !== context || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsx(ExperimentContext.Provider, { value: context, children: t3 }), $[11] = context, $[12] = t3, $[13] = t4) : t4 = $[13], t4;
 }
 const ArrayInput = (props) => {
-  const fieldPath = props.path.slice(0, -1), { onItemAppend, variantName, variantId, experimentId } = props, experimentValue = sanity.useFormValue([...fieldPath, experimentId]), { experiments } = useExperimentContext(), handleClick = react.useCallback(
-    async (variant) => {
-      const item = {
-        _key: uuid.uuid(),
-        [variantId]: variant.id,
-        [experimentId]: experimentValue,
-        _type: variantName
-      };
-      onItemAppend(item);
-    },
-    [variantId, experimentId, experimentValue, variantName, onItemAppend]
-  ), filteredVariants = experiments.find((option) => option.id === experimentValue)?.variants || [], usedVariants = (props.value || [])?.map((variant) => variant[variantId]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    props.renderDefault({ ...props, arrayFunctions: () => null }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Inline, { space: 1, children: filteredVariants.map((variant) => /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
-      {
-        text: `Add ${variant.label}`,
-        mode: "ghost",
-        disabled: usedVariants?.includes(variant.id),
-        onClick: () => handleClick(variant)
-      },
-      `${experimentValue}-${variant.id}`
-    )) })
-  ] });
-}, CloseIcon = /* @__PURE__ */ react.forwardRef(function(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      "data-sanity-icon": "close",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 25 25",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
+  const $ = c(35);
+  let experimentId, onItemAppend, t0, t1, variantId, variantName;
+  if ($[0] !== props) {
+    const fieldPath = props.path.slice(0, -1);
+    ({
+      onItemAppend,
+      variantName,
+      variantId,
+      experimentId
+    } = props), t0 = useFormValue, t1 = [...fieldPath, experimentId], $[0] = props, $[1] = experimentId, $[2] = onItemAppend, $[3] = t0, $[4] = t1, $[5] = variantId, $[6] = variantName;
+  } else
+    experimentId = $[1], onItemAppend = $[2], t0 = $[3], t1 = $[4], variantId = $[5], variantName = $[6];
+  const experimentValue = t0(t1), {
+    experiments
+  } = useExperimentContext();
+  let t2;
+  $[7] !== experimentId || $[8] !== experimentValue || $[9] !== onItemAppend || $[10] !== variantId || $[11] !== variantName ? (t2 = async (variant) => {
+    const item = {
+      _key: uuid(),
+      [variantId]: variant.id,
+      [experimentId]: experimentValue,
+      _type: variantName
+    };
+    onItemAppend(item);
+  }, $[7] = experimentId, $[8] = experimentValue, $[9] = onItemAppend, $[10] = variantId, $[11] = variantName, $[12] = t2) : t2 = $[12];
+  const handleClick = t2;
+  let T0, T1, t3, t4, t5, t6;
+  if ($[13] !== experimentValue || $[14] !== experiments || $[15] !== handleClick || $[16] !== props || $[17] !== variantId) {
+    const filteredVariants = experiments.find((option) => option.id === experimentValue)?.variants || [], usedVariants = (props.value || [])?.map((variant_0) => variant_0[variantId]);
+    T1 = Stack, t5 = 3, $[24] !== props ? (t6 = props.renderDefault({
       ...props,
-      ref,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M18 7L7 18M7 7L18 18",
-          stroke: "currentColor",
-          strokeWidth: 1.2,
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}), useAddExperimentAction = (props) => {
-  const { onChange, active, experimentNameOverride } = props, handleAddAction = react.useCallback(() => {
-    onChange([sanity.set(!active, ["active"])]);
-  }, [onChange, active]);
-  return {
-    title: `Add ${experimentNameOverride}`,
+      arrayFunctions: _temp$2
+    }), $[24] = props, $[25] = t6) : t6 = $[25], T0 = Inline, t3 = 1, t4 = filteredVariants.map((variant_1) => /* @__PURE__ */ jsx(Button, { text: `Add ${variant_1.label}`, mode: "ghost", disabled: usedVariants?.includes(variant_1.id), onClick: () => handleClick(variant_1) }, `${experimentValue}-${variant_1.id}`)), $[13] = experimentValue, $[14] = experiments, $[15] = handleClick, $[16] = props, $[17] = variantId, $[18] = T0, $[19] = T1, $[20] = t3, $[21] = t4, $[22] = t5, $[23] = t6;
+  } else
+    T0 = $[18], T1 = $[19], t3 = $[20], t4 = $[21], t5 = $[22], t6 = $[23];
+  let t7;
+  $[26] !== T0 || $[27] !== t3 || $[28] !== t4 ? (t7 = /* @__PURE__ */ jsx(T0, { gap: t3, children: t4 }), $[26] = T0, $[27] = t3, $[28] = t4, $[29] = t7) : t7 = $[29];
+  let t8;
+  return $[30] !== T1 || $[31] !== t5 || $[32] !== t6 || $[33] !== t7 ? (t8 = /* @__PURE__ */ jsxs(T1, { gap: t5, children: [
+    t6,
+    t7
+  ] }), $[30] = T1, $[31] = t5, $[32] = t6, $[33] = t7, $[34] = t8) : t8 = $[34], t8;
+};
+function _temp$2() {
+  return null;
+}
+const useAddExperimentAction = (props) => {
+  const $ = c(6), {
+    onChange,
+    active,
+    experimentNameOverride
+  } = props;
+  let t0;
+  $[0] !== active || $[1] !== onChange ? (t0 = () => {
+    onChange([set(!active, ["active"])]);
+  }, $[0] = active, $[1] = onChange, $[2] = t0) : t0 = $[2];
+  const handleAddAction = t0, t1 = `Add ${experimentNameOverride}`;
+  let t2;
+  return $[3] !== handleAddAction || $[4] !== t1 ? (t2 = {
+    title: t1,
     type: "action",
-    icon: gi.GiSoapExperiment,
+    icon: GiSoapExperiment,
     onAction: handleAddAction,
     renderAsButton: !0
-  };
+  }, $[3] = handleAddAction, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
 }, useRemoveExperimentAction = (props) => {
-  const { onChange, active, experimentId, experimentNameOverride, variantNameOverride } = props, handleClearAction = react.useCallback(() => {
+  const $ = c(8), {
+    onChange,
+    active,
+    experimentId,
+    experimentNameOverride,
+    variantNameOverride
+  } = props;
+  let t0;
+  $[0] !== active || $[1] !== experimentId || $[2] !== onChange || $[3] !== variantNameOverride ? (t0 = () => {
     const activeId = ["active"], experiment = [experimentId], variants = [`${variantNameOverride}s`];
-    onChange([sanity.set(!active, activeId), sanity.unset(experiment), sanity.unset(variants)]);
-  }, [onChange, active, experimentId, variantNameOverride]);
-  return {
-    title: `Remove ${experimentNameOverride}`,
+    onChange([set(!active, activeId), unset(experiment), unset(variants)]);
+  }, $[0] = active, $[1] = experimentId, $[2] = onChange, $[3] = variantNameOverride, $[4] = t0) : t0 = $[4];
+  const handleClearAction = t0, t1 = `Remove ${experimentNameOverride}`;
+  let t2;
+  return $[5] !== handleClearAction || $[6] !== t1 ? (t2 = {
+    title: t1,
     type: "action",
     icon: CloseIcon,
     onAction: handleClearAction,
     renderAsButton: !0
-  };
+  }, $[5] = handleClearAction, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
 }, createActions = ({
   onChange,
   inputId,
@@ -112,7 +144,7 @@ const ArrayInput = (props) => {
   experimentId,
   variantNameOverride
 }) => {
-  const removeAction = sanity.defineDocumentFieldAction({
+  const removeAction = defineDocumentFieldAction({
     name: `Remove ${experimentNameOverride}`,
     useAction: (props) => useRemoveExperimentAction({
       active: !0,
@@ -121,7 +153,7 @@ const ArrayInput = (props) => {
       experimentId,
       variantNameOverride
     })
-  }), addAction = sanity.defineDocumentFieldAction({
+  }), addAction = defineDocumentFieldAction({
     name: `Add ${experimentNameOverride}`,
     useAction: (props) => useAddExperimentAction({
       active: !1,
@@ -131,134 +163,221 @@ const ArrayInput = (props) => {
   });
   return active ? removeAction : addAction;
 }, ExperimentField = (props) => {
-  const { onChange } = props.inputProps, { inputId, experimentNameOverride, experimentId, variantNameOverride } = props, active = props.value?.active, actionProps = react.useMemo(
-    () => ({
-      onChange,
-      inputId,
-      active,
-      experimentNameOverride,
-      experimentId,
-      variantNameOverride
-    }),
-    [onChange, inputId, active, experimentNameOverride, experimentId, variantNameOverride]
-  ), memoizedActions = react.useMemo(() => {
-    const oldActions = props.actions || [];
-    return [createActions(actionProps), ...oldActions];
-  }, [actionProps, props.actions]), withActionProps = react.useMemo(
-    () => ({
-      ...props,
-      actions: memoizedActions
-    }),
-    [props, memoizedActions]
-  );
-  return props.renderDefault(withActionProps);
+  const $ = c(20), {
+    onChange
+  } = props.inputProps, {
+    inputId,
+    experimentNameOverride,
+    experimentId,
+    variantNameOverride
+  } = props, active = props.value?.active;
+  let t0;
+  $[0] !== active || $[1] !== experimentId || $[2] !== experimentNameOverride || $[3] !== inputId || $[4] !== onChange || $[5] !== variantNameOverride ? (t0 = {
+    onChange,
+    inputId,
+    active,
+    experimentNameOverride,
+    experimentId,
+    variantNameOverride
+  }, $[0] = active, $[1] = experimentId, $[2] = experimentNameOverride, $[3] = inputId, $[4] = onChange, $[5] = variantNameOverride, $[6] = t0) : t0 = $[6];
+  const actionProps = t0;
+  let t1;
+  $[7] !== props.actions ? (t1 = props.actions || [], $[7] = props.actions, $[8] = t1) : t1 = $[8];
+  const oldActions = t1;
+  let t2;
+  $[9] !== actionProps ? (t2 = createActions(actionProps), $[9] = actionProps, $[10] = t2) : t2 = $[10];
+  let t3;
+  $[11] !== oldActions || $[12] !== t2 ? (t3 = [t2, ...oldActions], $[11] = oldActions, $[12] = t2, $[13] = t3) : t3 = $[13];
+  const memoizedActions = t3;
+  let t4;
+  $[14] !== memoizedActions || $[15] !== props ? (t4 = {
+    ...props,
+    actions: memoizedActions
+  }, $[14] = memoizedActions, $[15] = props, $[16] = t4) : t4 = $[16];
+  const withActionProps = t4;
+  let t5;
+  return $[17] !== props.renderDefault || $[18] !== withActionProps ? (t5 = props.renderDefault(withActionProps), $[17] = props.renderDefault, $[18] = withActionProps, $[19] = t5) : t5 = $[19], t5;
 }, Select = (props) => {
-  const {
+  const $ = c(12), {
     value,
-    // Current field value
     onChange,
-    // Method to handle patch events,
     elementProps,
     listOptions,
     handleChange
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ui.Select,
-    {
-      ...elementProps,
-      fontSize: 2,
-      padding: 3,
-      space: [3, 3, 4],
-      value: value || "",
-      onChange: (event) => handleChange(event, onChange),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select an option..." }),
-        listOptions.map(({ value: optionValue, title }) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: optionValue, children: title }, optionValue))
-      ]
-    }
-  );
-}, formatlistOptions = (experiments) => experiments.map((experiment) => ({
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = [3, 3, 4], $[0] = t0) : t0 = $[0];
+  const t1 = value || "";
+  let t2;
+  $[1] !== handleChange || $[2] !== onChange ? (t2 = (event) => handleChange(event, onChange), $[1] = handleChange, $[2] = onChange, $[3] = t2) : t2 = $[3];
+  let t3;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx("option", { value: "", children: "Select an option..." }), $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] !== listOptions ? (t4 = listOptions.map(_temp$1), $[5] = listOptions, $[6] = t4) : t4 = $[6];
+  let t5;
+  return $[7] !== elementProps || $[8] !== t1 || $[9] !== t2 || $[10] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Select$1, { ...elementProps, fontSize: 2, padding: 3, gap: t0, value: t1, onChange: t2, children: [
+    t3,
+    t4
+  ] }), $[7] = elementProps, $[8] = t1, $[9] = t2, $[10] = t4, $[11] = t5) : t5 = $[11], t5;
+};
+function _temp$1(t0) {
+  const {
+    value: optionValue,
+    title
+  } = t0;
+  return /* @__PURE__ */ jsx("option", { value: optionValue, children: title }, optionValue);
+}
+const formatlistOptions = (experiments) => experiments.map((experiment) => ({
   title: experiment.label,
   value: experiment.id
 })), ExperimentInput = (props) => {
-  const { experiments } = useExperimentContext(), id = sanity.useFormValue(["_id"]), additionalChangePath = react.useMemo(
-    () => [...props.path.slice(0, -1), `${props.variantNameOverride}s`],
-    [props.variantNameOverride, props.path]
-  ), subValues = sanity.useFormValue(additionalChangePath), { patch } = sanity.useDocumentOperation(sanity.getPublishedId(id), props.schemaType.name), handleChange = react.useCallback(
-    (event, onChange) => {
-      const inputValue = event.currentTarget.value;
-      if (onChange(inputValue ? sanity.set(inputValue) : sanity.unset()), subValues) {
-        const patchEvent = {
-          unset: [additionalChangePath.join(".")]
-        };
-        patch.execute([patchEvent]);
-      }
-    },
-    [patch, subValues, additionalChangePath]
-  );
-  return experiments.length ? /* @__PURE__ */ jsxRuntime.jsx(Select, { ...props, listOptions: formatlistOptions(experiments), handleChange }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: [3, 3, 4], radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { align: "center", size: [2, 2, 3], children: [
-    "There are no defined ",
-    props.experimentNameOverride,
-    "s"
-  ] }) });
+  const $ = c(20), {
+    experiments
+  } = useExperimentContext();
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = ["_id"], $[0] = t0) : t0 = $[0];
+  const id = useFormValue(t0);
+  let t1;
+  $[1] !== props.path || $[2] !== props.variantNameOverride ? (t1 = [...props.path.slice(0, -1), `${props.variantNameOverride}s`], $[1] = props.path, $[2] = props.variantNameOverride, $[3] = t1) : t1 = $[3];
+  const additionalChangePath = t1, subValues = useFormValue(additionalChangePath);
+  let t2;
+  $[4] !== id ? (t2 = getPublishedId(id), $[4] = id, $[5] = t2) : t2 = $[5];
+  const {
+    patch
+  } = useDocumentOperation(t2, props.schemaType.name);
+  let t3;
+  $[6] !== additionalChangePath || $[7] !== patch || $[8] !== subValues ? (t3 = (event, onChange) => {
+    const inputValue = event.currentTarget.value;
+    if (onChange(inputValue ? set(inputValue) : unset()), subValues) {
+      const patchEvent = {
+        unset: [additionalChangePath.join(".")]
+      };
+      patch.execute([patchEvent]);
+    }
+  }, $[6] = additionalChangePath, $[7] = patch, $[8] = subValues, $[9] = t3) : t3 = $[9];
+  const handleChange = t3;
+  if (!experiments.length) {
+    let t42;
+    $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = [3, 3, 4], $[10] = t42) : t42 = $[10];
+    let t52;
+    $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = [2, 2, 3], $[11] = t52) : t52 = $[11];
+    let t6;
+    return $[12] !== props.experimentNameOverride ? (t6 = /* @__PURE__ */ jsx(Card, { padding: t42, radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsxs(Text, { align: "center", size: t52, children: [
+      "There are no defined ",
+      props.experimentNameOverride,
+      "s"
+    ] }) }), $[12] = props.experimentNameOverride, $[13] = t6) : t6 = $[13], t6;
+  }
+  let t4;
+  $[14] !== experiments ? (t4 = formatlistOptions(experiments), $[14] = experiments, $[15] = t4) : t4 = $[15];
+  let t5;
+  return $[16] !== handleChange || $[17] !== props || $[18] !== t4 ? (t5 = /* @__PURE__ */ jsx(Select, { ...props, listOptions: t4, handleChange }), $[16] = handleChange, $[17] = props, $[18] = t4, $[19] = t5) : t5 = $[19], t5;
 }, ExperimentItem = (props) => {
-  const { active } = props.value;
-  return active || props.inputProps.onChange(sanity.set(!0, ["active"])), props.renderDefault(props);
+  const {
+    active
+  } = props.value;
+  return active || props.inputProps.onChange(set(!0, ["active"])), props.renderDefault(props);
 }, VariantInput = (props) => {
-  const experimentPath = props.path.slice(0, -2), defaultValue = sanity.useFormValue([...experimentPath, "default"]), handleClick = () => {
-    props.onChange(sanity.set(defaultValue, ["value"]));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    props.renderDefault(props),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Inline, { space: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Copy default", mode: "ghost", onClick: () => handleClick() }) })
-  ] });
+  const $ = c(13);
+  let t0, t1;
+  if ($[0] !== props.path) {
+    const experimentPath = props.path.slice(0, -2);
+    t0 = useFormValue, t1 = [...experimentPath, "default"], $[0] = props.path, $[1] = t0, $[2] = t1;
+  } else
+    t0 = $[1], t1 = $[2];
+  const defaultValue = t0(t1);
+  let t2;
+  $[3] !== defaultValue || $[4] !== props ? (t2 = () => {
+    props.onChange(set(defaultValue, ["value"]));
+  }, $[3] = defaultValue, $[4] = props, $[5] = t2) : t2 = $[5];
+  const handleClick = t2;
+  let t3;
+  $[6] !== props ? (t3 = props.renderDefault(props), $[6] = props, $[7] = t3) : t3 = $[7];
+  let t4;
+  $[8] !== handleClick ? (t4 = /* @__PURE__ */ jsx(Inline, { gap: 1, children: /* @__PURE__ */ jsx(Button, { text: "Copy default", mode: "ghost", onClick: () => handleClick() }) }), $[8] = handleClick, $[9] = t4) : t4 = $[9];
+  let t5;
+  return $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
+    t3,
+    t4
+  ] }), $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }, VariantPreview = (props) => {
-  const [subtitle, setSubtitle] = react.useState(void 0), [title, setTitle] = react.useState(void 0), [media, setMedia] = react.useState(void 0), client = sanity.useClient({ apiVersion: "2025-01-01" }), { experiments } = useExperimentContext(), { experiment, variant, value } = props, selectedExperiment = experiments.find((experimentItem) => experimentItem.id === experiment), selectedVariant = selectedExperiment?.variants.find((variantItem) => variantItem.id === variant);
-  react.useEffect(() => {
+  const $ = c(25), [subtitle, setSubtitle] = useState(void 0), [title, setTitle] = useState(void 0), [media, setMedia] = useState(void 0);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: "2025-01-01"
+  }, $[0] = t0) : t0 = $[0];
+  const client = useClient(t0), {
+    experiments
+  } = useExperimentContext(), {
+    experiment,
+    variant,
+    value
+  } = props;
+  let selectedExperiment, t1;
+  if ($[1] !== experiment || $[2] !== experiments || $[3] !== variant) {
+    let t22;
+    $[6] !== experiment ? (t22 = (experimentItem) => experimentItem.id === experiment, $[6] = experiment, $[7] = t22) : t22 = $[7], selectedExperiment = experiments.find(t22), t1 = selectedExperiment?.variants.find((variantItem) => variantItem.id === variant), $[1] = experiment, $[2] = experiments, $[3] = variant, $[4] = selectedExperiment, $[5] = t1;
+  } else
+    selectedExperiment = $[4], t1 = $[5];
+  const selectedVariant = t1;
+  let t2;
+  $[8] !== client || $[9] !== props.schemaType || $[10] !== selectedExperiment?.label || $[11] !== selectedVariant?.label || $[12] !== value ? (t2 = () => {
     (async () => {
       if (setTitle(`${selectedExperiment?.label} - ${selectedVariant?.label}`), typeof value == "string")
         return setSubtitle(value);
-      if (sanity.isReference(value)) {
-        const doc = await client.getDocument(value._ref), referenceType = (props.schemaType.fields.find((field) => field.name === "value")?.type).to.find((field) => field.type?.name === doc?._type), selectFields = {}, previewFields = referenceType?.preview?.select || {};
+      if (isReference(value)) {
+        const doc = await client.getDocument(value._ref), referenceType = (props.schemaType.fields.find(_temp)?.type).to.find((field_0) => field_0.type?.name === doc?._type), selectFields = {}, 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) : void 0;
+          selectFields[key] = valueKey && doc ? valueKey?.split(".").reduce(_temp2, doc) : void 0;
         });
         const previewContent = referenceType?.preview?.prepare?.(selectFields);
-        return setMedia(previewContent?.media || selectFields.media), setSubtitle(previewContent?.title || selectFields?.title);
+        return setMedia(previewContent?.media || selectFields.media), setSubtitle(previewContent?.title || selectFields.title);
       }
-      return sanity.isImage(value) && setMedia(value), "";
+      return isImage(value) && setMedia(value), "";
     })();
-  }, [value, client, selectedExperiment?.label, selectedVariant?.label, props.schemaType]);
-  const previewProps = {
-    ...props,
-    title,
-    subtitle,
-    media
-  };
-  return props.renderDefault(previewProps);
+  }, $[8] = client, $[9] = props.schemaType, $[10] = selectedExperiment?.label, $[11] = selectedVariant?.label, $[12] = value, $[13] = t2) : t2 = $[13];
+  const t3 = selectedExperiment?.label, t4 = selectedVariant?.label;
+  let t5;
+  $[14] !== client || $[15] !== props.schemaType || $[16] !== t3 || $[17] !== t4 || $[18] !== value ? (t5 = [value, client, t3, t4, props.schemaType], $[14] = client, $[15] = props.schemaType, $[16] = t3, $[17] = t4, $[18] = value, $[19] = t5) : t5 = $[19], useEffect(t2, t5);
+  let t6;
+  if ($[20] !== media || $[21] !== props || $[22] !== subtitle || $[23] !== title) {
+    const previewProps = {
+      ...props,
+      title,
+      subtitle,
+      media
+    };
+    t6 = props.renderDefault(previewProps), $[20] = media, $[21] = props, $[22] = subtitle, $[23] = title, $[24] = t6;
+  } else
+    t6 = $[24];
+  return t6;
 };
+function _temp(field) {
+  return field.name === "value";
+}
+function _temp2(acc, index) {
+  return acc[index];
+}
 function flattenSchemaType(schemaType) {
-  return sanity.isDocumentSchemaType(schemaType) ? extractInnerFields(schemaType.fields, [], 5) : (console.error("Schema type is not a document"), []);
+  return isDocumentSchemaType(schemaType) ? extractInnerFields(schemaType.fields, [], 5) : (console.error("Schema type is not a document"), []);
 }
 function extractInnerFields(fields, path, maxDepth) {
-  return path.length >= maxDepth ? [] : fields.reduce((acc, field) => {
-    const thisFieldWithPath = { path: [...path, field.name], ...field };
-    if (field.type.jsonType === "object") {
-      const innerFields = extractInnerFields(field.type.fields, [...path, field.name], maxDepth);
-      return [...acc, thisFieldWithPath, ...innerFields];
-    } else if (field.type.jsonType === "array") {
-      const innerFields = (field.type.of || []).reduce((arrayAcc, arrayType) => {
-        if ("fields" in arrayType) {
-          const typeFields = extractInnerFields(arrayType.fields, [...path, field.name], maxDepth);
-          return [...arrayAcc, ...typeFields];
-        }
-        return arrayAcc;
-      }, []);
-      return [...acc, thisFieldWithPath, ...innerFields];
+  if (path.length >= maxDepth)
+    return [];
+  const result = [];
+  for (const field of fields)
+    if (result.push({
+      path: [...path, field.name],
+      ...field
+    }), field.type.jsonType === "object")
+      result.push(...extractInnerFields(field.type.fields, [...path, field.name], maxDepth));
+    else if (field.type.jsonType === "array") {
+      const arrayTypes = field.type.of || [];
+      for (const arrayType of arrayTypes)
+        "fields" in arrayType && result.push(...extractInnerFields(arrayType.fields, [...path, field.name], maxDepth));
     }
-    return [...acc, thisFieldWithPath];
-  }, []);
+  return result;
 }
 const createExperimentType = ({
   field,
@@ -268,86 +387,63 @@ const createExperimentType = ({
   variantArrayName,
   experimentId
 }) => {
-  const typeName = typeof field == "string" ? field : field.name, usedName = String(typeName[0]).toUpperCase() + String(typeName).slice(1), variantName = `${variantNameOverride}${usedName}`;
-  return sanity.defineType({
+  const typeName = typeof field == "string" ? field : field.name, usedName = String(typeName[0]).toUpperCase() + typeName.slice(1), variantName = `${variantNameOverride}${usedName}`;
+  return defineType({
     name: `${experimentNameOverride}${usedName}`,
     type: "object",
     components: {
-      field: (props) => /* @__PURE__ */ jsxRuntime.jsx(
-        ExperimentField,
-        {
-          ...props,
-          experimentId,
-          experimentNameOverride,
-          variantNameOverride
-        }
-      ),
+      field: (props) => /* @__PURE__ */ jsx(ExperimentField, { ...props, experimentId, experimentNameOverride, variantNameOverride }),
       item: ExperimentItem
     },
-    fields: [
-      typeof field == "string" ? (
-        // Define a simple field if all we have is the name as a string
-        sanity.defineField({
-          name: "default",
-          type: field
-        })
-      ) : (
-        // Pass in the configured options, but overwrite the name
-        {
-          ...field,
-          name: "default"
-        }
-      ),
-      sanity.defineField({
-        name: "active",
-        type: "boolean",
-        hidden: !0,
-        initialValue: !1
-      }),
-      sanity.defineField({
-        name: experimentId,
-        type: "string",
-        components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(
-            ExperimentInput,
-            {
-              ...props,
-              experimentNameOverride,
-              variantNameOverride
-            }
-          )
-        },
-        hidden: ({ parent }) => !parent?.active
-      }),
-      sanity.defineField({
-        name: variantArrayName,
-        type: "array",
-        hidden: ({ parent }) => !parent?.[experimentId],
-        components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(
-            ArrayInput,
-            {
-              ...props,
-              variantName,
-              variantId,
-              experimentId
-            }
-          )
-        },
-        of: [
-          sanity.defineField({
-            name: variantName,
-            type: variantName
-          })
-        ]
+    fields: [typeof field == "string" ? (
+      // Define a simple field if all we have is the name as a string
+      defineField({
+        name: "default",
+        type: field
       })
-    ],
+    ) : (
+      // Pass in the configured options, but overwrite the name
+      {
+        ...field,
+        name: "default"
+      }
+    ), defineField({
+      name: "active",
+      type: "boolean",
+      hidden: !0,
+      initialValue: !1
+    }), defineField({
+      name: experimentId,
+      type: "string",
+      components: {
+        input: (props) => /* @__PURE__ */ jsx(ExperimentInput, { ...props, experimentNameOverride, variantNameOverride })
+      },
+      hidden: ({
+        parent
+      }) => !parent?.active
+    }), defineField({
+      name: variantArrayName,
+      type: "array",
+      hidden: ({
+        parent
+      }) => !parent?.[experimentId],
+      components: {
+        input: (props) => /* @__PURE__ */ jsx(ArrayInput, { ...props, variantName, variantId, experimentId })
+      },
+      of: [defineField({
+        name: variantName,
+        type: variantName
+      })]
+    })],
     preview: {
       select: {
         base: "default",
         experiment: experimentId
       },
-      prepare: ({ base, experiment }) => {
+      prepare: ({
+        base,
+        experiment
+      }) => {
         const title = base?.title || base?.name || typeof base == "string" ? base : "", experimentTitle = experiment ? `Experiment: ${experiment}` : "", media = base?.image || base?.photo || base?.media || "";
         return {
           title: title || experimentTitle,
@@ -363,8 +459,8 @@ const createExperimentType = ({
   variantId,
   experimentId
 }) => {
-  const typeName = typeof field == "string" ? field : field.name, usedName = String(typeName[0]).toUpperCase() + String(typeName).slice(1);
-  return sanity.defineType({
+  const typeName = typeof field == "string" ? field : field.name, usedName = String(typeName[0]).toUpperCase() + typeName.slice(1);
+  return defineType({
     name: `${variantNameOverride}${usedName}`,
     title: `${variantNameOverride} array ${usedName}`,
     type: "object",
@@ -372,33 +468,29 @@ const createExperimentType = ({
       preview: VariantPreview,
       input: VariantInput
     },
-    fields: [
-      {
-        type: "string",
-        name: variantId,
-        readOnly: !0
-      },
+    fields: [{
+      type: "string",
+      name: variantId,
+      readOnly: !0
+    }, {
+      type: "string",
+      name: experimentId,
+      hidden: !0
+    }, typeof field == "string" ? (
+      // Define a simple field if all we have is the name as a string
+      defineField({
+        name: "value",
+        type: field
+        // hidden: ({parent}) => !parent?.[`${objectNameOverride}Id`],
+      })
+    ) : (
+      // Pass in the configured options, but overwrite the name
       {
-        type: "string",
-        name: experimentId,
-        hidden: !0
-      },
-      typeof field == "string" ? (
-        // Define a simple field if all we have is the name as a string
-        sanity.defineField({
-          name: "value",
-          type: field
-          // hidden: ({parent}) => !parent?.[`${objectNameOverride}Id`],
-        })
-      ) : (
-        // Pass in the configured options, but overwrite the name
-        {
-          ...field,
-          name: "value"
-          // hidden: ({parent}) => !parent?.[`${objectNameOverride}Id`],
-        }
-      )
-    ],
+        ...field,
+        name: "value"
+        // hidden: ({parent}) => !parent?.[`${objectNameOverride}Id`],
+      }
+    )],
     preview: {
       select: {
         variant: variantId,
@@ -414,22 +506,27 @@ const createExperimentType = ({
   variantId,
   variantArrayName,
   experimentId
-}) => [
-  ...fields.map(
-    (field) => createVariantType({ field, variantNameOverride, variantId, experimentId })
-  ),
-  ...fields.map(
-    (field) => createExperimentType({
-      field,
-      experimentNameOverride,
-      variantNameOverride,
-      variantId,
-      variantArrayName,
-      experimentId
-    })
-  )
-], fieldLevelExperiments = sanity.definePlugin((config) => {
-  const pluginConfig = { ...CONFIG_DEFAULT, ...config }, { fields, experimentNameOverride, variantNameOverride } = pluginConfig, experimentId = `${experimentNameOverride}Id`, variantArrayName = `${variantNameOverride}s`, variantId = `${variantNameOverride}Id`;
+}) => [...fields.map((field) => createVariantType({
+  field,
+  variantNameOverride,
+  variantId,
+  experimentId
+})), ...fields.map((field) => createExperimentType({
+  field,
+  experimentNameOverride,
+  variantNameOverride,
+  variantId,
+  variantArrayName,
+  experimentId
+}))], fieldLevelExperiments = definePlugin((config) => {
+  const pluginConfig = {
+    ...CONFIG_DEFAULT,
+    ...config
+  }, {
+    fields,
+    experimentNameOverride,
+    variantNameOverride
+  } = pluginConfig, experimentId = `${experimentNameOverride}Id`, variantArrayName = `${variantNameOverride}s`, variantId = `${variantNameOverride}Id`;
   return {
     name: "sanity-personalistaion-plugin-field-level-experiments",
     schema: {
@@ -445,9 +542,7 @@ const createExperimentType = ({
     form: {
       components: {
         input: (props) => {
-          if (!(props.id === "root" && sanity.isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).some(
-            (field) => field.type.name.startsWith(experimentNameOverride) || field.name.startsWith(experimentNameOverride)
-          ))
+          if (!(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).some((field) => field.type.name.startsWith(experimentNameOverride) || field.name.startsWith(experimentNameOverride)))
             return props.renderDefault(props);
           const providerProps = {
             ...props,
@@ -464,6 +559,8 @@ const createExperimentType = ({
     }
   };
 });
-exports.fieldLevelExperiments = fieldLevelExperiments;
-exports.flattenSchemaType = flattenSchemaType;
+export {
+  fieldLevelExperiments,
+  flattenSchemaType
+};
 //# sourceMappingURL=index.js.map