sanity-plugin-mux-input 2.4.0 → 2.4.1

package/dist/index.mjs

@@ -1,8 +1,9 @@
-import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
+import { useClient as useClient$1, useDocumentStore, collate, useDocumentValues, createHookFromObservableFactory, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, 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, RetrieveIcon, RetryIcon, CheckmarkCircleIcon, SortIcon, WarningOutlineIcon, EditIcon, PublishIcon, DocumentIcon, TrashIcon, CheckmarkIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, LockIcon, PlayIcon, PlugIcon, UploadIcon, ResetIcon, EllipsisHorizontalIcon, TranslateIcon, DocumentVideoIcon } from "@sanity/icons";
 import { Card, Box, Spinner, Stack, Text, Checkbox, Button, Dialog, Flex, Heading, Code, MenuButton, Menu, MenuItem, Tooltip, Inline, useToast, TabList, Tab, TabPanel, TextInput, Label as Label$1, Grid, useClickOutsideEvent, Popover, MenuDivider, Autocomplete, Radio, rem } from "@sanity/ui";
 import React, { useState, useMemo, useEffect, useRef, useId, memo, isValidElement, useCallback, useReducer, PureComponent, createElement, forwardRef, Suspense } from "react";
+import { useObservable } from "react-rx";
 import compact from "lodash/compact.js";
 import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
@@ -18,7 +19,6 @@ import { usePaneRouter } from "sanity/desk";
 import { IntentLink } from "sanity/router";
 import isNumber from "lodash/isNumber.js";
 import isString from "lodash/isString.js";
-import { useObservable } from "react-rx";
 import useSWR from "swr";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { UpChunk } from "@mux/upchunk";
