sanity 6.6.1-next.2 → 6.7.0-next.17

package/lib/_chunks-es/VariantsTool.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useRouter, IntentLink, StateLink } from "sanity/router";
-import { Autocomplete, Stack, Flex, Box, Text, TextInput, TextArea, useToast, Card, Menu, Badge, Container, rem, Skeleton } from "@sanity/ui";
+import { Autocomplete, Stack, Flex, Box, Text, TextInput, TextArea, Inline, useToast, Card, Menu, Badge, Container, rem, Skeleton } from "@sanity/ui";
 import { useId, useState, useMemo, useCallback, forwardRef, memo } from "react";
-import { Button, Dialog, MenuItem, MenuButton, Tooltip } from "./index.js";
+import { Button, Tooltip, Dialog, MenuItem, MenuButton } from "./index.js";
 import { getVariantId, variantsClient, useClient, VARIANTS_STUDIO_CLIENT_OPTIONS, VARIANT_DOCUMENTS_PATH, useTranslation, variantsLocaleNamespace, useAllVariants, TextWithTone, DOCUMENT_SYSTEM_FIELD, useBundleDocuments, usePerspective, useSetVariant, getVariantTitle, isPublishedBundleId, ContextMenuButton, RelativeTime, isReleaseBundle, getReleaseDocumentIdFromReleaseId, getReleaseIdFromReleaseDocumentId, ReleaseTitle, RELEASES_INTENT, useDocumentPresence, DocumentPreviewPresence, useDocumentPreviewValues, SanityDefaultPreview, useSchema, ToneIcon, useActiveReleases, decodeVariantIdFromRoute, LoadingBlock, getVariantDescription, getVariantConditionsText, useVariantsStore, listenQuery, filterVariantsForSearch } from "./index2.js";
 import "history";
 import "sanity/_singletons";
@@ -126,7 +126,7 @@ import "@portabletext/react";
 import "@sanity/icons/LinkRemoved";
 import "@sanity/asset-utils";
 import "@sanity/icons/AccessDenied";
-import "@sanity/icons/HelpCircle";
+import { HelpCircleIcon } from "@sanity/icons/HelpCircle";
 import "@sanity/image-url";
 import { customAlphabet } from "nanoid";
 import "lodash-es/castArray.js";
@@ -294,6 +294,13 @@ function getConditionValueValidationError(value) {
   if (value.includes(":"))
     return "invalid";
 }
