sanity-plugin-media 6.0.7 → 6.0.9

package/dist/index.js

@@ -2,7 +2,7 @@ import { ImageIcon } from "@sanity/icons/Image";
 import { Preview, WithReferringDocuments, definePlugin, useClient, useColorSchemeValue, useDocumentStore, useFormValue, useSchema } from "sanity";
 import { c } from "react/compiler-runtime";
 import { Box, Button, Card, Checkbox, Container, Dialog, Flex, Grid, Inline, Label, Menu, MenuButton, MenuDivider, MenuGroup, MenuItem, Popover, Portal, PortalProvider, Spinner, Stack, Switch, Tab, TabList, TabPanel, Text, TextArea, TextInput, Tooltip, rem, studioTheme, useLayer, useMediaIndex, usePortal, useToast } from "@sanity/ui";
-import { Component, createContext, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { createContext, memo, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { isHotkey } from "is-hotkey-esm";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createGlobalStyle, css, styled } from "styled-components";
@@ -521,39 +521,39 @@ const useKeyPress = (hotkey, onPress) => {
 		value: tag?._id
 	}), acc;
 }, []), ASSETS_ACTIONS = {
-	tagsAddComplete: createAction("actions/tagsAddComplete", function({ assets, tag }) {
+	tagsAddComplete: createAction("actions/tagsAddComplete", function prepare({ assets, tag }) {
 		return { payload: {
 			assets,
 			tag
 		} };
 	}),
-	tagsAddError: createAction("actions/tagsAddError", function({ assets, error, tag }) {
+	tagsAddError: createAction("actions/tagsAddError", function prepare({ assets, error, tag }) {
 		return { payload: {
 			assets,
 			error,
 			tag
 		} };
 	}),
-	tagsAddRequest: createAction("actions/tagsAddRequest", function({ assets, tag }) {
+	tagsAddRequest: createAction("actions/tagsAddRequest", function prepare({ assets, tag }) {
 		return { payload: {
 			assets,
 			tag
 		} };
 	}),
-	tagsRemoveComplete: createAction("actions/tagsRemoveComplete", function({ assets, tag }) {
+	tagsRemoveComplete: createAction("actions/tagsRemoveComplete", function prepare({ assets, tag }) {
 		return { payload: {
 			assets,
 			tag
 		} };
 	}),
-	tagsRemoveError: createAction("actions/tagsRemoveError", function({ assets, error, tag }) {
+	tagsRemoveError: createAction("actions/tagsRemoveError", function prepare({ assets, error, tag }) {
 		return { payload: {
 			assets,
 			error,
 			tag
 		} };
 	}),
-	tagsRemoveRequest: createAction("actions/tagsRemoveRequest", function({ assets, tag }) {
+	tagsRemoveRequest: createAction("actions/tagsRemoveRequest", function prepare({ assets, tag }) {
 		return { payload: {
 			assets,
 			tag
@@ -561,7 +561,7 @@ const useKeyPress = (hotkey, onPress) => {
 	})
 }, DIALOG_ACTIONS = {
 	showTagCreate: createAction("dialog/showTagCreate"),
-	showTagEdit: createAction("dialog/showTagEdit", function({ tagId }) {
+	showTagEdit: createAction("dialog/showTagEdit", function prepare({ tagId }) {
 		return { payload: { tagId } };
 	})
 }, tagsSlice = createSlice({
@@ -781,7 +781,7 @@ const useKeyPress = (hotkey, onPress) => {
 		},
 		tag
 	}))));
-})), selectTagsByIds = (state) => state.tags.byIds, selectTags = createSelector([selectTagsByIds, (state) => state.tags.allIds], (byIds, allIds) => allIds.map((id) => byIds[id])), selectTagById = createSelector([selectTagsByIds, (_state, tagId) => tagId], (byIds, tagId) => byIds[tagId]), selectTagSelectOptions = (asset) => (state) => {
+})), selectTagsByIds = (state) => state.tags.byIds, selectTagsAllIds = (state) => state.tags.allIds, selectTags = createSelector([selectTagsByIds, selectTagsAllIds], (byIds, allIds) => allIds.map((id) => byIds[id])), selectTagById = createSelector([selectTagsByIds, (_state, tagId) => tagId], (byIds, tagId) => byIds[tagId]), selectTagSelectOptions = (asset) => (state) => {
 	let tags = asset?.opt?.media?.tags?.reduce((acc, v) => {
 		let tagItem = state.tags.byIds[v._ref];
 		return tagItem?.tag && acc.push(tagItem), acc;
@@ -839,7 +839,7 @@ const searchSlice = createSlice({
 	})) : EMPTY;
 })), selectIsSearchFacetTag = createSelector([(state) => state.search.facets, (_state, tagId) => tagId], (searchFacets, tagId) => searchFacets.some((facet) => facet.name === "tag" && facet.type === "searchable" && (facet.operatorType === "references" || facet.operatorType === "doesNotReference") && facet.value?.value === tagId)), searchActions = { ...searchSlice.actions };
 var search_default = searchSlice.reducer;
-const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete", function({ asset }) {
+const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete", function prepare({ asset }) {
 	return { payload: { asset } };
 }) }, defaultOrder = ORDER_OPTIONS[0], initialState = {
 	allIds: [],
@@ -1893,6 +1893,18 @@ const Container$2 = /* @__PURE__ */ styled(Box).withConfig({
 			children: t1
 		})
 	}), $[3] = props, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+}, SingleValue = (props) => {
+	let $ = c(5), t0;
+	$[0] === props.children ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		textOverflow: "ellipsis",
+		children: props.children
+	}), $[0] = props.children, $[1] = t0);
+	let t1;
+	return $[2] !== props || $[3] !== t0 ? (t1 = /* @__PURE__ */ jsx(components.SingleValue, {
+		...props,
+		children: t0
+	}), $[2] = props, $[3] = t0, $[4] = t1) : t1 = $[4], t1;
 }, reactSelectComponents$1 = {
 	ClearIndicator,
 	DropdownIndicator: null,
@@ -1901,19 +1913,7 @@ const Container$2 = /* @__PURE__ */ styled(Box).withConfig({
 	MenuList: MenuList$1,
 	NoOptionsMessage,
 	Option: Option$1,
-	SingleValue: (props) => {
-		let $ = c(5), t0;
-		$[0] === props.children ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Text, {
-			size: 1,
-			textOverflow: "ellipsis",
-			children: props.children
-		}), $[0] = props.children, $[1] = t0);
-		let t1;
-		return $[2] !== props || $[3] !== t0 ? (t1 = /* @__PURE__ */ jsx(components.SingleValue, {
-			...props,
-			children: t0
-		}), $[2] = props, $[3] = t0, $[4] = t1) : t1 = $[4], t1;
-	}
+	SingleValue
 }, SearchFacetTags = (t0) => {
 	let $ = c(24), { facet } = t0, scheme = useColorSchemeValue(), dispatch = useDispatch(), tags = useTypedSelector(_temp$25), tagsFetching = useTypedSelector(_temp2$17), t1;
 	$[0] === tags ? t1 = $[1] : (t1 = getTagSelectOptions(tags), $[0] = tags, $[1] = t1);
@@ -4534,8 +4534,7 @@ const selectCombinedItems = createSelector([(state) => state.assets.allIds, (sta
 })(({ $scheme }) => css`cursor:pointer;height:${32}px;transition:all 300ms;@media (hover:hover) and (pointer:fine){&:hover{background:${getSchemeColor($scheme, "bg")};}}`), StyledWarningOutlineIcon = /* @__PURE__ */ styled(WarningFilledIcon).withConfig({
 	displayName: "StyledWarningOutlineIcon",
 	componentId: "sc-1uiydw-3"
-})(({ theme }) => ({ color: theme.sanity.color.spot.red }));
-var CardAsset_default = memo((props) => {
+})(({ theme }) => ({ color: theme.sanity.color.spot.red })), CardAsset = (props) => {
 	let $ = c(63), { id, selected } = props, scheme = useColorSchemeValue(), shiftPressed = useKeyPress("shift"), dispatch = useDispatch(), lastPicked = useTypedSelector(_temp$10), t0;
 	$[0] === id ? t0 = $[1] : (t0 = (state_0) => selectAssetById(state_0, id), $[0] = id, $[1] = t0);
 	let item = useTypedSelector(t0), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions();
@@ -4712,7 +4711,8 @@ var CardAsset_default = memo((props) => {
 			]
 		})
 	}), $[57] = item.updating, $[58] = picked, $[59] = t11, $[60] = t15, $[61] = t16, $[62] = t17) : t17 = $[62], t17;
