sanity-plugin-media 2.4.1 → 2.4.2-canary.1

package/dist/index.js

@@ -555,22 +555,18 @@ const useKeyPress = (hotkey, onPress) => {
       const { tagId } = action.payload;
       delete state.byIds[tagId].error;
     }).addMatcher(
-      (action) => [
-        ASSETS_ACTIONS.tagsAddComplete.type,
-        ASSETS_ACTIONS.tagsAddError.type,
-        ASSETS_ACTIONS.tagsRemoveComplete.type,
-        ASSETS_ACTIONS.tagsRemoveError.type
-      ].includes(action.type),
+      toolkit.isAnyOf(
+        ASSETS_ACTIONS.tagsAddComplete,
+        ASSETS_ACTIONS.tagsAddError,
+        ASSETS_ACTIONS.tagsRemoveComplete,
+        ASSETS_ACTIONS.tagsRemoveError
+      ),
       (state, action) => {
         const { tag } = action.payload;
         state.byIds[tag._id].updating = !1;
       }
     ).addMatcher(
-      (action) => [
-        ASSETS_ACTIONS.tagsAddRequest.type,
-        //
-        ASSETS_ACTIONS.tagsRemoveRequest.type
-      ].includes(action.type),
+      toolkit.isAnyOf(ASSETS_ACTIONS.tagsAddRequest, ASSETS_ACTIONS.tagsRemoveRequest),
       (state, action) => {
         const { tag } = action.payload;
         state.byIds[tag._id].updating = !0;
@@ -895,7 +891,7 @@ const useKeyPress = (hotkey, onPress) => {
     return tagItem?.tag && acc.push(tagItem), acc;
   }, []);
   return tags && tags?.length > 0 ? getTagSelectOptions(tags) : null;
-}, tagsActions = tagsSlice.actions;
+}, tagsActions = { ...tagsSlice.actions };
 var tagsReducer = tagsSlice.reducer;
 const initialState$6 = {
   facets: [],
@@ -956,7 +952,7 @@ const initialState$6 = {
           value: tagItem?.tag?._id
         }
       })
-    ) : rxjs.empty();
+    ) : rxjs.EMPTY;
   })
 ), selectIsSearchFacetTag = toolkit.createSelector(
   [
@@ -966,7 +962,7 @@ const initialState$6 = {
   (searchFacets, tagId) => searchFacets.some(
     (facet) => facet.name === "tag" && facet.type === "searchable" && (facet.operatorType === "references" || facet.operatorType === "doesNotReference") && facet.value?.value === tagId
   )
-), searchActions = searchSlice.actions;
+), searchActions = { ...searchSlice.actions };
 var searchReducer = searchSlice.reducer;
 const UPLOADS_ACTIONS = {
   uploadComplete: toolkit.createAction(
@@ -1284,7 +1280,7 @@ const UPLOADS_ACTIONS = {
       const nextPageIndex = Math.floor(state.assets.allIds.length / state.assets.pageSize);
       return rxjs.of(assetsActions.loadPageIndex({ pageIndex: nextPageIndex }));
     }
-    return rxjs.empty();
+    return rxjs.EMPTY;
   })
 ), filterAssetWithoutTag = (tag) => (asset) => (asset?.asset?.opt?.media?.tags?.findIndex((t) => t._ref === tag?._id) ?? -1) < 0, patchOperationTagAppend = ({ tag }) => (patch) => patch.setIfMissing({ opt: {} }).setIfMissing({ "opt.media": {} }).setIfMissing({ "opt.media.tags": [] }).append("opt.media.tags", [{ _key: nanoid.nanoid(), _ref: tag?._id, _type: "reference", _weak: !0 }]), patchOperationTagUnset = ({ asset, tag }) => (patch) => patch.ifRevisionId(asset?.asset?._rev).unset([`opt.media.tags[_ref == "${tag._id}"]`]), assetsOrderSetEpic = (action$) => action$.pipe(
   operators$1.filter(assetsActions.orderSet.match),
@@ -1467,7 +1463,7 @@ const UPLOADS_ACTIONS = {
 ), selectAssetsPickedLength = toolkit.createSelector(
   [selectAssetsPicked],
   (assetsPicked) => assetsPicked.length
-), assetsActions = assetsSlice.actions;
+), assetsActions = { ...assetsSlice.actions };
 var assetsReducer = assetsSlice.reducer;
 const customScrollbar = styledComponents.css`
   ::-webkit-scrollbar {
@@ -1636,16 +1632,18 @@ const customScrollbar = styledComponents.css`
     tagsActions.deleteComplete.type,
     tagsActions.updateComplete.type
   ),