+function getPriorityValidationError(priority) {
+  if (!Number.isFinite(priority))
+    return "invalid";
+}
+function getPriorityInputValidationError(input) {
+  return input.trim() === "" ? "invalid" : getPriorityValidationError(Number(input));
+}
 const createVariantIdSuffix = customAlphabet("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789", 8);
 function createVariantId() {
   return `${VARIANT_DOCUMENTS_PATH}.${createVariantIdSuffix()}`;
@@ -439,9 +446,10 @@ function getPortableTextDescriptionValue(description) {
   return !Array.isArray(description) || !description.every(isPortableTextBlock) ? "" : toPlainText(description);
 }
 function VariantForm(props) {
-  const $ = c(108), {
+  const $ = c(147), {
     onChange,
     onConditionValidityChange,
+    onPriorityValidityChange,
     showValidation: t0,
     value
   } = props, showValidation = t0 === void 0 ? !1 : t0, {
@@ -451,150 +459,193 @@ function VariantForm(props) {
   } = useAllVariants();
   let t1;
   $[0] !== variants ? (t1 = buildConditionSuggestionIndex(variants), $[0] = variants, $[1] = t1) : t1 = $[1];
-  const suggestionIndex = t1, titleId = useId(), descriptionId = useId();
+  const suggestionIndex = t1, titleId = useId(), descriptionId = useId(), priorityId = useId();
   let t2;
   $[2] !== value.conditions ? (t2 = () => getConditionRows(value.conditions), $[2] = value.conditions, $[3] = t2) : t2 = $[3];
   const [conditionRows, setConditionRows] = useState(t2);
   let t3;
-  $[4] !== conditionRows ? (t3 = getConditionRowsValidation(conditionRows), $[4] = conditionRows, $[5] = t3) : t3 = $[5];
-  const conditionsValidation = t3;
+  $[4] !== value.priority ? (t3 = () => String(value.priority), $[4] = value.priority, $[5] = t3) : t3 = $[5];
+  const [priorityInput, setPriorityInput] = useState(t3);
   let t4;
-  $[6] !== value ? (t4 = getVariantTitleValue(value), $[6] = value, $[7] = t4) : t4 = $[7];
-  const showTitleError = showValidation && !t4, lastConditionRow = conditionRows[conditionRows.length - 1];
+  $[6] !== conditionRows ? (t4 = getConditionRowsValidation(conditionRows), $[6] = conditionRows, $[7] = t4) : t4 = $[7];
+  const conditionsValidation = t4;
   let t5;
-  $[8] !== conditionsValidation || $[9] !== lastConditionRow ? (t5 = lastConditionRow && !hasConditionRowsValidationErrors(conditionsValidation), $[8] = conditionsValidation, $[9] = lastConditionRow, $[10] = t5) : t5 = $[10];
-  const canAddCondition = !!t5;
+  $[8] !== value ? (t5 = getVariantTitleValue(value), $[8] = value, $[9] = t5) : t5 = $[9];
+  const showTitleError = showValidation && !t5;
   let t6;
-  $[11] !== onChange || $[12] !== onConditionValidityChange ? (t6 = (nextRows) => {
+  $[10] !== priorityInput ? (t6 = getPriorityInputValidationError(priorityInput), $[10] = priorityInput, $[11] = t6) : t6 = $[11];
+  const priorityValidationError = t6, showPriorityError = showValidation && priorityValidationError, lastConditionRow = conditionRows[conditionRows.length - 1];
+  let t7;
+  $[12] !== conditionsValidation || $[13] !== lastConditionRow ? (t7 = lastConditionRow && !hasConditionRowsValidationErrors(conditionsValidation), $[12] = conditionsValidation, $[13] = lastConditionRow, $[14] = t7) : t7 = $[14];
+  const canAddCondition = !!t7;
+  let t8;
+  $[15] !== onChange || $[16] !== onConditionValidityChange ? (t8 = (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));
-  }, $[11] = onChange, $[12] = onConditionValidityChange, $[13] = t6) : t6 = $[13];
-  const updateConditionRows = t6;
-  let t7;
-  $[14] !== onChange ? (t7 = (event) => {
+    onConditionValidityChange(nextRowsInvalid), (nextRows.length === 0 || !nextRowsInvalid) && onChange(["conditions"], getConditionsFromRows(nextRows));
+  }, $[15] = onChange, $[16] = onConditionValidityChange, $[17] = t8) : t8 = $[17];
+  const updateConditionRows = t8;
+  let t9;
+  $[18] !== onChange ? (t9 = (event) => {
     onChange(["metadata", "title"], event.currentTarget.value);
-  }, $[14] = onChange, $[15] = t7) : t7 = $[15];
-  const handleTitleChange = t7;
-  let t8;
-  $[16] !== onChange ? (t8 = (event_0) => {
+  }, $[18] = onChange, $[19] = t9) : t9 = $[19];
+  const handleTitleChange = t9;
+  let t10;
+  $[20] !== onChange ? (t10 = (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) => {
+  }, $[20] = onChange, $[21] = t10) : t10 = $[21];
+  const handleDescriptionChange = t10;
+  let t11;
+  $[22] !== onChange || $[23] !== onPriorityValidityChange ? (t11 = (event_1) => {
+    const rawValue = event_1.currentTarget.value, nextValue = event_1.currentTarget.valueAsNumber;
+    setPriorityInput(rawValue);
+    const priorityValidationError_0 = getPriorityInputValidationError(rawValue);
+    onPriorityValidityChange(!!priorityValidationError_0), Number.isFinite(nextValue) && onChange(["priority"], nextValue);
+  }, $[22] = onChange, $[23] = onPriorityValidityChange, $[24] = t11) : t11 = $[24];
+  const handlePriorityChange = t11;
+  let t12;
+  $[25] !== conditionRows || $[26] !== updateConditionRows ? (t12 = (index, field, nextValue_0) => {
     const nextRows_0 = conditionRows.map((row, rowIndex) => rowIndex === index ? {
       ...row,
-      [field]: nextValue
+      [field]: nextValue_0
     } : row);
     updateConditionRows(nextRows_0);
-  }, $[18] = conditionRows, $[19] = updateConditionRows, $[20] = t9) : t9 = $[20];
-  const handleConditionChange = t9;
-  let t10;
-  $[21] !== canAddCondition || $[22] !== conditionRows || $[23] !== updateConditionRows ? (t10 = () => {
+  }, $[25] = conditionRows, $[26] = updateConditionRows, $[27] = t12) : t12 = $[27];
+  const handleConditionChange = t12;
+  let t13;
+  $[28] !== canAddCondition || $[29] !== conditionRows || $[30] !== updateConditionRows ? (t13 = () => {
     canAddCondition && updateConditionRows([...conditionRows, {
       id: randomKey(12),
       key: "",
       value: ""
     }]);
-  }, $[21] = canAddCondition, $[22] = conditionRows, $[23] = updateConditionRows, $[24] = t10) : t10 = $[24];
-  const handleAddCondition = t10;
-  let t11;
-  $[25] !== conditionRows || $[26] !== updateConditionRows ? (t11 = (index_0) => {
+  }, $[28] = canAddCondition, $[29] = conditionRows, $[30] = updateConditionRows, $[31] = t13) : t13 = $[31];
+  const handleAddCondition = t13;
+  let t14;
+  $[32] !== conditionRows || $[33] !== updateConditionRows ? (t14 = (index_0) => {
     const nextRows_1 = conditionRows.filter((_, rowIndex_0) => rowIndex_0 !== index_0);
     updateConditionRows(nextRows_1);
-  }, $[25] = conditionRows, $[26] = updateConditionRows, $[27] = t11) : t11 = $[27];
-  const handleRemoveCondition = t11;
-  let t12;
-  $[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, { as: "label", htmlFor: titleId, size: 1, weight: "medium", children: t12 }), $[30] = t12, $[31] = titleId, $[32] = t13) : t13 = $[32];
-  const t14 = showTitleError ? "true" : void 0;
+  }, $[32] = conditionRows, $[33] = updateConditionRows, $[34] = t14) : t14 = $[34];
+  const handleRemoveCondition = t14;
   let t15;
-  $[33] !== showTitleError || $[34] !== t ? (t15 = showTitleError ? t("dialog.create.variant-title.required") : void 0, $[33] = showTitleError, $[34] = t, $[35] = t15) : t15 = $[35];
+  $[35] !== t ? (t15 = t("dialog.create.variant-title.label"), $[35] = t, $[36] = t15) : t15 = $[36];
   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 : "";
+  $[37] !== t15 || $[38] !== titleId ? (t16 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: titleId, size: 1, weight: "medium", children: t15 }), $[37] = t15, $[38] = titleId, $[39] = t16) : t16 = $[39];
+  const t17 = showTitleError ? "true" : void 0;
   let t18;
