sanity 5.29.0-next.8 → 5.29.0-next.9

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.29.0-next.8+472c314f72";
+var version = "5.29.0-next.9+07d4dd910e";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.29.0-next.8+472c314f72";
+  "5.29.0-next.9+07d4dd910e";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -81485,6 +81485,125 @@ function getHasValidConditions(conditions) {
   const entries = Object.entries(conditions);
   return entries.length > 0 && entries.every(([key, value]) => !!(key.trim() && value.trim()));
 }
+function createVariantsSet(variants2) {
+  return (variants2 ?? []).reduce((acc, variant) => (acc.set(variant._id, variant), acc), /* @__PURE__ */ new Map());
+}
+function variantStoreReducer(state, action) {
+  switch (action.type) {
+    case "LOADING_STATE_CHANGED":
+      return {
+        ...state,
+        state: action.payload.error ? "error" : action.payload.loading ? "loading" : "loaded",
+        error: action.payload.error
+      };
+    case "VARIANTS_SET": {
+      const variantsById = createVariantsSet(action.payload);
+      return {
+        ...state,
+        variants: variantsById
+      };
+    }
+    case "FETCH_SUCCEEDED": {
+      const variantsById = createVariantsSet(action.payload);
+      return {
+        ...state,
+        variants: variantsById,
+        state: "loaded",
+        error: void 0
+      };
+    }
+    case "VARIANT_DELETED": {
+      const {
+        id: id2
+      } = action.payload, restVariants = new Map(state.variants);
+      return restVariants.delete(id2), {
+        ...state,
+        variants: restVariants
+      };
+    }
+    default:
+      return state;
+  }
+}
+const SORT_FIELD = "_createdAt", SORT_ORDER = "desc", QUERY_SORT_ORDER = `order(${SORT_FIELD} ${SORT_ORDER})`, QUERY_FILTER = `_type=="${VARIANT_DOCUMENT_TYPE}" && _id in path("${VARIANT_DOCUMENTS_PATH}.*")`, QUERY_PROJECTION = `{
+  _id,
+  _type,
+  _rev,
+  _createdAt,
+  _updatedAt,
+  name,
+  conditions,
+  "priority": coalesce(priority, 0),
+  metadata,
+}`, QUERY = `*[${QUERY_FILTER}] ${QUERY_PROJECTION} | ${QUERY_SORT_ORDER}`, INITIAL_STATE$4 = {
+  variants: /* @__PURE__ */ new Map(),
+  state: "initialising"
+};
+function createVariantsStore(context) {
+  const {
+    client
+  } = context, dispatch$ = new Subject();
+  function dispatch(action) {
+    dispatch$.next(action);
+  }
+  const listFetch$ = of({
+    type: "LOADING_STATE_CHANGED",
+    payload: {
+      loading: !0,
+      error: void 0
+    }
+  }).pipe(concatWith(listenQuery(client, QUERY, {}, {
+    tag: "variants.listen"
+  }).pipe(map((variants2) => ({
+    type: "FETCH_SUCCEEDED",
+    payload: variants2
+  })))), catchError$1((error) => of({
+    type: "LOADING_STATE_CHANGED",
+    payload: {
+      loading: !1,
+      error
+    }
+  })));
+  return {
+    state$: merge(listFetch$, dispatch$).pipe(scan$1((state, action) => variantStoreReducer(state, action), INITIAL_STATE$4), startWith(INITIAL_STATE$4), shareReplay$1(1)),
+    dispatch
+  };
+}
+function useVariantsStore() {
+  const $ = c(4), resourceCache = useResourceCache(), workspace = useWorkspace(), studioClient = useClient(VARIANTS_STUDIO_CLIENT_OPTIONS);
+  let variantStore;
+  return $[0] !== resourceCache || $[1] !== studioClient || $[2] !== workspace ? (variantStore = resourceCache.get({
+    dependencies: [workspace],
+    namespace: "VariantsStore"
+  }) || createVariantsStore({
+    client: studioClient
+  }), resourceCache.set({
+    dependencies: [workspace],
+    namespace: "VariantsStore",
+    value: variantStore
+  }), $[0] = resourceCache, $[1] = studioClient, $[2] = workspace, $[3] = variantStore) : variantStore = $[3], variantStore;
+}
+function useAllVariants() {
+  const $ = c(8), {
+    state$
+  } = useVariantsStore(), {
+    variants: variants2,
+    error,
+    state
+  } = useObservable(state$);
+  let t0;
+  $[0] !== variants2 ? (t0 = Array.from(variants2.values()), $[0] = variants2, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = ["loading", "initialising"], $[2] = t1) : t1 = $[2];
+  const t2 = t1.includes(state);
+  let t3;
+  return $[3] !== error || $[4] !== t0 || $[5] !== t2 || $[6] !== variants2 ? (t3 = {
+    data: t0,
+    byId: variants2,
+    error,
+    loading: t2
+  }, $[3] = error, $[4] = t0, $[5] = t2, $[6] = variants2, $[7] = t3) : t3 = $[7], t3;
+}
 const CONDITION_KEY_REGEX = /^[a-z][a-z0-9_-]{0,63}$/, RESERVED_KEY_PREFIXES = ["_", "$"];
 function getConditionKeyValidationError(key) {
   const trimmedKey = key.trim();
@@ -81532,6 +81651,68 @@ function createPortableTextDescription(text) {
     style: "normal"
   }] : [];
 }
