sanity-plugin-mux-input 3.0.0 → 3.0.1

package/dist/index.d.ts

@@ -1,87 +1,87 @@
-import type MuxPlayerElement from '@mux/mux-player'
-import type {PartialDeep} from 'type-fest'
-import {Plugin as Plugin_2} from 'sanity'
+import type MuxPlayerElement from "@mux/mux-player";
+import type { PartialDeep } from "type-fest";
+import { Plugin as Plugin_2 } from "sanity";
 
-export declare const defaultConfig: PluginConfig
+export declare const defaultConfig: PluginConfig;
 
 declare interface MuxAsset {
-  id: string
+  id: string;
   /** In seconds (instead of JS's default milliseconds) */
-  created_at: string
-  status: 'preparing' | 'ready' | 'errored'
-  duration: number
-  max_stored_resolution: 'Audio only' | 'SD' | 'HD' | 'FHD' | 'UHD'
-  max_stored_frame_rate: -1 | number
-  aspect_ratio: `${number}:${number}`
-  playback_ids: MuxPlaybackId[]
-  tracks: MuxTrack[]
-  errors?: MuxErrors
-  upload_id: string
-  is_live?: boolean
-  passthrough: string
-  live_stream_id?: string
+  created_at: string;
+  status: "preparing" | "ready" | "errored";
+  duration: number;
+  max_stored_resolution: "Audio only" | "SD" | "HD" | "FHD" | "UHD";
+  max_stored_frame_rate: -1 | number;
+  aspect_ratio: `${number}:${number}`;
+  playback_ids: MuxPlaybackId[];
+  tracks: MuxTrack[];
+  errors?: MuxErrors;
+  upload_id: string;
+  is_live?: boolean;
+  passthrough: string;
+  live_stream_id?: string;
   master?: {
-    status: 'ready' | 'preparing' | 'errored'
-    url: string
-  }
-  master_access: 'temporary' | 'none'
-  mp4_support: 'standard' | 'none'
-  source_asset_id?: string
-  normalize_audio?: boolean
+    status: "ready" | "preparing" | "errored";
+    url: string;
+  };
+  master_access: "temporary" | "none";
+  mp4_support: "standard" | "none";
+  source_asset_id?: string;
+  normalize_audio?: boolean;
   static_renditions?: {
-    status: 'ready' | 'preparing' | 'disabled' | 'errored'
+    status: "ready" | "preparing" | "disabled" | "errored";
     files: {
-      name: string
-      ext: 'mp4' | 'm4a'
-      height: number
-      width: number
-      bitrate: number
-      filesize: string
-      type: 'standard' | 'advanced'
-      status: 'ready' | 'preparing' | 'skipped' | 'errored'
-      resolution_tier?: string
-      resolution?: string
-      id: string
-      passthrough?: string
-    }[]
-  }
+      name: string;
+      ext: "mp4" | "m4a";
+      height: number;
+      width: number;
+      bitrate: number;
+      filesize: string;
+      type: "standard" | "advanced";
+      status: "ready" | "preparing" | "skipped" | "errored";
+      resolution_tier?: string;
+      resolution?: string;
+      id: string;
+      passthrough?: string;
+    }[];
+  };
   recording_times?: {
-    started_at: string
-    duration: number
-    type: 'content' | 'slate'
-  }[]
+    started_at: string;
+    duration: number;
+    type: "content" | "slate";
+  }[];
   non_standard_input_reasons?: {
-    video_codec?: string
-    audio_codec?: string
-    video_gop_size?: 'high'
-    video_frame_rate?: string
-    video_resolution?: string
-    video_bitrate?: 'high'
-    pixel_aspect_ratio?: string
-    video_edit_list?: 'non-standard'
-    audio_edit_list?: 'non-standard'
-    unexpected_media_file_parameters?: 'non-standard'
-    test?: boolean
-  }
+    video_codec?: string;
+    audio_codec?: string;
+    video_gop_size?: "high";
+    video_frame_rate?: string;
+    video_resolution?: string;
+    video_bitrate?: "high";
+    pixel_aspect_ratio?: string;
+    video_edit_list?: "non-standard";
+    audio_edit_list?: "non-standard";
+    unexpected_media_file_parameters?: "non-standard";
+    test?: boolean;
+  };
   meta?: {
-    title?: string
-  }
+    title?: string;
+  };
 }
 
 declare interface MuxAudioTrack {
-  type: 'audio'
-  id: string
-  duration?: number
-  max_channels: number
-  max_channel_layout: 'stereo' | string
+  type: "audio";
+  id: string;
+  duration?: number;
+  max_channels: number;
+  max_channel_layout: "stereo" | string;
 }
 
 declare interface MuxErrors {
-  type: string
-  messages: string[]
+  type: string;
+  messages: string[];
 }
 