-  operators$1.filter((action) => !!action?.payload?.closeDialogId),
+  operators$1.filter(
+    (action) => !!action?.payload?.closeDialogId
+  ),
   operators$1.mergeMap((action) => {
     const dialogId = action?.payload?.closeDialogId;
-    return dialogId ? rxjs.of(dialogSlice.actions.remove({ id: dialogId })) : rxjs.empty();
+    return dialogId ? rxjs.of(dialogSlice.actions.remove({ id: dialogId })) : rxjs.EMPTY;
   })
 ), dialogTagCreateEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.createComplete.match),
   operators$1.mergeMap((action) => {
     const { assetId, tag } = action?.payload;
-    return assetId ? rxjs.of(dialogSlice.actions.inlineTagCreate({ tag, assetId })) : tag._id ? rxjs.of(dialogSlice.actions.remove({ id: "tagCreate" })) : rxjs.empty();
+    return assetId ? rxjs.of(dialogSlice.actions.inlineTagCreate({ tag, assetId })) : tag._id ? rxjs.of(dialogSlice.actions.remove({ id: "tagCreate" })) : rxjs.EMPTY;
   })
 ), dialogTagDeleteEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.listenerDeleteQueueComplete.match),
@@ -1653,7 +1651,7 @@ const customScrollbar = styledComponents.css`
     const { tagIds } = action?.payload;
     return rxjs.of(dialogSlice.actions.inlineTagRemove({ tagIds }));
   })
-), dialogActions = dialogSlice.actions;
+), dialogActions = { ...dialogSlice.actions };
 var dialogReducer = dialogSlice.reducer;
 const ButtonViewGroup = () => {
   const dispatch = reactRedux.useDispatch(), view = useTypedSelector((state) => state.assets.view);
@@ -1808,7 +1806,7 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     background: ${getSchemeColor(scheme, "bg")};
     border-radius: ${ui.rem(theme.sanity.radius[2])};
   `), SearchFacet = (props) => {
-  const { children, facet } = props, { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), handleClose = () => {
+  const { children, facet } = props, scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), handleClose = () => {
     dispatch(searchActions.facetsRemoveById({ facetId: facet.id }));
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2113,16 +2111,22 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     margin: 0,
     padding: 0
   })