+function sortValues(values2) {
+  return Array.from(values2).filter(Boolean).toSorted((a, b) => a.localeCompare(b));
+}
+function buildConditionSuggestionIndex(variants2) {
+  const keys = /* @__PURE__ */ new Set(), valuesByKey = /* @__PURE__ */ new Map();
+  return variants2.forEach((variant) => {
+    Object.entries(variant.conditions).forEach(([rawKey, rawValue]) => {
+      const key = rawKey.trim();
+      if (!key)
+        return;
+      keys.add(key);
+      const value = rawValue?.trim();
+      if (!value)
+        return;
+      let values2 = valuesByKey.get(key);
+      values2 || (values2 = /* @__PURE__ */ new Set(), valuesByKey.set(key, values2)), values2.add(value);
+    });
+  }), {
+    keys: sortValues(keys),
+    valuesByKey: new Map(Array.from(valuesByKey, ([key, values2]) => [key, sortValues(values2)]))
+  };
+}
+function getConditionKeyOptions(index, rows, currentRowIndex) {
+  const usedKeys = new Set(rows.filter((_, rowIndex) => rowIndex !== currentRowIndex).map((row) => row.key.trim()).filter(Boolean));
+  return index.keys.filter((key) => !usedKeys.has(key)).map((value) => ({
+    value
+  }));
+}
+function getConditionValueOptions(index, conditionKey) {
+  const key = conditionKey.trim();
+  return key ? index.valuesByKey.get(key)?.map((value) => ({
+    value
+  })) ?? [] : [];
+}
+function filterConditionOption(query, option) {
+  return option.value.toLowerCase().includes(query.trim().toLowerCase());
+}
+function ConditionAutocompleteInput(props2) {
+  const $ = c(16), {
+    ariaLabel,
+    autoFocus,
+    customValidity,
+    invalid,
+    onChange,
+    options,
+    placeholder,
+    testId,
+    value
+  } = props2, id2 = useId(), [focused, setFocused] = useState(!1);
+  let t0;
+  $[0] !== onChange ? (t0 = (nextValue) => {
+    nextValue !== null && onChange(nextValue);
+  }, $[0] = onChange, $[1] = t0) : t0 = $[1];
+  const handleQueryChange = t0, t1 = invalid ? "true" : void 0;
+  let t2;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setFocused(!1), $[2] = t2) : t2 = $[2];
+  let t3;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setFocused(!0), $[3] = t3) : t3 = $[3];
+  const t4 = focused ? void 0 : value;
+  let t5;
+  return $[4] !== ariaLabel || $[5] !== autoFocus || $[6] !== customValidity || $[7] !== handleQueryChange || $[8] !== id2 || $[9] !== onChange || $[10] !== options || $[11] !== placeholder || $[12] !== t1 || $[13] !== t4 || $[14] !== testId ? (t5 = /* @__PURE__ */ jsx(Autocomplete, { id: id2, "aria-invalid": t1, "aria-label": ariaLabel, autoFocus, customValidity, "data-testid": testId, filterOption: filterConditionOption, fontSize: 1, onBlur: t2, onChange, onFocus: t3, onQueryChange: handleQueryChange, openButton: !0, options, placeholder, value: t4 }), $[4] = ariaLabel, $[5] = autoFocus, $[6] = customValidity, $[7] = handleQueryChange, $[8] = id2, $[9] = onChange, $[10] = options, $[11] = placeholder, $[12] = t1, $[13] = t4, $[14] = testId, $[15] = t5) : t5 = $[15], t5;
+}
 function getConditionRows(conditions) {
   const rows = Object.entries(conditions).map(([key, value]) => ({
     id: randomKey$1(12),
@@ -81585,158 +81766,159 @@ function getPortableTextDescriptionValue(description) {
   return !Array.isArray(description) || !description.every(isPortableTextBlock) ? "" : toPlainText(description);
 }
 function VariantForm(props2) {
-  const $ = c(112), {
+  const $ = c(108), {
     onChange,
     onConditionValidityChange,
     showValidation: t0,
     value
   } = props2, showValidation = t0 === void 0 ? !1 : t0, {
     t
-  } = useTranslation(variantsLocaleNamespace), titleId = useId(), descriptionId = useId();
+  } = useTranslation(variantsLocaleNamespace), {
+    data: variants2
+  } = useAllVariants();
   let t1;
-  $[0] !== value.conditions ? (t1 = () => getConditionRows(value.conditions), $[0] = value.conditions, $[1] = t1) : t1 = $[1];
-  const [conditionRows, setConditionRows] = useState(t1);
+  $[0] !== variants2 ? (t1 = buildConditionSuggestionIndex(variants2), $[0] = variants2, $[1] = t1) : t1 = $[1];
+  const suggestionIndex = t1, titleId = useId(), descriptionId = useId();
   let t2;
-  $[2] !== conditionRows ? (t2 = getConditionRowsValidation(conditionRows), $[2] = conditionRows, $[3] = t2) : t2 = $[3];
-  const conditionsValidation = t2;
+  $[2] !== value.conditions ? (t2 = () => getConditionRows(value.conditions), $[2] = value.conditions, $[3] = t2) : t2 = $[3];
+  const [conditionRows, setConditionRows] = useState(t2);
   let t3;
-  $[4] !== value ? (t3 = getVariantTitleValue(value), $[4] = value, $[5] = t3) : t3 = $[5];
-  const showTitleError = showValidation && !t3, lastConditionRow = conditionRows[conditionRows.length - 1];
+  $[4] !== conditionRows ? (t3 = getConditionRowsValidation(conditionRows), $[4] = conditionRows, $[5] = t3) : t3 = $[5];
+  const conditionsValidation = t3;
   let t4;
-  $[6] !== conditionsValidation || $[7] !== lastConditionRow ? (t4 = lastConditionRow && !hasConditionRowsValidationErrors(conditionsValidation), $[6] = conditionsValidation, $[7] = lastConditionRow, $[8] = t4) : t4 = $[8];
-  const canAddCondition = !!t4;
+  $[6] !== value ? (t4 = getVariantTitleValue(value), $[6] = value, $[7] = t4) : t4 = $[7];
+  const showTitleError = showValidation && !t4, lastConditionRow = conditionRows[conditionRows.length - 1];
   let t5;
-  $[9] !== onChange || $[10] !== onConditionValidityChange ? (t5 = (nextRows) => {
+  $[8] !== conditionsValidation || $[9] !== lastConditionRow ? (t5 = lastConditionRow && !hasConditionRowsValidationErrors(conditionsValidation), $[8] = conditionsValidation, $[9] = lastConditionRow, $[10] = t5) : t5 = $[10];
+  const canAddCondition = !!t5;
+  let t6;
+  $[11] !== onChange || $[12] !== onConditionValidityChange ? (t6 = (nextRows) => {
     const rows = nextRows.length ? nextRows : getConditionRows({});
     setConditionRows(rows);
     const nextRowsValidation = getConditionRowsValidation(rows), nextRowsInvalid = hasConditionRowsValidationErrors(nextRowsValidation);
     onConditionValidityChange?.(nextRowsInvalid), (nextRows.length === 0 || !nextRowsInvalid) && onChange(["conditions"], getConditionsFromRows(nextRows));
-  }, $[9] = onChange, $[10] = onConditionValidityChange, $[11] = t5) : t5 = $[11];
-  const updateConditionRows = t5;
-  let t6;
-  $[12] !== onChange ? (t6 = (event) => {
-    onChange(["metadata", "title"], event.currentTarget.value);
-  }, $[12] = onChange, $[13] = t6) : t6 = $[13];
-  const handleTitleChange = t6;
+  }, $[11] = onChange, $[12] = onConditionValidityChange, $[13] = t6) : t6 = $[13];
+  const updateConditionRows = t6;
   let t7;
-  $[14] !== onChange ? (t7 = (event_0) => {
-    onChange(["metadata", "description"], createPortableTextDescription(event_0.currentTarget.value));
+  $[14] !== onChange ? (t7 = (event) => {
+    onChange(["metadata", "title"], event.currentTarget.value);
   }, $[14] = onChange, $[15] = t7) : t7 = $[15];
-  const handleDescriptionChange = t7;
+  const handleTitleChange = t7;
   let t8;
-  $[16] !== conditionRows || $[17] !== updateConditionRows ? (t8 = (index, field, nextValue) => {
+  $[16] !== onChange ? (t8 = (event_0) => {
+    onChange(["metadata", "description"], createPortableTextDescription(event_0.currentTarget.value));
+  }, $[16] = onChange, $[17] = t8) : t8 = $[17];
+  const handleDescriptionChange = t8;
+  let t9;
+  $[18] !== conditionRows || $[19] !== updateConditionRows ? (t9 = (index, field, nextValue) => {
     const nextRows_0 = conditionRows.map((row, rowIndex) => rowIndex === index ? {
       ...row,
       [field]: nextValue
     } : row);
     updateConditionRows(nextRows_0);
-  }, $[16] = conditionRows, $[17] = updateConditionRows, $[18] = t8) : t8 = $[18];
-  const handleConditionChange = t8;
-  let t9;
-  $[19] !== canAddCondition || $[20] !== conditionRows || $[21] !== updateConditionRows ? (t9 = () => {
+  }, $[18] = conditionRows, $[19] = updateConditionRows, $[20] = t9) : t9 = $[20];
+  const handleConditionChange = t9;
+  let t10;
+  $[21] !== canAddCondition || $[22] !== conditionRows || $[23] !== updateConditionRows ? (t10 = () => {
     canAddCondition && updateConditionRows([...conditionRows, {
       id: randomKey$1(12),
       key: "",
       value: ""
     }]);
-  }, $[19] = canAddCondition, $[20] = conditionRows, $[21] = updateConditionRows, $[22] = t9) : t9 = $[22];
-  const handleAddCondition = t9;
-  let t10;
-  $[23] !== conditionRows || $[24] !== updateConditionRows ? (t10 = (index_0) => {
+  }, $[21] = canAddCondition, $[22] = conditionRows, $[23] = updateConditionRows, $[24] = t10) : t10 = $[24];
+  const handleAddCondition = t10;
+  let t11;
+  $[25] !== conditionRows || $[26] !== updateConditionRows ? (t11 = (index_0) => {
     const nextRows_1 = conditionRows.filter((_, rowIndex_0) => rowIndex_0 !== index_0);
     updateConditionRows(nextRows_1);
-  }, $[23] = conditionRows, $[24] = updateConditionRows, $[25] = t10) : t10 = $[25];
-  const handleRemoveCondition = t10;
-  let t11;
-  $[26] !== t ? (t11 = t("dialog.create.variant-title.label"), $[26] = t, $[27] = t11) : t11 = $[27];
+  }, $[25] = conditionRows, $[26] = updateConditionRows, $[27] = t11) : t11 = $[27];
+  const handleRemoveCondition = t11;
   let t12;
-  $[28] !== t11 || $[29] !== titleId ? (t12 = /* @__PURE__ */ jsx(Text$1, { as: "label", htmlFor: titleId, size: 1, weight: "medium", children: t11 }), $[28] = t11, $[29] = titleId, $[30] = t12) : t12 = $[30];
-  const t13 = showTitleError ? "true" : void 0;
-  let t14;
-  $[31] !== showTitleError || $[32] !== t ? (t14 = showTitleError ? t("dialog.create.variant-title.required") : void 0, $[31] = showTitleError, $[32] = t, $[33] = t14) : t14 = $[33];
+  $[28] !== t ? (t12 = t("dialog.create.variant-title.label"), $[28] = t, $[29] = t12) : t12 = $[29];
+  let t13;
+  $[30] !== t12 || $[31] !== titleId ? (t13 = /* @__PURE__ */ jsx(Text$1, { as: "label", htmlFor: titleId, size: 1, weight: "medium", children: t12 }), $[30] = t12, $[31] = titleId, $[32] = t13) : t13 = $[32];
+  const t14 = showTitleError ? "true" : void 0;
   let t15;
-  $[34] !== t ? (t15 = t("dialog.create.variant-title.placeholder"), $[34] = t, $[35] = t15) : t15 = $[35];
-  const t16 = typeof value.metadata?.title == "string" ? value.metadata.title : "";
-  let t17;
-  $[36] !== handleTitleChange || $[37] !== t13 || $[38] !== t14 || $[39] !== t15 || $[40] !== t16 || $[41] !== titleId ? (t17 = /* @__PURE__ */ jsx(TextInput$1, { autoFocus: !0, "aria-invalid": t13, customValidity: t14, "data-testid": "variant-form-title", fontSize: 2, id: titleId, onChange: handleTitleChange, placeholder: t15, value: t16 }), $[36] = handleTitleChange, $[37] = t13, $[38] = t14, $[39] = t15, $[40] = t16, $[41] = titleId, $[42] = t17) : t17 = $[42];
+  $[33] !== showTitleError || $[34] !== t ? (t15 = showTitleError ? t("dialog.create.variant-title.required") : void 0, $[33] = showTitleError, $[34] = t, $[35] = t15) : t15 = $[35];
+  let t16;
+  $[36] !== t ? (t16 = t("dialog.create.variant-title.placeholder"), $[36] = t, $[37] = t16) : t16 = $[37];
+  const t17 = typeof value.metadata?.title == "string" ? value.metadata.title : "";
   let t18;
-  $[43] !== showTitleError || $[44] !== t ? (t18 = showTitleError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": "variant-form-title-error", size: 1, tone: "critical", children: t("dialog.create.variant-title.required") }), $[43] = showTitleError, $[44] = t, $[45] = t18) : t18 = $[45];
+  $[38] !== handleTitleChange || $[39] !== t14 || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== titleId ? (t18 = /* @__PURE__ */ jsx(TextInput$1, { autoFocus: !0, "aria-invalid": t14, customValidity: t15, "data-testid": "variant-form-title", fontSize: 2, id: titleId, onChange: handleTitleChange, placeholder: t16, value: t17 }), $[38] = handleTitleChange, $[39] = t14, $[40] = t15, $[41] = t16, $[42] = t17, $[43] = titleId, $[44] = t18) : t18 = $[44];
   let t19;
-  $[46] !== t12 || $[47] !== t17 || $[48] !== t18 ? (t19 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t12,
-    t17,
-    t18
-  ] }), $[46] = t12, $[47] = t17, $[48] = t18, $[49] = t19) : t19 = $[49];
+  $[45] !== showTitleError || $[46] !== t ? (t19 = showTitleError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": "variant-form-title-error", size: 1, tone: "critical", children: t("dialog.create.variant-title.required") }), $[45] = showTitleError, $[46] = t, $[47] = t19) : t19 = $[47];
   let t20;
-  $[50] !== t ? (t20 = t("dialog.create.description.label"), $[50] = t, $[51] = t20) : t20 = $[51];
+  $[48] !== t13 || $[49] !== t18 || $[50] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t13,
+    t18,
+    t19
+  ] }), $[48] = t13, $[49] = t18, $[50] = t19, $[51] = t20) : t20 = $[51];
   let t21;
-  $[52] !== descriptionId || $[53] !== t20 ? (t21 = /* @__PURE__ */ jsx(Text$1, { as: "label", htmlFor: descriptionId, size: 1, weight: "medium", children: t20 }), $[52] = descriptionId, $[53] = t20, $[54] = t21) : t21 = $[54];
+  $[52] !== t ? (t21 = t("dialog.create.description.label"), $[52] = t, $[53] = t21) : t21 = $[53];
   let t22;
-  $[55] !== t ? (t22 = t("dialog.create.description.placeholder"), $[55] = t, $[56] = t22) : t22 = $[56];
-  const t23 = value.metadata?.description;
-  let t24;
-  $[57] !== t23 ? (t24 = getPortableTextDescriptionValue(t23), $[57] = t23, $[58] = t24) : t24 = $[58];
+  $[54] !== descriptionId || $[55] !== t21 ? (t22 = /* @__PURE__ */ jsx(Text$1, { as: "label", htmlFor: descriptionId, size: 1, weight: "medium", children: t21 }), $[54] = descriptionId, $[55] = t21, $[56] = t22) : t22 = $[56];
+  let t23;
+  $[57] !== t ? (t23 = t("dialog.create.description.placeholder"), $[57] = t, $[58] = t23) : t23 = $[58];
+  const t24 = value.metadata?.description;
   let t25;
-  $[59] !== descriptionId || $[60] !== handleDescriptionChange || $[61] !== t22 || $[62] !== t24 ? (t25 = /* @__PURE__ */ jsx(TextArea, { "data-testid": "variant-form-description", fontSize: 1, id: descriptionId, onChange: handleDescriptionChange, placeholder: t22, rows: 3, value: t24 }), $[59] = descriptionId, $[60] = handleDescriptionChange, $[61] = t22, $[62] = t24, $[63] = t25) : t25 = $[63];
+  $[59] !== t24 ? (t25 = getPortableTextDescriptionValue(t24), $[59] = t24, $[60] = t25) : t25 = $[60];
   let t26;
-  $[64] !== t21 || $[65] !== t25 ? (t26 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t21,
-    t25
-  ] }), $[64] = t21, $[65] = t25, $[66] = t26) : t26 = $[66];
+  $[61] !== descriptionId || $[62] !== handleDescriptionChange || $[63] !== t23 || $[64] !== t25 ? (t26 = /* @__PURE__ */ jsx(TextArea, { "data-testid": "variant-form-description", fontSize: 1, id: descriptionId, onChange: handleDescriptionChange, placeholder: t23, rows: 3, value: t25 }), $[61] = descriptionId, $[62] = handleDescriptionChange, $[63] = t23, $[64] = t25, $[65] = t26) : t26 = $[65];
   let t27;
