sanity-plugin-media 6.4.0 → 6.6.0

package/dist/index.js

@@ -86,7 +86,7 @@ function _temp$38() {
 const useTypedSelector = useSelector, useVersionedClient = () => {
 	let $ = c(1), t0;
 	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "2025-10-02" }, $[0] = t0) : t0 = $[0], useClient(t0);
-}, ORDER_DICTIONARY = {
+}, LOCALIZED_ORDER_FIELDS = /* @__PURE__ */ new Set(["title"]), ORDER_DICTIONARY = {
 	_createdAt: {
 		asc: "Last created: Oldest first",
 		desc: "Last created: Newest first"
@@ -103,11 +103,23 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		asc: "File name: A to Z",
 		desc: "File name: Z to A"
 	},
+	title: {
+		asc: "Title: A to Z",
+		desc: "Title: Z to A"
+	},
 	size: {
 		asc: "File size: Smallest first",
 		desc: "File size: Largest first"
 	}
-}, getOrderTitle = (field, direction) => ORDER_DICTIONARY[field][direction], divider = { type: "divider" }, inputs = {
+}, getOrderTitle = (field, direction) => ORDER_DICTIONARY[field][direction], getOrderField = (field, localeIds) => {
+	if (localeIds.length === 0 || !LOCALIZED_ORDER_FIELDS.has(field)) return field;
+	let localizedFieldAccessors = localeIds.map((localeId) => groq`${field}[${JSON.stringify(localeId)}]`);
+	return groq`coalesce(${localizedFieldAccessors.join(", ")})`;
+}, getOrderValue = (value, field, localeIds) => {
+	if (localeIds.length === 0 || !LOCALIZED_ORDER_FIELDS.has(field) || typeof value != "object" || !value) return value;
+	let localizedValues = value;
+	return localeIds.map((localeId) => localizedValues[localeId]).find((v) => v != null);
+}, divider = { type: "divider" }, inputs = {
 	altText: {
 		assetTypes: ["file", "image"],
 		field: "altText",
@@ -378,9 +390,20 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		type: "number",
 		value: 400
 	}
-}, operators = {
+};
+/**
+* Wildcard `match` pattern for text the user typed.
+*
+* `JSON.stringify` produces a GROQ string literal, the same way folder ids are
+* embedded. Interpolating into `'*...*'` lets `'` or `\` end or rewrite the
+* literal, so the query no longer parses.
+*/
+function groqWildcardMatch(term) {
+	return JSON.stringify(`*${term}*`);
+}
+const operators = {
 	doesNotInclude: {
-		fn: (value, field) => value ? `!(${field} match '*${value}*')` : void 0,
+		fn: (value, field) => value ? `!(${field} match ${groqWildcardMatch(String(value))})` : void 0,
 		label: "does not include"
 	},
 	doesNotReference: {
@@ -405,7 +428,7 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		label: "is greater than or equal to"
 	},
 	includes: {
-		fn: (value, field) => value ? `${field} match '*${value}*'` : void 0,
+		fn: (value, field) => value ? `${field} match ${groqWildcardMatch(String(value))}` : void 0,
 		label: "includes"
 	},
 	is: {
@@ -461,6 +484,15 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		field: "originalFilename"
 	},
 	null,
+	{
+		direction: "asc",
+		field: "title"
+	},
+	{
+		direction: "desc",
+		field: "title"
+	},
+	null,
 	{
 		direction: "desc",
 		field: "size"
@@ -527,7 +559,7 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		baseFilter,
 		...excludeMediaLibraryFragment ? [excludeMediaLibraryFragment] : [],
 		...excludeTagsFragment ? [excludeTagsFragment] : [],
-		...searchQuery ? [groq`[_id, altText, assetId, creditLine, description, originalFilename, title, url] match '*${searchQuery.trim()}*'`] : [],
+		...searchQuery ? [groq`[_id, altText, assetId, creditLine, description, originalFilename, title, url] match ${groqWildcardMatch(searchQuery.trim())}`] : [],
 		...folderFilter ? [folderFilter] : [],
 		...searchFacetFragments
 	].join(" && ");
@@ -908,6 +940,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 	fetching: !1,
 	fetchingError: void 0,
 	lastPicked: void 0,
+	localeIds: [],
 	order: {
 		direction: defaultOrder.direction,
 		field: defaultOrder.field,
@@ -1126,7 +1159,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 		},
 		sort(state) {
 			state.allIds.sort((a, b) => {
-				let tagA = state.byIds[a].asset[state.order.field], tagB = state.byIds[b].asset[state.order.field];
+				let { field } = state.order, tagA = getOrderValue(state.byIds[a].asset[field], field, state.localeIds), tagB = getOrderValue(state.byIds[b].asset[field], field, state.localeIds);
 				return tagA < tagB ? state.order.direction === "asc" ? -1 : 1 : tagA > tagB ? state.order.direction === "asc" ? 1 : -1 : 0;
 			});
 		},
@@ -1185,7 +1218,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 		params,
 		queryFilter: constructedFilter,
 		selector: groq`[${start}...${end}]`,
-		sort: groq`order(${state.assets?.order?.field} ${state.assets?.order?.direction})`
+		sort: groq`order(${getOrderField(state.assets.order.field, state.assets.localeIds)} ${state.assets.order.direction})`
 	}));
 })), assetsFetchNextPageEpic = (action$, state$) => action$.pipe(filter(assetsActions.loadNextPage.match), withLatestFrom(state$), switchMap(([_action, state]) => of(assetsActions.loadPageIndex({ pageIndex: state.assets.pageIndex + 1 })))), assetsFetchAfterDeleteAllEpic = (action$, state$) => action$.pipe(filter(assetsActions.deleteComplete.match), withLatestFrom(state$), switchMap(([_action, state]) => {
 	if (state.assets.allIds.length === 0) {
@@ -1910,38 +1943,42 @@ const ButtonAssetCopy = (t0) => {
 		children: t5
 	}), $[8] = popoverProps, $[9] = popoverVisible, $[10] = t5, $[11] = t6) : t6 = $[11], t6;
 }, Row = (t0) => {
-	let $ = c(9), { label, value } = t0, t1;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+	let $ = c(15), { label, value, wrap: t1 } = t0, wrap = t1 !== void 0 && t1, t2 = wrap ? "flex-start" : "center", t3;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
 		opacity: .8,
 		width: "40%"
-	}, $[0] = t1) : t1 = $[0];
-	let t2;
-	$[1] === label ? t2 = $[2] : (t2 = /* @__PURE__ */ jsx(Text, {
+	}, $[0] = t3) : t3 = $[0];
+	let t4;
+	$[1] === label ? t4 = $[2] : (t4 = /* @__PURE__ */ jsx(Text, {
 		size: 1,
-		style: t1,
+		style: t3,
 		textOverflow: "ellipsis",
 		children: label
-	}), $[1] = label, $[2] = t2);
-	let t3;
-	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+	}), $[1] = label, $[2] = t4);
+	let t5 = wrap ? "anywhere" : void 0, t6 = wrap ? "all" : void 0, t7;
+	$[3] !== t5 || $[4] !== t6 ? (t7 = {
 		opacity: .4,
+		overflowWrap: t5,
 		textAlign: "right",
+		userSelect: t6,
 		width: "60%"
-	}, $[3] = t3) : t3 = $[3];
-	let t4;
-	$[4] === value ? t4 = $[5] : (t4 = /* @__PURE__ */ jsx(Text, {
+	}, $[3] = t5, $[4] = t6, $[5] = t7) : t7 = $[5];
+	let t8 = wrap ? void 0 : "ellipsis", t9 = typeof value == "string" ? value : void 0, t10;
+	$[6] !== t7 || $[7] !== t8 || $[8] !== t9 || $[9] !== value ? (t10 = /* @__PURE__ */ jsx(Text, {
 		size: 1,
-		style: t3,
-		textOverflow: "ellipsis",
+		style: t7,
+		textOverflow: t8,
+		title: t9,
 		children: value
-	}), $[4] = value, $[5] = t4);
-	let t5;
-	return $[6] !== t2 || $[7] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Flex, {
+	}), $[6] = t7, $[7] = t8, $[8] = t9, $[9] = value, $[10] = t10) : t10 = $[10];
+	let t11;
+	return $[11] !== t10 || $[12] !== t2 || $[13] !== t4 ? (t11 = /* @__PURE__ */ jsxs(Flex, {
+		align: t2,
 		justify: "space-between",
-		children: [t2, t4]
-	}), $[6] = t2, $[7] = t4, $[8] = t5) : t5 = $[8], t5;
+		children: [t4, t10]
+	}), $[11] = t10, $[12] = t2, $[13] = t4, $[14] = t11) : t11 = $[14], t11;
 }, AssetMetadata = (props) => {
-	let $ = c(40), { asset, item } = props, exif = asset?.metadata?.exif, t0;
+	let $ = c(43), { asset, item } = props, exif = asset?.metadata?.exif, t0;
 	$[0] !== asset.originalFilename || $[1] !== asset.url ? (t0 = () => {
 		window.location.href = `${asset.url}?dl=${asset.originalFilename}`;
 	}, $[0] = asset.originalFilename, $[1] = asset.url, $[2] = t0) : t0 = $[2];
@@ -1980,18 +2017,25 @@ const ButtonAssetCopy = (t0) => {
 		value: t9
 	}), $[17] = t9, $[18] = t10);
 	let t11;
