sanity-plugin-mux-input 4.0.3 → 4.1.1

package/dist/index.d.ts

@@ -214,6 +214,7 @@ interface MuxAsset {
   status: 'preparing' | 'ready' | 'errored';
   duration: number;
   max_stored_resolution: 'Audio only' | 'SD' | 'HD' | 'FHD' | 'UHD';
+  max_resolution_tier?: '2160p' | '1440p' | '1080p';
   max_stored_frame_rate: -1 | number;
   aspect_ratio: `${number}:${number}`;
   playback_ids: MuxPlaybackId[];
@@ -225,7 +226,7 @@ interface MuxAsset {
   live_stream_id?: string;
   master?: {
     status: 'ready' | 'preparing' | 'errored';
-    url: string;
+    url?: string;
   };
   master_access: 'temporary' | 'none';
   mp4_support: 'standard' | 'none';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,8 @@
-import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
+import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, DocumentPreviewPresence, getPreviewValueWithFallback, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ErrorOutlineIcon, InfoOutlineIcon, RetryIcon, CheckmarkCircleIcon, RetrieveIcon, ChevronLeftIcon, ChevronRightIcon, SyncIcon, SortIcon, UploadIcon, TranslateIcon, DownloadIcon, AddIcon, ChevronUpIcon, ChevronDownIcon, TrashIcon, EditIcon, WarningOutlineIcon, PublishIcon, DocumentIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, CheckmarkIcon, LockIcon, PlayIcon, PlugIcon, EllipsisHorizontalIcon, ImageIcon, ResetIcon, WarningFilledIcon, DocumentVideoIcon } from "@sanity/icons";
+import { ErrorOutlineIcon, InfoOutlineIcon, RetryIcon, CheckmarkCircleIcon, RetrieveIcon, ChevronLeftIcon, ChevronRightIcon, SyncIcon, SortIcon, DownloadIcon, UploadIcon, TranslateIcon, AddIcon, ChevronUpIcon, ChevronDownIcon, TrashIcon, EditIcon, WarningOutlineIcon, PublishIcon, DocumentIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, CheckmarkIcon, LockIcon, PlayIcon, PlugIcon, EllipsisHorizontalIcon, ImageIcon, ResetIcon, WarningFilledIcon, DocumentVideoIcon } from "@sanity/icons";
 import { Dialog, Stack, Card, Text, Button, useTheme_v2, Flex, Box, TextInput, Checkbox, Code, Inline, Spinner, Heading, Label as Label$1, Radio, MenuButton, Menu, MenuItem, useToast, Autocomplete, Tooltip, TabList, Tab, TabPanel, Grid, useClickOutsideEvent, Popover, MenuDivider, rem } from "@sanity/ui";
-import { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement, forwardRef } from "react";
+import { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement } from "react";
 import compact from "lodash/compact.js";
 import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
@@ -142,7 +142,7 @@ function useDialogState() {
 const PLUGIN_VERSION_QUERY = {
   sanityVersion: (
     // @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
-    "4.0.3"
+    "4.1.1"
   )
 };
 function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
@@ -250,7 +250,7 @@ const useSaveSecrets = (client, secrets) => useCallback(async ({
     signingKeyPrivate,
     drmConfigId
   };
-}, [client, secrets]), name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, AUDIO_ASPECT_RATIO = 5 / 1, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate", "drmConfigId"], useSecretsDocumentValues = () => {
+}, [client, secrets]), name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, MEZZANINE_LEARN_MORE_URL = "https://www.mux.com/docs/guides/download-for-offline-editing#enable-master-access", THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, AUDIO_ASPECT_RATIO = 5 / 1, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate", "drmConfigId"], useSecretsDocumentValues = () => {
   const {
     error,
     isLoading,
@@ -638,6 +638,23 @@ function deleteTextTrack(client, assetId, trackId) {
     query: PLUGIN_VERSION_QUERY
   });
 }