-  $[67] !== t ? (t27 = t("dialog.create.conditions.title"), $[67] = t, $[68] = t27) : t27 = $[68];
+  $[66] !== t22 || $[67] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t22,
+    t26
+  ] }), $[66] = t22, $[67] = t26, $[68] = t27) : t27 = $[68];
   let t28;
-  $[69] !== t27 ? (t28 = /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", children: t27 }), $[69] = t27, $[70] = t28) : t28 = $[70];
+  $[69] !== t ? (t28 = t("dialog.create.conditions.title"), $[69] = t, $[70] = t28) : t28 = $[70];
   let t29;
-  $[71] !== t ? (t29 = t("dialog.create.conditions.description"), $[71] = t, $[72] = t29) : t29 = $[72];
+  $[71] !== t28 ? (t29 = /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", children: t28 }), $[71] = t28, $[72] = t29) : t29 = $[72];
   let t30;
-  $[73] !== t29 ? (t30 = /* @__PURE__ */ jsx(Text$1, { muted: !0, size: 1, children: t29 }), $[73] = t29, $[74] = t30) : t30 = $[74];
+  $[73] !== t ? (t30 = t("dialog.create.conditions.description"), $[73] = t, $[74] = t30) : t30 = $[74];
   let t31;
-  $[75] !== t28 || $[76] !== t30 ? (t31 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    t28,
-    t30
-  ] }), $[75] = t28, $[76] = t30, $[77] = t31) : t31 = $[77];
+  $[75] !== t30 ? (t31 = /* @__PURE__ */ jsx(Text$1, { muted: !0, size: 1, children: t30 }), $[75] = t30, $[76] = t31) : t31 = $[76];
   let t32;