-export declare const muxInput: Plugin_2<void | Partial<PluginConfig>>
+export declare const muxInput: Plugin_2<void | Partial<PluginConfig>>;
 
 declare interface MuxInputConfig {
   /**
@@ -95,7 +95,7 @@ declare interface MuxInputConfig {
    * @see {@link https://docs.mux.com/guides/video/enable-static-mp4-renditions}
    * @defaultValue []
    */
-  static_renditions: StaticRenditionResolution[]
+  static_renditions: StaticRenditionResolution[];
   /**
    * @deprecated Use `static_renditions` instead. This field is kept for backward compatibility.
    * Enable static renditions by setting this to 'standard'. Can be overwritten on a per-asset basis.
@@ -103,14 +103,14 @@ declare interface MuxInputConfig {
    * @see {@link https://docs.mux.com/guides/video/enable-static-mp4-renditions#why-enable-mp4-support}
    * @defaultValue 'none'
    */
-  mp4_support: 'none' | 'standard'
+  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 `"video_quality": "plus"`
    * @see {@link https://docs.mux.com/guides/stream-videos-in-4k}
    * @defaultValue '1080p'
    */
-  max_resolution_tier: '2160p' | '1440p' | '1080p'
+  max_resolution_tier: "2160p" | "1440p" | "1080p";
   /**
    * @deprecated Use {@link video_quality}
    * <br>
@@ -118,36 +118,36 @@ declare interface MuxInputConfig {
    * @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'
+  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}
    * @defaultValue false
    */
-  normalize_audio: boolean
+  normalize_audio: boolean;
   /**
    * Enables signed URLs by default, if you configured them with your API token.
    * @see {@link https://docs.mux.com/guides/secure-video-playback}
    * @defaultValue false
    */
-  defaultSigned?: boolean
+  defaultSigned?: boolean;
   /**
    * Enables public URLs by default.
    * @defaultValue true
    */
-  defaultPublic?: boolean
+  defaultPublic?: boolean;
   /**
    * Enables DRM Protection by default, if you configured your DRM Configuration Id.
    * @see {@link https://www.mux.com/docs/guides/protect-videos-with-drm}
    * @defaultValue true
    */
-  defaultDrm?: boolean
+  defaultDrm?: boolean;
   /**
    * Auto-generate captions for these languages by default.
    * Requires `"video_quality": "plus"`
@@ -155,14 +155,14 @@ declare interface MuxInputConfig {
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    * @deprecated use `defaultAutogeneratedSubtitleLang` instead. Only a single autogenerated
    */
-  defaultAutogeneratedSubtitleLangs?: SupportedMuxLanguage[]
+  defaultAutogeneratedSubtitleLangs?: SupportedMuxLanguage[];
   /**
    * Auto-generate captions for this language by default. Users can still
    * Requires `"video_quality": "plus"`
    *
    * @see {@link https://docs.mux.com/guides/add-autogenerated-captions-and-use-transcripts}
    */
-  defaultAutogeneratedSubtitleLang?: SupportedMuxLanguage
+  defaultAutogeneratedSubtitleLang?: SupportedMuxLanguage;
   /**
    * Whether or not to allow content editors to override asset upload
    * configuration settings when uploading a video to Mux.
@@ -170,7 +170,7 @@ declare interface MuxInputConfig {
    * @see {@link https://docs.mux.com/guides/secure-video-playback}
    * @defaultValue false
    */
-  disableUploadConfig?: boolean
+  disableUploadConfig?: boolean;
   /**
    * Whether or not to allow content editors to add text tracks alongside their
    * asset when uploading a video to Mux.
@@ -178,13 +178,13 @@ declare interface MuxInputConfig {
    * @see {@link https://docs.mux.com/guides/secure-video-playback}
    * @defaultValue false
    */
-  disableTextTrackConfig?: boolean
+  disableTextTrackConfig?: boolean;
   /**
    * Whether or not to show the playback warning when trying to watch DRM content for the first time.
    *
    * @defaultValue false
    */
-  disableDrmPlaybackWarning?: boolean
+  disableDrmPlaybackWarning?: boolean;
   /**
      * The mime types that are accepted by the input.
      *
@@ -192,7 +192,7 @@ declare interface MuxInputConfig {
      * @defaultValue ['video/*','audio/*']
 
      */
-  acceptedMimeTypes?: ('audio/*' | 'video/*')[]
+  acceptedMimeTypes?: ("audio/*" | "video/*")[];
   /**
    * Maximum file size allowed for video uploads in bytes.
    * If not specified, no file size validation will be performed.
@@ -200,7 +200,7 @@ declare interface MuxInputConfig {
    * @example 1024 * 1024 * 1024 // 1 GB
    * @defaultValue undefined
    */
-  maxAssetFileSize?: number
+  maxAssetFileSize?: number;
   /**
    * Maximum video duration allowed in seconds.
    * If not specified, no duration validation will be performed.
@@ -208,7 +208,7 @@ declare interface MuxInputConfig {
    * @example 2 * 60 * 60 // 2 hours
    * @defaultValue undefined
    */
-  maxAssetDuration?: number
+  maxAssetDuration?: number;
   /**
    * HLS.js configuration options to be passed to the Mux Player.
    * These options allow you to customize the underlying HLS.js playback engine behavior.
@@ -224,47 +224,47 @@ declare interface MuxInputConfig {
    * }
    * ```
    */
-  hlsConfig?: MuxPlayerElement['_hlsConfig']
+  hlsConfig?: MuxPlayerElement["_hlsConfig"];
 }
 
 declare interface MuxPlaybackId {
-  id: string
-  policy: PlaybackPolicy
+  id: string;
+  policy: PlaybackPolicy;
 }
 
 declare interface MuxTextTrack {
-  type: 'text'
-  id: string
-  text_type?: 'subtitles'
+  type: "text";
+  id: string;
+  text_type?: "subtitles";
   text_source?:
-    | 'uploaded'
-    | 'embedded'
-    | 'generated_live'
-    | 'generated_live_final'
-    | 'generated_vod'
-  language_code?: 'en' | 'en-US' | string
-  name?: 'English' | string
-  closed_captions?: boolean
-  passthrough?: string
-  status: 'preparing' | 'ready' | 'errored'
+    | "uploaded"
+    | "embedded"
+    | "generated_live"
+    | "generated_live_final"
+    | "generated_vod";
+  language_code?: "en" | "en-US" | string;
+  name?: "English" | string;
+  closed_captions?: boolean;
+  passthrough?: string;
+  status: "preparing" | "ready" | "errored";
   error?: {
-    type: string
-    messages?: string[]
-  }
+    type: string;
+    messages?: string[];
+  };
 }
 