+function updateMasterAccess(client, assetId, masterAccess) {
+  const {
+    dataset
+  } = client.config();
+  return client.request({
+    url: `/addons/mux/assets/${dataset}/${assetId}/master-access`,
+    withCredentials: !0,
+    method: "PUT",
+    body: {
+      master_access: masterAccess
+    },
+    headers: {
+      "Content-Type": "application/json"
+    },
+    query: PLUGIN_VERSION_QUERY
+  });
+}
 const ASSETS_PER_PAGE = 100;
 async function fetchMuxAssetsPage(client, cursor) {
   try {
@@ -1135,19 +1152,19 @@ const PageSelector = (props) => {
 function addKeysToMuxData(data) {
   return {
     ...data,
-    tracks: data.tracks?.map((track) => ({
+    tracks: data.tracks?.map((track, index) => ({
       ...track,
-      _key: uuid()
+      _key: track.id || `track-${index}`
     })),
-    playback_ids: data.playback_ids?.map((playbackId) => ({
+    playback_ids: data.playback_ids?.map((playbackId, index) => ({
       ...playbackId,
-      _key: uuid()
+      _key: playbackId.id || `playback-${index}`
     })),
     static_renditions: data.static_renditions ? {
       ...data.static_renditions,
-      files: data.static_renditions.files?.map((file) => ({
+      files: data.static_renditions.files?.map((file, index) => ({
         ...file,
-        _key: uuid()
+        _key: file.id || `rendition-${index}`
       }))
     } : void 0
   };
@@ -1393,6 +1410,144 @@ function StopWatchIcon(props) {
     /* @__PURE__ */ jsx("path", { d: "M192 32h128v48H192z", fill: "currentColor" })
   ] });
 }
+const POLL_INTERVAL_MS = 3e3;
+function getMezzanineStatus(asset) {
+  const master = asset.data?.master;
+  return master?.status === "preparing" ? "preparing" : master?.status === "ready" && master.url ? "ready" : master?.status === "errored" ? "errored" : "disabled";
+}
+function useMezzanine(asset) {
+  const client = useClient(), toast = useToast(), master = asset.data?.master, [busy, setBusy] = useState(!1), [expired, setExpired] = useState(!1), [prevAssetId, setPrevAssetId] = useState(asset.assetId);
+  prevAssetId !== asset.assetId && (setPrevAssetId(asset.assetId), setExpired(!1));
+  const resolution = useMemo(() => asset.data?.max_resolution_tier || asset.data?.max_stored_resolution || void 0, [asset.data?.max_resolution_tier, asset.data?.max_stored_resolution]), status = getMezzanineStatus(asset), persist = useCallback(async (data) => {
+    asset._id && await client.patch(asset._id).set({
+      status: data.status,
+      data: addKeysToMuxData(data)
+    }).commit({
+      returnDocuments: !1
+    });
+  }, [asset._id, client]), refresh = useCallback(async () => {
+    if (!asset.assetId || !asset._id) return;
+    const {
+      data
+    } = await getAsset(client, asset.assetId);
+    return await persist(data), data;
+  }, [asset.assetId, asset._id, client, persist]);
+  useEffect(() => {
+    if (master?.status !== "preparing" || !asset.assetId || !asset._id) return;
+    let cancelled = !1, running = !1;
+    const interval = setInterval(async () => {
+      if (!running) {
+        running = !0;
+        try {
+          const data = await refresh();
+          if (cancelled) return;
+          (!data || data.master?.status !== "preparing") && clearInterval(interval);
+        } catch (error) {
+          console.error("Failed to poll mezzanine status:", error);
+        } finally {
+          running = !1;
+        }
+      }
+    }, POLL_INTERVAL_MS);
+    return () => {
+      cancelled = !0, clearInterval(interval);
+    };
+  }, [master?.status, asset.assetId, asset._id, refresh]);
+  const enable = useCallback(async () => {
+    if (!(!asset.assetId || !asset._id)) {
+      setBusy(!0), setExpired(!1);
+      try {
+        const {
+          data
+        } = await updateMasterAccess(client, asset.assetId, "temporary");
+        await persist(data);
+      } catch (error) {
+        toast.push({
+          status: "error",
+          title: "Could not enable the mezzanine file",
+          description: error instanceof Error ? error.message : "Please try again"
+        });
+      } finally {
+        setBusy(!1);
+      }
+    }
+  }, [asset.assetId, asset._id, client, persist, toast]), download = useCallback(async () => {
+    if (asset.assetId) {
+      setBusy(!0);
+      try {
+        const data = await refresh(), url = data?.master?.status === "ready" ? data.master.url : void 0;
+        url ? (setExpired(!1), triggerMezzanineDownload(url)) : setExpired(!0);
+      } catch (error) {
+        toast.push({
+          status: "error",
+          title: "Could not download the mezzanine file",
+          description: error instanceof Error ? error.message : "Please try again"
+        });
+      } finally {
+        setBusy(!1);
+      }
+    }
+  }, [asset.assetId, refresh, toast]);
+  return {
+    status,
+    busy,
+    expired,
+    resolution,
+    enable,
+    download
+  };
+}
+function triggerMezzanineDownload(masterUrl) {
+  if (typeof window > "u") return;
+  const anchor = document.createElement("a");
+  anchor.href = masterUrl, anchor.target = "_blank", anchor.rel = "noopener noreferrer", document.body.appendChild(anchor), anchor.click(), document.body.removeChild(anchor);
+}
+function MezzanineExplanation() {
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "When you enable the mezzanine file, Mux creates a copy equivalent in quality to your original video \u2014 ideal for offline editing or archiving. Unlike the streamable MP4 (static) renditions, it is not meant for streaming." }),
+    /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "The file is prepared in the background and may take a few minutes depending on the asset's duration and resolution. Enabling is free and the download stays available for 24 hours." })
+  ] });
+}
+function Mezzanine({
+  asset,
+  withExplanation = !0
+}) {
+  const {
+    status,
+    busy,
+    expired,
+    resolution,
+    enable,
+    download
+  } = useMezzanine(asset), assetReady = asset.status === "ready" || asset.data?.status === "ready", isReady = status === "ready" && !expired, isPreparing = status === "preparing", showExplanation = !isReady && !isPreparing;
+  return /* @__PURE__ */ jsx(Card, { padding: 3, radius: 2, tone: "transparent", border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 3, children: [
+      /* @__PURE__ */ jsx(Label$1, { muted: !0, size: 1, children: "Mezzanine" }),
+      /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx("a", { href: MEZZANINE_LEARN_MORE_URL, target: "_blank", rel: "noopener noreferrer", children: "Learn more" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      /* @__PURE__ */ jsx(Text, { size: 1, muted: !isReady, children: "mezzanine.mp4" }),
+      resolution && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: resolution })
+    ] }),
+    withExplanation && showExplanation && /* @__PURE__ */ jsx(MezzanineExplanation, {}),
+    showExplanation && (expired || status === "errored") && /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      expired && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "The previous mezzanine file expired. Enable it again to download." }),
+      status === "errored" && /* @__PURE__ */ jsx(Text, { size: 1, style: {
+        color: "var(--card-critical-color)"
+      }, children: "Mux could not prepare the mezzanine file. Please try again." })
+    ] }),
+    isPreparing && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Preparing the mezzanine file\u2026 this can take a few minutes. You can close this and come back later." }),
+    isReady && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Ready to download. The link stays available for about 24 hours." }),
+    /* @__PURE__ */ jsx(Flex, { justify: "flex-end", gap: 2, children: isPreparing ? /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+      /* @__PURE__ */ jsx(Spinner, { muted: !0, size: 1 }),
+      /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Preparing\u2026" })
+    ] }) : isReady ? /* @__PURE__ */ jsx(Button, { icon: DownloadIcon, text: "Download", tone: "positive", fontSize: 1, padding: 3, loading: busy, disabled: busy, onClick: () => {
+      download();
+    } }) : /* @__PURE__ */ jsx(Button, { text: status === "errored" ? "Try again" : "Enable", tone: "primary", fontSize: 1, padding: 3, loading: busy, disabled: busy || !assetReady, onClick: () => {
+      enable();
+    } }) })
+  ] }) });
+}
 function useResyncAsset(options) {
   const client = useClient(), toast = useToast(), [resyncState, setResyncState] = useState("idle"), [resyncError, setResyncError] = useState(null), showToast = options?.showToast ?? !1, resyncAsset = useCallback(async (asset) => {
     if (!asset.assetId) {
@@ -1625,6 +1780,7 @@ const SUPPORTED_MUX_LANGUAGES = [{
   code: "bg",
   state: "Beta"
 }];
+SUPPORTED_MUX_LANGUAGES.map((l) => l.code);
 function isCustomTextTrack(track) {
   return track.type !== "autogenerated";
 }
@@ -1820,7 +1976,7 @@ function AddCaptionDialog({
           textAlign: "center"
         }, children: "Or enter the caption file URL" }),
         /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
+          /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
           /* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
             setVttUrl(e.currentTarget.value), setSelectedFile(null);
           }, disabled: isSubmitting })
@@ -1828,7 +1984,7 @@ function AddCaptionDialog({
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
       /* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
         const selected = (isAutogenerated ? MUX_LANGUAGE_OPTIONS : LANGUAGE_OPTIONS$1).find((opt) => opt.value === newValue);
         selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
@@ -1840,7 +1996,7 @@ function AddCaptionDialog({
       ] }) }), disabled: isSubmitting })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
       /* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
         setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
       }, disabled: isSubmitting })
@@ -2081,7 +2237,7 @@ function EditCaptionDialog({
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-        /* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "VTT File URL" }),
+        /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "VTT File URL" }),
         /* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
           setVttUrl(e.currentTarget.value), setSelectedFile(null);
         }, disabled: isSubmitting }),
@@ -2089,7 +2245,7 @@ function EditCaptionDialog({
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
       /* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
         const selected = LANGUAGE_OPTIONS.find((opt) => opt.value === newValue);
         selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
@@ -2101,7 +2257,7 @@ function EditCaptionDialog({
       ] }) }), disabled: isSubmitting })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
       /* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
         setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
       }, disabled: isSubmitting })
@@ -2472,6 +2628,20 @@ function AudioIcon(props) {
     opacity: "0.65"
   }, d: "M10.75 19q.95 0 1.6-.65t.65-1.6V13h3v-2h-4v3.875q-.275-.2-.587-.288t-.663-.087q-.95 0-1.6.65t-.65 1.6t.65 1.6t1.6.65M6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13V4H6v16h12V9zM6 4v5zv16z" }) });
 }
+function MezzanineDialog({
+  asset,
+  onClose
+}) {
+  const {
+    setDialogState
+  } = useDialogStateContext(), dialogId = `MezzanineDialog${useId()}`, closing = () => {
+    onClose?.(), setDialogState(!1);
+  }, status = getMezzanineStatus(asset);
+  return /* @__PURE__ */ jsx(Dialog, { id: dialogId, header: "Mezzanine file", onClose: closing, zOffset: DIALOGS_Z_INDEX, width: 1, children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    status !== "preparing" && status !== "ready" && /* @__PURE__ */ jsx(MezzanineExplanation, {}),
+    /* @__PURE__ */ jsx(Mezzanine, { asset, withExplanation: !1 })
+  ] }) }) });
+}
 function VideoPlayer({
   asset,
   thumbnailWidth = 250,
@@ -2560,7 +2730,7 @@ function VideoPlayer({
           /* @__PURE__ */ jsx(MuxPlayer, { poster: isAudio ? void 0 : poster, ref: muxPlayer, ...props, playsInline: !0, playbackId, tokens, preload: "metadata", crossOrigin: "anonymous", metadata: {
             player_name: "Sanity Admin Dashboard",
             // @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
-            player_version: "4.0.3",
+            player_version: "4.1.1",
             page_type: "Preview Player"
           }, audio: isAudio, _hlsConfig: hlsConfig, style: {
             ...!isAudio && {
@@ -2596,7 +2766,8 @@ function VideoPlayer({
         currentTime: muxPlayer?.current?.currentTime
       }
     ),
-    dialogState === "edit-captions" && /* @__PURE__ */ jsx(CaptionsDialog, { asset })
+    dialogState === "edit-captions" && /* @__PURE__ */ jsx(CaptionsDialog, { asset }),
+    dialogState === "mezzanine" && /* @__PURE__ */ jsx(MezzanineDialog, { asset })
   ] });
 }
 function assetIsAudio(asset) {
@@ -2943,7 +3114,10 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField, { title: props.labe
     } : void 0, children: [
       /* @__PURE__ */ jsxs(Stack, { space: 4, flex: 1, sizing: "border", children: [
         /* @__PURE__ */ jsx(VideoPlayer, { asset: props.asset, autoPlay: props.asset.autoPlay || !1 }),
-        tab === "details" && /* @__PURE__ */ jsx(TextTracksManager, { asset: props.asset, iconOnly: !0, collapseTracks: !0, tracks: displayInfo?.text_tracks || props.asset.data?.tracks?.filter((track) => track.type === "text") || [] })
+        tab === "details" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(TextTracksManager, { asset: props.asset, iconOnly: !0, collapseTracks: !0, tracks: displayInfo?.text_tracks || props.asset.data?.tracks?.filter((track) => track.type === "text") || [] }),
+          /* @__PURE__ */ jsx(Mezzanine, { asset: props.asset })
+        ] })
       ] }),
       /* @__PURE__ */ jsxs(Stack, { space: 4, flex: 1, sizing: "border", children: [
         /* @__PURE__ */ jsxs(TabList, { space: 2, children: [
@@ -3142,22 +3316,31 @@ const useAccessControl = (config) => {
       return !1;
     const files = asset?.data?.static_renditions?.files;
     return !files || files.length === 0 ? !1 : files.some((file) => file.status === "preparing");
-  }, [asset?.data?.static_renditions?.status, asset?.data?.static_renditions?.files]), shouldFetch = useMemo(() => !!asset?.assetId && (asset?.status === "preparing" || isPreparingStaticRenditions), [asset?.assetId, asset?.status, isPreparingStaticRenditions]);
+  }, [asset?.data?.static_renditions?.status, asset?.data?.static_renditions?.files]), shouldFetch = useMemo(() => !!asset?.assetId && (asset?.status === "preparing" || isPreparingStaticRenditions), [asset?.assetId, asset?.status, isPreparingStaticRenditions]), errorLoggedRef = useRef(!1);
   return useSWR(shouldFetch ? `/${projectId}/addons/mux/assets/${dataset}/data/${asset?.assetId}` : null, async () => {
-    const {
-      data
-    } = await client.request({
-      url: `/addons/mux/assets/${dataset}/data/${asset.assetId}`,
-      withCredentials: !0,
-      method: "GET",
-      query: PLUGIN_VERSION_QUERY
-    });
-    await client.patch(asset._id).set({
-      status: data.status,
-      data
-    }).commit({
-      returnDocuments: !1
-    });
+    try {
+      const {
+        data
+      } = await client.request({
+        url: `/addons/mux/assets/${dataset}/data/${asset.assetId}`,
+        withCredentials: !0,
+        method: "GET",
+        query: PLUGIN_VERSION_QUERY
+      });
+      if (!asset?._id || !data) return;
+      await client.patch(asset._id).set({
+        status: data.status,
+        data: addKeysToMuxData(data)
+      }).commit({
+        returnDocuments: !1
+      }), errorLoggedRef.current = !1;
+    } catch (error) {
+      errorLoggedRef.current || (errorLoggedRef.current = !0, console.error("[sanity-plugin-mux-input] Mux polling failed", {
+        assetId: asset?.assetId,
+        documentId: asset?._id,
+        error
+      }));
+    }
   }, {
     refreshInterval: 2e3,
     refreshWhenHidden: !0,
@@ -3681,7 +3864,8 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
       opacity: 0;
     }
   `;
-}), FileInputMenuItem = forwardRef(function(props, forwardedRef) {
+});
+function FileInputMenuItem(props) {
   const {
     icon: Icon,
     id: idProp,
@@ -3694,6 +3878,7 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
     textAlign,
     text,
     disabled,
+    ref,
     ...rest
   } = props, idHook = useId(), id = idProp || idHook, handleChange = useCallback((event) => {
     onSelect && event.target.files && onSelect(Array.from(event.target.files));
@@ -3704,11 +3889,12 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
     ] }) }),
     text && /* @__PURE__ */ jsx(Text, { align: textAlign, size: fontSize, textOverflow: "ellipsis", children: text })
   ] });
-  return /* @__PURE__ */ jsxs(FileButton, { ...rest, htmlFor: id, disabled, ref: forwardedRef, children: [
+  return /* @__PURE__ */ jsxs(FileButton, { ...rest, htmlFor: id, disabled, ref, children: [
     content,
     /* @__PURE__ */ jsx("input", { "data-testid": "file-button-input", accept, capture, id, multiple, onChange: handleChange, type: "file", value: "", disabled })
   ] });
-}), LockCard = styled(Card).withConfig({
+}
+const LockCard = styled(Card).withConfig({
   displayName: "LockCard",
   componentId: "sc-aimiq6-0"
 })`position:absolute;top:0;left:0;opacity:0.6;mix-blend-mode:screen;background:transparent;`, LockButton = styled(Button).withConfig({
@@ -3748,6 +3934,8 @@ function PlayerActionsMenu$1(props) {
         /* @__PURE__ */ jsx(MenuItem, { icon: SyncIcon, text: "Resync from Mux", onClick: handleResync, disabled: readOnly || isResyncing })
       ] }),
       /* @__PURE__ */ jsx(MenuDivider, {}),
+      /* @__PURE__ */ jsx(MenuItem, { icon: DownloadIcon, text: "Mezzanine", onClick: () => setDialogState("mezzanine") }),
+      /* @__PURE__ */ jsx(MenuDivider, {}),
       hasConfigAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(MenuItem, { icon: PlugIcon, text: "Configure API", onClick: () => setDialogState("secrets") }),
         /* @__PURE__ */ jsx(MenuDivider, {})
@@ -5050,23 +5238,26 @@ function withFocusRing(component) {
     `;
   });
 }
-const UploadCardWithFocusRing = withFocusRing(Card), UploadCard = forwardRef(({
+const UploadCardWithFocusRing = withFocusRing(Card);
+function UploadCard({
   children,
   tone,
   onPaste,
   onDrop,
   onDragEnter,
   onDragLeave,
-  onDragOver
-}, forwardedRef) => {
+  onDragOver,
+  ref
+}) {
   const inputRef = useRef(null), handleKeyDown = useCallback((event) => {
     event.target.closest("#vtt-url") || (event.ctrlKey || event.metaKey) && event.key === "v" && inputRef.current.focus();
   }, []);
-  return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref: forwardedRef, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
+  return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
     /* @__PURE__ */ jsx(HiddenInput$1, { ref: inputRef }),
     children
   ] });
-}), HiddenInput$1 = styled.input.attrs({
+}
+const HiddenInput$1 = styled.input.attrs({
   type: "text"
 }).withConfig({
   displayName: "HiddenInput",
@@ -5538,6 +5729,16 @@ const muxVideoSchema = {
       type: "mux.staticRenditionFile"
     }]
   }]
+}, muxMasterFile = {
+  name: "mux.masterFile",
+  type: "object",
+  fields: [{
+    type: "string",
+    name: "status"
+  }, {
+    type: "string",
+    name: "url"
+  }]
 }, muxAssetData = {
   name: "mux.assetData",
   title: "Mux asset data",
@@ -5602,6 +5803,9 @@ const muxVideoSchema = {
   }, {
     name: "static_renditions",
     type: "mux.staticRenditions"
+  }, {
+    name: "master",
+    type: "mux.masterFile"
   }]
 }, muxVideoAsset = {
   name: "mux.videoAsset",
@@ -5626,7 +5830,7 @@ const muxVideoSchema = {
     type: "mux.assetData",
     name: "data"
   }]
-}, schemaTypes = [muxTrack, muxPlaybackId, muxStaticRenditionFile, muxStaticRenditions, muxAssetData, muxVideoAsset], defaultConfig = {
+}, schemaTypes = [muxTrack, muxPlaybackId, muxStaticRenditionFile, muxStaticRenditions, muxMasterFile, muxAssetData, muxVideoAsset], defaultConfig = {
   static_renditions: [],
   mp4_support: "none",
   video_quality: "plus",