-  $[38] !== handleTitleChange || $[39] !== t14 || $[40] !== t15 || $[41] !== t16 || $[42] !== t17 || $[43] !== titleId ? (t18 = /* @__PURE__ */ jsx(TextInput, { 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];
+  $[40] !== showTitleError || $[41] !== t ? (t18 = showTitleError ? t("dialog.create.variant-title.required") : void 0, $[40] = showTitleError, $[41] = t, $[42] = t18) : t18 = $[42];
   let t19;
-  $[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;
-  $[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];
+  $[43] !== t ? (t19 = t("dialog.create.variant-title.placeholder"), $[43] = t, $[44] = t19) : t19 = $[44];
+  const t20 = typeof value.metadata?.title == "string" ? value.metadata.title : "";
   let t21;
-  $[52] !== t ? (t21 = t("dialog.create.description.label"), $[52] = t, $[53] = t21) : t21 = $[53];
+  $[45] !== handleTitleChange || $[46] !== t17 || $[47] !== t18 || $[48] !== t19 || $[49] !== t20 || $[50] !== titleId ? (t21 = /* @__PURE__ */ jsx(TextInput, { autoFocus: !0, "aria-invalid": t17, customValidity: t18, "data-testid": "variant-form-title", fontSize: 2, id: titleId, onChange: handleTitleChange, placeholder: t19, value: t20 }), $[45] = handleTitleChange, $[46] = t17, $[47] = t18, $[48] = t19, $[49] = t20, $[50] = titleId, $[51] = t21) : t21 = $[51];
   let t22;
-  $[54] !== descriptionId || $[55] !== t21 ? (t22 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: descriptionId, size: 1, weight: "medium", children: t21 }), $[54] = descriptionId, $[55] = t21, $[56] = t22) : t22 = $[56];
+  $[52] !== showTitleError || $[53] !== t ? (t22 = showTitleError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": "variant-form-title-error", size: 1, tone: "critical", children: t("dialog.create.variant-title.required") }), $[52] = showTitleError, $[53] = t, $[54] = t22) : t22 = $[54];
   let t23;
-  $[57] !== t ? (t23 = t("dialog.create.description.placeholder"), $[57] = t, $[58] = t23) : t23 = $[58];
-  const t24 = value.metadata?.description;
+  $[55] !== t16 || $[56] !== t21 || $[57] !== t22 ? (t23 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t16,
+    t21,
+    t22
+  ] }), $[55] = t16, $[56] = t21, $[57] = t22, $[58] = t23) : t23 = $[58];
+  let t24;
+  $[59] !== t ? (t24 = t("dialog.create.description.label"), $[59] = t, $[60] = t24) : t24 = $[60];
   let t25;
