@sanity/personalization-plugin 2.2.0-launch-darkly.1 → 2.2.1

package/dist/index.mjs

@@ -1,12 +1,11 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useClient, useWorkspace, useFormValue, defineDocumentFieldAction, set, unset, useDocumentOperation, isReference, isImage, isDocumentSchemaType, definePlugin, isObjectInputProps, defineType, defineField } from "sanity";
-import { Stack, Inline, Button, Select as Select$1 } from "@sanity/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClient, useWorkspace, useFormValue, defineDocumentFieldAction, set, unset, useDocumentOperation, getPublishedId, isReference, isImage, isDocumentSchemaType, definePlugin, isObjectInputProps, defineType, defineField } from "sanity";
+import { Stack, Inline, Button, Select as Select$1, Card, Text } from "@sanity/ui";
 import { uuid } from "@sanity/uuid";
-import { createContext, useState, useMemo, useContext, useCallback, forwardRef, useEffect } from "react";
+import { createContext, useMemo, useContext, useCallback, forwardRef, useState, useEffect } from "react";
 import equal from "fast-deep-equal";
 import { suspend } from "suspend-react";
 import { GiSoapExperiment } from "react-icons/gi";
-import { useSecrets, SettingsView } from "@sanity/studio-secrets";
 const CONFIG_DEFAULT = {
   fields: [],
   apiVersion: "2024-11-07",
@@ -17,23 +16,20 @@ const CONFIG_DEFAULT = {
   experimentId: "experimentId"
 }, ExperimentContext = createContext({
   ...CONFIG_DEFAULT,
-  experiments: [],
-  setSecret: () => {
-  },
-  secret: void 0
+  experiments: []
 });
 function useExperimentContext() {
   return useContext(ExperimentContext);
 }
 function ExperimentProvider(props) {
-  const { experimentFieldPluginConfig } = props, [secret, setSecret] = useState(), client = useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspend(
+  const { experimentFieldPluginConfig } = props, client = useClient({ apiVersion: experimentFieldPluginConfig.apiVersion }), workspace = useWorkspace(), experiments = Array.isArray(experimentFieldPluginConfig.experiments) ? experimentFieldPluginConfig.experiments : suspend(
     // eslint-disable-next-line require-await
     async () => typeof experimentFieldPluginConfig.experiments == "function" ? experimentFieldPluginConfig.experiments(client) : experimentFieldPluginConfig.experiments,
-    [workspace, secret],
+    [workspace],
     { equal }
   ), context = useMemo(
-    () => ({ ...experimentFieldPluginConfig, experiments, secret, setSecret }),
-    [experimentFieldPluginConfig, experiments, secret, setSecret]
+    () => ({ ...experimentFieldPluginConfig, experiments }),
+    [experimentFieldPluginConfig, experiments]
   );
   return /* @__PURE__ */ jsx(ExperimentContext.Provider, { value: context, children: props.renderDefault(props) });
 }
@@ -6410,9 +6406,9 @@ const icons = {
 });
 Icon.displayName = "ForwardRef(Icon)";
 const useAddExperimentAction = (props) => {
-  const { onChange, experimentNameOverride } = props, handleAddAction = () => {
-    onChange([set(!0, ["active"])]);
-  };
+  const { onChange, active, experimentNameOverride } = props, handleAddAction = useCallback(() => {
+    onChange([set(!active, ["active"])]);
+  }, [onChange, active]);
   return {
     title: `Add ${experimentNameOverride}`,
     type: "action",
@@ -6421,13 +6417,10 @@ const useAddExperimentAction = (props) => {
     renderAsButton: !0
   };
 }, useRemoveExperimentAction = (props) => {
-  const { onChange, experimentId, experimentNameOverride } = props, patchActiveFalseEvent = () => set(!1, ["active"]), patchClearEvent = () => {
-    const experiment = [experimentId], variants = [experimentNameOverride];
-    return [unset(experiment), unset(variants)];
-  }, handleClearAction = () => {
-    const clearEvents = patchClearEvent(), activeEvent = patchActiveFalseEvent();
-    onChange([activeEvent, ...clearEvents]);
-  };
+  const { onChange, active, experimentId, experimentNameOverride, variantNameOverride } = props, handleClearAction = useCallback(() => {
+    const activeId = ["active"], experiment = [experimentId], variants = [`${variantNameOverride}s`];
+    onChange([set(!active, activeId), unset(experiment), unset(variants)]);
+  }, [onChange, active, experimentId, experimentNameOverride, variantNameOverride]);
   return {
     title: `Remove ${experimentNameOverride}`,
     type: "action",
@@ -6435,36 +6428,53 @@ const useAddExperimentAction = (props) => {
     onAction: handleClearAction,
     renderAsButton: !0
   };
-}, newActions = ({
+}, createActions = ({
   onChange,
   inputId,
   active,
   experimentNameOverride,
-  experimentId
+  experimentId,
+  variantNameOverride
 }) => {
   const removeAction = defineDocumentFieldAction({
     name: `Remove ${experimentNameOverride}`,
     useAction: (props) => useRemoveExperimentAction({
+      active: !0,
       onChange,
       experimentNameOverride,
-      experimentId
+      experimentId,
+      variantNameOverride
     })
   }), addAction = 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 = useMemo(
+    () => ({
+      onChange,
+      inputId,
+      active,
+      experimentNameOverride,
+      experimentId,
+      variantNameOverride
+    }),
+    [onChange, inputId, active, experimentNameOverride, experimentId, variantNameOverride]
+  ), memoizedActions = useMemo(() => {
+    const oldActions = props.actions || [];
+    return [createActions(actionProps), ...oldActions];
+  }, [actionProps, props.actions]), withActionProps = useMemo(
+    () => ({
+      ...props,
+      actions: memoizedActions
+    }),
+    [props, memoizedActions]
+  );
   return props.renderDefault(withActionProps);
 }, Select = (props) => {
   const {
@@ -6495,22 +6505,26 @@ const useAddExperimentAction = (props) => {
   title: experiment.label,
   value: experiment.id
 })), ExperimentInput = (props) => {
-  const { experiments } = useExperimentContext(), id = useFormValue(["_id"]), aditionalChangePath = useMemo(
-    () => [...props.path.slice(0, -1), props.variantNameOverride],
+  const { experiments } = useExperimentContext(), id = useFormValue(["_id"]), additionalChangePath = useMemo(
+    () => [...props.path.slice(0, -1), `${props.variantNameOverride}s`],
     [props.variantNameOverride, props.path]
-  ), subValues = useFormValue(aditionalChangePath), { patch } = useDocumentOperation(id.replace("drafts.", ""), props.schemaType.name), handleChange = useCallback(
+  ), subValues = useFormValue(additionalChangePath), { patch } = useDocumentOperation(getPublishedId(id), props.schemaType.name), handleChange = useCallback(
     (event, onChange) => {
       const inputValue = event.currentTarget.value;
       if (onChange(inputValue ? set(inputValue) : unset()), subValues) {
         const patchEvent = {
-          unset: [aditionalChangePath.join(".")]
+          unset: [additionalChangePath.join(".")]
         };
         patch.execute([patchEvent]);
       }
     },
-    [patch, subValues, aditionalChangePath]
+    [patch, subValues, additionalChangePath]
   );
-  return experiments.length ? /* @__PURE__ */ jsx(Select, { ...props, listOptions: formatlistOptions(experiments), handleChange }) : /* @__PURE__ */ jsx(Fragment, {});
+  return experiments.length ? /* @__PURE__ */ jsx(Select, { ...props, listOptions: formatlistOptions(experiments), handleChange }) : /* @__PURE__ */ jsx(Card, { padding: [3, 3, 4], radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsxs(Text, { align: "center", size: [2, 2, 3], children: [
+    "There are no defined ",
+    props.experimentNameOverride,
+    "s"
+  ] }) });
 }, VariantInput = (props) => {
   const defaultValue = useFormValue([props.path[0], "default"]), handleClick = () => {
     props.onChange(set(defaultValue, ["value"]));
@@ -6584,7 +6598,8 @@ const createExperimentType = ({
         {
           ...props,
           experimentId,
-          experimentNameOverride
+          experimentNameOverride,
+          variantNameOverride
         }
       )
     },
@@ -6611,7 +6626,14 @@ const createExperimentType = ({
         name: experimentId,
         type: "string",
         components: {
-          input: (props) => /* @__PURE__ */ jsx(ExperimentInput, { ...props, variantNameOverride })
+          input: (props) => /* @__PURE__ */ jsx(
+            ExperimentInput,
+            {
+              ...props,
+              experimentNameOverride,
+              variantNameOverride
+            }
+          )
         },
         hidden: ({ parent }) => !parent?.active
       }),
@@ -6747,81 +6769,9 @@ const createExperimentType = ({
       }
     }
   };
-}), pluginConfigKeys = [
-  {
-    key: "apiKey",
-    title: "Your secret API key"
-  }
-], Secrets = (props, namespace) => {
-  const { secrets, loading } = useSecrets(namespace), { setSecret } = useExperimentContext(), [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);
-}, 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,
-        label: variation.name
-      }))
-    }));
-    featureExperiments.push(...experiments), items.length !== limit && (hasMore = !1);
-  }
-  return featureExperiments;
-}, launchDarklyFieldLevel = definePlugin((config) => {
-  const { fields, projectKey, tags } = config;
-  return {
-    name: "sanity-growthbook-personalistaion-plugin-field-level-experiments",
-    plugins: [
-      fieldLevelExperiments({
-        fields,
-        experiments: (client) => getExperiments({ client, projectKey, tags })
-      })
-    ],
-    form: {
-      components: {
-        input: (props) => !(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map(
-          (field) => field.type.name
-        ).some((name) => name.startsWith("experiment")) ? props.renderDefault(props) : Secrets(props, "launchdarkly")
-      }
-    }
-  };
 });
 export {
   fieldLevelExperiments,
-  flattenSchemaType,
-  launchDarklyFieldLevel
+  flattenSchemaType
 };
 //# sourceMappingURL=index.mjs.map