sanity-plugin-mux-input 3.0.5 → 4.0.0

package/dist/index.js

@@ -2,7 +2,7 @@ import { useClient as useClient$1, createHookFromObservableFactory, useDocumentS
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ErrorOutlineIcon, InfoOutlineIcon, RetryIcon, CheckmarkCircleIcon, RetrieveIcon, ChevronLeftIcon, ChevronRightIcon, SyncIcon, SortIcon, UploadIcon, TranslateIcon, DownloadIcon, AddIcon, ChevronUpIcon, ChevronDownIcon, TrashIcon, EditIcon, WarningOutlineIcon, PublishIcon, DocumentIcon, RevertIcon, SearchIcon, ClockIcon, CropIcon, CalendarIcon, TagIcon, CheckmarkIcon, LockIcon, PlayIcon, PlugIcon, EllipsisHorizontalIcon, ImageIcon, ResetIcon, WarningFilledIcon, DocumentVideoIcon } from "@sanity/icons";
 import { Dialog, Stack, Card, Text, Button, useTheme_v2, Flex, Box, TextInput, Checkbox, Code, Inline, Spinner, Heading, Label as Label$1, Radio, MenuButton, Menu, MenuItem, useToast, Autocomplete, Tooltip, TabList, Tab, TabPanel, Grid, useClickOutsideEvent, Popover, MenuDivider, rem } from "@sanity/ui";
-import React, { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement, PureComponent, forwardRef } from "react";
+import r, { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement, PureComponent, forwardRef } from "react";
 import compact from "lodash/compact.js";
 import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
