sanity-plugin-mux-input 2.3.6 → 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, useClickOutside, Popover, MenuDivider, Autocomplete, Radio, rem } from "@sanity/ui";
+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
         }));
       }
@@ -345,7 +371,7 @@ function getPlaybackId(asset) {
 }
 function getPlaybackPolicy(asset) {
   var _a, _b, _c, _d;
-  return (_d = (_c = (_b = (_a = asset.data) == null ? void 0 : _a.playback_ids) == null ? void 0 : _b[0]) == null ? void 0 : _c.policy) != null ? _d : "public";
+  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,
@@ -385,11 +411,11 @@ 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;
     }
-  }, [asset, client, width, status, setStatus]);
+  }, [asset, client, posterWidth, status]);
   function handleLoad() {
     setStatus("loaded");
   }
@@ -457,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;
 
@@ -667,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,
@@ -728,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(
@@ -757,7 +807,7 @@ function StopWatchIcon(props) {
         ),
         /* @__PURE__ */ jsx("path", { d: "M192 32h128v48H192z", fill: "currentColor" })
       ]
-    }
+    })
   );
 }
 function getVideoSrc({ asset, client }) {
@@ -768,12 +818,30 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-function VideoPlayer({
-  asset,
-  children,
-  ...props
-}) {
-  var _a, _b;
+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 == null ? void 0 : asset.playbackId) && getVideoSrc({ client, asset });
@@ -784,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] = ((_b = (_a = asset == null ? void 0 : asset.data) == null ? void 0 : _a.aspect_ratio) != null ? _b : "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)
@@ -796,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,
@@ -805,7 +872,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: "2.3.6",
+            player_version: "2.4.1",
             page_type: "Preview Player"
           },
           audio: isAudio,
@@ -815,7 +882,7 @@ function VideoPlayer({
             display: "block",
             objectFit: "contain"
           }
-        }
+        })
       ),
       children
     ] }),
@@ -857,13 +924,13 @@ async function deleteAsset({
   if (!(asset != null && asset._id)) return !0;
   try {
     await client.delete(asset._id);
-  } catch {
+  } catch (error) {
     return "failed-sanity";
   }
   if (deleteOnMux && asset != null && asset.assetId)
     try {
       await deleteAssetOnMux(client, asset.assetId);
-    } catch {
+    } catch (error) {
       return "failed-mux";
     }
   return !0;
@@ -876,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 ",
@@ -889,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);
@@ -928,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),
@@ -943,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) {
@@ -1172,6 +1254,7 @@ function getVideoMetadata(doc) {
   return {
     title: doc.filename || id.slice(0, 12),
     id,
+    playbackId: doc.playbackId,
     createdAt: date,
     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,
@@ -1179,11 +1262,19 @@ function getVideoMetadata(doc) {
     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) {
@@ -1200,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"
@@ -1463,7 +1554,15 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
                               }
                             ),
                             /* @__PURE__ */ jsx(IconInfo, { text: `Mux ID: 
-${displayInfo.id}`, icon: TagIcon, size: 2 })
+${displayInfo.id}`, icon: TagIcon, size: 2 }),
+                            (displayInfo == null ? void 0 : displayInfo.playbackId) && /* @__PURE__ */ jsx(
+                              IconInfo,
+                              {
+                                text: `Playback ID: ${displayInfo.playbackId}`,
+                                icon: TagIcon,
+                                size: 2
+                              }
+                            )
                           ] })
                         ] })
                       }
@@ -1767,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"
@@ -1777,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(
@@ -1848,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;
   }
 }
@@ -1912,6 +2019,14 @@ 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,
@@ -1926,13 +2041,13 @@ function init({ token, secretKey, enableSignedUrls }) {
 function reducer(state, action) {
   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 == null ? void 0 : action.type}`);
   }
@@ -2837,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}`,
@@ -2917,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))))
@@ -2988,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);
@@ -3004,7 +3127,7 @@ function isValidUrl(url) {
   try {
     const parsed = new URL(url);
     return parsed && !!parsed.protocol.match(/http:|https:/);
-  } catch {
+  } catch (e) {
     return !1;
   }
 }
@@ -3019,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()] : [];
@@ -3240,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,
@@ -3252,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));
     },
@@ -3266,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",
@@ -3282,7 +3433,7 @@ const FileButton = styled(MenuItem)(({ theme }) => {
         disabled
       }
     )
-  ] });
+  ] }));
 }), LockCard = styled(Card)`
   position: absolute;
   top: 0;
@@ -3298,9 +3449,9 @@ function PlayerActionsMenu(props) {
   const { asset, readOnly, dialogState, setDialogState, onChange, onSelect } = props, [open, setOpen] = useState(!1), [menuElement, setMenuRef] = useState(null), isSigned = useMemo(() => getPlaybackPolicy(asset) === "signed", [asset]), onReset = useCallback(() => onChange(PatchEvent.from(unset([]))), [onChange]);
   return useEffect(() => {
     open && dialogState && setOpen(!1);
-  }, [dialogState, open]), useClickOutside(
-    useCallback(() => setOpen(!1), []),
-    [menuElement]
+  }, [dialogState, open]), useClickOutsideEvent(
+    () => setOpen(!1),
+    () => [menuElement]
   ), /* @__PURE__ */ jsxs(Inline, { space: 1, padding: 2, children: [
     isSigned && /* @__PURE__ */ jsx(
       Tooltip,
@@ -3492,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" }
@@ -3537,22 +3696,19 @@ function UploadConfiguration({
         case "normalize_audio":
         case "signed":
           return Object.assign({}, prev, { [action.action]: action.value });
+        // Updating individual tracks
         case "track": {
           const text_tracks = [...prev.text_tracks], target_track_i = text_tracks.findIndex(({ _id: _id2 }) => _id2 === action.id);
           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;
@@ -3838,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;
@@ -3847,15 +4020,16 @@ 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(() => {
-    var _a;
-    return (_a = inputRef.current) == null ? void 0 : _a.click();
+    var _a2;
+    return (_a2 = inputRef.current) == null ? void 0 : _a2.click();
   }, []);
   return /* @__PURE__ */ jsxs(Label, { htmlFor: inputId, children: [
     /* @__PURE__ */ jsx(
@@ -3872,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)
     )
   ] });
 };
@@ -3939,6 +4112,22 @@ 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,
@@ -3956,34 +4145,31 @@ function Uploader(props) {
     })()
   ).current, uploadRef = useRef(null), [state, dispatch] = useReducer(
     (prev, action) => {
-      var _a2, _b;
+      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 (_a2 = uploadRef.current) == null || _a2.unsubscribe(), uploadRef.current = null, INITIAL_STATE;
+          return (_b = uploadRef.current) == null || _b.unsubscribe(), uploadRef.current = null, INITIAL_STATE;
         case "error":
-          return (_b = uploadRef.current) == null || _b.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;
       }
@@ -4033,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 });
@@ -4166,6 +4352,14 @@ 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) => {
   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;
@@ -4175,8 +4369,7 @@ const Input = (props) => {
   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,
@@ -4185,7 +4378,7 @@ const Input = (props) => {
         dialogState,
         setDialogState,
         needsSetup: secretDocumentValues.value.needsSetup
-      }
+      })
     ),
     dialogState === "secrets" && /* @__PURE__ */ jsx(
       ConfigureApi$1,
@@ -4196,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: {
@@ -4388,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",
@@ -4396,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)]