-  $[59] !== t24 ? (t25 = getPortableTextDescriptionValue(t24), $[59] = t24, $[60] = t25) : t25 = $[60];
+  $[61] !== descriptionId || $[62] !== t24 ? (t25 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: descriptionId, size: 1, weight: "medium", children: t24 }), $[61] = descriptionId, $[62] = t24, $[63] = t25) : t25 = $[63];
   let t26;
-  $[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;
-  $[66] !== t22 || $[67] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t22,
-    t26
-  ] }), $[66] = t22, $[67] = t26, $[68] = t27) : t27 = $[68];
+  $[64] !== t ? (t26 = t("dialog.create.description.placeholder"), $[64] = t, $[65] = t26) : t26 = $[65];
+  const t27 = value.metadata?.description;
   let t28;
-  $[69] !== t ? (t28 = t("dialog.create.conditions.title"), $[69] = t, $[70] = t28) : t28 = $[70];
+  $[66] !== t27 ? (t28 = getPortableTextDescriptionValue(t27), $[66] = t27, $[67] = t28) : t28 = $[67];
   let t29;
-  $[71] !== t28 ? (t29 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: t28 }), $[71] = t28, $[72] = t29) : t29 = $[72];
+  $[68] !== descriptionId || $[69] !== handleDescriptionChange || $[70] !== t26 || $[71] !== t28 ? (t29 = /* @__PURE__ */ jsx(TextArea, { "data-testid": "variant-form-description", fontSize: 1, id: descriptionId, onChange: handleDescriptionChange, placeholder: t26, rows: 3, value: t28 }), $[68] = descriptionId, $[69] = handleDescriptionChange, $[70] = t26, $[71] = t28, $[72] = t29) : t29 = $[72];
   let t30;
-  $[73] !== t ? (t30 = t("dialog.create.conditions.description"), $[73] = t, $[74] = t30) : t30 = $[74];
+  $[73] !== t25 || $[74] !== t29 ? (t30 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t25,
+    t29
+  ] }), $[73] = t25, $[74] = t29, $[75] = t30) : t30 = $[75];
   let t31;