-declare type MuxTrack = MuxVideoTrack | MuxAudioTrack | MuxTextTrack
+declare type MuxTrack = MuxVideoTrack | MuxAudioTrack | MuxTextTrack;
 
 declare interface MuxVideoTrack {
-  type: 'video'
-  id: string
-  max_width: number
-  max_height: number
-  max_frame_rate: -1 | number
-  duration?: number
+  type: "video";
+  id: string;
+  max_width: number;
+  max_height: number;
+  max_frame_rate: -1 | number;
+  duration?: number;
 }
 
-declare type PlaybackPolicy = 'signed' | 'public' | 'drm'
+declare type PlaybackPolicy = "signed" | "public" | "drm";
 
 declare interface PluginConfig extends MuxInputConfig {
   /**
@@ -276,71 +276,72 @@ declare interface PluginConfig extends MuxInputConfig {
   tool:
     | false
     | {
-        title?: string
-        icon?: React.ComponentType
-      }
+        title?: string;
+        icon?: React.ComponentType;
+      };
   /**
    * The roles that are allowed to configure the plugin.
    *
    * If not set, all roles will be allowed to configure the plugin.
    * @defaultValue []
    */
-  allowedRolesForConfiguration: string[]
+  allowedRolesForConfiguration: string[];
 }
 
 /**
  * All static rendition resolution options supported by Mux
  */
 declare type StaticRenditionResolution =