-	$[19] !== t10 || $[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t8 ? (t11 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, {
+	$[19] === asset._id ? t11 = $[20] : (t11 = /* @__PURE__ */ jsx(Row, {
+		label: "Asset ID",
+		value: asset._id,
+		wrap: !0
+	}), $[19] = asset._id, $[20] = t11);
+	let t12;
+	$[21] !== t10 || $[22] !== t11 || $[23] !== t3 || $[24] !== t5 || $[25] !== t7 || $[26] !== t8 ? (t12 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, {
 		gap: 3,
 		children: [
 			t3,
 			t5,
 			t7,
 			t8,
-			t10
+			t10,
+			t11
 		]
-	}) }), $[19] = t10, $[20] = t3, $[21] = t5, $[22] = t7, $[23] = t8, $[24] = t11) : t11 = $[24];
-	let t12;
-	$[25] === exif ? t12 = $[26] : (t12 = exif && (exif.DateTimeOriginal || exif.FNumber || exif.FocalLength || exif.ExposureTime || exif.ISO) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, {
+	}) }), $[21] = t10, $[22] = t11, $[23] = t3, $[24] = t5, $[25] = t7, $[26] = t8, $[27] = t12) : t12 = $[27];
+	let t13;
+	$[28] === exif ? t13 = $[29] : (t13 = exif && (exif.DateTimeOriginal || exif.FNumber || exif.FocalLength || exif.ExposureTime || exif.ISO) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, {
 		marginY: 4,
 		style: {
 			background: "var(--card-border-color)",
@@ -2022,38 +2066,38 @@ const ButtonAssetCopy = (t0) => {
 				value: format(new Date(exif.DateTimeOriginal), "PPp")
 			})
 		]
-	}) })] }), $[25] = exif, $[26] = t12);
-	let t13 = !item || item?.updating, t14;
-	$[27] !== handleDownload || $[28] !== t13 ? (t14 = /* @__PURE__ */ jsx(Button, {
-		disabled: t13,
+	}) })] }), $[28] = exif, $[29] = t13);
+	let t14 = !item || item?.updating, t15;
+	$[30] !== handleDownload || $[31] !== t14 ? (t15 = /* @__PURE__ */ jsx(Button, {
+		disabled: t14,
 		fontSize: 1,
 		icon: DownloadIcon,
 		mode: "ghost",
 		onClick: handleDownload,
 		text: "Download"
-	}), $[27] = handleDownload, $[28] = t13, $[29] = t14) : t14 = $[29];
-	let t15 = !item || item?.updating, t16;
-	$[30] !== asset.url || $[31] !== t15 ? (t16 = /* @__PURE__ */ jsx(ButtonAssetCopy, {
-		disabled: t15,
+	}), $[30] = handleDownload, $[31] = t14, $[32] = t15) : t15 = $[32];
+	let t16 = !item || item?.updating, t17;
+	$[33] !== asset.url || $[34] !== t16 ? (t17 = /* @__PURE__ */ jsx(ButtonAssetCopy, {
+		disabled: t16,
 		url: asset.url
-	}), $[30] = asset.url, $[31] = t15, $[32] = t16) : t16 = $[32];
-	let t17;
-	$[33] !== t14 || $[34] !== t16 ? (t17 = /* @__PURE__ */ jsx(Box, {
+	}), $[33] = asset.url, $[34] = t16, $[35] = t17) : t17 = $[35];
+	let t18;
+	$[36] !== t15 || $[37] !== t17 ? (t18 = /* @__PURE__ */ jsx(Box, {
 		marginTop: 5,
 		children: /* @__PURE__ */ jsxs(Inline, {
 			gap: 2,
-			children: [t14, t16]
+			children: [t15, t17]
 		})
-	}), $[33] = t14, $[34] = t16, $[35] = t17) : t17 = $[35];
-	let t18;
-	return $[36] !== t11 || $[37] !== t12 || $[38] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, {
+	}), $[36] = t15, $[37] = t17, $[38] = t18) : t18 = $[38];
+	let t19;
+	return $[39] !== t12 || $[40] !== t13 || $[41] !== t18 ? (t19 = /* @__PURE__ */ jsxs(Box, {
 		marginTop: 3,
 		children: [
-			t11,
 			t12,
-			t17
+			t13,
+			t18
 		]
-	}), $[36] = t11, $[37] = t12, $[38] = t17, $[39] = t18) : t18 = $[39], t18;
+	}), $[39] = t12, $[40] = t13, $[41] = t18, $[42] = t19) : t19 = $[42], t19;
 }, Dialog$1 = (props) => {
 	let $ = c(3), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { position: "fixed" }, $[0] = t0) : t0 = $[0];