-  if ($[78] !== conditionRows || $[79] !== conditionsValidation || $[80] !== handleConditionChange || $[81] !== handleRemoveCondition || $[82] !== showValidation || $[83] !== t) {
-    let t332;
-    $[85] !== conditionRows.length || $[86] !== conditionsValidation || $[87] !== handleConditionChange || $[88] !== handleRemoveCondition || $[89] !== showValidation || $[90] !== t ? (t332 = (row_0, index_1) => {
-      const validation2 = conditionsValidation.get(index_1) ?? getEmptyConditionRowValidation(), valueValidation = showValidation ? validation2.value : null, conditionValidationError = validation2.key || valueValidation;
-      return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-        /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(TextInput$1, { autoFocus: index_1 > 0, "aria-label": t("dialog.create.condition-key.label"), customValidity: validation2.key ? t(validation2.key) : void 0, "aria-invalid": !!validation2.key, onChange: (event_1) => handleConditionChange(index_1, "key", event_1.currentTarget.value), placeholder: t("dialog.create.condition-key.placeholder"), "data-testid": "variant-form-condition-key", value: row_0.key }) }),
-          /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(TextInput$1, { "aria-label": t("dialog.create.condition-value.label"), customValidity: valueValidation ? t(valueValidation) : void 0, "aria-invalid": !!valueValidation, onChange: (event_2) => handleConditionChange(index_1, "value", event_2.currentTarget.value), placeholder: t("dialog.create.condition-value.placeholder"), "data-testid": "variant-form-condition-value", value: row_0.value }) }),
-          /* @__PURE__ */ jsx(Button, { disabled: isConditionRowEmpty(row_0) && conditionRows.length === 1, icon: TrashIcon, mode: "bleed", onClick: () => handleRemoveCondition(index_1), tone: "critical", tooltipProps: {
-            content: t("dialog.create.remove-condition")
-          }, type: "button" })
-        ] }),
-        conditionValidationError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": validation2.key ? "variant-form-condition-key-error" : "variant-form-condition-value-error", size: 1, tone: "critical", children: t(conditionValidationError) })
-      ] }, row_0.id);
-    }, $[85] = conditionRows.length, $[86] = conditionsValidation, $[87] = handleConditionChange, $[88] = handleRemoveCondition, $[89] = showValidation, $[90] = t, $[91] = t332) : t332 = $[91], t32 = conditionRows.map(t332), $[78] = conditionRows, $[79] = conditionsValidation, $[80] = handleConditionChange, $[81] = handleRemoveCondition, $[82] = showValidation, $[83] = t, $[84] = t32;
-  } else
-    t32 = $[84];
+  $[77] !== t29 || $[78] !== t31 ? (t32 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t29,
+    t31
+  ] }), $[77] = t29, $[78] = t31, $[79] = t32) : t32 = $[79];
   let t33;