-  $[75] !== t30 ? (t31 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t30 }), $[75] = t30, $[76] = t31) : t31 = $[76];
+  $[76] !== t ? (t31 = t("dialog.create.priority.label"), $[76] = t, $[77] = t31) : t31 = $[77];
   let t32;
-  $[77] !== t29 || $[78] !== t31 ? (t32 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    t29,
-    t31
-  ] }), $[77] = t29, $[78] = t31, $[79] = t32) : t32 = $[79];
+  $[78] !== priorityId || $[79] !== t31 ? (t32 = /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: priorityId, size: 1, weight: "medium", children: t31 }), $[78] = priorityId, $[79] = t31, $[80] = t32) : t32 = $[80];
   let t33;
-  $[80] !== conditionRows || $[81] !== conditionsValidation || $[82] !== handleConditionChange || $[83] !== handleRemoveCondition || $[84] !== showValidation || $[85] !== suggestionIndex || $[86] !== t ? (t33 = conditionRows.map((row_0, index_1) => {
+  $[81] !== t ? (t33 = t("dialog.create.priority.tooltip"), $[81] = t, $[82] = t33) : t33 = $[82];
+  let t34;
+  $[83] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t34 = /* @__PURE__ */ jsx(HelpCircleIcon, { "data-testid": "variant-form-priority-help" }), $[83] = t34) : t34 = $[83];
+  let t35;
+  $[84] !== t33 ? (t35 = /* @__PURE__ */ jsx(Tooltip, { content: t33, placement: "right", children: t34 }), $[84] = t33, $[85] = t35) : t35 = $[85];
+  let t36;
+  $[86] !== t32 || $[87] !== t35 ? (t36 = /* @__PURE__ */ jsxs(Inline, { space: 1, children: [
+    t32,
+    t35
+  ] }), $[86] = t32, $[87] = t35, $[88] = t36) : t36 = $[88];
+  const t37 = showPriorityError ? "true" : void 0;
+  let t38;
+  $[89] !== priorityValidationError || $[90] !== showPriorityError || $[91] !== t ? (t38 = showPriorityError && priorityValidationError ? t(`dialog.create.priority.${priorityValidationError}`) : void 0, $[89] = priorityValidationError, $[90] = showPriorityError, $[91] = t, $[92] = t38) : t38 = $[92];
+  let t39;
+  $[93] !== handlePriorityChange || $[94] !== priorityId || $[95] !== priorityInput || $[96] !== t37 || $[97] !== t38 ? (t39 = /* @__PURE__ */ jsx(TextInput, { "aria-invalid": t37, customValidity: t38, "data-testid": "variant-form-priority", fontSize: 2, id: priorityId, inputMode: "decimal", onChange: handlePriorityChange, type: "number", value: priorityInput }), $[93] = handlePriorityChange, $[94] = priorityId, $[95] = priorityInput, $[96] = t37, $[97] = t38, $[98] = t39) : t39 = $[98];
+  let t40;
+  $[99] !== priorityValidationError || $[100] !== showPriorityError || $[101] !== t ? (t40 = showPriorityError && priorityValidationError && /* @__PURE__ */ jsx(TextWithTone, { "data-testid": "variant-form-priority-error", size: 1, tone: "critical", children: t(`dialog.create.priority.${priorityValidationError}`) }), $[99] = priorityValidationError, $[100] = showPriorityError, $[101] = t, $[102] = t40) : t40 = $[102];
+  let t41;
+  $[103] !== t36 || $[104] !== t39 || $[105] !== t40 ? (t41 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t36,
+    t39,
+    t40
+  ] }), $[103] = t36, $[104] = t39, $[105] = t40, $[106] = t41) : t41 = $[106];
+  let t42;
+  $[107] !== t ? (t42 = t("dialog.create.conditions.title"), $[107] = t, $[108] = t42) : t42 = $[108];
+  let t43;
+  $[109] !== t42 ? (t43 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: t42 }), $[109] = t42, $[110] = t43) : t43 = $[110];
+  let t44;
+  $[111] !== t ? (t44 = t("dialog.create.conditions.description"), $[111] = t, $[112] = t44) : t44 = $[112];
+  let t45;
+  $[113] !== t44 ? (t45 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: t44 }), $[113] = t44, $[114] = t45) : t45 = $[114];
+  let t46;
+  $[115] !== t43 || $[116] !== t45 ? (t46 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t43,
+    t45
+  ] }), $[115] = t43, $[116] = t45, $[117] = t46) : t46 = $[117];
+  let t47;
+  $[118] !== conditionRows || $[119] !== conditionsValidation || $[120] !== handleConditionChange || $[121] !== handleRemoveCondition || $[122] !== showValidation || $[123] !== suggestionIndex || $[124] !== t ? (t47 = conditionRows.map((row_0, index_1) => {
     const validation = conditionsValidation.get(index_1) ?? getEmptyConditionRowValidation(), valueValidation = showValidation ? validation.value : null, conditionValidationError = validation.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: validation.key ? t(validation.key) : void 0, invalid: !!validation.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(Box, { flex: 1, children: /* @__PURE__ */ jsx(ConditionAutocompleteInput, { autoFocus: index_1 > 0, ariaLabel: t("dialog.create.condition-key.label"), customValidity: validation.key ? t(validation.key) : void 0, invalid: !!validation.key, onChange: (nextValue_1) => handleConditionChange(index_1, "key", nextValue_1), 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_2) => handleConditionChange(index_1, "value", nextValue_2), 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": validation.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;
-  $[90] !== t ? (t36 = t("dialog.create.action.add-condition"), $[90] = t, $[91] = t36) : t36 = $[91];
-  let t37;
-  $[92] !== canAddCondition || $[93] !== t ? (t37 = canAddCondition ? null : {
+  }), $[118] = conditionRows, $[119] = conditionsValidation, $[120] = handleConditionChange, $[121] = handleRemoveCondition, $[122] = showValidation, $[123] = suggestionIndex, $[124] = t, $[125] = t47) : t47 = $[125];
+  let t48;
+  $[126] !== t47 ? (t48 = /* @__PURE__ */ jsx(Stack, { space: 2, children: t47 }), $[126] = t47, $[127] = t48) : t48 = $[127];
+  const t49 = !canAddCondition;
+  let t50;
+  $[128] !== t ? (t50 = t("dialog.create.action.add-condition"), $[128] = t, $[129] = t50) : t50 = $[129];
+  let t51;
+  $[130] !== canAddCondition || $[131] !== t ? (t51 = canAddCondition ? null : {
     content: t("dialog.create.action.add-condition.disabled-hint")
-  }, $[92] = canAddCondition, $[93] = t, $[94] = t37) : t37 = $[94];
-  let t38;
-  $[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;
-  $[100] !== t32 || $[101] !== t34 || $[102] !== t38 ? (t39 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t32,
-    t34,
-    t38
-  ] }), $[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;
+  }, $[130] = canAddCondition, $[131] = t, $[132] = t51) : t51 = $[132];
+  let t52;
+  $[133] !== handleAddCondition || $[134] !== t49 || $[135] !== t50 || $[136] !== t51 ? (t52 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { disabled: t49, icon: AddIcon, mode: "ghost", onClick: handleAddCondition, text: t50, tooltipProps: t51, type: "button" }) }), $[133] = handleAddCondition, $[134] = t49, $[135] = t50, $[136] = t51, $[137] = t52) : t52 = $[137];
+  let t53;
+  $[138] !== t46 || $[139] !== t48 || $[140] !== t52 ? (t53 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t46,
+    t48,
+    t52
+  ] }), $[138] = t46, $[139] = t48, $[140] = t52, $[141] = t53) : t53 = $[141];
+  let t54;
+  return $[142] !== t23 || $[143] !== t30 || $[144] !== t41 || $[145] !== t53 ? (t54 = /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
+    t23,
+    t30,
+    t41,
+    t53
+  ] }), $[142] = t23, $[143] = t30, $[144] = t41, $[145] = t53, $[146] = t54) : t54 = $[146], t54;
 }
 function VariantDialog(props) {
-  const $ = c(35), {
+  const $ = c(36), {
     confirmDataTestId,
     confirmText,
     errorTitle,
@@ -606,17 +657,17 @@ function VariantDialog(props) {
     renderCancelButton: t0
   } = props, renderCancelButton = t0 === void 0 ? !1 : t0, toast = useToast(), {
     t
-  } = useTranslation(variantsLocaleNamespace), [variant, setVariant] = useState(initialValue), [isSubmitting, setIsSubmitting] = useState(!1), [showValidation, setShowValidation] = useState(!1), [conditionsInvalid, setConditionsInvalid] = useState(!1);
+  } = useTranslation(variantsLocaleNamespace), [variant, setVariant] = useState(initialValue), [isSubmitting, setIsSubmitting] = useState(!1), [showValidation, setShowValidation] = useState(!1), [conditionsInvalid, setConditionsInvalid] = useState(!1), [priorityInvalid, setPriorityInvalid] = useState(!1);
   let t1;
-  $[0] !== conditionsInvalid || $[1] !== variant ? (t1 = getIsVariantInvalid(variant) || conditionsInvalid, $[0] = conditionsInvalid, $[1] = variant, $[2] = t1) : t1 = $[2];
+  $[0] !== conditionsInvalid || $[1] !== priorityInvalid || $[2] !== variant ? (t1 = getIsVariantInvalid(variant) || conditionsInvalid || priorityInvalid, $[0] = conditionsInvalid, $[1] = priorityInvalid, $[2] = variant, $[3] = t1) : t1 = $[3];
   const invalid = t1;
   let t2;
-  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (path, nextValue) => {
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (path, nextValue) => {
     setVariant((currentVariant) => applyPatches([at(path, set(nextValue))], currentVariant));
-  }, $[3] = t2) : t2 = $[3];
+  }, $[4] = t2) : t2 = $[4];
   const handleVariantChange = t2;
   let t3;