@@ -141,7 +141,7 @@ function useDialogState() {
 const PLUGIN_VERSION_QUERY = {
   sanityVersion: (
     // @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
-    "3.0.5"
+    "4.0.0"
   )
 };
 function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
@@ -2559,7 +2559,7 @@ function VideoPlayer({
           /* @__PURE__ */ jsx(MuxPlayer, { poster: isAudio ? void 0 : poster, ref: muxPlayer, ...props, playsInline: !0, playbackId, tokens, preload: "metadata", crossOrigin: "anonymous", metadata: {
             player_name: "Sanity Admin Dashboard",
             // @ts-expect-error - this constant is search/replaced so must be exact, not accessed with an index signature
-            player_version: "3.0.5",
+            player_version: "4.0.0",
             page_type: "Preview Player"
           }, audio: isAudio, _hlsConfig: hlsConfig, style: {
             ...!isAudio && {
@@ -2913,7 +2913,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField, { title: props.labe
     saveChanges,
     handleResync,
     isResyncing
-  } = useVideoDetails(props), isSaving = state === "saving", [containerHeight, setContainerHeight] = useState(null), contentsRef = React.useRef(null);
+  } = useVideoDetails(props), isSaving = state === "saving", [containerHeight, setContainerHeight] = useState(null), contentsRef = useRef(null);
   return useEffect(() => {
     !contentsRef.current || !("getBoundingClientRect" in contentsRef.current) || setContainerHeight(contentsRef.current.getBoundingClientRect().height);
   }, []), /* @__PURE__ */ jsxs(Dialog, { animate: !0, header: displayInfo.title, zOffset: DIALOGS_Z_INDEX, id: "video-details-dialog", onClose: handleClose, onClickOutside: handleClose, width: 2, position: "fixed", footer: /* @__PURE__ */ jsx(Card, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", children: [
@@ -3011,7 +3011,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 = useCallback(() => onSelect?.(asset), [onSelect, asset]), edit = useCallback(() => onEdit?.(asset), [onEdit, asset]), {
     hasShownWarning
   } = useDrmPlaybackWarningContext();
   if (!asset)
@@ -3163,31 +3163,31 @@ const useAccessControl = (config) => {
     dedupingInterval: 1e3
   });
 };
-var c = (function(r) {
+var c = (function(r2) {
   var t, e;
   function n(t2) {
     var e2;
-    return (e2 = r.call(this, t2) || this).state = {
+    return (e2 = r2.call(this, t2) || this).state = {
       hasError: !1,
       error: null
     }, e2;
   }
-  e = r, (t = n).prototype = Object.create(e.prototype), t.prototype.constructor = t, t.__proto__ = e, n.getDerivedStateFromError = function(r2) {
+  e = r2, (t = n).prototype = Object.create(e.prototype), t.prototype.constructor = t, t.__proto__ = e, n.getDerivedStateFromError = function(r3) {
     return {
       hasError: !0,
-      error: r2
+      error: r3
     };
   };
   var o = n.prototype;
-  return o.componentDidCatch = function(r2, t2) {
-    return this.props.onDidCatch(r2, t2);
+  return o.componentDidCatch = function(r3, t2) {
+    return this.props.onDidCatch(r3, t2);
   }, o.render = function() {
-    var r2 = this.state, t2 = this.props, e2 = t2.render, n2 = t2.children, o2 = t2.renderError;
-    return r2.hasError ? o2 ? o2({
-      error: r2.error
+    var r3 = this.state, t2 = this.props, e2 = t2.render, n2 = t2.children, o2 = t2.renderError;
+    return r3.hasError ? o2 ? o2({
+      error: r3.error
     }) : null : e2 ? e2() : n2 || null;
   }, n;
-})(PureComponent), u = function(r, t) {
+})(PureComponent), u = function(r2, t) {
   switch (t.type) {
     case "catch":
       return {
@@ -3200,7 +3200,7 @@ var c = (function(r) {
         error: null
       };
     default:
-      return r;
+      return r2;
   }
 };
 function a(t) {
@@ -3209,13 +3209,13 @@ function a(t) {
     error: null
   }), i = a2[0], d = a2[1], h = useRef(null);
   function l() {
-    return e = function(r, e2) {
+    return e = function(r2, e2) {
       d({
         type: "catch",
-        error: r
-      }), t && t.onDidCatch && t.onDidCatch(r, e2);
+        error: r2
+      }), t && t.onDidCatch && t.onDidCatch(r2, e2);
     }, function(t2) {
-      return React.createElement(c, {
+      return r.createElement(c, {
         onDidCatch: e,
         children: t2.children,
         render: t2.render,
@@ -3947,10 +3947,10 @@ function formatBytes(bytes, si = !1, dp = 1) {
     return bytes + " B";
   const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   let u2 = -1;
-  const r = 10 ** dp;
+  const r2 = 10 ** dp;
   do
     bytes /= thresh, ++u2;
-  while (Math.round(Math.abs(bytes) * r) / r >= thresh && u2 < units.length - 1);
+  while (Math.round(Math.abs(bytes) * r2) / r2 >= thresh && u2 < units.length - 1);
   return bytes.toFixed(dp) + " " + units[u2];
 }
 const RangeInput = styled.input.withConfig({
@@ -4687,11 +4687,11 @@ const RESOLUTION_TIERS = [{
   config,
   dispatch
 }) => {
-  const isAdvancedMode = useMemo(() => config.static_renditions.filter((r) => r !== "highest" && r !== "audio-only").length > 0, [config.static_renditions]), [renditionMode, setRenditionMode] = useState(isAdvancedMode ? "advanced" : "standard"), toggleRendition = (rendition) => {
+  const isAdvancedMode = useMemo(() => config.static_renditions.filter((r2) => r2 !== "highest" && r2 !== "audio-only").length > 0, [config.static_renditions]), [renditionMode, setRenditionMode] = useState(isAdvancedMode ? "advanced" : "standard"), toggleRendition = (rendition) => {
     const current = config.static_renditions, hasRendition = current.includes(rendition);
     dispatch(hasRendition ? {
       action: "static_renditions",
-      value: current.filter((r) => r !== rendition)
+      value: current.filter((r2) => r2 !== rendition)
     } : {
       action: "static_renditions",
       value: [...current, rendition]
@@ -4699,10 +4699,10 @@ const RESOLUTION_TIERS = [{
   }, handleModeChange = (mode) => {
     setRenditionMode(mode), dispatch(mode === "standard" ? {
       action: "static_renditions",
-      value: config.static_renditions.filter((r) => r === "highest" || r === "audio-only")
+      value: config.static_renditions.filter((r2) => r2 === "highest" || r2 === "audio-only")
     } : {
       action: "static_renditions",
-      value: config.static_renditions.filter((r) => r !== "highest")
+      value: config.static_renditions.filter((r2) => r2 !== "highest")
     });
   };
   return /* @__PURE__ */ jsx(Stack, { space: 3, children: /* @__PURE__ */ jsx(FormField$2, { path: [], title: "Static Renditions", description: "Generate downloadable MP4 or M4A files. Note: Mux will not upscale to produce MP4 renditions - renditions that would cause upscaling are skipped.", children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
@@ -4763,8 +4763,8 @@ const RESOLUTION_TIERS = [{
   label: "Premium"
 }];
 function sanitizeStaticRenditions(renditions) {
-  const hasHighest = renditions.includes("highest"), hasSpecificResolutions = renditions.some((r) => r !== "highest" && r !== "audio-only");
-  return hasHighest && hasSpecificResolutions ? renditions.filter((r) => r === "highest" || r === "audio-only") : renditions;
+  const hasHighest = renditions.includes("highest"), hasSpecificResolutions = renditions.some((r2) => r2 !== "highest" && r2 !== "audio-only");
+  return hasHighest && hasSpecificResolutions ? renditions.filter((r2) => r2 === "highest" || r2 === "audio-only") : renditions;
 }
 function UploadConfiguration({
   stagedUpload,