@@ -40,6 +40,14 @@ const ToolIcon = () => /* @__PURE__ */ jsx(
 function useClient() {
   return useClient$1({ apiVersion: SANITY_API_VERSION });
 }
+var __defProp$j = Object.defineProperty, __getOwnPropSymbols$j = Object.getOwnPropertySymbols, __hasOwnProp$j = Object.prototype.hasOwnProperty, __propIsEnum$j = Object.prototype.propertyIsEnumerable, __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$j = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$j.call(b, prop) && __defNormalProp$j(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$j)
+    for (var prop of __getOwnPropSymbols$j(b))
+      __propIsEnum$j.call(b, prop) && __defNormalProp$j(a2, prop, b[prop]);
+  return a2;
+};
 const SPECIAL_CHARS = /([^!@#$%^&*(),\\/?";:{}|[\]+<>\s-])+/g, STRIP_EDGE_CHARS = /(^[.]+)|([.]+$)/;
 function tokenize(string) {
   return (string.match(SPECIAL_CHARS) || []).map((token) => token.replace(STRIP_EDGE_CHARS, ""));
@@ -61,41 +69,53 @@ function createSearchFilter(query) {
   return {
     filter: createConstraints(terms, query.length >= 8),
     // if the search is big enough, include the assetId (mux id) in the results
-    params: {
-      ...toGroqParams(terms)
-    }
+    params: __spreadValues$j({}, toGroqParams(terms))
   };
 }
+var __defProp$i = Object.defineProperty, __defProps$c = Object.defineProperties, __getOwnPropDescs$c = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$i = Object.getOwnPropertySymbols, __hasOwnProp$i = Object.prototype.hasOwnProperty, __propIsEnum$i = Object.prototype.propertyIsEnumerable, __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$i = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$i.call(b, prop) && __defNormalProp$i(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$i)
+    for (var prop of __getOwnPropSymbols$i(b))
+      __propIsEnum$i.call(b, prop) && __defNormalProp$i(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$c = (a2, b) => __defProps$c(a2, __getOwnPropDescs$c(b));
 const ASSET_SORT_OPTIONS = {
   createdDesc: { groq: "_createdAt desc", label: "Newest first" },
   createdAsc: { groq: "_createdAt asc", label: "First created (oldest)" },
   filenameAsc: { groq: "filename asc", label: "By filename (A-Z)" },
   filenameDesc: { groq: "filename desc", label: "By filename (Z-A)" }
-}, useAssetDocuments = createHookFromObservableFactory(({ documentStore, sort, searchQuery }) => {
-  const search = createSearchFilter(searchQuery), filter = ['_type == "mux.videoAsset"', ...search.filter].filter(Boolean).join(" && "), sortFragment = ASSET_SORT_OPTIONS[sort].groq;
-  return documentStore.listenQuery(
-    /* groq */
-    `*[${filter}] | order(${sortFragment})`,
-    search.params,
-    {
-      apiVersion: SANITY_API_VERSION
-    }
-  );
-});
+}, useAssetDocuments = ({
+  documentStore,
+  sort,
+  searchQuery
+}) => {
+  const memoizedObservable = useMemo(() => {
+    const search = createSearchFilter(searchQuery), filter = ['_type == "mux.videoAsset"', ...search.filter].filter(Boolean).join(" && "), sortFragment = ASSET_SORT_OPTIONS[sort].groq;
+    return documentStore.listenQuery(
+      /* groq */
+      `*[${filter}] | order(${sortFragment})`,
+      search.params,
+      {
+        apiVersion: SANITY_API_VERSION
+      }
+    );
+  }, [documentStore, sort, searchQuery]);
+  return useObservable(memoizedObservable, void 0);
+};
 function useAssets() {
-  const documentStore = useDocumentStore(), [sort, setSort] = useState("createdDesc"), [searchQuery, setSearchQuery] = useState(""), [assetDocuments = [], isLoading] = useAssetDocuments({ documentStore, sort, searchQuery });
+  const documentStore = useDocumentStore(), [sort, setSort] = useState("createdDesc"), [searchQuery, setSearchQuery] = useState(""), assetDocumentsObservable = useAssetDocuments({ documentStore, sort, searchQuery }), isLoading = assetDocumentsObservable === void 0;
   return {
     assets: useMemo(
       () => (
         // Avoid displaying both drafts & published assets by collating them together and giving preference to drafts
-        collate(assetDocuments).map(
-          (collated) => ({
-            ...collated.draft || collated.published || {},
+        collate(assetDocumentsObservable != null ? assetDocumentsObservable : []).map(
+          (collated) => __spreadProps$c(__spreadValues$i({}, collated.draft || collated.published || {}), {
             _id: collated.id
           })
         )
       ),
-      [assetDocuments]
+      [assetDocumentsObservable]
     ),
     isLoading,
     sort,
@@ -107,6 +127,14 @@ function useAssets() {
 function parseMuxDate(date) {
   return new Date(Number(date) * 1e3);
 }
+var __defProp$h = Object.defineProperty, __defProps$b = Object.defineProperties, __getOwnPropDescs$b = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$h = Object.getOwnPropertySymbols, __hasOwnProp$h = Object.prototype.hasOwnProperty, __propIsEnum$h = Object.prototype.propertyIsEnumerable, __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$h = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$h.call(b, prop) && __defNormalProp$h(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$h)
+    for (var prop of __getOwnPropSymbols$h(b))
+      __propIsEnum$h.call(b, prop) && __defNormalProp$h(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$b = (a2, b) => __defProps$b(a2, __getOwnPropDescs$b(b));
 const FIRST_PAGE = 1, ASSETS_PER_PAGE = 100;
 async function fetchMuxAssetsPage({ secretKey, token }, pageNum) {
   try {
@@ -128,7 +156,7 @@ async function fetchMuxAssetsPage({ secretKey, token }, pageNum) {
       pageNum,
       data: json.data
     };
-  } catch {
+  } catch (error) {
     return {
       pageNum,
       error: { _tag: "FetchError" }
@@ -137,8 +165,7 @@ async function fetchMuxAssetsPage({ secretKey, token }, pageNum) {
 }
 function accumulateIntermediateState(currentState, pageResult) {
   const currentData = "data" in currentState && currentState.data || [];
-  return {
-    ...currentState,
+  return __spreadProps$b(__spreadValues$h({}, currentState), {
     data: [
       ...currentData,
       ...("data" in pageResult && pageResult.data || []).filter(
@@ -152,7 +179,7 @@ function accumulateIntermediateState(currentState, pageResult) {
     ),
     pageNum: pageResult.pageNum,
     loading: !0
-  };
+  });
 }
 function hasMorePages(pageResult) {
   return typeof pageResult == "object" && "data" in pageResult && Array.isArray(pageResult.data) && pageResult.data.length > 0;
@@ -180,8 +207,7 @@ function useMuxAssets({ secrets, enabled }) {
     ).subscribe({
       // Once done, let the user know we've stopped loading
       complete: () => {
-        setState((prev) => ({
-          ...prev,
+        setState((prev) => __spreadProps$b(__spreadValues$h({}, prev), {
           loading: !1
         }));
       }
@@ -195,24 +221,25 @@ const name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumen
     path$1
   ), cache = useMemo(() => {
     const exists = !!value, secrets = {
-      token: value?.token || null,
-      secretKey: value?.secretKey || null,
-      enableSignedUrls: value?.enableSignedUrls || !1,
-      signingKeyId: value?.signingKeyId || null,
-      signingKeyPrivate: value?.signingKeyPrivate || null
+      token: (value == null ? void 0 : value.token) || null,
+      secretKey: (value == null ? void 0 : value.secretKey) || null,
+      enableSignedUrls: (value == null ? void 0 : value.enableSignedUrls) || !1,
+      signingKeyId: (value == null ? void 0 : value.signingKeyId) || null,
+      signingKeyPrivate: (value == null ? void 0 : value.signingKeyPrivate) || null
     };
     return {
       isInitialSetup: !exists,
-      needsSetup: !secrets?.token || !secrets?.secretKey,
+      needsSetup: !(secrets != null && secrets.token) || !(secrets != null && secrets.secretKey),
       secrets
     };
   }, [value]);
   return { error, isLoading, value: cache };
 };
 function useImportMuxAssets() {
+  var _a;
   const documentStore = useDocumentStore(), client = useClient$1({
     apiVersion: SANITY_API_VERSION
-  }), [assetsInSanity, assetsInSanityLoading] = useAssetsInSanity(documentStore), secretDocumentValues = useSecretsDocumentValues(), hasSecrets = !!secretDocumentValues.value.secrets?.secretKey, [importError, setImportError] = useState(), [importState, setImportState] = useState("closed"), dialogOpen = importState !== "closed", muxAssets = useMuxAssets({
+  }), [assetsInSanity, assetsInSanityLoading] = useAssetsInSanity(documentStore), secretDocumentValues = useSecretsDocumentValues(), hasSecrets = !!((_a = secretDocumentValues.value.secrets) != null && _a.secretKey), [importError, setImportError] = useState(), [importState, setImportState] = useState("closed"), dialogOpen = importState !== "closed", muxAssets = useMuxAssets({
     secrets: secretDocumentValues.value.secrets,
     enabled: hasSecrets && dialogOpen
   }), missingAssets = useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a2) => !assetExistsInSanity(a2, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = useState([]), closeDialog = () => {
@@ -246,7 +273,8 @@ function useImportMuxAssets() {
   };
 }
 function muxAssetToSanityDocument(asset) {
-  const playbackId = (asset.playback_ids || []).find((p) => p.id)?.id;
+  var _a;
+  const playbackId = (_a = (asset.playback_ids || []).find((p) => p.id)) == null ? void 0 : _a.id;
   if (playbackId)
     return {
       _id: uuid(),
@@ -283,8 +311,9 @@ function useInView(options = {}) {
   return useEffect(() => {
     if (!ref.current) return;
     const observer = new IntersectionObserver(([entry], obs) => {
+      var _a;
       const nowInView = entry.isIntersecting && obs.thresholds.some((threshold) => entry.intersectionRatio >= threshold);
-      setInView(nowInView), options?.onChange?.(nowInView);
+      setInView(nowInView), (_a = options == null ? void 0 : options.onChange) == null || _a.call(options, nowInView);
     }, options), toObserve = ref.current;
     return observer.observe(toObserve), () => {
       toObserve && observer.unobserve(toObserve);
@@ -307,11 +336,11 @@ function readSecrets(client) {
       { _id }
     );
     return {
-      token: data?.token || null,
-      secretKey: data?.secretKey || null,
-      enableSignedUrls: !!data?.enableSignedUrls || !1,
-      signingKeyId: data?.signingKeyId || null,
-      signingKeyPrivate: data?.signingKeyPrivate || null
+      token: (data == null ? void 0 : data.token) || null,
+      secretKey: (data == null ? void 0 : data.secretKey) || null,
+      enableSignedUrls: !!(data != null && data.enableSignedUrls) || !1,
+      signingKeyId: (data == null ? void 0 : data.signingKeyId) || null,
+      signingKeyPrivate: (data == null ? void 0 : data.signingKeyPrivate) || null
     };
   }, [cacheNs, _id, projectId, dataset]);
 }
@@ -323,7 +352,7 @@ function generateJwt(client, playbackId, aud, payload) {
     throw new TypeError("Missing `signingKeyPrivate`.\n Check your plugin's configuration");
   const { default: sign } = suspend(() => import("jsonwebtoken-esm/sign"), ["jsonwebtoken-esm/sign"]);
   return sign(
-    payload ? JSON.parse(JSON.stringify(payload, (_, v) => v ?? void 0)) : {},
+    payload ? JSON.parse(JSON.stringify(payload, (_, v) => v != null ? v : void 0)) : {},
     atob(signingKeyPrivate),
     {
       algorithm: "RS256",
@@ -336,12 +365,13 @@ function generateJwt(client, playbackId, aud, payload) {
   );
 }
 function getPlaybackId(asset) {
-  if (!asset?.playbackId)
+  if (!(asset != null && asset.playbackId))
     throw console.error("Asset is missing a playbackId", { asset }), new TypeError("Missing playbackId");
   return asset.playbackId;
 }
 function getPlaybackPolicy(asset) {
-  return asset.data?.playback_ids?.find((playbackId) => asset.playbackId === playbackId.id)?.policy ?? "public";
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = asset.data) == null ? void 0 : _a.playback_ids) == null ? void 0 : _b.find((playbackId) => asset.playbackId === playbackId.id)) == null ? void 0 : _c.policy) != null ? _d : "public";
 }
 function getAnimatedPosterSrc({
   asset,
@@ -354,7 +384,7 @@ function getAnimatedPosterSrc({
 }) {
   const params = { height, width, start, end, fps }, playbackId = getPlaybackId(asset);
   let searchParams = new URLSearchParams(
-    JSON.parse(JSON.stringify(params, (_, v) => v ?? void 0))
+    JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0))
   );
   if (getPlaybackPolicy(asset) === "signed") {
     const token = generateJwt(client, playbackId, "g", params);
@@ -381,7 +411,7 @@ function VideoThumbnail({
   const { inView, ref } = useInView(), posterWidth = width || 250, [status, setStatus] = useState("loading"), client = useClient(), animatedSrc = useMemo(() => {
     try {
       return getAnimatedPosterSrc({ asset, client, width: posterWidth });
-    } catch {
+    } catch (e) {
       status !== "error" && setStatus("error");
       return;
     }
@@ -453,6 +483,14 @@ function VideoThumbnail({
     }
   );
 }
+var __defProp$g = Object.defineProperty, __getOwnPropSymbols$g = Object.getOwnPropertySymbols, __hasOwnProp$g = Object.prototype.hasOwnProperty, __propIsEnum$g = Object.prototype.propertyIsEnumerable, __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$g = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$g.call(b, prop) && __defNormalProp$g(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(b))
+      __propIsEnum$g.call(b, prop) && __defNormalProp$g(a2, prop, b[prop]);
+  return a2;
+};
 const MissingAssetCheckbox = styled(Checkbox)`
   position: static !important;
 
@@ -470,6 +508,7 @@ function MissingAsset({
   selectAsset,
   selected
 }) {
+  var _a;
   const duration = useFormattedDuration(asset.duration * 1e3);
   return /* @__PURE__ */ jsx(
     Card,
@@ -498,7 +537,7 @@ function MissingAsset({
               assetId: asset.id,
               data: asset,
               filename: asset.id,
-              playbackId: asset.playback_ids.find((p) => p.id)?.id
+              playbackId: (_a = asset.playback_ids.find((p) => p.id)) == null ? void 0 : _a.id
             },
             width: 150
           }
@@ -529,7 +568,8 @@ function MissingAsset({
   );
 }
 function ImportVideosDialog(props) {
-  const { importState } = props, canTriggerImport = (importState === "idle" || importState === "error") && props.selectedAssets.length > 0, isImporting = importState === "importing", noAssetsToImport = props.missingAssets?.length === 0 && !props.muxAssets.loading && !props.assetsInSanityLoading;
+  var _a, _b;
+  const { importState } = props, canTriggerImport = (importState === "idle" || importState === "error") && props.selectedAssets.length > 0, isImporting = importState === "importing", noAssetsToImport = ((_a = props.missingAssets) == null ? void 0 : _a.length) === 0 && !props.muxAssets.loading && !props.assetsInSanityLoading;
   return /* @__PURE__ */ jsx(
     Dialog,
     {
@@ -561,7 +601,7 @@ function ImportVideosDialog(props) {
             fontSize: 2,
             padding: 3,
             mode: "ghost",
-            text: props.selectedAssets?.length > 0 ? `Import ${props.selectedAssets.length} video(s)` : "No video(s) selected",
+            text: ((_b = props.selectedAssets) == null ? void 0 : _b.length) > 0 ? `Import ${props.selectedAssets.length} video(s)` : "No video(s) selected",
             tone: "positive",
             onClick: props.importAssets,
             iconRight: isImporting && Spinner,
@@ -661,7 +701,7 @@ function ImportVideosDialog(props) {
 function ImportVideosFromMux() {
   const importAssets = useImportMuxAssets();
   if (importAssets.hasSecrets)
-    return importAssets.dialogOpen ? /* @__PURE__ */ jsx(ImportVideosDialog, { ...importAssets }) : /* @__PURE__ */ jsx(Button, { mode: "bleed", text: "Import from Mux", onClick: importAssets.openDialog });
+    return importAssets.dialogOpen ? /* @__PURE__ */ jsx(ImportVideosDialog, __spreadValues$g({}, importAssets)) : /* @__PURE__ */ jsx(Button, { mode: "bleed", text: "Import from Mux", onClick: importAssets.openDialog });
 }
 const CONTEXT_MENU_POPOVER_PROPS = {
   constrainSize: !0,
@@ -722,24 +762,40 @@ const IconInfo = (props) => {
     /* @__PURE__ */ jsx(Text, { size: props.size || 1, muted: props.muted, children: props.text })
   ] });
 };
+var __defProp$f = Object.defineProperty, __defProps$a = Object.defineProperties, __getOwnPropDescs$a = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$f = Object.getOwnPropertySymbols, __hasOwnProp$f = Object.prototype.hasOwnProperty, __propIsEnum$f = Object.prototype.propertyIsEnumerable, __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$f = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$f.call(b, prop) && __defNormalProp$f(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$f)
+    for (var prop of __getOwnPropSymbols$f(b))
+      __propIsEnum$f.call(b, prop) && __defNormalProp$f(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$a = (a2, b) => __defProps$a(a2, __getOwnPropDescs$a(b));
 function ResolutionIcon(props) {
-  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("svg", __spreadProps$a(__spreadValues$f({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24" }, props), { children: /* @__PURE__ */ jsx(
     "path",
     {
       fill: "currentColor",
       d: "M20 9V6h-3V4h5v5h-2ZM2 9V4h5v2H4v3H2Zm15 11v-2h3v-3h2v5h-5ZM2 20v-5h2v3h3v2H2Zm4-4V8h12v8H6Zm2-2h8v-4H8v4Zm0 0v-4v4Z"
     }
-  ) });
+  ) }));
 }
+var __defProp$e = Object.defineProperty, __defProps$9 = Object.defineProperties, __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$e = Object.getOwnPropertySymbols, __hasOwnProp$e = Object.prototype.hasOwnProperty, __propIsEnum$e = Object.prototype.propertyIsEnumerable, __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$e = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$e.call(b, prop) && __defNormalProp$e(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$e)
+    for (var prop of __getOwnPropSymbols$e(b))
+      __propIsEnum$e.call(b, prop) && __defNormalProp$e(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$9 = (a2, b) => __defProps$9(a2, __getOwnPropDescs$9(b));
 function StopWatchIcon(props) {
   return /* @__PURE__ */ jsxs(
     "svg",
-    {
+    __spreadProps$9(__spreadValues$e({
       xmlns: "http://www.w3.org/2000/svg",
       width: "1em",
       height: "1em",
-      viewBox: "0 0 512 512",
-      ...props,
+      viewBox: "0 0 512 512"
+    }, props), {
       children: [
         /* @__PURE__ */ jsx("path", { d: "M232 306.667h48V176h-48v130.667z", fill: "currentColor" }),
         /* @__PURE__ */ jsx(
@@ -751,7 +807,7 @@ function StopWatchIcon(props) {
         ),
         /* @__PURE__ */ jsx("path", { d: "M192 32h128v48H192z", fill: "currentColor" })
       ]
-    }
+    })
   );
 }
 function getVideoSrc({ asset, client }) {
@@ -762,14 +818,33 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-function VideoPlayer({
-  asset,
-  children,
-  ...props
-}) {
+var __defProp$d = Object.defineProperty, __defProps$8 = Object.defineProperties, __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$d = Object.getOwnPropertySymbols, __hasOwnProp$d = Object.prototype.hasOwnProperty, __propIsEnum$d = Object.prototype.propertyIsEnumerable, __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$d = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$d.call(b, prop) && __defNormalProp$d(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(b))
+      __propIsEnum$d.call(b, prop) && __defNormalProp$d(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$8 = (a2, b) => __defProps$8(a2, __getOwnPropDescs$8(b)), __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$d)
+    for (var prop of __getOwnPropSymbols$d(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+function VideoPlayer(_a) {
+  var _b = _a, {
+    asset,
+    children
+  } = _b, props = __objRest$3(_b, [
+    "asset",
+    "children"
+  ]), _a2, _b2;
   const client = useClient(), isAudio = assetIsAudio(asset), { src: videoSrc, error } = useMemo(() => {
     try {
-      const src = asset?.playbackId && getVideoSrc({ client, asset });
+      const src = (asset == null ? void 0 : asset.playbackId) && getVideoSrc({ client, asset });
       return src ? { src } : { error: new TypeError("Asset has no playback ID") };
     } catch (error2) {
       return { error: error2 };
@@ -777,10 +852,10 @@ function VideoPlayer({
   }, [asset, client]), signedToken = useMemo(() => {
     try {
       return new URL(videoSrc).searchParams.get("token");
-    } catch {
+    } catch (e) {
       return !1;
     }
-  }, [videoSrc]), [width, height] = (asset?.data?.aspect_ratio ?? "16:9").split(":").map(Number), targetAspectRatio = props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width / height);
+  }, [videoSrc]), [width, height] = ((_b2 = (_a2 = asset == null ? void 0 : asset.data) == null ? void 0 : _a2.aspect_ratio) != null ? _b2 : "16:9").split(":").map(Number), targetAspectRatio = props.forceAspectRatio || (Number.isNaN(width) ? 16 / 9 : width / height);
   let aspectRatio = Math.max(MIN_ASPECT_RATIO, targetAspectRatio);
   return isAudio && (aspectRatio = props.forceAspectRatio ? (
     // Make it wider when forcing aspect ratio to balance with videos' rendering height (audio players overflow a bit)
@@ -789,8 +864,7 @@ function VideoPlayer({
     videoSrc && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         MuxPlayer,
-        {
-          ...props,
+        __spreadProps$8(__spreadValues$d({}, props), {
           playsInline: !0,
           playbackId: asset.playbackId,
           tokens: signedToken ? { playback: signedToken, thumbnail: signedToken, storyboard: signedToken } : void 0,
@@ -798,7 +872,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: "2.4.0",
+            player_version: "2.4.1",
             page_type: "Preview Player"
           },
           audio: isAudio,
@@ -808,7 +882,7 @@ function VideoPlayer({
             display: "block",
             objectFit: "contain"
           }
-        }
+        })
       ),
       children
     ] }),
@@ -831,7 +905,8 @@ function VideoPlayer({
   ] });
 }
 function assetIsAudio(asset) {
-  return asset.data?.max_stored_resolution === "Audio only";
+  var _a;
+  return ((_a = asset.data) == null ? void 0 : _a.max_stored_resolution) === "Audio only";
 }
 function deleteAssetOnMux(client, assetId) {
   const { dataset } = client.config();
@@ -846,16 +921,16 @@ async function deleteAsset({
   asset,
   deleteOnMux
 }) {
-  if (!asset?._id) return !0;
+  if (!(asset != null && asset._id)) return !0;
   try {
     await client.delete(asset._id);
-  } catch {
+  } catch (error) {
     return "failed-sanity";
   }
-  if (deleteOnMux && asset?.assetId)
+  if (deleteOnMux && asset != null && asset.assetId)
     try {
       await deleteAssetOnMux(client, asset.assetId);
-    } catch {
+    } catch (error) {
       return "failed-mux";
     }
   return !0;
@@ -868,6 +943,14 @@ function getAsset(client, assetId) {
     method: "GET"
   });
 }
+var __defProp$c = Object.defineProperty, __defProps$7 = Object.defineProperties, __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$c = Object.getOwnPropertySymbols, __hasOwnProp$c = Object.prototype.hasOwnProperty, __propIsEnum$c = Object.prototype.propertyIsEnumerable, __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$c = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$c.call(b, prop) && __defNormalProp$c(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b))
+      __propIsEnum$c.call(b, prop) && __defNormalProp$c(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$7 = (a2, b) => __defProps$7(a2, __getOwnPropDescs$7(b));
 const getUnknownTypeFallback = (id, typeName) => ({
   title: /* @__PURE__ */ jsxs("em", { children: [
     "No schema found for type ",
@@ -881,7 +964,7 @@ const getUnknownTypeFallback = (id, typeName) => ({
 });
 function MissingSchemaType(props) {
   const { layout, value } = props;
-  return /* @__PURE__ */ jsx(SanityDefaultPreview, { ...getUnknownTypeFallback(value._id, value._type), layout });
+  return /* @__PURE__ */ jsx(SanityDefaultPreview, __spreadProps$7(__spreadValues$c({}, getUnknownTypeFallback(value._id, value._type)), { layout }));
 }
 function TimeAgo({ time }) {
   const timeAgo = useTimeAgo(time);
@@ -920,6 +1003,14 @@ function PublishedStatus(props) {
     }
   );
 }
+var __defProp$b = Object.defineProperty, __defProps$6 = Object.defineProperties, __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$b = Object.getOwnPropertySymbols, __hasOwnProp$b = Object.prototype.hasOwnProperty, __propIsEnum$b = Object.prototype.propertyIsEnumerable, __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$b = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$b.call(b, prop) && __defNormalProp$b(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b))
+      __propIsEnum$b.call(b, prop) && __defNormalProp$b(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$6 = (a2, b) => __defProps$6(a2, __getOwnPropDescs$6(b));
 function PaneItemPreview(props) {
   const { icon, layout, presence, schemaType, value } = props, title = isRecord(value.title) && isValidElement(value.title) || isString(value.title) || isNumber(value.title) ? value.title : null, observable = useMemo(
     () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, title),
@@ -935,13 +1026,12 @@ function PaneItemPreview(props) {
   ] });
   return /* @__PURE__ */ jsx(
     SanityDefaultPreview,
-    {
-      ...getPreviewValueWithFallback({ value, draft, published }),
+    __spreadProps$6(__spreadValues$b({}, getPreviewValueWithFallback({ value, draft, published })), {
       isPlaceholder: isLoading,
       icon,
       layout,
       status
-    }
+    })
   );
 }
 function getIconWithFallback(icon, schemaType, defaultIcon) {
@@ -962,7 +1052,7 @@ function DocumentPreviewInRool(props) {
   return (linkProps) => /* @__PURE__ */ jsx(IntentLink, { intent: "edit", params: { id: props.documentPair.id }, children: linkProps.children });
 }
 function DocumentPreview(props) {
-  const { schemaType, documentPair } = props, doc = documentPair?.draft || documentPair?.published, id = documentPair.id || "", documentPreviewStore = useDocumentPreviewStore(), schema = useSchema(), documentPresence = useDocumentPresence(id), hasSchemaType = !!(schemaType && schemaType.name && schema.get(schemaType.name)), PreviewComponent = useMemo(() => doc ? !schemaType || !hasSchemaType ? /* @__PURE__ */ jsx(MissingSchemaType, { value: doc }) : /* @__PURE__ */ jsx(
+  const { schemaType, documentPair } = props, doc = (documentPair == null ? void 0 : documentPair.draft) || (documentPair == null ? void 0 : documentPair.published), id = documentPair.id || "", documentPreviewStore = useDocumentPreviewStore(), schema = useSchema(), documentPresence = useDocumentPresence(id), hasSchemaType = !!(schemaType && schemaType.name && schema.get(schemaType.name)), PreviewComponent = useMemo(() => doc ? !schemaType || !hasSchemaType ? /* @__PURE__ */ jsx(MissingSchemaType, { value: doc }) : /* @__PURE__ */ jsx(
     PaneItemPreview,
     {
       documentPreviewStore,
@@ -998,13 +1088,14 @@ const Container = styled(Box)`
     font-size: ${(props) => props.theme.sanity.fonts.text.sizes[1]};
   }
 `, VideoReferences = (props) => {
+  var _a;
   const schema = useSchema();
   if (!props.isLoaded)
     return /* @__PURE__ */ jsx(SpinnerBox, {});
-  if (!props.references?.length)
+  if (!((_a = props.references) != null && _a.length))
     return /* @__PURE__ */ jsx(Card, { border: !0, radius: 3, padding: 3, children: /* @__PURE__ */ jsx(Text, { size: 2, children: "No documents are using this video" }) });
   const documentPairs = collate(props.references || []);
-  return /* @__PURE__ */ jsx(Container, { children: documentPairs?.map((documentPair) => {
+  return /* @__PURE__ */ jsx(Container, { children: documentPairs == null ? void 0 : documentPairs.map((documentPair) => {
     const schemaType = schema.get(documentPair.type);
     return /* @__PURE__ */ jsx(
       Card,
@@ -1037,7 +1128,7 @@ function DeleteDialog({
 }) {
   const client = useClient(), [state, setState] = useState("checkingReferences"), [deleteOnMux, setDeleteOnMux] = useState(!0), toast = useToast();
   useEffect(() => {
-    state !== "checkingReferences" || referencesLoading || setState(references?.length ? "cantDelete" : "confirm");
+    state !== "checkingReferences" || referencesLoading || setState(references != null && references.length ? "cantDelete" : "confirm");
   }, [state, references, referencesLoading]);
   async function confirmDelete() {
     if (state !== "confirm") return;
@@ -1079,7 +1170,7 @@ function DeleteDialog({
               /* @__PURE__ */ jsx(Heading, { size: 2, children: "Video can't be deleted" }),
               /* @__PURE__ */ jsxs(Text, { size: 2, style: { marginBottom: "2rem" }, children: [
                 "There are ",
-                references?.length,
+                references == null ? void 0 : references.length,
                 " document",
                 references && references.length > 0 && "s",
                 " ",
@@ -1158,23 +1249,32 @@ function formatSeconds(seconds) {
   return hrs > 0 && (ret += "" + hrs + ":" + (mins < 10 ? "0" : "")), ret += "" + mins + ":" + (secs < 10 ? "0" : ""), ret += "" + secs, ret;
 }
 function getVideoMetadata(doc) {
-  const id = doc.assetId || doc._id || "", date = doc.data?.created_at ? new Date(Number(doc.data.created_at) * 1e3) : new Date(doc._createdAt || doc._updatedAt || Date.now());
+  var _a, _b, _c, _d, _e, _f;
+  const id = doc.assetId || doc._id || "", date = (_a = doc.data) != null && _a.created_at ? new Date(Number(doc.data.created_at) * 1e3) : new Date(doc._createdAt || doc._updatedAt || Date.now());
   return {
     title: doc.filename || id.slice(0, 12),
     id,
     playbackId: doc.playbackId,
     createdAt: date,
-    duration: doc.data?.duration ? formatSeconds(doc.data?.duration) : void 0,
-    aspect_ratio: doc.data?.aspect_ratio,
-    max_stored_resolution: doc.data?.max_stored_resolution,
-    max_stored_frame_rate: doc.data?.max_stored_frame_rate
+    duration: (_b = doc.data) != null && _b.duration ? formatSeconds((_c = doc.data) == null ? void 0 : _c.duration) : void 0,
+    aspect_ratio: (_d = doc.data) == null ? void 0 : _d.aspect_ratio,
+    max_stored_resolution: (_e = doc.data) == null ? void 0 : _e.max_stored_resolution,
+    max_stored_frame_rate: (_f = doc.data) == null ? void 0 : _f.max_stored_frame_rate
   };
 }
+var __defProp$a = Object.defineProperty, __defProps$5 = Object.defineProperties, __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$a = Object.getOwnPropertySymbols, __hasOwnProp$a = Object.prototype.hasOwnProperty, __propIsEnum$a = Object.prototype.propertyIsEnumerable, __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$a = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$a.call(b, prop) && __defNormalProp$a(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b))
+      __propIsEnum$a.call(b, prop) && __defNormalProp$a(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$5 = (a2, b) => __defProps$5(a2, __getOwnPropDescs$5(b));
 function useVideoDetails(props) {
   const documentStore = useDocumentStore(), toast = useToast(), client = useClient(), [references, referencesLoading] = useDocReferences({
     documentStore,
     id: props.asset._id
-  }), [originalAsset, setOriginalAsset] = useState(() => props.asset), [filename, setFilename] = useState(props.asset.filename), modified = filename !== originalAsset.filename, displayInfo = getVideoMetadata({ ...props.asset, filename }), [state, setState] = useState("idle");
+  }), [originalAsset, setOriginalAsset] = useState(() => props.asset), [filename, setFilename] = useState(props.asset.filename), modified = filename !== originalAsset.filename, displayInfo = getVideoMetadata(__spreadProps$5(__spreadValues$a({}, props.asset), { filename })), [state, setState] = useState("idle");
   function handleClose() {
     if (state === "idle") {
       if (modified) {
@@ -1191,7 +1291,7 @@ function useVideoDetails(props) {
     if (state === "idle") {
       setState("saving");
       try {
-        await client.patch(props.asset._id).set({ filename }).commit(), setOriginalAsset((prev) => ({ ...prev, filename })), toast.push({
+        await client.patch(props.asset._id).set({ filename }).commit(), setOriginalAsset((prev) => __spreadProps$5(__spreadValues$a({}, prev), { filename })), toast.push({
           title: "Video title updated",
           description: `New title: ${filename}`,
           status: "success"
@@ -1406,7 +1506,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                             }
                           ),
                           /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-                            displayInfo?.duration && /* @__PURE__ */ jsx(
+                            (displayInfo == null ? void 0 : displayInfo.duration) && /* @__PURE__ */ jsx(
                               IconInfo,
                               {
                                 text: `Duration: ${displayInfo.duration}`,
@@ -1414,7 +1514,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                                 size: 2
                               }
                             ),
-                            displayInfo?.max_stored_resolution && /* @__PURE__ */ jsx(
+                            (displayInfo == null ? void 0 : displayInfo.max_stored_resolution) && /* @__PURE__ */ jsx(
                               IconInfo,
                               {
                                 text: `Max Resolution: ${displayInfo.max_stored_resolution}`,
@@ -1422,7 +1522,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                                 size: 2
                               }
                             ),
-                            displayInfo?.max_stored_frame_rate && /* @__PURE__ */ jsx(
+                            (displayInfo == null ? void 0 : displayInfo.max_stored_frame_rate) && /* @__PURE__ */ jsx(
                               IconInfo,
                               {
                                 text: `Frame rate: ${displayInfo.max_stored_frame_rate}`,
@@ -1430,7 +1530,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                                 size: 2
                               }
                             ),
-                            displayInfo?.aspect_ratio && /* @__PURE__ */ jsx(
+                            (displayInfo == null ? void 0 : displayInfo.aspect_ratio) && /* @__PURE__ */ jsx(
                               IconInfo,
                               {
                                 text: `Aspect Ratio: ${displayInfo.aspect_ratio}`,
@@ -1455,7 +1555,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                             ),
                             /* @__PURE__ */ jsx(IconInfo, { text: `Mux ID: 
 ${displayInfo.id}`, icon: TagIcon, size: 2 }),
-                            displayInfo?.playbackId && /* @__PURE__ */ jsx(
+                            (displayInfo == null ? void 0 : displayInfo.playbackId) && /* @__PURE__ */ jsx(
                               IconInfo,
                               {
                                 text: `Playback ID: ${displayInfo.playbackId}`,
@@ -1509,7 +1609,7 @@ ${displayInfo.id}`, icon: TagIcon, size: 2 }),
       }
     ),
     /* @__PURE__ */ jsxs(Inline, { space: 3, children: [
-      displayInfo?.duration && /* @__PURE__ */ jsx(IconInfo, { text: displayInfo.duration, icon: ClockIcon, size: 1, muted: !0 }),
+      (displayInfo == null ? void 0 : displayInfo.duration) && /* @__PURE__ */ jsx(IconInfo, { text: displayInfo.duration, icon: ClockIcon, size: 1, muted: !0 }),
       /* @__PURE__ */ jsx(
         IconInfo,
         {
@@ -1585,7 +1685,7 @@ function VideoInBrowser({
   onEdit,
   asset
 }) {
-  const [renderVideo, setRenderVideo] = useState(!1), select = React.useCallback(() => onSelect?.(asset), [onSelect, asset]), edit = React.useCallback(() => onEdit?.(asset), [onEdit, asset]);
+  const [renderVideo, setRenderVideo] = useState(!1), select = React.useCallback(() => onSelect == null ? void 0 : onSelect(asset), [onSelect, asset]), edit = React.useCallback(() => onEdit == null ? void 0 : onEdit(asset), [onEdit, asset]);
   if (!asset)
     return null;
   const playbackPolicy = getPlaybackPolicy(asset);
@@ -1706,7 +1806,7 @@ function VideoInBrowser({
 }
 function VideosBrowser({ onSelect }) {
   const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = useState(null), freshEditedAsset = useMemo(
-    () => assets.find((a2) => a2._id === editedAsset?._id) || editedAsset,
+    () => assets.find((a2) => a2._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1727,7 +1827,7 @@ function VideosBrowser({ onSelect }) {
         placement === "tool" && /* @__PURE__ */ jsx(ImportVideosFromMux, {})
       ] }),
       /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        assets?.length > 0 && /* @__PURE__ */ jsxs(Label$1, { muted: !0, children: [
+        (assets == null ? void 0 : assets.length) > 0 && /* @__PURE__ */ jsxs(Label$1, { muted: !0, children: [
           assets.length,
           " video",
           assets.length > 1 ? "s" : null,
@@ -1766,6 +1866,14 @@ function VideosBrowser({ onSelect }) {
     )
   ] });
 }
+var __defProp$9 = Object.defineProperty, __getOwnPropSymbols$9 = Object.getOwnPropertySymbols, __hasOwnProp$9 = Object.prototype.hasOwnProperty, __propIsEnum$9 = Object.prototype.propertyIsEnumerable, __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$9 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$9.call(b, prop) && __defNormalProp$9(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b))
+      __propIsEnum$9.call(b, prop) && __defNormalProp$9(a2, prop, b[prop]);
+  return a2;
+};
 const StudioTool = () => /* @__PURE__ */ jsx(VideosBrowser, {}), DEFAULT_TOOL_CONFIG = {
   icon: ToolIcon,
   title: "Videos"
@@ -1776,7 +1884,7 @@ function createStudioTool(config) {
     name: "mux",
     icon: toolConfig.icon || DEFAULT_TOOL_CONFIG.icon,
     title: toolConfig.title || DEFAULT_TOOL_CONFIG.title,
-    component: (props) => /* @__PURE__ */ jsx(StudioTool, { ...config, ...props })
+    component: (props) => /* @__PURE__ */ jsx(StudioTool, __spreadValues$9(__spreadValues$9({}, config), props))
   };
 }
 const path = ["assetId", "data", "playbackId", "status", "thumbTime", "filename"], useAssetDocumentValues = (asset) => useDocumentValues(
@@ -1787,12 +1895,16 @@ function useDialogState() {
   return useState(!1);
 }
 const useMuxPolling = (asset) => {
+  var _a, _b;
   const client = useClient(), projectId = useProjectId(), dataset = useDataset(), shouldFetch = useMemo(
-    () => !!asset?.assetId && (asset?.status === "preparing" || asset?.data?.static_renditions?.status === "preparing"),
-    [asset?.assetId, asset?.data?.static_renditions?.status, asset?.status]
+    () => {
+      var _a2, _b2;
+      return !!(asset != null && asset.assetId) && ((asset == null ? void 0 : asset.status) === "preparing" || ((_b2 = (_a2 = asset == null ? void 0 : asset.data) == null ? void 0 : _a2.static_renditions) == null ? void 0 : _b2.status) === "preparing");
+    },
+    [asset == null ? void 0 : asset.assetId, (_b = (_a = asset == null ? void 0 : asset.data) == null ? void 0 : _a.static_renditions) == null ? void 0 : _b.status, asset == null ? void 0 : asset.status]
   );
   return useSWR(
-    shouldFetch ? `/${projectId}/addons/mux/assets/${dataset}/data/${asset?.assetId}` : null,
+    shouldFetch ? `/${projectId}/addons/mux/assets/${dataset}/data/${asset == null ? void 0 : asset.assetId}` : null,
     async () => {
       const { data } = await client.request({
         url: `/addons/mux/assets/${dataset}/data/${asset.assetId}`,
@@ -1843,7 +1955,7 @@ async function haveValidSigningKeys(client, signingKeyId, signingKeyPrivate) {
       method: "GET"
     });
     return !!(res.data && res.data.id);
-  } catch {
+  } catch (e) {
     return console.error("Error fetching signingKeyId", signingKeyId, "assuming it is not valid"), !1;
   }
 }
@@ -1865,14 +1977,16 @@ const useSaveSecrets = (client, secrets) => useCallback(
   }) => {
     let { signingKeyId, signingKeyPrivate } = secrets;
     try {
-      if (await saveSecrets(
+      await saveSecrets(
         client,
         token,
         secretKey,
         enableSignedUrls,
         signingKeyId,
         signingKeyPrivate
-      ), !(await testSecrets(client))?.status && token && secretKey)
+      );
+      const valid = await testSecrets(client);
+      if (!(valid != null && valid.status) && token && secretKey)
         throw new Error("Invalid secrets");
     } catch (err) {
       throw console.error("Error while trying to save secrets:", err), err;
@@ -1893,7 +2007,7 @@ const useSaveSecrets = (client, secrets) => useCallback(
           signingKeyPrivate
         );
       } catch (err) {
-        throw console.log("Error while creating and saving signing key:", err?.message), err;
+        throw console.log("Error while creating and saving signing key:", err == null ? void 0 : err.message), err;
       }
     return {
       token,
@@ -1905,29 +2019,37 @@ const useSaveSecrets = (client, secrets) => useCallback(
   },
   [client, secrets]
 );
+var __defProp$8 = Object.defineProperty, __defProps$4 = Object.defineProperties, __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$8 = Object.getOwnPropertySymbols, __hasOwnProp$8 = Object.prototype.hasOwnProperty, __propIsEnum$8 = Object.prototype.propertyIsEnumerable, __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$8 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$8.call(b, prop) && __defNormalProp$8(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b))
+      __propIsEnum$8.call(b, prop) && __defNormalProp$8(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$4 = (a2, b) => __defProps$4(a2, __getOwnPropDescs$4(b));
 function init({ token, secretKey, enableSignedUrls }) {
   return {
     submitting: !1,
     error: null,
     // Form inputs don't set the state back to null when clearing a field, but uses empty strings
     // This ensures the `dirty` check works correctly
-    token: token ?? "",
-    secretKey: secretKey ?? "",
-    enableSignedUrls: enableSignedUrls ?? !1
+    token: token != null ? token : "",
+    secretKey: secretKey != null ? secretKey : "",
+    enableSignedUrls: enableSignedUrls != null ? enableSignedUrls : !1
   };
 }
 function reducer(state, action) {
-  switch (action?.type) {
+  switch (action == null ? void 0 : action.type) {
     case "submit":
-      return { ...state, submitting: !0, error: null };
+      return __spreadProps$4(__spreadValues$8({}, state), { submitting: !0, error: null });
     case "error":
-      return { ...state, submitting: !1, error: action.payload };
+      return __spreadProps$4(__spreadValues$8({}, state), { submitting: !1, error: action.payload });
     case "reset":
       return init(action.payload);
     case "change":
-      return { ...state, [action.payload.name]: action.payload.value };
+      return __spreadProps$4(__spreadValues$8({}, state), { [action.payload.name]: action.payload.value });
     default:
-      throw new Error(`Unknown action type: ${action?.type}`);
+      throw new Error(`Unknown action type: ${action == null ? void 0 : action.type}`);
   }
 }
 const useSecretsFormState = (secrets) => useReducer(reducer, secrets, init), ids = [
@@ -2530,6 +2652,7 @@ const Logo = styled.span`
   "API Credentials"
 ] }), fieldNames = ["token", "secretKey", "enableSignedUrls"];
 function ConfigureApi({ secrets, setDialogState }) {
+  var _a, _b;
   const client = useClient(), [state, dispatch] = useSecretsFormState(secrets), hasSecretsInitially = useMemo(() => secrets.token && secrets.secretKey, [secrets]), handleClose = useCallback(() => setDialogState(!1), [setDialogState]), dirty = useMemo(
     () => secrets.token !== state.token || secrets.secretKey !== state.secretKey || secrets.enableSignedUrls !== state.enableSignedUrls,
     [secrets, state]
@@ -2621,7 +2744,7 @@ function ConfigureApi({ secrets, setDialogState }) {
             ref: firstField,
             onChange: handleChangeToken,
             type: "text",
-            value: state.token ?? "",
+            value: (_a = state.token) != null ? _a : "",
             required: !!state.secretKey || state.enableSignedUrls
           }
         ) }),
@@ -2631,7 +2754,7 @@ function ConfigureApi({ secrets, setDialogState }) {
             id: secretKeyId,
             onChange: handleChangeSecretKey,
             type: "text",
-            value: state.secretKey ?? "",
+            value: (_b = state.secretKey) != null ? _b : "",
             required: !!state.token || state.enableSignedUrls
           }
         ) }),
@@ -2729,7 +2852,7 @@ function a(t) {
 function ErrorBoundaryCard(props) {
   const { children, schemaType } = props, { push: pushToast } = useToast(), errorRef = 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({
+      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 != null && errorInfo.componentStack && (console.groupCollapsed("errorInfo.componentStack"), console.log(errorInfo.componentStack), console.groupEnd()), console.groupEnd(), pushToast({
         status: "error",
         title: "Plugin crashed",
         description: /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsxs(Inline, { space: 1, children: [
@@ -2763,7 +2886,7 @@ function ErrorBoundaryCard(props) {
       /* @__PURE__ */ jsx("code", { children: name }),
       " plugin crashed"
     ] }),
-    error?.message && /* @__PURE__ */ jsx(Card, { padding: 3, tone: "critical", shadow: 1, radius: 2, children: /* @__PURE__ */ jsx(Text, { children: error.message }) }),
+    (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx(Card, { padding: 3, tone: "critical", shadow: 1, radius: 2, children: /* @__PURE__ */ jsx(Text, { children: error.message }) }),
     /* @__PURE__ */ jsx(Inline, { children: /* @__PURE__ */ jsx(Button, { onClick: handleRetry, text: "Retry" }) })
   ] }) }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { children });
 }
@@ -2829,6 +2952,14 @@ function createUpChunkObservable(uuid2, uploadUrl2, source) {
     return upchunk.on("success", successHandler), upchunk.on("error", errorHandler), upchunk.on("progress", progressHandler), upchunk.on("offline", offlineHandler), upchunk.on("online", onlineHandler), () => upchunk.abort();
   });
 }
+var __defProp$7 = Object.defineProperty, __defProps$3 = Object.defineProperties, __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$7 = Object.getOwnPropertySymbols, __hasOwnProp$7 = Object.prototype.hasOwnProperty, __propIsEnum$7 = Object.prototype.propertyIsEnumerable, __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$7 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$7.call(b, prop) && __defNormalProp$7(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b))
+      __propIsEnum$7.call(b, prop) && __defNormalProp$7(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$3 = (a2, b) => __defProps$3(a2, __getOwnPropDescs$3(b));
 function cancelUpload(client, uuid2) {
   return client.observable.request({
     url: `/addons/mux/uploads/${client.config().dataset}/${uuid2}`,
@@ -2909,7 +3040,7 @@ function uploadFile({
                 // eslint-disable-next-line max-nested-callbacks
                 mergeMap((event) => event.type !== "success" ? of(event) : from(updateAssetDocumentFromUpload(client, uuid$1)).pipe(
                   // eslint-disable-next-line max-nested-callbacks
-                  mergeMap((doc) => of({ ...event, asset: doc }))
+                  mergeMap((doc) => of(__spreadProps$3(__spreadValues$7({}, event), { asset: doc })))
                 )),
                 // eslint-disable-next-line max-nested-callbacks
                 catchError((err) => cancelUpload(client, uuid$1).pipe(mergeMapTo(throwError(err))))
@@ -2980,7 +3111,7 @@ function testUrl(url) {
   let parsed;
   try {
     parsed = new URL(url);
-  } catch {
+  } catch (err) {
     return throwError(error);
   }
   return parsed && !parsed.protocol.match(/http:|https:/) ? throwError(error) : of(url);
@@ -2996,7 +3127,7 @@ function isValidUrl(url) {
   try {
     const parsed = new URL(url);
     return parsed && !!parsed.protocol.match(/http:|https:/);
-  } catch {
+  } catch (e) {
     return !1;
   }
 }
@@ -3011,7 +3142,7 @@ function normalizeItems(items) {
         let entry;
         try {
           entry = item.webkitGetAsEntry();
-        } catch {
+        } catch (err) {
           return [item.getAsFile()];
         }
         return entry ? entry.isDirectory ? walk(entry) : [item.getAsFile()] : [];
@@ -3044,7 +3175,7 @@ function walk(entry) {
 function SelectAssets({ asset: selectedAsset, onChange, setDialogState }) {
   const handleSelect = useCallback(
     (chosenAsset) => {
-      chosenAsset?._id || onChange(PatchEvent.from([unset(["asset"])])), chosenAsset._id !== selectedAsset?._id && onChange(
+      chosenAsset != null && chosenAsset._id || onChange(PatchEvent.from([unset(["asset"])])), chosenAsset._id !== (selectedAsset == null ? void 0 : selectedAsset._id) && onChange(
         PatchEvent.from([
           setIfMissing({ asset: {}, _type: "mux.video" }),
           set({ _type: "reference", _weak: !0, _ref: chosenAsset._id }, ["asset"])
@@ -3154,18 +3285,24 @@ const TopControls = styled.div`
     }
   ) : null
 ] }) }), Player = ({ asset, buttons, readOnly, onChange }) => {
-  const isLoading = 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 = useMemo(() => asset?.data?.static_renditions?.status === "preparing", [asset?.data?.static_renditions?.status]), playRef = useRef(null), muteRef = useRef(null), handleCancelUpload = useCancelUpload(asset, onChange);
+  var _a, _b, _c, _d;
+  const isLoading = useMemo(() => (asset == null ? void 0 : asset.status) === "preparing" ? "Preparing the video" : (asset == null ? void 0 : asset.status) === "waiting_for_upload" ? "Waiting for upload to start" : (asset == null ? void 0 : asset.status) === "waiting" ? "Processing upload" : !((asset == null ? void 0 : asset.status) === "ready" || typeof (asset == null ? void 0 : asset.status) > "u"), [asset]), isPreparingStaticRenditions = useMemo(() => {
+    var _a2, _b2;
+    return ((_b2 = (_a2 = asset == null ? void 0 : asset.data) == null ? void 0 : _a2.static_renditions) == null ? void 0 : _b2.status) === "preparing";
+  }, [(_b = (_a = asset == null ? void 0 : asset.data) == null ? void 0 : _a.static_renditions) == null ? void 0 : _b.status]), playRef = useRef(null), muteRef = useRef(null), handleCancelUpload = useCancelUpload(asset, onChange);
   return useEffect(() => {
+    var _a2, _b2;
     const style = document.createElement("style");
-    style.innerHTML = "button svg { vertical-align: middle; }", playRef.current?.shadowRoot && playRef.current.shadowRoot.appendChild(style), muteRef?.current?.shadowRoot && muteRef.current.shadowRoot.appendChild(style.cloneNode(!0));
+    style.innerHTML = "button svg { vertical-align: middle; }", (_a2 = playRef.current) != null && _a2.shadowRoot && playRef.current.shadowRoot.appendChild(style), (_b2 = muteRef == null ? void 0 : muteRef.current) != null && _b2.shadowRoot && muteRef.current.shadowRoot.appendChild(style.cloneNode(!0));
   }, []), useEffect(() => {
-    if (asset?.status === "errored")
-      throw handleCancelUpload(), new Error(asset.data?.errors?.messages?.join(" "));
-  }, [asset.data?.errors?.messages, asset?.status, handleCancelUpload]), !asset || !asset.status ? null : isLoading ? /* @__PURE__ */ jsx(
+    var _a2, _b2, _c2;
+    if ((asset == null ? void 0 : asset.status) === "errored")
+      throw handleCancelUpload(), new Error((_c2 = (_b2 = (_a2 = asset.data) == null ? void 0 : _a2.errors) == null ? void 0 : _b2.messages) == null ? void 0 : _c2.join(" "));
+  }, [(_d = (_c = asset.data) == null ? void 0 : _c.errors) == null ? void 0 : _d.messages, asset == null ? void 0 : asset.status, handleCancelUpload]), !asset || !asset.status ? null : isLoading ? /* @__PURE__ */ jsx(
     UploadProgress,
     {
       progress: 100,
-      filename: asset?.filename,
+      filename: asset == null ? void 0 : asset.filename,
       text: isLoading !== !0 && isLoading || "Waiting for Mux to complete the upload",
       onCancel: readOnly ? void 0 : () => handleCancelUpload()
     }
@@ -3226,8 +3363,25 @@ const FileButton = styled(MenuItem)(({ theme }) => {
       opacity: 0;
     }
   `;
-}), FileInputMenuItem = React.forwardRef(function(props, forwardedRef) {
-  const {
+});
+var __defProp$6 = Object.defineProperty, __defProps$2 = Object.defineProperties, __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$6 = Object.getOwnPropertySymbols, __hasOwnProp$6 = Object.prototype.hasOwnProperty, __propIsEnum$6 = Object.prototype.propertyIsEnumerable, __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$6 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$6.call(b, prop) && __defNormalProp$6(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b))
+      __propIsEnum$6.call(b, prop) && __defNormalProp$6(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$2 = (a2, b) => __defProps$2(a2, __getOwnPropDescs$2(b)), __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const FileInputMenuItem = React.forwardRef(function(props, forwardedRef) {
+  const _a = props, {
     icon,
     id: idProp,
     accept,
@@ -3238,9 +3392,20 @@ const FileButton = styled(MenuItem)(({ theme }) => {
     space = 3,
     textAlign,
     text,
-    disabled,
-    ...rest
-  } = props, idHook = useId(), id = idProp || idHook, handleChange = React.useCallback(
+    disabled
+  } = _a, rest = __objRest$2(_a, [
+    "icon",
+    "id",
+    "accept",
+    "capture",
+    "fontSize",
+    "multiple",
+    "onSelect",
+    "space",
+    "textAlign",
+    "text",
+    "disabled"
+  ]), idHook = useId(), id = idProp || idHook, handleChange = React.useCallback(
     (event) => {
       onSelect && event.target.files && onSelect(Array.from(event.target.files));
     },
@@ -3252,7 +3417,7 @@ const FileButton = styled(MenuItem)(({ theme }) => {
     ] }) }),
     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, __spreadProps$2(__spreadValues$6({}, rest), { htmlFor: id, disabled, ref: forwardedRef, children: [
     content,
     /* @__PURE__ */ jsx(
       "input",
@@ -3268,7 +3433,7 @@ const FileButton = styled(MenuItem)(({ theme }) => {
         disabled
       }
     )
-  ] });
+  ] }));
 }), LockCard = styled(Card)`
   position: absolute;
   top: 0;
@@ -3428,7 +3593,7 @@ function TextTracksEditor({
         {
           id: "include-autogenerated-track",
           style: { display: "block" },
-          checked: !!track?.language_code,
+          checked: !!(track != null && track.language_code),
           onChange: () => {
             dispatch(track ? { action: "track", id: track._id, subAction: "delete" } : {
               action: "track",
@@ -3464,7 +3629,10 @@ function TextTracksEditor({
         placeholder: "Select language",
         filterOption: (query, option) => option.label.toLowerCase().indexOf(query.toLowerCase()) > -1 || option.value.toLowerCase().indexOf(query.toLowerCase()) > -1,
         openButton: !0,
-        renderValue: (value) => SUBTITLE_LANGUAGES[track.type].find((l) => l.value === value)?.label || value,
+        renderValue: (value) => {
+          var _a;
+          return ((_a = SUBTITLE_LANGUAGES[track.type].find((l) => l.value === value)) == null ? void 0 : _a.label) || value;
+        },
         renderOption: (option) => /* @__PURE__ */ jsx(Card, { "data-as": "button", padding: 3, radius: 2, tone: "inherit", children: /* @__PURE__ */ jsxs(Text, { size: 2, textOverflow: "ellipsis", children: [
           option.label,
           " (",
@@ -3475,6 +3643,14 @@ function TextTracksEditor({
     )
   ] }) });
 }
+var __defProp$5 = Object.defineProperty, __getOwnPropSymbols$5 = Object.getOwnPropertySymbols, __hasOwnProp$5 = Object.prototype.hasOwnProperty, __propIsEnum$5 = Object.prototype.propertyIsEnumerable, __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$5 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$5.call(b, prop) && __defNormalProp$5(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b))
+      __propIsEnum$5.call(b, prop) && __defNormalProp$5(a2, prop, b[prop]);
+  return a2;
+};
 const ENCODING_OPTIONS = [
   { value: "smart", label: "Smart" },
   { value: "baseline", label: "Baseline" }
@@ -3501,13 +3677,14 @@ function UploadConfiguration({
     ] : []
   ).current, [config, dispatch] = useReducer(
     (prev, action) => {
+      var _a;
       switch (action.action) {
         case "encoding_tier":
           return action.value === "baseline" ? Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: "none",
             max_resolution_tier: "1080p",
-            text_tracks: prev.text_tracks?.filter(({ type }) => type !== "autogenerated")
+            text_tracks: (_a = prev.text_tracks) == null ? void 0 : _a.filter(({ type }) => type !== "autogenerated")
           }) : Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: pluginConfig.mp4_support,
@@ -3525,17 +3702,13 @@ function UploadConfiguration({
           switch (action.subAction) {
             case "add":
               if (target_track_i !== -1) break;
-              text_tracks.push({
-                _id: action.id,
-                ...action.value
-              });
+              text_tracks.push(__spreadValues$5({
+                _id: action.id
+              }, action.value));
               break;
             case "update":
               if (target_track_i === -1) break;
-              text_tracks[target_track_i] = {
-                ...text_tracks[target_track_i],
-                ...action.value
-              };
+              text_tracks[target_track_i] = __spreadValues$5(__spreadValues$5({}, text_tracks[target_track_i]), action.value);
               break;
             case "delete":
               if (target_track_i === -1) break;
@@ -3821,7 +3994,24 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(Card),
   &:focus {
     outline: none;
   }
-`, HiddenInput = styled.input`
+`;
+var __defProp$4 = Object.defineProperty, __getOwnPropSymbols$4 = Object.getOwnPropertySymbols, __hasOwnProp$4 = Object.prototype.hasOwnProperty, __propIsEnum$4 = Object.prototype.propertyIsEnumerable, __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$4 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$4.call(b, prop) && __defNormalProp$4(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b))
+      __propIsEnum$4.call(b, prop) && __defNormalProp$4(a2, prop, b[prop]);
+  return a2;
+}, __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+const HiddenInput = styled.input`
   overflow: hidden;
   width: 0.1px;
   height: 0.1px;
@@ -3830,13 +4020,17 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(Card),
   z-index: -1;
 `, Label = styled.label`
   position: relative;
-`, FileInputButton = ({ onSelect, accept, ...props }) => {
+`, FileInputButton = (_a) => {
+  var _b = _a, { onSelect, accept } = _b, props = __objRest$1(_b, ["onSelect", "accept"]);
   const inputId = `FileSelect${useId()}`, inputRef = useRef(null), handleSelect = useCallback(
     (event) => {
       onSelect && onSelect(event.target.files);
     },
     [onSelect]
-  ), handleButtonClick = useCallback(() => inputRef.current?.click(), []);
+  ), handleButtonClick = useCallback(() => {
+    var _a2;
+    return (_a2 = inputRef.current) == null ? void 0 : _a2.click();
+  }, []);
   return /* @__PURE__ */ jsxs(Label, { htmlFor: inputId, children: [
     /* @__PURE__ */ jsx(
       HiddenInput,
@@ -3852,13 +4046,12 @@ const ctrlKey = 17, cmdKey = 91, UploadCardWithFocusRing = withFocusRing(Card),
     ),
     /* @__PURE__ */ jsx(
       Button,
-      {
+      __spreadValues$4({
         onClick: handleButtonClick,
         mode: "default",
         tone: "primary",
-        style: { width: "100%" },
-        ...props
-      }
+        style: { width: "100%" }
+      }, props)
     )
   ] });
 };
@@ -3919,12 +4112,29 @@ function UploadPlaceholder(props) {
     }
   );
 }
+var __defProp$3 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$3 = Object.getOwnPropertySymbols, __hasOwnProp$3 = Object.prototype.hasOwnProperty, __propIsEnum$3 = Object.prototype.propertyIsEnumerable, __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$3 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$3.call(b, prop) && __defNormalProp$3(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b))
+      __propIsEnum$3.call(b, prop) && __defNormalProp$3(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps$1 = (a2, b) => __defProps$1(a2, __getOwnPropDescs$1(b)), __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
 const INITIAL_STATE = {
   stagedUpload: null,
   uploadStatus: null,
   error: null
 };
 function Uploader(props) {
+  var _a;
   const toast = useToast(), containerRef = useRef(null), dragEnteredEls = useRef([]), [dragState, setDragState] = useState(null), cancelUploadButton = useRef(
     (() => {
       const events$ = new Subject();
@@ -3935,33 +4145,31 @@ function Uploader(props) {
     })()
   ).current, uploadRef = useRef(null), [state, dispatch] = useReducer(
     (prev, action) => {
+      var _b, _c;
       switch (action.action) {
         case "stageUpload":
           return Object.assign({}, INITIAL_STATE, { stagedUpload: action.input });
         case "commitUpload":
           return Object.assign({}, prev, { uploadStatus: { progress: 0 } });
         case "progressInfo": {
-          const { type, action: _, ...payload } = action;
+          const _a2 = action, payload = __objRest(_a2, ["type", "action"]);
           return Object.assign({}, prev, {
-            uploadStatus: {
-              ...prev.uploadStatus,
-              progress: prev.uploadStatus.progress,
-              ...payload
-            }
+            uploadStatus: __spreadValues$3(__spreadProps$1(__spreadValues$3({}, prev.uploadStatus), {
+              progress: prev.uploadStatus.progress
+            }), payload)
           });
         }
         case "progress":
           return Object.assign({}, prev, {
-            uploadStatus: {
-              ...prev.uploadStatus,
+            uploadStatus: __spreadProps$1(__spreadValues$3({}, prev.uploadStatus), {
               progress: action.percent
-            }
+            })
           });
         case "reset":
         case "complete":
-          return uploadRef.current?.unsubscribe(), uploadRef.current = null, INITIAL_STATE;
+          return (_b = uploadRef.current) == null || _b.unsubscribe(), uploadRef.current = null, INITIAL_STATE;
         case "error":
-          return uploadRef.current?.unsubscribe(), uploadRef.current = null, Object.assign({}, INITIAL_STATE, { error: action.error });
+          return (_c = uploadRef.current) == null || _c.unsubscribe(), uploadRef.current = null, Object.assign({}, INITIAL_STATE, { error: action.error });
         default:
           return prev;
       }
@@ -3997,7 +4205,8 @@ function Uploader(props) {
           takeUntil(
             cancelUploadButton.observable.pipe(
               tap(() => {
-                state.uploadStatus?.uuid && props.client.delete(state.uploadStatus.uuid);
+                var _a2;
+                (_a2 = state.uploadStatus) != null && _a2.uuid && props.client.delete(state.uploadStatus.uuid);
               })
             )
           )
@@ -4010,7 +4219,7 @@ function Uploader(props) {
           case "uuid":
           case "file":
           case "url":
-            dispatch({ action: "progressInfo", ...event });
+            dispatch(__spreadValues$3({ action: "progressInfo" }, event));
             break;
           case "progress":
             dispatch({ action: "progress", percent: event.percent });
@@ -4051,9 +4260,10 @@ function Uploader(props) {
   }, handleDragOver = (event) => {
     event.preventDefault(), event.stopPropagation();
   }, handleDragEnter = (event) => {
+    var _a2, _b;
     event.stopPropagation(), dragEnteredEls.current.push(event.target);
-    const type = event.dataTransfer.items?.[0]?.type;
-    setDragState(type?.startsWith("video/") ? "valid" : "invalid");
+    const type = (_b = (_a2 = event.dataTransfer.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b.type;
+    setDragState(type != null && type.startsWith("video/") ? "valid" : "invalid");
   }, handleDragLeave = (event) => {
     event.stopPropagation();
     const idx = dragEnteredEls.current.indexOf(event.target);
@@ -4075,7 +4285,7 @@ function Uploader(props) {
       {
         onCancel: cancelUploadButton.handleClick,
         progress: uploadStatus.progress,
-        filename: uploadStatus.file?.name || uploadStatus.url
+        filename: ((_a = uploadStatus.file) == null ? void 0 : _a.name) || uploadStatus.url
       }
     );
   }
@@ -4142,16 +4352,24 @@ function Uploader(props) {
     )
   ] });
 }
+var __defProp$2 = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$2 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$2.call(b, prop) && __defNormalProp$2(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b))
+      __propIsEnum$2.call(b, prop) && __defNormalProp$2(a2, prop, b[prop]);
+  return a2;
+}, __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
 const Input = (props) => {
-  const client = useClient(), secretDocumentValues = useSecretsDocumentValues(), assetDocumentValues = useAssetDocumentValues(props.value?.asset), poll = useMuxPolling(props.readOnly ? void 0 : assetDocumentValues?.value || void 0), [dialogState, setDialogState] = useDialogState(), error = secretDocumentValues.error || assetDocumentValues.error || poll.error;
+  var _a;
+  const client = useClient(), secretDocumentValues = useSecretsDocumentValues(), assetDocumentValues = useAssetDocumentValues((_a = props.value) == null ? void 0 : _a.asset), poll = useMuxPolling(props.readOnly ? void 0 : (assetDocumentValues == null ? void 0 : assetDocumentValues.value) || void 0), [dialogState, setDialogState] = useDialogState(), error = secretDocumentValues.error || assetDocumentValues.error || poll.error;
   if (error)
     throw error;
   const isLoading = secretDocumentValues.isLoading || assetDocumentValues.isLoading;
   return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(ErrorBoundaryCard$1, { schemaType: props.schemaType, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(InputFallback, {}), children: isLoading ? /* @__PURE__ */ jsx(InputFallback, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
     secretDocumentValues.value.needsSetup && !assetDocumentValues.value ? /* @__PURE__ */ jsx(Onboard, { setDialogState }) : /* @__PURE__ */ jsx(
       Uploader,
-      {
-        ...props,
+      __spreadProps(__spreadValues$2({}, props), {
         config: props.config,
         onChange: props.onChange,
         client,
@@ -4160,7 +4378,7 @@ const Input = (props) => {
         dialogState,
         setDialogState,
         needsSetup: secretDocumentValues.value.needsSetup
-      }
+      })
     ),
     dialogState === "secrets" && /* @__PURE__ */ jsx(
       ConfigureApi$1,
@@ -4171,11 +4389,18 @@ const Input = (props) => {
     )
   ] }) }) }) });
 };
-var Input$1 = memo(Input);
+var Input$1 = memo(Input), __defProp$1 = Object.defineProperty, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$1 = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp$1.call(b, prop) && __defNormalProp$1(a2, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b))
+      __propIsEnum$1.call(b, prop) && __defNormalProp$1(a2, prop, b[prop]);
+  return a2;
+};
 function muxVideoCustomRendering(config) {
   return {
     components: {
-      input: (props) => /* @__PURE__ */ jsx(Input$1, { config: { ...config, ...props.schemaType.options }, ...props })
+      input: (props) => /* @__PURE__ */ jsx(Input$1, __spreadValues$1({ config: __spreadValues$1(__spreadValues$1({}, config), props.schemaType.options) }, props))
     },
     preview: {
       select: {
@@ -4363,7 +4588,16 @@ const muxVideoSchema = {
   muxStaticRenditions,
   muxAssetData,
   muxVideoAsset
-], defaultConfig = {
+];
+var __defProp = Object.defineProperty, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a2, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a2, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a2, prop, b[prop]);
+  return a2;
+};
+const defaultConfig = {
   mp4_support: "none",
   encoding_tier: "smart",
   max_resolution_tier: "1080p",
@@ -4371,16 +4605,13 @@ const muxVideoSchema = {
   defaultSigned: !1,
   tool: DEFAULT_TOOL_CONFIG
 }, muxInput = definePlugin((userConfig) => {
-  const config = { ...defaultConfig, ...userConfig || {} };
+  const config = __spreadValues(__spreadValues({}, defaultConfig), userConfig || {});
   return {
     name: "mux-input",
     schema: {
       types: [
         ...schemaTypes,
-        {
-          ...muxVideoSchema,
-          ...muxVideoCustomRendering(config)
-        }
+        __spreadValues(__spreadValues({}, muxVideoSchema), muxVideoCustomRendering(config))
       ]
     },
     tools: config.tool === !1 ? void 0 : [createStudioTool(config)]