-  $[92] !== t32 ? (t33 = /* @__PURE__ */ jsx(Stack, { space: 2, children: t32 }), $[92] = t32, $[93] = t33) : t33 = $[93];
-  const t34 = !canAddCondition;
-  let t35;
-  $[94] !== t ? (t35 = t("dialog.create.action.add-condition"), $[94] = t, $[95] = t35) : t35 = $[95];
+  $[80] !== conditionRows || $[81] !== conditionsValidation || $[82] !== handleConditionChange || $[83] !== handleRemoveCondition || $[84] !== showValidation || $[85] !== suggestionIndex || $[86] !== t ? (t33 = conditionRows.map((row_0, index_1) => {
+    const validation2 = conditionsValidation.get(index_1) ?? getEmptyConditionRowValidation(), valueValidation = showValidation ? validation2.value : null, conditionValidationError = validation2.key || valueValidation;
+    return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(ConditionAutocompleteInput, { autoFocus: index_1 > 0, ariaLabel: t("dialog.create.condition-key.label"), customValidity: validation2.key ? t(validation2.key) : void 0, invalid: !!validation2.key, onChange: (nextValue_0) => handleConditionChange(index_1, "key", nextValue_0), options: getConditionKeyOptions(suggestionIndex, conditionRows, index_1), placeholder: t("dialog.create.condition-key.placeholder"), testId: "variant-form-condition-key", value: row_0.key }) }),
+        /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(ConditionAutocompleteInput, { ariaLabel: t("dialog.create.condition-value.label"), customValidity: valueValidation ? t(valueValidation) : void 0, invalid: !!valueValidation, onChange: (nextValue_1) => handleConditionChange(index_1, "value", nextValue_1), options: getConditionValueOptions(suggestionIndex, row_0.key), placeholder: t("dialog.create.condition-value.placeholder"), testId: "variant-form-condition-value", value: row_0.value }) }),
+        /* @__PURE__ */ jsx(Button, { disabled: isConditionRowEmpty(row_0) && conditionRows.length === 1, icon: TrashIcon, mode: "bleed", onClick: () => handleRemoveCondition(index_1), tone: "critical", tooltipProps: {
+          content: t("dialog.create.remove-condition")
+        }, type: "button" })
+      ] }),
+      conditionValidationError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": validation2.key ? "variant-form-condition-key-error" : "variant-form-condition-value-error", size: 1, tone: "critical", children: t(conditionValidationError) })
+    ] }, row_0.id);
+  }), $[80] = conditionRows, $[81] = conditionsValidation, $[82] = handleConditionChange, $[83] = handleRemoveCondition, $[84] = showValidation, $[85] = suggestionIndex, $[86] = t, $[87] = t33) : t33 = $[87];
+  let t34;
+  $[88] !== t33 ? (t34 = /* @__PURE__ */ jsx(Stack, { space: 2, children: t33 }), $[88] = t33, $[89] = t34) : t34 = $[89];
+  const t35 = !canAddCondition;
   let t36;