@@ -4216,7 +4260,7 @@ const DialogAllAssets = (props) => {
 		children: [t8, children]
 	}), $[25] = children, $[26] = handleClose, $[27] = t4, $[28] = t5, $[29] = t8, $[30] = t9) : t9 = $[30], t9;
 }, DialogFolderCreate = (props) => {
-	let $ = c(43), { children, dialog: t0 } = props, { parentFolderId, id } = t0, dispatch = useDispatch(), creating = useTypedSelector(_temp$32), creatingError = useTypedSelector(_temp2$18), t1;
+	let $ = c(42), { children, dialog: t0 } = props, { parentFolderId, id } = t0, dispatch = useDispatch(), creating = useTypedSelector(_temp$32), creatingError = useTypedSelector(_temp2$18), t1;
 	$[0] === parentFolderId ? t1 = $[1] : (t1 = (state_1) => selectFolderPathById(state_1, parentFolderId), $[0] = parentFolderId, $[1] = t1);
 	let parentPath = useTypedSelector(t1), t2;
 	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = { name: "" }, $[2] = t2) : t2 = $[2];
@@ -4242,68 +4286,68 @@ const DialogAllAssets = (props) => {
 	$[9] !== creatingError || $[10] !== setError ? (t7 = () => {
 		creatingError && setError("name", { message: creatingError.message });
 	}, t8 = [creatingError, setError], $[9] = creatingError, $[10] = setError, $[11] = t7, $[12] = t8) : (t7 = $[11], t8 = $[12]), useEffect(t7, t8);
-	let t9;
-	$[13] !== creating || $[14] !== handleSubmit || $[15] !== isDirty || $[16] !== isValid || $[17] !== onSubmit ? (t9 = () => /* @__PURE__ */ jsx(Box, {
+	let t9 = creating || !isDirty || !isValid, t10;
+	$[13] !== handleSubmit || $[14] !== onSubmit ? (t10 = handleSubmit(onSubmit), $[13] = handleSubmit, $[14] = onSubmit, $[15] = t10) : t10 = $[15];
+	let t11;
+	$[16] !== isValid || $[17] !== t10 || $[18] !== t9 ? (t11 = /* @__PURE__ */ jsx(Box, {
 		padding: 3,
 		children: /* @__PURE__ */ jsx(Flex, {
 			justify: "flex-end",
 			children: /* @__PURE__ */ jsx(FormSubmitButton, {
-				disabled: creating || !isDirty || !isValid,
+				disabled: t9,
 				isValid,
-				onClick: handleSubmit(onSubmit)
+				onClick: t10
 			})
 		})
-	}), $[13] = creating, $[14] = handleSubmit, $[15] = isDirty, $[16] = isValid, $[17] = onSubmit, $[18] = t9) : t9 = $[18];
-	let Footer = t9, t10;
-	$[19] === Footer ? t10 = $[20] : (t10 = /* @__PURE__ */ jsx(Footer, {}), $[19] = Footer, $[20] = t10);
-	let t11;
-	$[21] !== handleSubmit || $[22] !== onSubmit ? (t11 = handleSubmit(onSubmit), $[21] = handleSubmit, $[22] = onSubmit, $[23] = t11) : t11 = $[23];
-	let t12;
-	$[24] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx("button", {
+	}), $[16] = isValid, $[17] = t10, $[18] = t9, $[19] = t11) : t11 = $[19];
+	let footer = t11, t12;
+	$[20] !== handleSubmit || $[21] !== onSubmit ? (t12 = handleSubmit(onSubmit), $[20] = handleSubmit, $[21] = onSubmit, $[22] = t12) : t12 = $[22];
+	let t13;
+	$[23] === Symbol.for("react.memo_cache_sentinel") ? (t13 = /* @__PURE__ */ jsx("button", {
 		style: { display: "none" },
 		tabIndex: -1,
 		type: "submit"
-	}), $[24] = t12) : t12 = $[24];
-	let t13;
-	$[25] === parentPath ? t13 = $[26] : (t13 = parentPath && /* @__PURE__ */ jsx(Box, {
+	}), $[23] = t13) : t13 = $[23];
+	let t14;
+	$[24] === parentPath ? t14 = $[25] : (t14 = parentPath && /* @__PURE__ */ jsx(Box, {
 		marginBottom: 3,
 		children: /* @__PURE__ */ jsxs(Text, {
 			muted: !0,
 			size: 1,
 			children: ["Creating inside ", parentPath]
 		})
-	}), $[25] = parentPath, $[26] = t13);
-	let t14;
-	$[27] === register ? t14 = $[28] : (t14 = register("name"), $[27] = register, $[28] = t14);
-	let t15 = errors?.name?.message, t16;
-	$[29] !== creating || $[30] !== t14 || $[31] !== t15 ? (t16 = /* @__PURE__ */ jsx(FormFieldInputText, {
-		...t14,
+	}), $[24] = parentPath, $[25] = t14);
+	let t15;
+	$[26] === register ? t15 = $[27] : (t15 = register("name"), $[26] = register, $[27] = t15);
+	let t16 = errors?.name?.message, t17;
+	$[28] !== creating || $[29] !== t15 || $[30] !== t16 ? (t17 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		...t15,
 		disabled: creating,
-		error: t15,
+		error: t16,
 		label: "Folder name",
 		name: "name"
-	}), $[29] = creating, $[30] = t14, $[31] = t15, $[32] = t16) : t16 = $[32];
-	let t17;
-	$[33] !== t11 || $[34] !== t13 || $[35] !== t16 ? (t17 = /* @__PURE__ */ jsxs(Box, {
+	}), $[28] = creating, $[29] = t15, $[30] = t16, $[31] = t17) : t17 = $[31];
+	let t18;
+	$[32] !== t12 || $[33] !== t14 || $[34] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Box, {
 		as: "form",
 		padding: 4,
-		onSubmit: t11,
+		onSubmit: t12,
 		children: [
-			t12,
 			t13,
-			t16
+			t14,
+			t17
 		]
-	}), $[33] = t11, $[34] = t13, $[35] = t16, $[36] = t17) : t17 = $[36];
-	let t18;
-	return $[37] !== children || $[38] !== handleClose || $[39] !== id || $[40] !== t10 || $[41] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Dialog$1, {
+	}), $[32] = t12, $[33] = t14, $[34] = t17, $[35] = t18) : t18 = $[35];
+	let t19;
+	return $[36] !== children || $[37] !== footer || $[38] !== handleClose || $[39] !== id || $[40] !== t18 ? (t19 = /* @__PURE__ */ jsxs(Dialog$1, {
 		animate: !0,
-		footer: t10,
+		footer,
 		header: "Create Folder",
 		id,
 		onClose: handleClose,
 		width: 1,
-		children: [t17, children]
-	}), $[37] = children, $[38] = handleClose, $[39] = id, $[40] = t10, $[41] = t17, $[42] = t18) : t18 = $[42], t18;
+		children: [t18, children]
+	}), $[36] = children, $[37] = footer, $[38] = handleClose, $[39] = id, $[40] = t18, $[41] = t19) : t19 = $[41], t19;
 };
 function _temp$32(state) {
 	return state.folders.creating;
@@ -5596,7 +5640,7 @@ const DialogSearchFacets = (props) => {
 		children: [t2, children]
 	}), $[3] = children, $[4] = handleClose, $[5] = id, $[6] = t3) : t3 = $[6], t3;
 }, DialogTagCreate = (props) => {
-	let $ = c(37), { children, dialog: t0 } = props, { id } = t0, dispatch = useDispatch(), creating = useTypedSelector(_temp$25), creatingError = useTypedSelector(_temp2$12), t1;
+	let $ = c(36), { children, dialog: t0 } = props, { id } = t0, dispatch = useDispatch(), creating = useTypedSelector(_temp$25), creatingError = useTypedSelector(_temp2$12), t1;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { name: "" }, $[0] = t1) : t1 = $[0];
 	let t2;
 	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
