@sanity/personalization-plugin 2.2.0 → 2.2.1

package/dist/index.js

@@ -6405,9 +6405,9 @@ const icons = {
 });
 Icon.displayName = "ForwardRef(Icon)";
 const useAddExperimentAction = (props) => {
-  const { onChange, experimentNameOverride } = props, handleAddAction = () => {
-    onChange([sanity.set(!0, ["active"])]);
-  };
+  const { onChange, active, experimentNameOverride } = props, handleAddAction = react.useCallback(() => {
+    onChange([sanity.set(!active, ["active"])]);
+  }, [onChange, active]);
   return {
     title: `Add ${experimentNameOverride}`,
     type: "action",
@@ -6416,13 +6416,10 @@ const useAddExperimentAction = (props) => {
     renderAsButton: !0
   };
 }, useRemoveExperimentAction = (props) => {
-  const { onChange, experimentId, experimentNameOverride } = props, patchActiveFalseEvent = () => sanity.set(!1, ["active"]), patchClearEvent = () => {
-    const experiment = [experimentId], variants = [experimentNameOverride];
-    return [sanity.unset(experiment), sanity.unset(variants)];
-  }, handleClearAction = () => {
-    const clearEvents = patchClearEvent(), activeEvent = patchActiveFalseEvent();
-    onChange([activeEvent, ...clearEvents]);
-  };
+  const { onChange, active, experimentId, experimentNameOverride, variantNameOverride } = props, handleClearAction = react.useCallback(() => {
+    const activeId = ["active"], experiment = [experimentId], variants = [`${variantNameOverride}s`];
+    onChange([sanity.set(!active, activeId), sanity.unset(experiment), sanity.unset(variants)]);
+  }, [onChange, active, experimentId, experimentNameOverride, variantNameOverride]);
   return {
     title: `Remove ${experimentNameOverride}`,
     type: "action",
@@ -6430,36 +6427,53 @@ const useAddExperimentAction = (props) => {
     onAction: handleClearAction,
     renderAsButton: !0
   };
-}, newActions = ({
+}, createActions = ({
   onChange,
   inputId,
   active,
   experimentNameOverride,
-  experimentId
+  experimentId,
+  variantNameOverride
 }) => {
   const removeAction = sanity.defineDocumentFieldAction({
     name: `Remove ${experimentNameOverride}`,
     useAction: (props) => useRemoveExperimentAction({
+      active: !0,
       onChange,
       experimentNameOverride,
-      experimentId
+      experimentId,
+      variantNameOverride
     })
   }), addAction = sanity.defineDocumentFieldAction({
     name: `Add ${experimentNameOverride}`,
     useAction: (props) => useAddExperimentAction({
+      active: !1,
       onChange,
       experimentNameOverride
     })
   });
   return active ? removeAction : addAction;
 }, ExperimentField = (props) => {
-  const { onChange } = props.inputProps, { inputId, experimentNameOverride, experimentId } = props, active = props.value?.active, oldActions = props.actions || [], withActionProps = {
-    ...props,
-    actions: [
-      newActions({ onChange, inputId, active, experimentNameOverride, experimentId }),
-      ...oldActions
-    ]
-  };
+  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);
 }, Select = (props) => {
   const {
@@ -6490,20 +6504,20 @@ const useAddExperimentAction = (props) => {
   title: experiment.label,
   value: experiment.id
 })), ExperimentInput = (props) => {
-  const { experiments } = useExperimentContext(), id = sanity.useFormValue(["_id"]), aditionalChangePath = react.useMemo(
-    () => [...props.path.slice(0, -1), props.variantNameOverride],
+  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(aditionalChangePath), { patch } = sanity.useDocumentOperation(id.replace("drafts.", ""), props.schemaType.name), handleChange = react.useCallback(
+  ), 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: [aditionalChangePath.join(".")]
+          unset: [additionalChangePath.join(".")]
         };
         patch.execute([patchEvent]);
       }
     },
-    [patch, subValues, aditionalChangePath]
+    [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 ",
@@ -6583,7 +6597,8 @@ const createExperimentType = ({
         {
           ...props,
           experimentId,
-          experimentNameOverride
+          experimentNameOverride,
+          variantNameOverride
         }
       )
     },