-  $[96] !== canAddCondition || $[97] !== t ? (t36 = canAddCondition ? null : {
-    content: t("dialog.create.action.add-condition.disabled-hint")
-  }, $[96] = canAddCondition, $[97] = t, $[98] = t36) : t36 = $[98];
+  $[90] !== t ? (t36 = t("dialog.create.action.add-condition"), $[90] = t, $[91] = t36) : t36 = $[91];
   let t37;
-  $[99] !== handleAddCondition || $[100] !== t34 || $[101] !== t35 || $[102] !== t36 ? (t37 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { disabled: t34, icon: AddIcon, mode: "ghost", onClick: handleAddCondition, text: t35, tooltipProps: t36, type: "button" }) }), $[99] = handleAddCondition, $[100] = t34, $[101] = t35, $[102] = t36, $[103] = t37) : t37 = $[103];
+  $[92] !== canAddCondition || $[93] !== t ? (t37 = canAddCondition ? null : {
+    content: t("dialog.create.action.add-condition.disabled-hint")
+  }, $[92] = canAddCondition, $[93] = t, $[94] = t37) : t37 = $[94];
   let t38;
-  $[104] !== t31 || $[105] !== t33 || $[106] !== t37 ? (t38 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t31,
-    t33,
-    t37
-  ] }), $[104] = t31, $[105] = t33, $[106] = t37, $[107] = t38) : t38 = $[107];
+  $[95] !== handleAddCondition || $[96] !== t35 || $[97] !== t36 || $[98] !== t37 ? (t38 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { disabled: t35, icon: AddIcon, mode: "ghost", onClick: handleAddCondition, text: t36, tooltipProps: t37, type: "button" }) }), $[95] = handleAddCondition, $[96] = t35, $[97] = t36, $[98] = t37, $[99] = t38) : t38 = $[99];
   let t39;
