sanity-plugin-mux-input 2.3.2 → 2.3.4

package/lib/index.cjs

@@ -19,7 +19,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), useErrorBoundary = require("use-error-boundary"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
+var sanity = require("sanity"), jsxRuntime = require("react/jsx-runtime"), icons = require("@sanity/icons"), ui = require("@sanity/ui"), React = require("react"), compact = require("lodash/compact.js"), toLower = require("lodash/toLower.js"), trim = require("lodash/trim.js"), uniq = require("lodash/uniq.js"), words = require("lodash/words.js"), styledComponents = require("styled-components"), uuid = require("@sanity/uuid"), rxjs = require("rxjs"), operators = require("rxjs/operators"), suspendReact = require("suspend-react"), MuxPlayer = require("@mux/mux-player-react"), desk = require("sanity/desk"), router = require("sanity/router"), isNumber = require("lodash/isNumber.js"), isString = require("lodash/isString.js"), reactRx = require("react-rx"), useSWR = require("swr"), scrollIntoView = require("scroll-into-view-if-needed"), upchunk = require("@mux/upchunk"), reactIs = require("react-is"), LanguagesList = require("iso-639-1");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -143,7 +143,7 @@ function accumulateIntermediateState(currentState, pageResult) {
       ...currentData,
       ...("data" in pageResult && pageResult.data || []).filter(
         // De-duplicate assets for safety
-        (asset) => !currentData.some((a) => a.id === asset.id)
+        (asset) => !currentData.some((a2) => a2.id === asset.id)
       )
     ],
     error: "error" in pageResult ? pageResult.error : (
@@ -190,7 +190,7 @@ function useMuxAssets({ secrets, enabled }) {
     return () => subscription.unsubscribe();
   }, [enabled]), state;
 }
-const name$1 = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
+const name = "mux-input", cacheNs = "sanity-plugin-mux-input", muxSecretsDocumentId = "secrets.mux", DIALOGS_Z_INDEX = 6e4, THUMBNAIL_ASPECT_RATIO = 1.7777777777777777, MIN_ASPECT_RATIO = 5 / 4, path$1 = ["token", "secretKey", "enableSignedUrls", "signingKeyId", "signingKeyPrivate"], useSecretsDocumentValues = () => {
   const { error, isLoading, value } = sanity.useDocumentValues(
     muxSecretsDocumentId,
     path$1
@@ -217,7 +217,7 @@ function useImportMuxAssets() {
   }), [assetsInSanity, assetsInSanityLoading] = useAssetsInSanity(documentStore), secretDocumentValues = useSecretsDocumentValues(), hasSecrets = !!((_a = secretDocumentValues.value.secrets) != null && _a.secretKey), [importError, setImportError] = React.useState(), [importState, setImportState] = React.useState("closed"), dialogOpen = importState !== "closed", muxAssets = useMuxAssets({
     secrets: secretDocumentValues.value.secrets,
     enabled: hasSecrets && dialogOpen
-  }), missingAssets = React.useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a) => !assetExistsInSanity(a, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = React.useState([]), closeDialog = () => {
+  }), missingAssets = React.useMemo(() => assetsInSanity && muxAssets.data ? muxAssets.data.filter((a2) => !assetExistsInSanity(a2, assetsInSanity)) : void 0, [assetsInSanity, muxAssets.data]), [selectedAssets, setSelectedAssets] = React.useState([]), closeDialog = () => {
     importState !== "importing" && setImportState("closed");
   }, openDialog = () => {
     importState === "closed" && setImportState("idle");
@@ -653,9 +653,9 @@ function ImportVideosDialog(props) {
             {
               asset,
               selectAsset: (selected) => {
-                selected ? props.setSelectedAssets([...props.selectedAssets, asset]) : props.setSelectedAssets(props.selectedAssets.filter((a) => a.id !== asset.id));
+                selected ? props.setSelectedAssets([...props.selectedAssets, asset]) : props.setSelectedAssets(props.selectedAssets.filter((a2) => a2.id !== asset.id));
               },
-              selected: props.selectedAssets.some((a) => a.id === asset.id)
+              selected: props.selectedAssets.some((a2) => a2.id === asset.id)
             },
             asset.id
           ))