-  $[4] !== errorTitle || $[5] !== invalid || $[6] !== onSubmit || $[7] !== toast || $[8] !== variant ? (t3 = async (event) => {
+  $[5] !== errorTitle || $[6] !== invalid || $[7] !== onSubmit || $[8] !== toast || $[9] !== variant ? (t3 = async (event) => {
     if (event.preventDefault(), invalid) {
       setShowValidation(!0);
       return;
@@ -632,26 +683,26 @@ function VariantDialog(props) {
         title: errorTitle
       });
     }
-  }, $[4] = errorTitle, $[5] = invalid, $[6] = onSubmit, $[7] = toast, $[8] = variant, $[9] = t3) : t3 = $[9];
+  }, $[5] = errorTitle, $[6] = invalid, $[7] = onSubmit, $[8] = toast, $[9] = variant, $[10] = t3) : t3 = $[10];
   const handleSubmit = t3, t4 = isSubmitting ? void 0 : onCancel, t5 = isSubmitting ? void 0 : onCancel;
   let t6;
-  $[10] !== showValidation || $[11] !== variant ? (t6 = /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(VariantForm, { onChange: handleVariantChange, onConditionValidityChange: setConditionsInvalid, showValidation, value: variant }) }), $[10] = showValidation, $[11] = variant, $[12] = t6) : t6 = $[12];
+  $[11] !== showValidation || $[12] !== variant ? (t6 = /* @__PURE__ */ jsx(Box, { paddingBottom: 4, children: /* @__PURE__ */ jsx(VariantForm, { onChange: handleVariantChange, onConditionValidityChange: setConditionsInvalid, onPriorityValidityChange: setPriorityInvalid, showValidation, value: variant }) }), $[11] = showValidation, $[12] = variant, $[13] = t6) : t6 = $[13];
   let t7;