@@ -5617,55 +5661,55 @@ const DialogSearchFacets = (props) => {
 	$[6] !== creatingError || $[7] !== setError ? (t6 = () => {
 		creatingError && setError("name", { message: creatingError?.message });
 	}, t7 = [creatingError, setError], $[6] = creatingError, $[7] = setError, $[8] = t6, $[9] = t7) : (t6 = $[8], t7 = $[9]), useEffect(t6, t7);
-	let t8;
-	$[10] !== formUpdating || $[11] !== handleSubmit || $[12] !== isDirty || $[13] !== isValid || $[14] !== onSubmit ? (t8 = () => /* @__PURE__ */ jsx(Box, {
+	let t8 = formUpdating || !isDirty || !isValid, t9;
+	$[10] !== handleSubmit || $[11] !== onSubmit ? (t9 = handleSubmit(onSubmit), $[10] = handleSubmit, $[11] = onSubmit, $[12] = t9) : t9 = $[12];
+	let t10;
+	$[13] !== isValid || $[14] !== t8 || $[15] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, {
 		padding: 3,
 		children: /* @__PURE__ */ jsx(Flex, {
 			justify: "flex-end",
 			children: /* @__PURE__ */ jsx(FormSubmitButton, {
-				disabled: formUpdating || !isDirty || !isValid,
+				disabled: t8,
 				isValid,
-				onClick: handleSubmit(onSubmit)
+				onClick: t9
 			})
 		})
-	}), $[10] = formUpdating, $[11] = handleSubmit, $[12] = isDirty, $[13] = isValid, $[14] = onSubmit, $[15] = t8) : t8 = $[15];
-	let Footer = t8, t9;
-	$[16] === Footer ? t9 = $[17] : (t9 = /* @__PURE__ */ jsx(Footer, {}), $[16] = Footer, $[17] = t9);
-	let t10;
-	$[18] !== handleSubmit || $[19] !== onSubmit ? (t10 = handleSubmit(onSubmit), $[18] = handleSubmit, $[19] = onSubmit, $[20] = t10) : t10 = $[20];
-	let t11;
-	$[21] === Symbol.for("react.memo_cache_sentinel") ? (t11 = /* @__PURE__ */ jsx("button", {
+	}), $[13] = isValid, $[14] = t8, $[15] = t9, $[16] = t10) : t10 = $[16];
+	let footer = t10, t11;
+	$[17] !== handleSubmit || $[18] !== onSubmit ? (t11 = handleSubmit(onSubmit), $[17] = handleSubmit, $[18] = onSubmit, $[19] = t11) : t11 = $[19];
+	let t12;
+	$[20] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx("button", {
 		style: { display: "none" },
 		tabIndex: -1,
 		type: "submit"
-	}), $[21] = t11) : t11 = $[21];
-	let t12;
-	$[22] === register ? t12 = $[23] : (t12 = register("name"), $[22] = register, $[23] = t12);
-	let t13 = errors?.name?.message, t14;
-	$[24] !== formUpdating || $[25] !== t12 || $[26] !== t13 ? (t14 = /* @__PURE__ */ jsx(FormFieldInputText, {
-		...t12,
+	}), $[20] = t12) : t12 = $[20];
+	let t13;
+	$[21] === register ? t13 = $[22] : (t13 = register("name"), $[21] = register, $[22] = t13);
+	let t14 = errors?.name?.message, t15;
+	$[23] !== formUpdating || $[24] !== t13 || $[25] !== t14 ? (t15 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		...t13,
 		disabled: formUpdating,
-		error: t13,
+		error: t14,
 		label: "Name",
 		name: "name"
-	}), $[24] = formUpdating, $[25] = t12, $[26] = t13, $[27] = t14) : t14 = $[27];
-	let t15;
-	$[28] !== t10 || $[29] !== t14 ? (t15 = /* @__PURE__ */ jsxs(Box, {
+	}), $[23] = formUpdating, $[24] = t13, $[25] = t14, $[26] = t15) : t15 = $[26];
+	let t16;
+	$[27] !== t11 || $[28] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Box, {
 		as: "form",
 		padding: 4,
-		onSubmit: t10,
-		children: [t11, t14]
-	}), $[28] = t10, $[29] = t14, $[30] = t15) : t15 = $[30];
-	let t16;
-	return $[31] !== children || $[32] !== handleClose || $[33] !== id || $[34] !== t15 || $[35] !== t9 ? (t16 = /* @__PURE__ */ jsxs(Dialog$1, {
+		onSubmit: t11,
+		children: [t12, t15]
+	}), $[27] = t11, $[28] = t15, $[29] = t16) : t16 = $[29];
+	let t17;
+	return $[30] !== children || $[31] !== footer || $[32] !== handleClose || $[33] !== id || $[34] !== t16 ? (t17 = /* @__PURE__ */ jsxs(Dialog$1, {
 		animate: !0,
-		footer: t9,
+		footer,
 		header: "Create Tag",
 		id,
 		onClose: handleClose,
 		width: 1,
-		children: [t15, children]
-	}), $[31] = children, $[32] = handleClose, $[33] = id, $[34] = t15, $[35] = t9, $[36] = t16) : t16 = $[36], t16;
+		children: [t16, children]
+	}), $[30] = children, $[31] = footer, $[32] = handleClose, $[33] = id, $[34] = t16, $[35] = t17) : t17 = $[35], t17;
 };
 function _temp$25(state) {
 	return state.tags.creating;
@@ -5674,7 +5718,7 @@ function _temp2$12(state_0) {
 	return state_0.tags.creatingError;
 }
 const DialogTagEdit = (props) => {
-	let $ = c(64), { children, dialog: t0 } = props, { id, tagId } = t0, client = useVersionedClient(), dispatch = useDispatch(), t1;
+	let $ = c(68), { children, dialog: t0 } = props, { id, tagId } = t0, client = useVersionedClient(), dispatch = useDispatch(), t1;
 	$[0] === tagId ? t1 = $[1] : (t1 = (state) => selectTagById(state, String(tagId)), $[0] = tagId, $[1] = t1);
 	let tagItem = useTypedSelector(t1), [tagSnapshot, setTagSnapshot] = useState(tagItem?.tag), currentTag = tagItem ? tagItem?.tag : tagSnapshot, generateDefaultValues = _temp$24, t2 = tagItem?.tag, t3;
 	$[2] === t2 ? t3 = $[3] : (t3 = generateDefaultValues(t2), $[2] = t2, $[3] = t3);
@@ -5736,33 +5780,37 @@ const DialogTagEdit = (props) => {
 		t15
 	], $[28] = client, $[29] = handleTagUpdate, $[30] = t15, $[31] = t16) : t16 = $[31], useEffect(t14, t16);
 	let t17;
-	$[32] !== formUpdating || $[33] !== handleDelete || $[34] !== handleSubmit || $[35] !== isDirty || $[36] !== isValid || $[37] !== onSubmit || $[38] !== tagItem?.tag?._updatedAt ? (t17 = () => /* @__PURE__ */ jsx(Box, {
+	$[32] !== formUpdating || $[33] !== handleDelete ? (t17 = /* @__PURE__ */ jsx(Button, {
+		disabled: formUpdating,
+		fontSize: 1,
+		mode: "bleed",
+		onClick: handleDelete,
+		text: "Delete",
+		tone: "critical"
+	}), $[32] = formUpdating, $[33] = handleDelete, $[34] = t17) : t17 = $[34];
+	let t18 = formUpdating || !isDirty || !isValid, t19 = tagItem?.tag?._updatedAt, t20;
+	$[35] !== handleSubmit || $[36] !== onSubmit ? (t20 = handleSubmit(onSubmit), $[35] = handleSubmit, $[36] = onSubmit, $[37] = t20) : t20 = $[37];
+	let t21;
+	$[38] !== isValid || $[39] !== t18 || $[40] !== t19 || $[41] !== t20 ? (t21 = /* @__PURE__ */ jsx(FormSubmitButton, {
+		disabled: t18,
+		isValid,
+		lastUpdated: t19,
+		onClick: t20
+	}), $[38] = isValid, $[39] = t18, $[40] = t19, $[41] = t20, $[42] = t21) : t21 = $[42];
+	let t22;
+	$[43] !== t17 || $[44] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, {
 		padding: 3,
 		children: /* @__PURE__ */ jsxs(Flex, {
 			justify: "space-between",
-			children: [/* @__PURE__ */ jsx(Button, {
-				disabled: formUpdating,
-				fontSize: 1,
-				mode: "bleed",
-				onClick: handleDelete,
-				text: "Delete",
-				tone: "critical"
-			}), /* @__PURE__ */ jsx(FormSubmitButton, {
-				disabled: formUpdating || !isDirty || !isValid,
-				isValid,
-				lastUpdated: tagItem?.tag?._updatedAt,
-				onClick: handleSubmit(onSubmit)
-			})]
+			children: [t17, t21]
 		})
-	}), $[32] = formUpdating, $[33] = handleDelete, $[34] = handleSubmit, $[35] = isDirty, $[36] = isValid, $[37] = onSubmit, $[38] = tagItem?.tag?._updatedAt, $[39] = t17) : t17 = $[39];
-	let Footer = t17;
+	}), $[43] = t17, $[44] = t21, $[45] = t22) : t22 = $[45];
+	let footer = t22;
 	if (!currentTag) return null;