@@ -682,17 +682,17 @@ function SelectSortOptions(props) {
     {
       button: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Sort", icon: icons.SortIcon, mode: "bleed", padding: 3, style: { cursor: "pointer" } }),
       id,
-      menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type2, { label }]) => /* @__PURE__ */ jsxRuntime.jsx(
+      menu: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type, { label }]) => /* @__PURE__ */ jsxRuntime.jsx(
         ui.MenuItem,
         {
           "data-as": "button",
-          onClick: () => props.setSort(type2),
+          onClick: () => props.setSort(type),
           padding: 3,
           tone: "default",
           text: label,
-          pressed: type2 === props.sort
+          pressed: type === props.sort
         },
-        type2
+        type
       )) }),
       popover: CONTEXT_MENU_POPOVER_PROPS
     }
@@ -711,11 +711,11 @@ const SpinnerBox = () => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function FormField(props) {
-  const { children, title, description: description2, inputId } = props;
+  const { children, title, description, inputId } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "flex-end", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", htmlFor: inputId, weight: "semibold", size: 1, children: title || /* @__PURE__ */ jsxRuntime.jsx("em", { children: "Untitled" }) }),
-      description2 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: description2 })
+      description && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: description })
     ] }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children })
   ] });
@@ -768,132 +768,6 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-var name = "sanity-plugin-mux-input", version = "2.3.2", description = "An input component that integrates Sanity Studio with Mux video encoding/hosting service.", keywords = [
-  "sanity",
-  "video",
-  "mux",
-  "input",
-  "plugin",
-  "sanity-plugin",
-  "media"
-], homepage = "https://github.com/sanity-io/sanity-plugin-mux-input#readme", bugs = {
-  url: "https://github.com/sanity-io/sanity-plugin-mux-input/issues"
-}, repository = {
-  type: "git",
-  url: "git@github.com:sanity-io/sanity-plugin-mux-input.git"
-}, license = "MIT", author = "Sanity.io <hello@sanity.io>", sideEffects = !1, type = "module", exports$1 = {
-  ".": {
-    source: "./src/_exports/index.ts",
-    import: "./lib/index.js",
-    require: "./lib/index.cjs",
-    default: "./lib/index.js"
-  },
-  "./package.json": "./package.json"
-}, main = "./lib/index.cjs", module$1 = "./lib/index.esm.js", source = "./src/_exports/index.ts", types = "./lib/index.d.ts", files = [
-  "src",
-  "lib",
-  "sanity.json",
-  "v2-incompatible.js"
-], scripts = {
-  build: "run-s clean && pkg-utils build --strict && pkg-utils --strict",
-  clean: "rimraf lib",
-  dev: "plugin-kit link-watch",
-  format: "prettier --write --cache --ignore-unknown .",
-  "link-watch": "plugin-kit link-watch",
-  lint: "eslint .",
-  prepare: "husky install || true",
-  prepublishOnly: "run-s build",
-  test: "npm run lint && npm run type-check && npm run build",
-  "type-check": "tsc --noEmit",
-  watch: "pkg-utils watch --strict"
-}, dependencies = {
-  "@mux/mux-player-react": "^2.4.1",
-  "@mux/upchunk": "^3.3.2",
-  "@sanity/icons": "^2.11.7",
-  "@sanity/incompatible-plugin": "^1.0.4",
-  "@sanity/ui": "^2.1.0",
-  "@sanity/uuid": "^3.0.2",
-  "iso-639-1": "^3.1.2",
-  "jsonwebtoken-esm": "^1.0.5",
-  lodash: "^4.17.21",
-  "react-rx": "^2.1.3",
-  rxjs: "^7.8.1",
-  "scroll-into-view-if-needed": "^3.1.0",
-  "suspend-react": "^0.1.3",
-  swr: "^2.2.5",
-  "type-fest": "^4.10.2",
-  "use-error-boundary": "^2.0.6"
-}, devDependencies = {
-  "@commitlint/cli": "^19.2.1",
-  "@commitlint/config-conventional": "^19.1.0",
-  "@sanity/client": "^6.15.11",
-  "@sanity/pkg-utils": "^6.0.1",
-  "@sanity/plugin-kit": "^3.1.10",
-  "@sanity/semantic-release-preset": "^4.1.7",
-  "@sanity/vision": "^3.36.4",
-  "@types/lodash": "^4.17.0",
-  "@types/react": "^18.2.74",
-  "@types/react-is": "^18.2.4",
-  "@typescript-eslint/eslint-plugin": "^7.6.0",
-  "@typescript-eslint/parser": "^7.6.0",
-  "cz-conventional-changelog": "^3.3.0",
-  eslint: "^8.57.0",
-  "eslint-config-prettier": "^9.1.0",
-  "eslint-config-sanity": "^7.1.2",
-  "eslint-plugin-import": "^2.29.1",
-  "eslint-plugin-prettier": "^5.1.3",
-  "eslint-plugin-react-hooks": "^4.6.0",
-  "eslint-plugin-simple-import-sort": "^12.0.0",
-  husky: "^9.0.11",
-  "lint-staged": "^15.2.2",
-  "npm-run-all2": "^5.0.0",
-  prettier: "^3.2.5",
-  "prettier-plugin-packagejson": "^2.4.14",
-  react: "^18.2.0",
-  "react-dom": "^18.2.0",
-  "react-is": "^18.2.0",
-  rimraf: "^5.0.5",
-  sanity: "^3.36.4",
-  "semantic-release": "^23.0.7",
-  "styled-components": "^6.1.8",
-  typescript: "5.4.2",
-  yalc: "1.0.0-pre.53"
-}, peerDependencies = {
-  react: "^18",
-  "react-is": "^18",
-  sanity: "^3",
-  "styled-components": "^6"
-}, engines = {
-  node: ">=14"
-}, publishConfig = {
-  access: "public",
-  provenance: !0
-}, sanityExchangeUrl = "https://www.sanity.io/plugins/sanity-plugin-mux-input", pluginPkg = {
-  name,
-  version,
-  description,
-  keywords,
-  homepage,
-  bugs,
-  repository,
-  license,
-  author,
-  sideEffects,
-  type,
-  exports: exports$1,
-  main,
-  module: module$1,
-  source,
-  types,
-  files,
-  scripts,
-  dependencies,
-  devDependencies,
-  peerDependencies,
-  engines,
-  publishConfig,
-  sanityExchangeUrl
-};
 function VideoPlayer({
   asset,
   children,
@@ -927,7 +801,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: pluginPkg.version,
+            player_version: "2.3.4",
             page_type: "Preview Player"
           },
           style: {
@@ -1804,7 +1678,7 @@ function VideoInBrowser({
 }
 function VideosBrowser({ onSelect }) {
   const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React.useState(null), freshEditedAsset = React.useMemo(
-    () => assets.find((a) => a._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
+    () => assets.find((a2) => a2._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2056,7 +1930,7 @@ const useSecretsFormState = (secrets) => React.useReducer(reducer, secrets, init
   "r"
 ];
 function MuxLogo({ height = 26 }) {
-  const id = React.useId(), [titleId, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = React.useMemo(
+  const id = React.useId(), [titleId, a2, b, c2, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r] = React.useMemo(
     () => ids.map((field) => `${id}-${field}`),
     [id]
   );
@@ -2075,7 +1949,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsxRuntime.jsxs(
             "linearGradient",
             {
-              id: c,
+              id: c2,
               spreadMethod: "pad",
               gradientTransform: "matrix(528.38055 0 0 -528.38055 63.801 159.5)",
               gradientUnits: "userSpaceOnUse",
@@ -2457,7 +2331,7 @@ function MuxLogo({ height = 26 }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: a, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: a2, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: b, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M423.64 242h164.999V77H423.64Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: e, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: f, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M311.3 242h93.031V77H311.3Z" }) }),
@@ -2465,7 +2339,7 @@ function MuxLogo({ height = 26 }) {
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: n, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 319h657.706V0H0Z" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: o, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M69.067 242H169.12V141.947H69.067Z" }) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${a})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${a2})`, transform: "matrix(1.33333 0 0 -1.33333 0 425.333)", children: /* @__PURE__ */ jsxRuntime.jsx(
           "g",
           {
             style: {
@@ -2476,7 +2350,7 @@ function MuxLogo({ height = 26 }) {
               "path",
               {
                 style: {
-                  fill: `url(#${c})`,
+                  fill: `url(#${c2})`,
                   stroke: "none"
                 },
                 d: "M558.674 82.142c6.855-6.855 17.969-6.855 24.824 0 6.854 6.855 6.854 17.969 0 24.823L453.605 236.858c-6.855 6.855-17.969 6.855-24.824 0s-6.855-17.969 0-24.823z"
@@ -2790,9 +2664,49 @@ function ConfigureApi({ secrets, setDialogState }) {
     }
   );
 }
-var ConfigureApi$1 = React.memo(ConfigureApi);
+var ConfigureApi$1 = React.memo(ConfigureApi), c = function(r) {
+  var t, e;
+  function n(t2) {
+    var e2;
+    return (e2 = r.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) {
+    return { hasError: !0, error: r2 };
+  };
+  var o = n.prototype;
+  return o.componentDidCatch = function(r2, t2) {
+    return this.props.onDidCatch(r2, 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 }) : null : e2 ? e2() : n2 || null;
+  }, n;
+}(React.PureComponent), u = function(r, t) {
+  switch (t.type) {
+    case "catch":
+      return { didCatch: !0, error: t.error };
+    case "reset":
+      return { didCatch: !1, error: null };
+    default:
+      return r;
+  }
+};
+function a(t) {
+  var a2 = React.useReducer(u, { didCatch: !1, error: null }), i = a2[0], d = a2[1], h = React.useRef(null);
+  function l() {
+    return e = function(r, e2) {
+      d({ type: "catch", error: r }), t && t.onDidCatch && t.onDidCatch(r, e2);
+    }, function(t2) {
+      return React__default.default.createElement(c, { onDidCatch: e, children: t2.children, render: t2.render, renderError: t2.renderError });
+    };
+    var e;
+  }
+  var p, s = React.useCallback(function() {
+    h.current = l(), d({ type: "reset" });
+  }, []);
+  return { ErrorBoundary: (p = h.current, p !== null ? p : (h.current = l(), h.current)), didCatch: i.didCatch, error: i.error, reset: s };
+}
 function ErrorBoundaryCard(props) {
-  const { children, schemaType } = props, { push: pushToast } = ui.useToast(), errorRef = React.useRef(null), { ErrorBoundary, didCatch, error, reset } = useErrorBoundary.useErrorBoundary({
+  const { children, schemaType } = props, { push: pushToast } = ui.useToast(), errorRef = React.useRef(null), { ErrorBoundary, didCatch, error, reset } = a({
     onDidCatch: (err, errorInfo) => {
       console.group(err.toString()), console.groupCollapsed("console.error"), console.error(err), console.groupEnd(), err.stack && (console.groupCollapsed("error.stack"), console.log(err.stack), console.groupEnd()), errorInfo != null && errorInfo.componentStack && (console.groupCollapsed("errorInfo.componentStack"), console.log(errorInfo.componentStack), console.groupEnd()), console.groupEnd(), pushToast({
         status: "error",
@@ -2820,12 +2734,12 @@ function ErrorBoundaryCard(props) {
       });
     }
   }), handleRetry = React.useCallback(() => {
-    suspendReact.clear([name$1]), reset();
+    suspendReact.clear([name]), reset();
   }, [reset]);
   return didCatch ? /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { ref: errorRef, paddingX: [2, 3, 4, 4], height: "fill", shadow: 1, overflow: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "flex-start", align: "center", height: "fill", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: 1, gap: [2, 3, 4, 4], children: [
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Heading, { as: "h1", children: [
       "The ",
-      /* @__PURE__ */ jsxRuntime.jsx("code", { children: name$1 }),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { children: name }),
       " plugin crashed"
     ] }),
     (error == null ? void 0 : error.message) && /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 3, tone: "critical", shadow: 1, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: error.message }) }),
@@ -2868,11 +2782,11 @@ function Onboard(props) {
     }
   ) }) });
 }
-function createUpChunkObservable(uuid2, uploadUrl2, source2) {
+function createUpChunkObservable(uuid2, uploadUrl2, source) {
   return new rxjs.Observable((subscriber) => {
     const upchunk$1 = upchunk.UpChunk.createUpload({
       endpoint: uploadUrl2,
-      file: source2,
+      file: source,
       dynamicChunkSize: !0
       // changes the chunk size based on network speeds
     }), successHandler = () => {
@@ -3066,8 +2980,8 @@ function isValidUrl(url) {
   }
 }
 function extractDroppedFiles(dataTransfer) {
-  const files2 = Array.from(dataTransfer.files || []), items = Array.from(dataTransfer.items || []);
-  return files2 && files2.length > 0 ? Promise.resolve(files2) : normalizeItems(items).then((arr) => arr.flat());
+  const files = Array.from(dataTransfer.files || []), items = Array.from(dataTransfer.items || []);
+  return files && files.length > 0 ? Promise.resolve(files) : normalizeItems(items).then((arr) => arr.flat());
 }
 function normalizeItems(items) {
   return Promise.all(
@@ -3438,12 +3352,12 @@ function formatBytes(bytes, si = !1, dp = 1) {
   if (Math.abs(bytes) < thresh)
     return bytes + " B";
   const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] : ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
-  let u = -1;
+  let u2 = -1;
   const r = 10 ** dp;
   do
-    bytes /= thresh, ++u;
-  while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
-  return bytes.toFixed(dp) + " " + units[u];
+    bytes /= thresh, ++u2;
+  while (Math.round(Math.abs(bytes) * r) / r >= thresh && u2 < units.length - 1);
+  return bytes.toFixed(dp) + " " + units[u2];
 }
 const SUPPORTED_MUX_LANGUAGES = [
   { label: "English", code: "en", state: "Stable" },
@@ -3495,7 +3409,7 @@ function TrackEditor({
   track,
   dispatch
 }) {
-  const { _id: id, type: type2 } = track, dispatchTrackAction = (args) => dispatch({ action: "track", id, ...args }), trackTypes = TRACK_TYPES.filter(
+  const { _id: id, type } = track, dispatchTrackAction = (args) => dispatch({ action: "track", id, ...args }), trackTypes = TRACK_TYPES.filter(
     ({ value }) => !(value === "autogenerated" && !canAutoGenerate)
   );
   return trackTypes.length === 0 ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { border: !0, padding: 3, radius: 2, style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
@@ -3505,7 +3419,7 @@ function TrackEditor({
         /* @__PURE__ */ jsxRuntime.jsx(
           ui.Radio,
           {
-            checked: type2 === value,
+            checked: type === value,
             name: "track-type",
             onChange: (e) => dispatchTrackAction({
               subAction: "update",
@@ -3630,7 +3544,7 @@ function UploadConfiguration({
             encoding_tier: action.value,
             mp4_support: "none",
             max_resolution_tier: "1080p",
-            text_tracks: (_a2 = prev.text_tracks) == null ? void 0 : _a2.filter(({ type: type2 }) => type2 !== "autogenerated")
+            text_tracks: (_a2 = prev.text_tracks) == null ? void 0 : _a2.filter(({ type }) => type !== "autogenerated")
           }) : Object.assign({}, prev, {
             encoding_tier: action.value,
             mp4_support: pluginConfig.mp4_support,
@@ -4071,7 +3985,7 @@ function Uploader(props) {
         case "commitUpload":
           return Object.assign({}, prev, { uploadStatus: { progress: 0 } });
         case "progressInfo": {
-          const { type: type2, action: _, ...payload } = action;
+          const { type, action: _, ...payload } = action;
           return Object.assign({}, prev, {
             uploadStatus: {
               ...prev.uploadStatus,
@@ -4160,10 +4074,10 @@ function Uploader(props) {
       complete: () => dispatch({ action: "complete" }),
       error: (error) => dispatch({ action: "error", error })
     });
-  }, handleUpload = (files2) => {
+  }, handleUpload = (files) => {
     dispatch({
       action: "stageUpload",
-      input: { type: "file", files: files2 }
+      input: { type: "file", files }
     });
   }, handlePaste = (event) => {
     event.preventDefault(), event.stopPropagation();
@@ -4174,10 +4088,10 @@ function Uploader(props) {
     }
     dispatch({ action: "stageUpload", input: { type: "url", url } });
   }, handleDrop = (event) => {
-    setDragState(null), event.preventDefault(), event.stopPropagation(), extractDroppedFiles(event.nativeEvent.dataTransfer).then((files2) => {
+    setDragState(null), event.preventDefault(), event.stopPropagation(), extractDroppedFiles(event.nativeEvent.dataTransfer).then((files) => {
       dispatch({
         action: "stageUpload",
-        input: { type: "file", files: files2 }
+        input: { type: "file", files }
       });
     });
   }, handleDragOver = (event) => {
@@ -4185,8 +4099,8 @@ function Uploader(props) {
   }, handleDragEnter = (event) => {
     var _a2, _b;
     event.stopPropagation(), dragEnteredEls.current.push(event.target);
-    const type2 = (_b = (_a2 = event.dataTransfer.items) == null ? void 0 : _a2[0]) == null ? void 0 : _b.type;
-    setDragState(type2 != null && type2.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);