-});
+};
+var CardAsset_default = memo(CardAsset);
 function _temp$10(state) {
 	return state.assets.lastPicked;
 }
@@ -4771,7 +4771,7 @@ const createThrottler = (concurrency = 4) => {
 }), hexFromBuffer = (buffer) => Array.prototype.map.call(new Uint8Array(buffer), (x) => `00${x.toString(16)}`.slice(-2)).join(""), hashFile$ = (file) => !window.crypto || !window.crypto.subtle || !window.FileReader ? throwError({
 	message: "Unable to generate hash: uploads are only allowed in secure contexts",
 	statusCode: 500
-}) : readFile$(file).pipe(mergeMap((arrayBuffer) => window.crypto.subtle.digest("SHA-1", arrayBuffer)), map(hexFromBuffer)), uploadAsset$ = withMaxConcurrency((client, assetType, file, hash) => of(null).pipe(mergeMap(() => fetchExisting$(client, `sanity.${assetType}Asset`, hash)), mergeMap((existingAsset) => existingAsset ? throwError({
+}) : readFile$(file).pipe(mergeMap((arrayBuffer) => window.crypto.subtle.digest("SHA-1", arrayBuffer)), map(hexFromBuffer)), uploadSanityAsset$ = (client, assetType, file, hash) => of(null).pipe(mergeMap(() => fetchExisting$(client, `sanity.${assetType}Asset`, hash)), mergeMap((existingAsset) => existingAsset ? throwError({
 	message: "Asset already exists",
 	statusCode: 409
 }) : of(null)), mergeMap(() => client.observable.assets.upload(assetType, file, {
@@ -4787,7 +4787,7 @@ const createThrottler = (concurrency = 4) => {
 	asset: event.body.document,
 	id: event.body.document._id,
 	type: "complete"
-} : event))))), uploadsSlice = createSlice({
+} : event)))), uploadAsset$ = withMaxConcurrency(uploadSanityAsset$), uploadsSlice = createSlice({
 	name: "uploads",
 	initialState: {
 		allIds: [],
@@ -5239,8 +5239,7 @@ const ContainerGrid = /* @__PURE__ */ styled(Grid).withConfig({
 })(({ $scheme }) => css`cursor:pointer;@media (hover:hover) and (pointer:fine){&:hover{background:${getSchemeColor($scheme, "bg2")};}}`), StyledWarningIcon = /* @__PURE__ */ styled(WarningFilledIcon).withConfig({
 	displayName: "StyledWarningIcon",
 	componentId: "sc-6mcfu2-2"
-})(({ theme }) => ({ color: theme.sanity.color.spot.red }));
-var TableRowAsset_default = memo((props) => {
+})(({ theme }) => ({ color: theme.sanity.color.spot.red })), TableRowAsset = (props) => {
 	let $ = c(145), { id, selected } = props, scheme = useColorSchemeValue(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = useState(!1), refCountVisibleTimeout = useRef(null), dispatch = useDispatch(), lastPicked = useTypedSelector(_temp$6), t0;
 	$[0] === id ? t0 = $[1] : (t0 = (state_0) => selectAssetById(state_0, id), $[0] = id, $[1] = t0);
 	let item = useTypedSelector(t0), mediaIndex = useMediaIndex(), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions(), t1;
@@ -5587,7 +5586,8 @@ var TableRowAsset_default = memo((props) => {
 			t65
 		]
 	}), $[130] = item.updating, $[131] = scheme, $[132] = selected, $[133] = t13, $[134] = t22, $[135] = t28, $[136] = t36, $[137] = t41, $[138] = t47, $[139] = t5, $[140] = t55, $[141] = t60, $[142] = t65, $[143] = t9, $[144] = t66) : t66 = $[144], t66;
-});
+};
+var TableRowAsset_default = memo(TableRowAsset);
 function _temp$6(state) {
 	return state.assets.lastPicked;
 }