-}), ClearIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-  ui.Box,
-  {
-    paddingRight: 1,
-    style: {
-      transform: "scale(0.85)"
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {}) })
-  }
-) }), Menu$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) }), MenuList$1 = (props) => {
+}), ClearIndicator = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      paddingRight: 1,
+      style: {
+        transform: "scale(0.85)"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 0, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {}) })
+    }
+  ) })
+), Menu$1 = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) })
+), MenuList$1 = (props) => {
   const { children } = props, MAX_ROWS = 5, OPTION_HEIGHT = 33;
   if (Array.isArray(children)) {
     const height = children.length > MAX_ROWS ? OPTION_HEIGHT * MAX_ROWS : children.length * OPTION_HEIGHT;
@@ -2140,7 +2144,10 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Select.components.MenuList, { ...props, children });
-}, NoOptionsMessage = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.NoOptionsMessage, { ...props, children: props.children }), Option$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { color: "inherit" }, textOverflow: "ellipsis", children: props.children }) }) }) }), SingleValue = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.SingleValue, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: props.children }) }), reactSelectComponents$1 = {
+}, NoOptionsMessage = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.NoOptionsMessage, { ...props, children: props.children }), Option$1 = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { color: "inherit" }, textOverflow: "ellipsis", children: props.children }) }) }) }), SingleValue = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.SingleValue, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, textOverflow: "ellipsis", children: props.children }) })
+), reactSelectComponents$1 = {
   ClearIndicator,
   DropdownIndicator: null,
   IndicatorSeparator: null,
@@ -2150,7 +2157,7 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
   Option: Option$1,
   SingleValue
 }, SearchFacetTags = ({ facet }) => {
-  const { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), tags = useTypedSelector((state) => selectTags(state)), tagsFetching = useTypedSelector((state) => state.tags.fetching), allTagOptions = getTagSelectOptions(tags), popoverProps = usePortalPopoverProps(), handleChange = (option) => {
+  const scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), tags = useTypedSelector((state) => selectTags(state)), tagsFetching = useTypedSelector((state) => state.tags.fetching), allTagOptions = getTagSelectOptions(tags), popoverProps = usePortalPopoverProps(), handleChange = (option) => {
     dispatch(
       searchActions.facetsUpdateById({
         id: facet.id,
@@ -2474,7 +2481,7 @@ const Container$1 = styledComponents.styled(ui.Box)(({ scheme, theme }) => style
       state.enabled = !state.enabled;
     }
   }
-}), debugActions = debugSlice.actions;
+}), debugActions = { ...debugSlice.actions };
 var debugReducer = debugSlice.reducer;
 const DebugControls = () => {
   const dispatch = reactRedux.useDispatch(), badConnection = useTypedSelector((state) => state.debug.badConnection), debugEnabled = useTypedSelector((state) => state.debug.enabled), handleChange = (e) => {
@@ -2551,7 +2558,7 @@ const imageDprUrl = (asset, options) => {
   const val = formData[key];
   return typeof val == "object" && val !== null && val.constructor !== Array ? acc[key] = sanitizeFormData(val) : val === "" || typeof val > "u" || val?.length === 0 ? acc[key] = null : typeof val == "string" && val ? acc[key] = formData[key].trim() : acc[key] = formData[key], acc;
 }, {}), isFileAsset = (asset) => asset._type === "sanity.fileAsset", isImageAsset = (asset) => asset._type === "sanity.imageAsset", getAssetResolution = (asset) => `${asset.metadata.dimensions.width}x${asset.metadata.dimensions.height}px`, ButtonAssetCopy = ({ disabled, url }) => {
-  const popoverProps = usePortalPopoverProps(), refPopoverTimeout = react.useRef(), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
+  const popoverProps = usePortalPopoverProps(), refPopoverTimeout = react.useRef(null), [popoverVisible, setPopoverVisible] = react.useState(!1), handleClick = () => {
     refPopoverTimeout.current && clearTimeout(refPopoverTimeout.current), setPopoverVisible(!0), copy__default.default(url), refPopoverTimeout.current = setTimeout(() => {
       setPopoverVisible(!1);
     }, 1250);
@@ -2787,7 +2794,13 @@ const imageDprUrl = (asset, options) => {
     margin: 0,
     padding: 0
   })
-}), DropdownIndicator = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}) }) }) }), Menu = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) }), MenuList = (props) => {
+}), DropdownIndicator = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.DropdownIndicator, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {}) }) }) })
+), Menu = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.Menu, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { radius: 1, shadow: 2, children: props.children }) })
+), MenuList = (props) => {
   const { children } = props, MAX_ROWS = 5, OPTION_HEIGHT = 37;
   if (Array.isArray(children)) {
     const height = children.length > MAX_ROWS ? OPTION_HEIGHT * MAX_ROWS : children.length * OPTION_HEIGHT;
@@ -2805,7 +2818,10 @@ const imageDprUrl = (asset, options) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Select.components.MenuList, { ...props, children });
-}, MultiValueLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, paddingRight: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueLabel, { ...props }) }) }), MultiValueRemove = (props) => /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { color: "#1f2123" }) }), Option = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
+}, MultiValueLabel = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 2, paddingRight: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueLabel, { ...props }) }) }), MultiValueRemove = (props) => (
+  // @ts-expect-error - fix typings later
+  /* @__PURE__ */ jsxRuntime.jsx(Select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { color: "#1f2123" }) })
+), Option = (props) => /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { paddingX: 1, paddingY: 1, children: /* @__PURE__ */ jsxRuntime.jsx(Select.components.Option, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", children: [
   props.data.__isNew__ && /* @__PURE__ */ jsxRuntime.jsx(icons.AddIcon, { style: { marginRight: "3px" } }),
   props.children
 ] }) }) }), reactSelectComponents = {
@@ -2851,7 +2867,7 @@ const imageDprUrl = (asset, options) => {
     options,
     placeholder,
     value
-  } = props, { scheme } = sanity.useColorScheme(), creating = useTypedSelector((state) => state.tags.creating), tagsFetching = useTypedSelector((state) => state.tags.fetching);
+  } = props, scheme = sanity.useColorSchemeValue(), creating = useTypedSelector((state) => state.tags.creating), tagsFetching = useTypedSelector((state) => state.tags.fetching);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Box,
     {
@@ -2977,7 +2993,7 @@ const imageDprUrl = (asset, options) => {
   const {
     children,
     dialog: { assetId, id, lastCreatedTag, lastRemovedTagIds }
-  } = props, client = useVersionedClient(), { scheme } = sanity.useColorScheme(), documentStore = sanity.useDocumentStore(), dispatch = reactRedux.useDispatch(), assetItem = useTypedSelector((state) => selectAssetById(state, String(assetId))), tags = useTypedSelector(selectTags), assetUpdatedPrev = react.useRef(void 0), [assetSnapshot, setAssetSnapshot] = react.useState(assetItem?.asset), [tabSection, setTabSection] = react.useState("details"), currentAsset = assetItem ? assetItem?.asset : assetSnapshot, allTagOptions = getTagSelectOptions(tags), assetTagOptions = useTypedSelector(selectTagSelectOptions(currentAsset)), { creditLine } = useToolOptions(), generateDefaultValues = react.useCallback(
+  } = props, client = useVersionedClient(), scheme = sanity.useColorSchemeValue(), documentStore = sanity.useDocumentStore(), dispatch = reactRedux.useDispatch(), assetItem = useTypedSelector((state) => selectAssetById(state, String(assetId))), tags = useTypedSelector(selectTags), assetUpdatedPrev = react.useRef(void 0), [assetSnapshot, setAssetSnapshot] = react.useState(assetItem?.asset), [tabSection, setTabSection] = react.useState("details"), currentAsset = assetItem ? assetItem?.asset : assetSnapshot, allTagOptions = getTagSelectOptions(tags), assetTagOptions = useTypedSelector(selectTagSelectOptions(currentAsset)), { creditLine } = useToolOptions(), generateDefaultValues = react.useCallback(
     (asset) => ({
       altText: asset?.altText || "",
       creditLine: asset?.creditLine || "",
@@ -3629,7 +3645,7 @@ const imageDprUrl = (asset, options) => {
     }
   );
 }, TagViewHeader = ({ allowCreate, light, title }) => {
-  const { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), tagsCreating = useTypedSelector((state) => state.tags.creating), tagsFetching = useTypedSelector((state) => state.tags.fetching), handleTagCreate = () => {
+  const scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), tagsCreating = useTypedSelector((state) => state.tags.creating), tagsFetching = useTypedSelector((state) => state.tags.fetching), handleTagCreate = () => {
     dispatch(DIALOG_ACTIONS.showTagCreate());
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3829,7 +3845,7 @@ const imageDprUrl = (asset, options) => {
 ), StyledWarningOutlineIcon = styledComponents.styled(icons.WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
 })), CardAsset = (props) => {
-  const { id, selected } = props, { scheme } = sanity.useColorScheme(), shiftPressed = useKeyPress("shift"), dispatch = reactRedux.useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions();
+  const { id, selected } = props, scheme = sanity.useColorSchemeValue(), shiftPressed = useKeyPress("shift"), dispatch = reactRedux.useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions();
   if (!asset)
     return null;
   const handleAssetClick = (e) => {
@@ -4205,7 +4221,7 @@ toolkit.createSelector(
   [selectUploadsByIds, selectUploadsAllIds],
   (byIds, allIds) => allIds.map((id) => byIds[id])
 );
-const uploadsActions = uploadsSlice.actions;
+const uploadsActions = { ...uploadsSlice.actions };
 var uploadsReducer = uploadsSlice.reducer;
 const CardWrapper = styledComponents.styled(ui.Flex)`
   box-sizing: border-box;
@@ -4214,7 +4230,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
   position: relative;
   width: 100%;
 `, CardUpload = (props) => {
-  const { id } = props, { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id));
+  const { id } = props, scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id));
   if (!item)
     return null;
   const fileSize = filesize__default.default(item.size, { base: 10, round: 0 }), percentLoaded = Math.round(item.percent || 0), isComplete = item.status === "complete", isUploading = item.status === "uploading", isQueued = item.status === "queued";
@@ -4333,7 +4349,6 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
       computeItemKey: (index) => items[index]?.id,
       components: {
         Item: ItemContainer,
-        // @ts-expect-error - fix typings later
         List: ListContainer
       },
       endReached: onLoadMore,
@@ -4390,7 +4405,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
       }
     `
 ), TableHeader = () => {
-  const { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), fetching = useTypedSelector((state) => state.assets.fetching), itemsLength = useTypedSelector(selectAssetsLength), numPickedAssets = useTypedSelector(selectAssetsPickedLength), mediaIndex = ui.useMediaIndex(), { onSelect } = useAssetSourceActions(), allSelected = numPickedAssets === itemsLength, handleContextActionClick = (e) => {
+  const scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), fetching = useTypedSelector((state) => state.assets.fetching), itemsLength = useTypedSelector(selectAssetsLength), numPickedAssets = useTypedSelector(selectAssetsPickedLength), mediaIndex = ui.useMediaIndex(), { onSelect } = useAssetSourceActions(), allSelected = numPickedAssets === itemsLength, handleContextActionClick = (e) => {
     e.stopPropagation(), dispatch(allSelected ? assetsActions.pickClear() : assetsActions.pickAll());
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4481,7 +4496,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
   `), StyledWarningIcon = styledComponents.styled(icons.WarningFilledIcon)(({ theme }) => ({
   color: theme.sanity.color.spot.red
 })), TableRowAsset = (props) => {
-  const { id, selected } = props, { scheme } = sanity.useColorScheme(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = react.useState(!1), refCountVisibleTimeout = react.useRef(), dispatch = reactRedux.useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), mediaIndex = ui.useMediaIndex(), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions(), handleContextActionClick = react.useCallback(
+  const { id, selected } = props, scheme = sanity.useColorSchemeValue(), shiftPressed = useKeyPress("shift"), [referenceCountVisible, setReferenceCountVisible] = react.useState(!1), refCountVisibleTimeout = react.useRef(null), dispatch = reactRedux.useDispatch(), lastPicked = useTypedSelector((state) => state.assets.lastPicked), item = useTypedSelector((state) => selectAssetById(state, id)), mediaIndex = ui.useMediaIndex(), asset = item?.asset, error = item?.error, isOpaque = item?.asset?.metadata?.isOpaque, picked = item?.picked, updating = item?.updating, { onSelect } = useAssetSourceActions(), handleContextActionClick = react.useCallback(
     (e) => {
       e.stopPropagation(), asset && (onSelect ? dispatch(dialogActions.showAssetEdit({ assetId: asset._id })) : shiftPressed.current && !picked ? dispatch(assetsActions.pickRange({ startId: lastPicked || asset._id, endId: asset._id })) : dispatch(assetsActions.pick({ assetId: asset._id, picked: !picked })));
     },
@@ -4707,7 +4722,7 @@ const CardWrapper = styledComponents.styled(ui.Flex)`
 };
 var TableRowAsset$1 = react.memo(TableRowAsset);
 const TableRowUpload = (props) => {
-  const { id } = props, { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id)), mediaIndex = ui.useMediaIndex();
+  const { id } = props, scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), item = useTypedSelector((state) => selectUploadById(state, id)), mediaIndex = ui.useMediaIndex();
   if (!item)
     return null;
   const fileSize = filesize__default.default(item.size, { base: 10, round: 0 }), percentLoaded = Math.round(item.percent || 0), isComplete = item.status === "complete", isUploading = item.status === "uploading", isQueued = item.status === "queued";
@@ -4852,7 +4867,7 @@ const TableRowUpload = (props) => {
     }
   }, [items.length]), null;
 }, PickedBar = () => {
-  const { scheme } = sanity.useColorScheme(), dispatch = reactRedux.useDispatch(), assetsPicked = useTypedSelector(selectAssetsPicked), handlePickClear = () => {
+  const scheme = sanity.useColorSchemeValue(), dispatch = reactRedux.useDispatch(), assetsPicked = useTypedSelector(selectAssetsPicked), handlePickClear = () => {
     dispatch(assetsActions.pickClear());
   }, handleDeletePicked = () => {
     dispatch(dialogActions.showConfirmDeleteAssets({ assets: assetsPicked }));
@@ -5014,7 +5029,7 @@ const initialState = {
 ), notificationsTagUpdateCompleteEpic = (action$) => action$.pipe(
   operators$1.filter(tagsActions.updateComplete.match),
   operators$1.mergeMap(() => rxjs.of(notificationsSlice.actions.add({ status: "info", title: "Tag updated" })))
-), notificationsActions = notificationsSlice.actions;
+), notificationsActions = { ...notificationsSlice.actions };
 var notificationsReducer = notificationsSlice.reducer;
 const rootEpic = reduxObservable.combineEpics(
   assetsDeleteEpic,
@@ -5106,10 +5121,29 @@ class ReduxProvider extends react.Component {
           ...initialState$5,
           assetTypes: 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);
@@ -5258,7 +5292,7 @@ const UploadDropzone = (props) => {
     ] }) })
   ] }) });
 }, Browser = (props) => {
-  const client = useVersionedClient(), { scheme } = sanity.useColorScheme();
+  const client = useVersionedClient(), scheme = sanity.useColorSchemeValue();
   return /* @__PURE__ */ jsxRuntime.jsx(
     ReduxProvider,
     {