-	let t18;
-	$[40] === Footer ? t18 = $[41] : (t18 = /* @__PURE__ */ jsx(Footer, {}), $[40] = Footer, $[41] = t18);
-	let t19;
-	$[42] !== handleSubmit || $[43] !== onSubmit ? (t19 = handleSubmit(onSubmit), $[42] = handleSubmit, $[43] = onSubmit, $[44] = t19) : t19 = $[44];
-	let t20;
-	$[45] === tagItem ? t20 = $[46] : (t20 = !tagItem && /* @__PURE__ */ jsx(Card, {
+	let t23;
+	$[46] !== handleSubmit || $[47] !== onSubmit ? (t23 = handleSubmit(onSubmit), $[46] = handleSubmit, $[47] = onSubmit, $[48] = t23) : t23 = $[48];
+	let t24;
+	$[49] === tagItem ? t24 = $[50] : (t24 = !tagItem && /* @__PURE__ */ jsx(Card, {
 		marginBottom: 3,
 		padding: 3,
 		radius: 2,
@@ -5772,44 +5820,44 @@ const DialogTagEdit = (props) => {
 			size: 1,
 			children: "This tag cannot be found – it may have been deleted."
 		})
-	}), $[45] = tagItem, $[46] = t20);
-	let t21;
-	$[47] === Symbol.for("react.memo_cache_sentinel") ? (t21 = /* @__PURE__ */ jsx("button", {
+	}), $[49] = tagItem, $[50] = t24);
+	let t25;
+	$[51] === Symbol.for("react.memo_cache_sentinel") ? (t25 = /* @__PURE__ */ jsx("button", {
 		style: { display: "none" },
 		tabIndex: -1,
 		type: "submit"
-	}), $[47] = t21) : t21 = $[47];
-	let t22;
-	$[48] === register ? t22 = $[49] : (t22 = register("name"), $[48] = register, $[49] = t22);
-	let t23 = errors?.name?.message, t24;
-	$[50] !== formUpdating || $[51] !== t22 || $[52] !== t23 ? (t24 = /* @__PURE__ */ jsx(FormFieldInputText, {
-		...t22,
+	}), $[51] = t25) : t25 = $[51];
+	let t26;
+	$[52] === register ? t26 = $[53] : (t26 = register("name"), $[52] = register, $[53] = t26);
+	let t27 = errors?.name?.message, t28;
+	$[54] !== formUpdating || $[55] !== t26 || $[56] !== t27 ? (t28 = /* @__PURE__ */ jsx(FormFieldInputText, {
+		...t26,
 		disabled: formUpdating,
-		error: t23,
+		error: t27,
 		label: "Name",
 		name: "name"
-	}), $[50] = formUpdating, $[51] = t22, $[52] = t23, $[53] = t24) : t24 = $[53];
-	let t25;
-	$[54] !== t19 || $[55] !== t20 || $[56] !== t24 ? (t25 = /* @__PURE__ */ jsxs(Box, {
+	}), $[54] = formUpdating, $[55] = t26, $[56] = t27, $[57] = t28) : t28 = $[57];
+	let t29;
+	$[58] !== t23 || $[59] !== t24 || $[60] !== t28 ? (t29 = /* @__PURE__ */ jsxs(Box, {
 		as: "form",
 		padding: 4,
-		onSubmit: t19,
+		onSubmit: t23,
 		children: [
-			t20,
-			t21,
-			t24
+			t24,
+			t25,
+			t28
 		]
-	}), $[54] = t19, $[55] = t20, $[56] = t24, $[57] = t25) : t25 = $[57];
-	let t26;
-	return $[58] !== children || $[59] !== handleClose || $[60] !== id || $[61] !== t18 || $[62] !== t25 ? (t26 = /* @__PURE__ */ jsxs(Dialog$1, {
+	}), $[58] = t23, $[59] = t24, $[60] = t28, $[61] = t29) : t29 = $[61];
+	let t30;
+	return $[62] !== children || $[63] !== footer || $[64] !== handleClose || $[65] !== id || $[66] !== t29 ? (t30 = /* @__PURE__ */ jsxs(Dialog$1, {
 		animate: !0,
-		footer: t18,
+		footer,
 		header: "Edit Tag",
 		id,
 		onClose: handleClose,
 		width: 1,
-		children: [t25, children]
-	}), $[58] = children, $[59] = handleClose, $[60] = id, $[61] = t18, $[62] = t25, $[63] = t26) : t26 = $[63], t26;
+		children: [t29, children]
+	}), $[62] = children, $[63] = footer, $[64] = handleClose, $[65] = id, $[66] = t29, $[67] = t30) : t30 = $[67], t30;
 };
 function _temp$24(tag) {
 	return { name: tag?.name?.current || "" };
@@ -6417,6 +6465,7 @@ function createReduxStore(props) {
 				...initialState$1,
 				assetTypes: isSupportedAssetType(props?.assetType) ? [props.assetType] : ["file", "image"],
 				excludeTagSlugs: props.excludeTagSlugs?.length ? [...props.excludeTagSlugs] : [],
+				localeIds: props.locales?.length ? props.locales.map((locale) => locale.id) : [],
 				showMediaLibraryAssets: props.showMediaLibraryAssets ?? !0
 			},
 			debug: {
@@ -8535,7 +8584,7 @@ const BrowserContent = (t0) => {
 		children: t9
 	}), $[11] = portalElement, $[12] = t9, $[13] = t10) : t10 = $[13], t10;
 }, Browser = (props) => {
-	let $ = c(16), client = useVersionedClient(), { excludeTagSlugs, showMediaLibraryAssets } = useToolOptions(), t0 = props?.assetType, t1 = props?.document, t2 = props?.selectedAssets, t3 = props?.isMultiSelect, t4 = props?.onSelect, t5;
+	let $ = c(17), client = useVersionedClient(), { excludeTagSlugs, locales, showMediaLibraryAssets } = useToolOptions(), t0 = props?.assetType, t1 = props?.document, t2 = props?.selectedAssets, t3 = props?.isMultiSelect, t4 = props?.onSelect, t5;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(GlobalStyle, {}), $[0] = t5) : t5 = $[0];
 	let t6 = props?.onClose, t7 = props?.schemaType, t8;
 	$[1] !== t6 || $[2] !== t7 ? (t8 = /* @__PURE__ */ jsx(BrowserContent, {
@@ -8549,15 +8598,16 @@ const BrowserContent = (t0) => {
 		children: [t5, t8]
 	}), $[4] = t3, $[5] = t4, $[6] = t8, $[7] = t9) : t9 = $[7];
 	let t10;
-	return $[8] !== client || $[9] !== excludeTagSlugs || $[10] !== showMediaLibraryAssets || $[11] !== t0 || $[12] !== t1 || $[13] !== t2 || $[14] !== t9 ? (t10 = /* @__PURE__ */ jsx(ReduxProvider, {
+	return $[8] !== client || $[9] !== excludeTagSlugs || $[10] !== locales || $[11] !== showMediaLibraryAssets || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t9 ? (t10 = /* @__PURE__ */ jsx(ReduxProvider, {
 		assetType: t0,
 		client,
 		document: t1,
 		excludeTagSlugs,
+		locales,
 		selectedAssets: t2,
 		showMediaLibraryAssets,
 		children: t9
-	}), $[8] = client, $[9] = excludeTagSlugs, $[10] = showMediaLibraryAssets, $[11] = t0, $[12] = t1, $[13] = t2, $[14] = t9, $[15] = t10) : t10 = $[15], t10;
+	}), $[8] = client, $[9] = excludeTagSlugs, $[10] = locales, $[11] = showMediaLibraryAssets, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t9, $[16] = t10) : t10 = $[16], t10;
 }, FormBuilderTool = (props) => {
 	let $ = c(13), { onClose } = props, portalElement = useRootPortalElement(), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];