-  | 'highest'
-  | 'audio-only'
-  | '270p'
-  | '360p'
-  | '480p'
-  | '540p'
-  | '720p'
-  | '1080p'
-  | '1440p'
-  | '2160p'
+  | "highest"
+  | "audio-only"
+  | "270p"
+  | "360p"
+  | "480p"
+  | "540p"
+  | "720p"
+  | "1080p"
+  | "1440p"
+  | "2160p";
 
 declare const SUPPORTED_MUX_LANGUAGES_VALUES: (
-  | 'en'
-  | 'es'
-  | 'it'
-  | 'pt'
-  | 'de'
-  | 'fr'
-  | 'pl'
-  | 'ru'
-  | 'nl'
-  | 'ca'
-  | 'tr'
-  | 'sv'
-  | 'uk'
-  | 'no'
-  | 'fi'
-  | 'sk'
-  | 'el'
-  | 'cs'
-  | 'hr'
-  | 'da'
-  | 'ro'
-  | 'bg'
-)[]
+  | "en"
+  | "es"
+  | "it"
+  | "pt"
+  | "de"
+  | "fr"
+  | "pl"
+  | "ru"
+  | "nl"
+  | "ca"
+  | "tr"
+  | "sv"
+  | "uk"
+  | "no"
+  | "fi"
+  | "sk"
+  | "el"
+  | "cs"
+  | "hr"
+  | "da"
+  | "ro"
+  | "bg"
+)[];
 
-declare type SupportedMuxLanguage = (typeof SUPPORTED_MUX_LANGUAGES_VALUES)[number]
+declare type SupportedMuxLanguage =
+  (typeof SUPPORTED_MUX_LANGUAGES_VALUES)[number];
 
 export declare interface VideoAssetDocument {
-  _id: string
-  _type: 'mux.videoAsset'
-  _createdAt: string
-  _updatedAt?: string
-  status?: string
-  assetId?: string
-  playbackId?: string
-  filename?: string
-  thumbTime?: number
-  data?: PartialDeep<MuxAsset>
+  _id: string;
+  _type: "mux.videoAsset";
+  _createdAt: string;
+  _updatedAt?: string;
+  status?: string;
+  assetId?: string;
+  playbackId?: string;
+  filename?: string;
+  thumbTime?: number;
+  data?: PartialDeep<MuxAsset>;
 }
 
-export {}
+export {};

package/dist/index.js

@@ -19,7 +19,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), suspendReact = require("suspend-react"), rxjs = require("rxjs"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), operators = require("rxjs/operators"), LanguagesList = require("iso-639-1"), MuxPlayer = require("@mux/mux-player-react/lazy"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), upchunk = require("@mux/upchunk"), reactIs = require("react-is");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), suspendReact = require("suspend-react"), rxjs = require("rxjs"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), operators = require("rxjs/operators"), LanguagesList = require("iso-639-1"), MuxPlayer = require("@mux/mux-player-react/lazy"), useDevicePixelRatio = require("use-device-pixel-ratio"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), upchunk = require("@mux/upchunk"), reactIs = require("react-is");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -147,7 +147,7 @@ function useAssets() {
 function useDialogState() {
   return React.useState(!1);
 }
-const PLUGIN_VERSION_QUERY = { sanityVersion: "3.0.0" };
+const PLUGIN_VERSION_QUERY = { sanityVersion: "3.0.1" };
 function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
   const doc = {
     _id: "secrets.mux",
@@ -391,7 +391,7 @@ const Logo = styledComponents.styled.span`
   /* @__PURE__ */ jsxRuntime.jsx(Logo, { children: /* @__PURE__ */ jsxRuntime.jsx(MuxLogo, { height: 13 }) }),
   "API Credentials"
 ] });
-function FormField(props) {
+function FormField$1(props) {
   const { children, title, description, inputId } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
@@ -401,7 +401,7 @@ function FormField(props) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { children })
   ] });
 }
-var FormField$1 = React.memo(FormField);
+var FormField = React.memo(FormField$1);
 const fieldNames = ["token", "secretKey", "enableSignedUrls", "drmConfigId"];
 function ConfigureApiDialog({ secrets, setDialogState }) {
   const client = useClient(), [state, dispatch] = useSecretsFormState(secrets), hasSecretsInitially = React.useMemo(() => secrets.token && secrets.secretKey, [secrets]), handleClose = React.useCallback(() => setDialogState(!1), [setDialogState]), dirty = React.useMemo(
@@ -498,7 +498,7 @@ function ConfigureApiDialog({ secrets, setDialogState }) {
             "The credentials will be stored safely in a hidden document only available to editors."
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { title: "Access Token", inputId: tokenId, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { title: "Access Token", inputId: tokenId, children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.TextInput,
           {
             id: tokenId,
@@ -509,7 +509,7 @@ function ConfigureApiDialog({ secrets, setDialogState }) {
             required: !!state.secretKey || state.enableSignedUrls
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { title: "Secret Key", inputId: secretKeyId, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { title: "Secret Key", inputId: secretKeyId, children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.TextInput,
           {
             id: secretKeyId,
@@ -542,7 +542,7 @@ function ConfigureApiDialog({ secrets, setDialogState }) {
             ] })
           ] }) }) : null
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { title: "DRM Configuration ID", inputId: drmConfigIdId, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { title: "DRM Configuration ID", inputId: drmConfigIdId, children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.TextInput,
           {
             id: drmConfigIdId,
@@ -2974,14 +2974,6 @@ function CaptionsDialog({ asset }) {
   const { setDialogState } = useDialogStateContext(), dialogId = `CaptionsDialog${React.useId()}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { id: dialogId, header: "Edit Captions", onClose: () => setDialogState(!1), width: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(TextTracksManager, { asset }) }) });
 }