-  return $[108] !== t19 || $[109] !== t26 || $[110] !== t38 ? (t39 = /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
-    t19,
-    t26,
+  $[100] !== t32 || $[101] !== t34 || $[102] !== t38 ? (t39 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t32,
+    t34,
     t38
-  ] }), $[108] = t19, $[109] = t26, $[110] = t38, $[111] = t39) : t39 = $[111], t39;
+  ] }), $[100] = t32, $[101] = t34, $[102] = t38, $[103] = t39) : t39 = $[103];
+  let t40;
+  return $[104] !== t20 || $[105] !== t27 || $[106] !== t39 ? (t40 = /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
+    t20,
+    t27,
+    t39
+  ] }), $[104] = t20, $[105] = t27, $[106] = t39, $[107] = t40) : t40 = $[107], t40;
 }
 function VariantDialog(props2) {
   const $ = c(35), {
@@ -81757,7 +81939,7 @@ function VariantDialog(props2) {
   const invalid = t1;
   let t2;
   $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (path, nextValue) => {
-    setVariant((currentVariant) => applyPatches$1([at(toString(path), set$1(nextValue))], currentVariant));
+    setVariant((currentVariant) => applyPatches$1([at(path, set$1(nextValue))], currentVariant));
   }, $[3] = t2) : t2 = $[3];
   const handleVariantChange = t2;
   let t3;
@@ -81834,125 +82016,6 @@ function EditVariantDialog(props2) {
   let t5;
   return $[11] !== handleSubmit || $[12] !== initialValue || $[13] !== onCancel || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 ? (t5 = /* @__PURE__ */ jsx(VariantDialog, { confirmDataTestId: "save-variant-button", confirmText: t2, errorTitle: t3, header: t4, id: "edit-variant-dialog", initialValue, onCancel, onSubmit: handleSubmit, renderCancelButton: !0 }), $[11] = handleSubmit, $[12] = initialValue, $[13] = onCancel, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5) : t5 = $[17], t5;
 }
-function createVariantsSet(variants2) {
-  return (variants2 ?? []).reduce((acc, variant) => (acc.set(variant._id, variant), acc), /* @__PURE__ */ new Map());
-}
-function variantStoreReducer(state, action) {
-  switch (action.type) {
-    case "LOADING_STATE_CHANGED":
-      return {
-        ...state,
-        state: action.payload.error ? "error" : action.payload.loading ? "loading" : "loaded",
-        error: action.payload.error
-      };
-    case "VARIANTS_SET": {
-      const variantsById = createVariantsSet(action.payload);
-      return {
-        ...state,
-        variants: variantsById
-      };
-    }
-    case "FETCH_SUCCEEDED": {
-      const variantsById = createVariantsSet(action.payload);
-      return {
-        ...state,
-        variants: variantsById,
-        state: "loaded",
-        error: void 0
-      };
-    }
-    case "VARIANT_DELETED": {
-      const {
-        id: id2
-      } = action.payload, restVariants = new Map(state.variants);
-      return restVariants.delete(id2), {
-        ...state,
-        variants: restVariants
-      };
-    }
-    default:
-      return state;
-  }
-}
-const SORT_FIELD = "_createdAt", SORT_ORDER = "desc", QUERY_SORT_ORDER = `order(${SORT_FIELD} ${SORT_ORDER})`, QUERY_FILTER = `_type=="${VARIANT_DOCUMENT_TYPE}" && _id in path("${VARIANT_DOCUMENTS_PATH}.*")`, QUERY_PROJECTION = `{
-  _id,
-  _type,
-  _rev,
-  _createdAt,
-  _updatedAt,
-  name,
-  conditions,
-  "priority": coalesce(priority, 0),
-  metadata,
-}`, QUERY = `*[${QUERY_FILTER}] ${QUERY_PROJECTION} | ${QUERY_SORT_ORDER}`, INITIAL_STATE$4 = {
-  variants: /* @__PURE__ */ new Map(),
-  state: "initialising"
-};
-function createVariantsStore(context) {
-  const {
-    client
-  } = context, dispatch$ = new Subject();
-  function dispatch(action) {
-    dispatch$.next(action);
-  }
-  const listFetch$ = of({
-    type: "LOADING_STATE_CHANGED",
-    payload: {
-      loading: !0,
-      error: void 0
-    }
-  }).pipe(concatWith(listenQuery(client, QUERY, {}, {
-    tag: "variants.listen"
-  }).pipe(map((variants2) => ({
-    type: "FETCH_SUCCEEDED",
-    payload: variants2
-  })))), catchError$1((error) => of({
-    type: "LOADING_STATE_CHANGED",
-    payload: {
-      loading: !1,
-      error
-    }
-  })));
-  return {
-    state$: merge(listFetch$, dispatch$).pipe(scan$1((state, action) => variantStoreReducer(state, action), INITIAL_STATE$4), startWith(INITIAL_STATE$4), shareReplay$1(1)),
-    dispatch
-  };
-}
-function useVariantsStore() {
-  const $ = c(4), resourceCache = useResourceCache(), workspace = useWorkspace(), studioClient = useClient(VARIANTS_STUDIO_CLIENT_OPTIONS);
-  let variantStore;
-  return $[0] !== resourceCache || $[1] !== studioClient || $[2] !== workspace ? (variantStore = resourceCache.get({
-    dependencies: [workspace],
-    namespace: "VariantsStore"
-  }) || createVariantsStore({
-    client: studioClient
-  }), resourceCache.set({
-    dependencies: [workspace],
-    namespace: "VariantsStore",
-    value: variantStore
-  }), $[0] = resourceCache, $[1] = studioClient, $[2] = workspace, $[3] = variantStore) : variantStore = $[3], variantStore;
-}
-function useAllVariants() {
-  const $ = c(8), {
-    state$
-  } = useVariantsStore(), {
-    variants: variants2,
-    error,
-    state
-  } = useObservable(state$);
-  let t0;
-  $[0] !== variants2 ? (t0 = Array.from(variants2.values()), $[0] = variants2, $[1] = t0) : t0 = $[1];
-  let t1;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = ["loading", "initialising"], $[2] = t1) : t1 = $[2];
-  const t2 = t1.includes(state);
-  let t3;
-  return $[3] !== error || $[4] !== t0 || $[5] !== t2 || $[6] !== variants2 ? (t3 = {
-    data: t0,
-    byId: variants2,
-    error,
-    loading: t2
-  }, $[3] = error, $[4] = t0, $[5] = t2, $[6] = variants2, $[7] = t3) : t3 = $[7], t3;
-}
 function VariantDetailMenuButton(t0) {
   const $ = c(21), {
     variant