-  $[13] !== isSubmitting || $[14] !== onCancel || $[15] !== renderCancelButton || $[16] !== t ? (t7 = renderCancelButton && /* @__PURE__ */ jsx(Button, { disabled: isSubmitting, mode: "ghost", onClick: onCancel, text: t("dialog.edit.action.cancel"), type: "button" }), $[13] = isSubmitting, $[14] = onCancel, $[15] = renderCancelButton, $[16] = t, $[17] = t7) : t7 = $[17];
+  $[14] !== isSubmitting || $[15] !== onCancel || $[16] !== renderCancelButton || $[17] !== t ? (t7 = renderCancelButton && /* @__PURE__ */ jsx(Button, { disabled: isSubmitting, mode: "ghost", onClick: onCancel, text: t("dialog.edit.action.cancel"), type: "button" }), $[14] = isSubmitting, $[15] = onCancel, $[16] = renderCancelButton, $[17] = t, $[18] = t7) : t7 = $[18];
   let t8;
-  $[18] !== confirmDataTestId || $[19] !== confirmText || $[20] !== isSubmitting ? (t8 = /* @__PURE__ */ jsx(Button, { "data-testid": confirmDataTestId, disabled: isSubmitting, loading: isSubmitting, size: "large", text: confirmText, type: "submit" }), $[18] = confirmDataTestId, $[19] = confirmText, $[20] = isSubmitting, $[21] = t8) : t8 = $[21];
+  $[19] !== confirmDataTestId || $[20] !== confirmText || $[21] !== isSubmitting ? (t8 = /* @__PURE__ */ jsx(Button, { "data-testid": confirmDataTestId, disabled: isSubmitting, loading: isSubmitting, size: "large", text: confirmText, type: "submit" }), $[19] = confirmDataTestId, $[20] = confirmText, $[21] = isSubmitting, $[22] = t8) : t8 = $[22];
   let t9;