@@ -6064,60 +6064,61 @@ const rootEpic = combineEpics(assetsDeleteEpic, assetsFetchEpic, assetsFetchAfte
 function isSupportedAssetType(assetType) {
 	return assetType ? SUPPORTED_ASSET_TYPES.includes(assetType) : !1;
 }
-var ReduxProvider = class extends Component {
-	store;
-	constructor(props) {
-		super(props);
-		let epicMiddleware = createEpicMiddleware({ dependencies: { client: props.client } });
-		this.store = configureStore({
-			reducer: rootReducer,
-			middleware: (getDefaultMiddleware) => getDefaultMiddleware({
-				serializableCheck: !1,
-				thunk: !1
-			}).prepend(epicMiddleware),
-			devTools: !0,
-			preloadedState: {
-				assets: {
-					...initialState,
-					assetTypes: isSupportedAssetType(props?.assetType) ? [props.assetType] : ["file", "image"]
-				},
-				debug: {
-					badConnection: !1,
-					enabled: !1
-				},
-				dialog: { items: [] },
-				notifications: { items: [] },
-				search: {
-					facets: [],
-					query: ""
-				},
-				selected: {
-					assets: props.selectedAssets || [],
-					document: props.document,
-					documentAssetIds: props.document ? getDocumentAssetIds(props.document) : []
-				},
-				tags: {
-					allIds: [],
-					byIds: {},
-					creating: !1,
-					fetchCount: -1,
-					fetching: !1,
-					panelVisible: !0
-				},
-				uploads: {
-					allIds: [],
-					byIds: {}
-				}
+function createReduxStore(props) {
+	let epicMiddleware = createEpicMiddleware({ dependencies: { client: props.client } }), store = configureStore({
+		reducer: rootReducer,
+		middleware: (getDefaultMiddleware) => getDefaultMiddleware({
+			serializableCheck: !1,
+			thunk: !1
+		}).prepend(epicMiddleware),
+		devTools: !0,
+		preloadedState: {
+			assets: {
+				...initialState,
+				assetTypes: isSupportedAssetType(props?.assetType) ? [props.assetType] : ["file", "image"]
+			},
+			debug: {
+				badConnection: !1,
+				enabled: !1
+			},
+			dialog: { items: [] },
+			notifications: { items: [] },
+			search: {
+				facets: [],
+				query: ""
+			},
+			selected: {
+				assets: props.selectedAssets || [],
+				document: props.document,
+				documentAssetIds: props.document ? getDocumentAssetIds(props.document) : []
+			},
+			tags: {
+				allIds: [],
+				byIds: {},
+				creating: !1,
+				fetchCount: -1,
+				fetching: !1,
+				panelVisible: !0
+			},
+			uploads: {
+				allIds: [],
+				byIds: {}
 			}
-		}), epicMiddleware.run(rootEpic);
-	}
-	render() {
-		return /* @__PURE__ */ jsx(Provider, {
-			store: this.store,
-			children: this.props.children
-		});
-	}
-};
+		}
+	});
+	return epicMiddleware.run(rootEpic), store;
+}
+function ReduxProvider(t0) {
+	let $ = c(8), children, props;
+	$[0] === t0 ? (children = $[1], props = $[2]) : ({children, ...props} = t0, $[0] = t0, $[1] = children, $[2] = props);
+	let t1;
+	$[3] === props ? t1 = $[4] : (t1 = () => createReduxStore(props), $[3] = props, $[4] = t1);
+	let [store] = useState(t1), t2;
+	return $[5] !== children || $[6] !== store ? (t2 = /* @__PURE__ */ jsx(Provider, {
+		store,
+		children
+	}), $[5] = children, $[6] = store, $[7] = t2) : t2 = $[7], t2;
+}
 const TagsPanel = () => {
 	let $ = c(2);
 	if (!useTypedSelector(_temp$2)) return null;