-function getDevicePixelRatio(options) {
-  const {
-    defaultDpr = 1,
-    maxDpr = 3,
-    round = !0
-  } = options || {}, dpr = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : defaultDpr;
-  return Math.min(Math.max(1, round ? Math.floor(dpr) : dpr), maxDpr);
-}
 function formatSeconds(seconds) {
   if (typeof seconds != "number" || Number.isNaN(seconds))
     return "";
@@ -3005,7 +2997,7 @@ function EditThumbnailDialog({ asset, currentTime = 0 }) {
     () => formatSecondsToHHMMSS(currentTime)
   ), [nextTime, setNextTime] = React.useState(currentTime), [inputError, setInputError] = React.useState(""), assetWithNewThumbnail = React.useMemo(() => ({ ...asset, thumbTime: nextTime }), [asset, nextTime]), [saving, setSaving] = React.useState(!1), [saveThumbnailError, setSaveThumbnailError] = React.useState(null), handleSave = () => {
     setSaving(!0), client.patch(asset._id).set({ thumbTime: nextTime }).commit({ returnDocuments: !1 }).then(() => void setDialogState(!1)).catch(setSaveThumbnailError).finally(() => void setSaving(!1));
-  }, width = 300 * getDevicePixelRatio({ maxDpr: 2 });
+  }, width = 300 * useDevicePixelRatio.getDevicePixelRatio({ maxDpr: 2 });
   if (saveThumbnailError)
     throw saveThumbnailError;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3173,7 +3165,7 @@ function VideoPlayer({
                   crossOrigin: "anonymous",
                   metadata: {
                     player_name: "Sanity Admin Dashboard",
-                    player_version: "3.0.0",
+                    player_version: "3.0.1",
                     page_type: "Preview Player"
                   },
                   audio: isAudio,
@@ -3541,7 +3533,7 @@ function useVideoDetails(props) {
     isResyncing
   };
 }
-const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField$1, { title: props.label, description: props.description, inputId: props.label, children: /* @__PURE__ */ jsxRuntime.jsx(
+const AssetInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(FormField, { title: props.label, description: props.description, inputId: props.label, children: /* @__PURE__ */ jsxRuntime.jsx(
   ui.TextInput,
   {
     id: props.label,
@@ -4233,7 +4225,7 @@ function a(t) {
   }, []);
   return { ErrorBoundary: (p = h.current, p !== null ? p : (h.current = l(), h.current)), didCatch: i.didCatch, error: i.error, reset: s };
 }
-function ErrorBoundaryCard(props) {
+function ErrorBoundaryCard$1(props) {
   const { children, schemaType } = props, { push: pushToast } = ui.useToast(), errorRef = React.useRef(null), { ErrorBoundary, didCatch, error, reset } = a({
     onDidCatch: (err, errorInfo) => {
       console.group(err.toString()), console.groupCollapsed("console.error"), console.error(err), console.groupEnd(), err.stack && (console.groupCollapsed("error.stack"), console.log(err.stack), console.groupEnd()), errorInfo?.componentStack && (console.groupCollapsed("errorInfo.componentStack"), console.log(errorInfo.componentStack), console.groupEnd()), console.groupEnd(), pushToast({
@@ -4274,7 +4266,7 @@ function ErrorBoundaryCard(props) {
     /* @__PURE__ */ jsxRuntime.jsx(ui.Inline, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleRetry, text: "Retry" }) })
   ] }) }) }) : /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children });
 }