-  $[22] !== t7 || $[23] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Flex, { gap: 2, justify: "flex-end", paddingTop: 5, children: [
+  $[23] !== t7 || $[24] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Flex, { gap: 2, justify: "flex-end", paddingTop: 5, children: [
     t7,
     t8
-  ] }), $[22] = t7, $[23] = t8, $[24] = t9) : t9 = $[24];
+  ] }), $[23] = t7, $[24] = t8, $[25] = t9) : t9 = $[25];
   let t10;
-  $[25] !== handleSubmit || $[26] !== t6 || $[27] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { borderTop: !0, padding: 4, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+  $[26] !== handleSubmit || $[27] !== t6 || $[28] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { borderTop: !0, padding: 4, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
     t6,
     t9
-  ] }) }), $[25] = handleSubmit, $[26] = t6, $[27] = t9, $[28] = t10) : t10 = $[28];
+  ] }) }), $[26] = handleSubmit, $[27] = t6, $[28] = t9, $[29] = t10) : t10 = $[29];
   let t11;
-  return $[29] !== header || $[30] !== id || $[31] !== t10 || $[32] !== t4 || $[33] !== t5 ? (t11 = /* @__PURE__ */ jsx(Dialog, { __unstable_autoFocus: !1, header, id, onClickOutside: t4, onClose: t5, padding: !1, width: 1, children: t10 }), $[29] = header, $[30] = id, $[31] = t10, $[32] = t4, $[33] = t5, $[34] = t11) : t11 = $[34], t11;
+  return $[30] !== header || $[31] !== id || $[32] !== t10 || $[33] !== t4 || $[34] !== t5 ? (t11 = /* @__PURE__ */ jsx(Dialog, { __unstable_autoFocus: !1, header, id, onClickOutside: t4, onClose: t5, padding: !1, width: 1, children: t10 }), $[30] = header, $[31] = id, $[32] = t10, $[33] = t4, $[34] = t5, $[35] = t11) : t11 = $[35], t11;
 }
 function toEditableVariant(variant) {
   return {