@sanity/personalization-plugin 2.2.0-growthbook.1 → 2.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "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"), studioSecrets = require("@sanity/studio-secrets");
+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 };
 }
@@ -15,23 +15,20 @@ const CONFIG_DEFAULT = {
   experimentId: "experimentId"
 }, ExperimentContext = react.createContext({
   ...CONFIG_DEFAULT,
-  experiments: [],
-  setSecret: () => {
-  },
-  secret: void 0
+  experiments: []
 });
 function useExperimentContext() {
   return react.useContext(ExperimentContext);
 }
 function ExperimentProvider(props) {
-  const { experimentFieldPluginConfig } = props, [secret, setSecret] = react.useState(), client = sanity.useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = sanity.useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspendReact.suspend(
+  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, secret) : experimentFieldPluginConfig.experiments,
-    [workspace, secret],
+    async () => typeof experimentFieldPluginConfig.experiments == "function" ? experimentFieldPluginConfig.experiments(client) : experimentFieldPluginConfig.experiments,
+    [workspace],
     { equal: equal__default.default }
   ), context = react.useMemo(
-    () => ({ ...experimentFieldPluginConfig, experiments, secret, setSecret }),
-    [experimentFieldPluginConfig, experiments, secret, setSecret]
+    () => ({ ...experimentFieldPluginConfig, experiments }),
+    [experimentFieldPluginConfig, experiments]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ExperimentContext.Provider, { value: context, children: props.renderDefault(props) });
 }
