sanity-plugin-mux-input 2.10.0 → 2.11.0

package/README.md

@@ -122,7 +122,7 @@ For reference, here's an example `mux.videoAsset` document:
   thumbTime: 65.82,
   // Full Mux asset data:
   data: {
-    encoding_tier: 'smart',
+    video_quality: 'plus',
     max_resolution_tier: '1080p',
     aspect_ratio: '16:9',
     created_at: '1706645034',
@@ -228,25 +228,25 @@ export default defineConfig({
 
 When uploading new assets, editors can still choose a lower resolution for each video than configured globally. This option controls the maximum resolution encoded or processed for the uploaded video. The option is particularly important to manage costs when uploaded videos are higher than `1080p` resolution. More information on the feature is available on Mux's [docs](https://docs.mux.com/guides/stream-videos-in-4k). Also, read more on this feature announcement on Mux's [blog](https://www.mux.com/blog/more-pixels-fewer-problems-introducing-4k-support-for-mux-video).
 
-### Encoding tier (smart or baseline)
+### Video Quality Level (plus or basic)
 
-The [encoding tier](https://docs.mux.com/guides/use-encoding-tiers) informs the cost, quality, and available platform features for the asset. You can choose between `smart` and `baseline` at the plugin configuration. Defaults to `smart`.
+The [video quality level](https://docs.mux.com/guides/use-video-quality-levels) informs the cost, quality, and available platform features for the asset. You can choose between `plus` and `basic` at the plugin configuration. Defaults to `plus`.
 
 ```js
 import {muxInput} from 'sanity-plugin-mux-input'
 
 export default defineConfig({
-  plugins: [muxInput({encoding_tier: 'baseline'})],
+  plugins: [muxInput({video_quality: 'basic'})],
 })
 ```
 
-If `encoding_tier: 'smart'`, editors can still choose to use the `baseline` encoding tier on a per-video basis when uploading new assets.
+If `video_quality: 'plus'`, editors can still choose to use the `basic` video quality level on a per-video basis when uploading new assets.
 
-More information on the feature is available on Mux's [documentation](https://docs.mux.com/guides/use-encoding-tiers). Also, read more on the feature announcement on Mux's [blog](https://www.mux.com/blog/our-next-pricing-lever-baseline-on-demand-assets-with-free-video-encoding)
+More information on the feature is available on Mux's [documentation](https://www.mux.com/docs/guides/use-video-quality-levels). Also, read more on the feature announcement on Mux's [blog](https://www.mux.com/blog/our-next-pricing-lever-baseline-on-demand-assets-with-free-video-encoding)
 
 ### Auto-generated subtitles and captions
 
-If you've enabled smart encoding, you can use Mux's [auto-generated subtitles](https://docs.mux.com/guides/video/auto-generated-subtitles) feature. Unless you pass `disableTextTrackConfig: true` to the configuration, users will be able to choose a language to auto-generate subtitles for uploaded videos. Refer to Mux's documentation for the list of supported languages.
+If you are using 'plus' video quality level, you can use Mux's [auto-generated subtitles](https://docs.mux.com/guides/video/auto-generated-subtitles) feature. Unless you pass `disableTextTrackConfig: true` to the configuration, users will be able to choose a language to auto-generate subtitles for uploaded videos. Refer to Mux's documentation for the list of supported languages.
 
 You can also define a default language for the upload configuration form:
 
@@ -256,7 +256,7 @@ import {muxInput} from 'sanity-plugin-mux-input'
 export default defineConfig({
   plugins: [
     muxInput({
-      encoding_tier: 'smart',
+      video_quality: 'plus',
       defaultAutogeneratedSubtitleLang: 'en', // choose from one of the supported languages
     }),
   ],

package/dist/index.d.mts

@@ -79,24 +79,32 @@ export declare const muxInput: Plugin_2<void | Partial<PluginConfig>>
 declare interface MuxInputConfig {
   /**
    * Enable static renditions by setting this to 'standard'. Can be overwritten on a per-asset basis.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    * @see {@link https://docs.mux.com/guides/video/enable-static-mp4-renditions#why-enable-mp4-support}
    * @defaultValue 'none'
    */
   mp4_support: 'none' | 'standard'
   /**
    * Max resolution tier can be used to control the maximum resolution_tier your asset is encoded, stored, and streamed at.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    * @see {@link https://docs.mux.com/guides/stream-videos-in-4k}
    * @defaultValue '1080p'
    */
   max_resolution_tier: '2160p' | '1440p' | '1080p'
   /**
+   * @deprecated Use {@link video_quality}
+   * <br>
    * The encoding tier informs the cost, quality, and available platform features for the asset.
    * @see {@link https://docs.mux.com/guides/use-encoding-tiers}
    * @defaultValue 'smart'
    */
-  encoding_tier: 'baseline' | 'smart'
+  encoding_tier?: 'baseline' | 'smart'
+  /**
+   * The video quality level informs the cost, quality, and available platform features for the asset.
+   * @see {@link https://www.mux.com/docs/guides/use-video-quality-levels}
+   * @defaultValue 'plus'
+   */
+  video_quality: 'basic' | 'plus' | 'premium'
   /**
    * Normalize the audio track loudness level.
    * @see {@link https://docs.mux.com/guides/adjust-audio-levels#how-to-turn-on-audio-normalization}
@@ -109,9 +117,14 @@ declare interface MuxInputConfig {
    * @defaultValue false
    */
   defaultSigned?: boolean
+  /**
+   * Enables public URLs by default.
+   * @defaultValue true
+   */
+  defaultPublic?: boolean
   /**
    * Auto-generate captions for these languages by default.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    *
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    * @deprecated use `defaultAutogeneratedSubtitleLang` instead. Only a single autogenerated
@@ -119,7 +132,7 @@ declare interface MuxInputConfig {
   defaultAutogeneratedSubtitleLangs?: SupportedMuxLanguage[]
   /**
    * Auto-generate captions for this language by default. Users can still
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    *
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    */

package/dist/index.d.ts

@@ -79,24 +79,32 @@ export declare const muxInput: Plugin_2<void | Partial<PluginConfig>>
 declare interface MuxInputConfig {
   /**
    * Enable static renditions by setting this to 'standard'. Can be overwritten on a per-asset basis.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    * @see {@link https://docs.mux.com/guides/video/enable-static-mp4-renditions#why-enable-mp4-support}
    * @defaultValue 'none'
    */
   mp4_support: 'none' | 'standard'
   /**
    * Max resolution tier can be used to control the maximum resolution_tier your asset is encoded, stored, and streamed at.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    * @see {@link https://docs.mux.com/guides/stream-videos-in-4k}
    * @defaultValue '1080p'
    */
   max_resolution_tier: '2160p' | '1440p' | '1080p'
   /**
+   * @deprecated Use {@link video_quality}
+   * <br>
    * The encoding tier informs the cost, quality, and available platform features for the asset.
    * @see {@link https://docs.mux.com/guides/use-encoding-tiers}
    * @defaultValue 'smart'
    */
-  encoding_tier: 'baseline' | 'smart'
+  encoding_tier?: 'baseline' | 'smart'
+  /**
+   * The video quality level informs the cost, quality, and available platform features for the asset.
+   * @see {@link https://www.mux.com/docs/guides/use-video-quality-levels}
+   * @defaultValue 'plus'
+   */
+  video_quality: 'basic' | 'plus' | 'premium'
   /**
    * Normalize the audio track loudness level.
    * @see {@link https://docs.mux.com/guides/adjust-audio-levels#how-to-turn-on-audio-normalization}
@@ -109,9 +117,14 @@ declare interface MuxInputConfig {
    * @defaultValue false
    */
   defaultSigned?: boolean
+  /**
+   * Enables public URLs by default.
+   * @defaultValue true
+   */
+  defaultPublic?: boolean
   /**
    * Auto-generate captions for these languages by default.
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    *
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    * @deprecated use `defaultAutogeneratedSubtitleLang` instead. Only a single autogenerated
@@ -119,7 +132,7 @@ declare interface MuxInputConfig {
   defaultAutogeneratedSubtitleLangs?: SupportedMuxLanguage[]
   /**
    * Auto-generate captions for this language by default. Users can still
-   * Requires `"encoding_tier": "smart"`
+   * Requires `"video_quality": "plus"`
    *
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    */

package/dist/index.js

@@ -1489,14 +1489,18 @@ function VideoPlayer({
   children,
   ...props
 }) {
-  const client = useClient(), { dialogState } = useDialogStateContext(), isAudio = assetIsAudio(asset), muxPlayer = React.useRef(null), thumbnail = getPosterSrc({ asset, client, width: thumbnailWidth }), { src: videoSrc, error } = React.useMemo(() => {
+  const client = useClient(), { dialogState } = useDialogStateContext(), isAudio = assetIsAudio(asset), muxPlayer = React.useRef(null), {
+    src: videoSrc,
+    thumbnail: thumbnailSrc,
+    error
+  } = React.useMemo(() => {
     try {
-      const src = asset?.playbackId && getVideoSrc({ client, asset });
-      return src ? { src } : { error: new TypeError("Asset has no playback ID") };
+      const thumbnail = getPosterSrc({ asset, client, width: thumbnailWidth }), src = asset?.playbackId && getVideoSrc({ client, asset });
+      return src ? { src, thumbnail } : { error: new TypeError("Asset has no playback ID") };
     } catch (error2) {
       return { error: error2 };
     }
-  }, [asset, client]), signedToken = React.useMemo(() => {
+  }, [asset, client, thumbnailWidth]), signedToken = React.useMemo(() => {
     try {
       return new URL(videoSrc).searchParams.get("token");
     } catch {
@@ -1513,7 +1517,7 @@ function VideoPlayer({
         /* @__PURE__ */ jsxRuntime.jsx(
           MuxPlayer__default.default,
           {
-            poster: thumbnail,
+            poster: thumbnailSrc,
             ref: muxPlayer,
             ...props,
             playsInline: !0,
@@ -1523,7 +1527,7 @@ function VideoPlayer({
             crossOrigin: "anonymous",
             metadata: {
               player_name: "Sanity Admin Dashboard",
-              player_version: "2.10.0",
+              player_version: "2.11.0",
               page_type: "Preview Player"
             },
             audio: isAudio,
@@ -2900,25 +2904,29 @@ const TopControls = styledComponents.styled.div`
   onCancel,
   filename,
   text = "Uploading"
-}) => /* @__PURE__ */ jsxRuntime.jsx(CardWrapper, { tone: "primary", padding: 4, border: !0, height: "fill", children: /* @__PURE__ */ jsxRuntime.jsxs(FlexWrapper, { align: "center", justify: "space-between", height: "fill", direction: "row", gap: 2, children: [
-  /* @__PURE__ */ jsxRuntime.jsxs(LeftSection, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "center", gap: [3, 3, 2, 2], direction: ["column", "column", "row"], children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Inline, { space: 2, children: [
-      text,
-      /* @__PURE__ */ jsxRuntime.jsx(CodeWrapper, { size: 1, children: filename || "..." })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { marginTop: 3, radius: 5, shadow: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.LinearProgress, { value: progress }) })
-  ] }),
-  onCancel ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
-    {
-      fontSize: 2,
-      text: "Cancel upload",
-      mode: "ghost",
-      tone: "critical",
-      onClick: onCancel
-    }
-  ) : null
-] }) }), Player = ({ asset, buttons, readOnly, onChange }) => {
+}) => {
+  const isCancelDisabled = progress >= 90;
+  return /* @__PURE__ */ jsxRuntime.jsx(CardWrapper, { tone: "primary", padding: 4, border: !0, height: "fill", children: /* @__PURE__ */ jsxRuntime.jsxs(FlexWrapper, { align: "center", justify: "space-between", height: "fill", direction: "row", gap: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(LeftSection, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "center", gap: [3, 3, 2, 2], direction: ["column", "column", "row"], children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Inline, { space: 2, children: [
+        text,
+        /* @__PURE__ */ jsxRuntime.jsx(CodeWrapper, { size: 1, children: filename || "..." })
+      ] }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { marginTop: 3, radius: 5, shadow: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.LinearProgress, { value: progress }) })
+    ] }),
+    onCancel ? /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
+      {
+        fontSize: 2,
+        text: "Cancel upload",
+        mode: "ghost",
+        tone: "critical",
+        onClick: onCancel,
+        disabled: isCancelDisabled
+      }
+    ) : null
+  ] }) });
+}, Player = ({ asset, buttons, readOnly, onChange }) => {
   const isLoading = React.useMemo(() => asset?.status === "preparing" ? "Preparing the video" : asset?.status === "waiting_for_upload" ? "Waiting for upload to start" : asset?.status === "waiting" ? "Processing upload" : !(asset?.status === "ready" || typeof asset?.status > "u"), [asset]), isPreparingStaticRenditions = React.useMemo(() => asset?.data?.static_renditions?.status === "preparing", [asset?.data?.static_renditions?.status]), playRef = React.useRef(null), muteRef = React.useRef(null), handleCancelUpload = useCancelUpload(asset, onChange);
   return React.useEffect(() => {
     const style = document.createElement("style");
@@ -3332,9 +3340,10 @@ function PlaybackPolicy({
     noPolicySelected && /* @__PURE__ */ jsxRuntime.jsx(PlaybackPolicyWarning, {})
   ] });
 }
-const ENCODING_OPTIONS = [
-  { value: "smart", label: "Smart" },
-  { value: "baseline", label: "Baseline" }
+const VIDEO_QUALITY_LEVELS = [
+  { value: "basic", label: "Basic" },
+  { value: "plus", label: "Plus" },
+  { value: "premium", label: "Premium" }
 ], RESOLUTION_TIERS = [
   { value: "1080p", label: "1080p" },
   { value: "1440p", label: "1440p (2k)" },
@@ -3348,7 +3357,7 @@ function UploadConfiguration({
   onClose
 }) {
   const id = React.useId(), autoTextTracks = React.useRef(
-    pluginConfig.encoding_tier === "smart" && pluginConfig.defaultAutogeneratedSubtitleLang ? [
+    pluginConfig.video_quality === "plus" && pluginConfig.defaultAutogeneratedSubtitleLang ? [
       {
         _id: uuid.uuid(),
         type: "autogenerated",
@@ -3359,16 +3368,16 @@ function UploadConfiguration({
   ).current, [config, dispatch] = React.useReducer(
     (prev, action) => {
       switch (action.action) {
-        case "encoding_tier":
-          return action.value === "baseline" ? Object.assign({}, prev, {
-            encoding_tier: action.value,
+        case "video_quality":
+          return action.value === "basic" ? Object.assign({}, prev, {
+            video_quality: action.value,
             mp4_support: "none",
             max_resolution_tier: "1080p",
             text_tracks: prev.text_tracks?.filter(({ type }) => type !== "autogenerated"),
             public_policy: !0,
             signed_policy: !1
           }) : Object.assign({}, prev, {
-            encoding_tier: action.value,
+            video_quality: action.value,
             mp4_support: pluginConfig.mp4_support,
             max_resolution_tier: pluginConfig.max_resolution_tier,
             text_tracks: [...autoTextTracks, ...prev.text_tracks || []]
@@ -3410,11 +3419,11 @@ function UploadConfiguration({
       }
     },
     {
-      encoding_tier: pluginConfig.encoding_tier,
+      video_quality: pluginConfig.video_quality,
       max_resolution_tier: pluginConfig.max_resolution_tier,
       mp4_support: pluginConfig.mp4_support,
       signed_policy: secrets.enableSignedUrls && pluginConfig.defaultSigned,
-      public_policy: !0,
+      public_policy: pluginConfig.defaultPublic,
       normalize_audio: pluginConfig.normalize_audio,
       text_tracks: autoTextTracks
     }
@@ -3422,7 +3431,7 @@ function UploadConfiguration({
   if (React.useEffect(() => {
     skipConfig && startUpload(formatUploadConfig(config));
   }, []), skipConfig) return null;
-  const maxSupportedResolution = RESOLUTION_TIERS.findIndex(
+  const basicConfig = config.video_quality !== "plus" && config.video_quality !== "premium", maxSupportedResolution = RESOLUTION_TIERS.findIndex(
     (rt) => rt.value === pluginConfig.max_resolution_tier
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3458,9 +3467,9 @@ function UploadConfiguration({
           /* @__PURE__ */ jsxRuntime.jsx(
             sanity.FormField,
             {
-              title: "Encoding Tier",
+              title: "Video Quality Level",
               description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                "The encoding tier informs the cost, quality, and available platform features for the asset.",
+                "The video quality level informs the cost, quality, and available platform features for the asset.",
                 " ",
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "a",
@@ -3472,16 +3481,16 @@ function UploadConfiguration({
                   }
                 )
               ] }),
-              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 3, children: ENCODING_OPTIONS.map(({ value, label }) => {
+              children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { gap: 3, children: VIDEO_QUALITY_LEVELS.map(({ value, label }) => {
                 const inputId = `${id}--encodingtier-${value}`;
                 return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     ui.Radio,
                     {
-                      checked: config.encoding_tier === value,
+                      checked: config.video_quality === value,
                       name: "asset-encodingtier",
                       onChange: (e) => dispatch({
-                        action: "encoding_tier",
+                        action: "video_quality",
                         value: e.currentTarget.value
                       }),
                       value,
@@ -3493,7 +3502,7 @@ function UploadConfiguration({
               }) })
             }
           ),
-          config.encoding_tier === "smart" && maxSupportedResolution > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          !basicConfig && maxSupportedResolution > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             sanity.FormField,
             {
               title: "Resolution Tier",
@@ -3533,9 +3542,9 @@ function UploadConfiguration({
               }) })
             }
           ),
-          config.encoding_tier === "smart" && /* @__PURE__ */ jsxRuntime.jsx(sanity.FormField, { title: "Additional Configuration", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
+          !basicConfig && /* @__PURE__ */ jsxRuntime.jsx(sanity.FormField, { title: "Additional Configuration", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx(PlaybackPolicy, { id, config, secrets, dispatch }),
-            config.encoding_tier === "smart" && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, padding: [0, 2], children: [
+            !basicConfig && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 2, padding: [0, 2], children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 ui.Checkbox,
                 {
@@ -3554,7 +3563,7 @@ function UploadConfiguration({
             ] })
           ] }) })
         ] }),
-        !disableTextTrackConfig && config.encoding_tier === "smart" && /* @__PURE__ */ jsxRuntime.jsx(
+        !disableTextTrackConfig && !basicConfig && /* @__PURE__ */ jsxRuntime.jsx(
           TextTracksEditor,
           {
             tracks: config.text_tracks,
@@ -3565,7 +3574,7 @@ function UploadConfiguration({
         /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { marginTop: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.Button,
           {
-            disabled: config.encoding_tier === "smart" && !config.public_policy && !config.signed_policy,
+            disabled: !basicConfig && !config.public_policy && !config.signed_policy,
             icon: icons.UploadIcon,
             text: "Upload",
             tone: "positive",
@@ -3606,7 +3615,7 @@ function formatUploadConfig(config) {
     mp4_support: config.mp4_support,
     playback_policy: setPlaybackPolicy(config),
     max_resolution_tier: config.max_resolution_tier,
-    encoding_tier: config.encoding_tier,
+    video_quality: config.video_quality,
     normalize_audio: config.normalize_audio
   };
 }
@@ -3784,7 +3793,7 @@ function Uploader(props) {
         handleClick: (event) => events$.next(event)
       };
     })()
-  ).current, uploadRef = React.useRef(null), [state, dispatch] = React.useReducer(
+  ).current, uploadRef = React.useRef(null), uploadingDocumentId = React.useRef(null), [state, dispatch] = React.useReducer(
     (prev, action) => {
       switch (action.action) {
         case "stageUpload":
@@ -3810,9 +3819,9 @@ function Uploader(props) {
           });
         case "reset":
         case "complete":
-          return uploadRef.current?.unsubscribe(), uploadRef.current = null, INITIAL_STATE;
+          return uploadRef.current?.unsubscribe(), uploadRef.current = null, uploadingDocumentId.current = null, INITIAL_STATE;
         case "error":
-          return uploadRef.current?.unsubscribe(), uploadRef.current = null, Object.assign({}, INITIAL_STATE, { error: action.error });
+          return uploadRef.current?.unsubscribe(), uploadRef.current = null, uploadingDocumentId.current = null, Object.assign({}, INITIAL_STATE, { error: action.error });
         default:
           return prev;
       }
@@ -3823,9 +3832,21 @@ function Uploader(props) {
       error: null
     }
   );
-  React.useEffect(() => () => {
-    uploadRef.current && !uploadRef.current.closed && uploadRef.current.unsubscribe();
-  }, []);
+  React.useEffect(() => {
+    const cleanup = () => {
+      if (uploadRef.current && !uploadRef.current.closed && uploadRef.current.unsubscribe(), uploadingDocumentId.current && props.asset?._id !== uploadingDocumentId.current) {
+        const docId = uploadingDocumentId.current;
+        uploadingDocumentId.current = null, props.client.delete(docId).catch((err) => {
+          console.warn("Failed to cleanup orphaned upload document:", err);
+        });
+      }
+    }, handleBeforeUnload = () => {
+      cleanup();
+    };
+    return window.addEventListener("beforeunload", handleBeforeUnload), window.addEventListener("pagehide", handleBeforeUnload), () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload), window.removeEventListener("pagehide", handleBeforeUnload), cleanup();
+    };
+  }, [props.client, props.asset?._id]);
   const startUpload = (settings) => {
     const { stagedUpload } = state;
     if (!stagedUpload || uploadRef.current) return;
@@ -3848,7 +3869,7 @@ function Uploader(props) {
           operators.takeUntil(
             cancelUploadButton.observable.pipe(
               operators.tap(() => {
-                state.uploadStatus?.uuid && props.client.delete(state.uploadStatus.uuid);
+                uploadingDocumentId.current && (props.client.delete(uploadingDocumentId.current), uploadingDocumentId.current = null);
               })
             )
           )
@@ -3859,6 +3880,8 @@ function Uploader(props) {
       next: (event) => {
         switch (event.type) {
           case "uuid":
+            uploadingDocumentId.current = event.uuid, dispatch({ action: "progressInfo", ...event });
+            break;
           case "file":
           case "url":
             dispatch({ action: "progressInfo", ...event });
@@ -3867,7 +3890,7 @@ function Uploader(props) {
             dispatch({ action: "progress", percent: event.percent });
             break;
           case "success":
-            dispatch({ action: "progress", percent: 100 }), props.onChange(
+            dispatch({ action: "progress", percent: 100 }), uploadingDocumentId.current = null, props.onChange(
               sanity.PatchEvent.from([
                 sanity.setIfMissing({ asset: {} }),
                 sanity.set({ _type: "reference", _weak: !0, _ref: event.asset._id }, ["asset"])
@@ -4147,6 +4170,10 @@ const muxVideoSchema = {
       type: "string",
       name: "encoding_tier"
     },
+    {
+      type: "string",
+      name: "video_quality"
+    },
     {
       type: "string",
       name: "master_access"
@@ -4225,13 +4252,18 @@ const muxVideoSchema = {
   muxVideoAsset
 ], defaultConfig = {
   mp4_support: "none",
-  encoding_tier: "smart",
+  video_quality: "plus",
   max_resolution_tier: "1080p",
   normalize_audio: !1,
+  defaultPublic: !0,
   defaultSigned: !1,
   tool: DEFAULT_TOOL_CONFIG,
   allowedRolesForConfiguration: []
 }, muxInput = sanity.definePlugin((userConfig) => {
+  if (typeof userConfig == "object" && "encoding_tier" in userConfig) {
+    const deprecated_encoding_tier = userConfig.encoding_tier;
+    userConfig.video_quality || (deprecated_encoding_tier === "baseline" && (userConfig.video_quality = "basic"), deprecated_encoding_tier === "smart" && (userConfig.video_quality = "plus"));
+  }
   const config = { ...defaultConfig, ...userConfig || {} };
   return {
     name: "mux-input",