-var ErrorBoundaryCard$1 = React.memo(ErrorBoundaryCard);
+var ErrorBoundaryCard = React.memo(ErrorBoundaryCard$1);
 const InputFallback = () => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
   ui.Card,
   {
@@ -4870,7 +4862,7 @@ const FileButton = styledComponents.styled(ui.MenuItem)(({ theme }) => {
   background: transparent;
   color: white;
 `, isVideoAsset = (asset) => asset._type === "mux.videoAsset";
-function PlayerActionsMenu(props) {
+function PlayerActionsMenu$1(props) {
   const { asset, readOnly, dialogState, setDialogState, onChange, onSelect, accept } = props, [open, setOpen] = React.useState(!1), [menuElement, setMenuRef] = React.useState(null), isSigned = React.useMemo(() => getPlaybackPolicy(asset)?.policy === "signed", [asset]), { hasConfigAccess } = useAccessControl(props.config), { resyncAsset, isResyncing } = useResyncAsset({ showToast: !0 }), onReset = React.useCallback(() => onChange(sanity.PatchEvent.from(sanity.unset([]))), [onChange]), handleResync = React.useCallback(async () => {
     setOpen(!1), await resyncAsset(asset);
   }, [resyncAsset, asset]);
@@ -4982,7 +4974,7 @@ function PlayerActionsMenu(props) {
     )
   ] });
 }
-var PlayerActionsMenu$1 = React.memo(PlayerActionsMenu);
+var PlayerActionsMenu = React.memo(PlayerActionsMenu$1);
 function useFetchFileSize(stagedUpload, maxFileSize) {
   const [fileSize, setFileSize] = React.useState(null), [isLoadingFileSize, setIsLoadingFileSize] = React.useState(!1), [canSkipFileSizeValidation, setCanSkipFileSizeValidation] = React.useState(!1);
   return React.useEffect(() => {
@@ -6953,7 +6945,7 @@ function Uploader(props) {
                 onChange: props.onChange,
                 config: props.config,
                 buttons: /* @__PURE__ */ jsxRuntime.jsx(
-                  PlayerActionsMenu$1,
+                  PlayerActionsMenu,
                   {
                     accept: acceptMimeString,
                     asset: props.asset,
@@ -6993,12 +6985,12 @@ function Uploader(props) {
     )
   ] });
 }
-const Input = (props) => {
+const Input$1 = (props) => {
   const client = useClient(), secretDocumentValues = useSecretsDocumentValues(), assetDocumentValues = useAssetDocumentValues(props.value?.asset), poll = useMuxPolling(props.readOnly ? void 0 : assetDocumentValues?.value || void 0), [dialogState, setDialogState] = useDialogState(), { hasConfigAccess } = useAccessControl(props.config), error = secretDocumentValues.error || assetDocumentValues.error || poll.error;
   if (error)
     throw error;
   const isLoading = secretDocumentValues.isLoading || assetDocumentValues.isLoading;
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundaryCard$1, { schemaType: props.schemaType, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(InputFallback, {}), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InputFallback, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundaryCard, { schemaType: props.schemaType, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(InputFallback, {}), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InputFallback, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     secretDocumentValues.value.needsSetup && !assetDocumentValues.value ? /* @__PURE__ */ jsxRuntime.jsx(Onboard, { setDialogState, config: props.config }) : /* @__PURE__ */ jsxRuntime.jsx(
       Uploader,
       {
@@ -7022,11 +7014,11 @@ const Input = (props) => {
     )
   ] }) }) }) });
 };
-var Input$1 = React.memo(Input);
+var Input = React.memo(Input$1);
 function muxVideoCustomRendering(config) {
   return {
     components: {
-      input: (props) => /* @__PURE__ */ jsxRuntime.jsx(Input$1, { config: { ...config, ...props.schemaType.options }, ...props })
+      input: (props) => /* @__PURE__ */ jsxRuntime.jsx(Input, { config: { ...config, ...props.schemaType.options }, ...props })
     },
     preview: {
       select: {