@@ -6408,9 +6405,9 @@ const icons = {
 });
 Icon.displayName = "ForwardRef(Icon)";
 const useAddExperimentAction = (props) => {
-  const { onChange, active, experimentNameOverride } = props, handleAddAction = react.useCallback(() => {
-    onChange([sanity.set(!active, ["active"])]);
-  }, [onChange, active]);
+  const { onChange, experimentNameOverride } = props, handleAddAction = () => {
+    onChange([sanity.set(!0, ["active"])]);
+  };
   return {
     title: `Add ${experimentNameOverride}`,
     type: "action",
@@ -6419,10 +6416,13 @@ const useAddExperimentAction = (props) => {
     renderAsButton: !0
   };
 }, useRemoveExperimentAction = (props) => {
-  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, variantNameOverride]);
+  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]);
+  };
   return {
     title: `Remove ${experimentNameOverride}`,
     type: "action",
@@ -6430,53 +6430,36 @@ const useAddExperimentAction = (props) => {
     onAction: handleClearAction,
     renderAsButton: !0
   };
-}, createActions = ({
+}, newActions = ({
   onChange,
   inputId,
   active,
   experimentNameOverride,
-  experimentId,
-  variantNameOverride
+  experimentId
 }) => {
   const removeAction = sanity.defineDocumentFieldAction({
     name: `Remove ${experimentNameOverride}`,
     useAction: (props) => useRemoveExperimentAction({
-      active: !0,
       onChange,
       experimentNameOverride,
-      experimentId,
-      variantNameOverride
+      experimentId
     })
   }), 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, 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]
-  );
+  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
+    ]
+  };
   return props.renderDefault(withActionProps);
 }, Select = (props) => {
   const {
@@ -6508,7 +6491,7 @@ const useAddExperimentAction = (props) => {
   value: experiment.id
 })), ExperimentInput = (props) => {
   const { experiments } = useExperimentContext(), id = sanity.useFormValue(["_id"]), aditionalChangePath = react.useMemo(
-    () => [...props.path.slice(0, -1), `${props.variantNameOverride}s`],
+    () => [...props.path.slice(0, -1), props.variantNameOverride],
     [props.variantNameOverride, props.path]
   ), subValues = sanity.useFormValue(aditionalChangePath), { patch } = sanity.useDocumentOperation(id.replace("drafts.", ""), props.schemaType.name), handleChange = react.useCallback(
     (event, onChange) => {
@@ -6522,7 +6505,11 @@ const useAddExperimentAction = (props) => {
     },
     [patch, subValues, aditionalChangePath]
   );
-  return experiments.length ? /* @__PURE__ */ jsxRuntime.jsx(Select, { ...props, listOptions: formatlistOptions(experiments), handleChange }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+  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"
+  ] }) });
 }, VariantInput = (props) => {
   const defaultValue = sanity.useFormValue([props.path[0], "default"]), handleClick = () => {
     props.onChange(sanity.set(defaultValue, ["value"]));
@@ -6596,8 +6583,7 @@ const createExperimentType = ({
         {
           ...props,
           experimentId,
-          experimentNameOverride,
-          variantNameOverride
+          experimentNameOverride
         }
       )
     },
@@ -6624,7 +6610,14 @@ const createExperimentType = ({
         name: experimentId,
         type: "string",
         components: {
-          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(ExperimentInput, { ...props, variantNameOverride })
+          input: (props) => /* @__PURE__ */ jsxRuntime.jsx(
+            ExperimentInput,
+            {
+              ...props,
+              experimentNameOverride,
+              variantNameOverride
+            }
+          )
         },
         hidden: ({ parent }) => !parent?.active
       }),
@@ -6760,91 +6753,7 @@ const createExperimentType = ({
       }
     }
   };
-}), namespace = "growthbook", pluginConfigKeys = [
-  {
-    key: "apiKey",
-    title: "Your secret API key"
-  }
-], Secrets = (props) => {
-  const { secrets, loading } = studioSecrets.useSecrets(namespace), { setSecret } = useExperimentContext(), [showSettings, setShowSettings] = react.useState(!1);
-  return react.useEffect(() => {
-    if (!loading)
-      return !secrets && !loading ? (setSecret(void 0), setShowSettings(!0)) : (setSecret(secrets.apiKey), setShowSettings(!1));
-  }, [secrets, loading, setSecret]), showSettings ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      studioSecrets.SettingsView,
-      {
-        title: "Growthbook secret",
-        namespace,
-        keys: pluginConfigKeys,
-        onClose: () => {
-          setShowSettings(!1);
-        }
-      }
-    ),
-    props.renderDefault(props)
-  ] }) : props.renderDefault(props);
-}, getBooleanConversion = (value) => value === "true" ? "variant" : value === "false" ? "control" : value, getExperiments = async ({
-  client,
-  environment,
-  baseUrl,
-  project,
-  convertBooleans
-}) => {
-  const secret = await client.fetch("*[_id == 'secrets.growthbook'][0].secrets.apiKey");
-  if (!secret) return [];
-  const featureExperiments = [];
-  let hasMore = !0, offset = 0;
-  const url = new URL(baseUrl ?? "https://api.growthbook.io/api/v1/features");
-  for (project && url.searchParams.set("projectId", project); hasMore; ) {
-    url.searchParams.set("offset", offset.toString());
-    const response = await fetch(url, {
-      headers: {
-        Authorization: `Bearer ${secret}`
-      }
-    }), { features, hasMore: responseHasMore, nextOffset } = await response.json();
-    hasMore = responseHasMore, offset = nextOffset, features && features.forEach((feature) => {
-      if (feature.archived)
-        return;
-      const experiments = feature.environments[environment]?.rules.filter(
-        (experiment) => experiment.type === "experiment-ref" || experiment.type === "experiment"
-      );
-      if (!experiments)
-        return;
-      const variations = /* @__PURE__ */ new Set();
-      experiments.forEach((experiment) => {
-        experiment?.variations.forEach((variant) => {
-          variations.add({
-            id: convertBooleans ? getBooleanConversion(variant.value) : variant.value,
-            label: convertBooleans ? getBooleanConversion(variant.value) : variant.value
-          });
-        });
-      });
-      const value = { id: feature.id, label: feature.id, variants: [...variations] };
-      featureExperiments.push(value);
-    });
-  }
-  return featureExperiments;
-}, growthbookFieldLevel = sanity.definePlugin((config) => {
-  const { fields, environment, project, convertBooleans, baseUrl } = config;
-  return {
-    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
-    plugins: [
-      fieldLevelExperiments({
-        fields,
-        experiments: (client) => getExperiments({ client, environment, baseUrl, project, convertBooleans })
-      })
-    ],
-    form: {
-      components: {
-        input: (props) => !(props.id === "root" && sanity.isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map(
-          (field) => field.type.name
-        ).some((name) => name.startsWith("experiment")) ? props.renderDefault(props) : Secrets(props)
-      }
-    }
-  };
 });
 exports.fieldLevelExperiments = fieldLevelExperiments;
 exports.flattenSchemaType = flattenSchemaType;
-exports.growthbookFieldLevel = growthbookFieldLevel;
 //# sourceMappingURL=index.js.map