sanity-plugin-mux-input 2.3.1 → 2.3.3

package/lib/index.esm.js

@@ -8,7 +8,7 @@ import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
 import uniq from "lodash/uniq.js";
 import words from "lodash/words.js";
-import styled, { css } from "styled-components";
+import { styled, css } from "styled-components";
 import { uuid } from "@sanity/uuid";
 import { defer, timer, of, Observable, concat, throwError, from, Subject } from "rxjs";
 import { expand, concatMap, tap, switchMap, mergeMap, catchError, mergeMapTo, takeUntil } from "rxjs/operators";
@@ -191,7 +191,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 } = useDocumentValues(
     muxSecretsDocumentId,
     path$1
@@ -540,6 +540,7 @@ function ImportVideosDialog(props) {
   return /* @__PURE__ */ jsx(
     Dialog,
     {
+      animate: !0,
       header: "Import videos from Mux",
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -682,17 +683,17 @@ function SelectSortOptions(props) {
     {
       button: /* @__PURE__ */ jsx(Button, { text: "Sort", icon: SortIcon, mode: "bleed", padding: 3, style: { cursor: "pointer" } }),
       id,
-      menu: /* @__PURE__ */ jsx(Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type2, { label }]) => /* @__PURE__ */ jsx(
+      menu: /* @__PURE__ */ jsx(Menu, { children: Object.entries(ASSET_SORT_OPTIONS).map(([type, { label }]) => /* @__PURE__ */ jsx(
         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 +712,11 @@ const SpinnerBox = () => /* @__PURE__ */ jsx(
   }
 );
 function FormField(props) {
-  const { children, title, description: description2, inputId } = props;
+  const { children, title, description, inputId } = props;
   return /* @__PURE__ */ jsxs(Stack, { space: 1, children: [
     /* @__PURE__ */ jsx(Flex, { align: "flex-end", children: /* @__PURE__ */ jsx(Box, { flex: 1, paddingY: 2, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
       /* @__PURE__ */ jsx(Text, { as: "label", htmlFor: inputId, weight: "semibold", size: 1, children: title || /* @__PURE__ */ jsx("em", { children: "Untitled" }) }),
-      description2 && /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: description2 })
+      description && /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: description })
     ] }) }) }),
     /* @__PURE__ */ jsx("div", { children })
   ] });
@@ -768,132 +769,6 @@ function getVideoSrc({ asset, client }) {
   }
   return `https://stream.mux.com/${playbackId}.m3u8?${searchParams}`;
 }
-var name = "sanity-plugin-mux-input", version = "2.3.1", 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 = {
-  ".": {
-    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 = "./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,
-  main,
-  module,
-  source,
-  types,
-  files,
-  scripts,
-  dependencies,
-  devDependencies,
-  peerDependencies,
-  engines,
-  publishConfig,
-  sanityExchangeUrl
-};
 function VideoPlayer({
   asset,
   children,
@@ -927,7 +802,7 @@ function VideoPlayer({
           crossOrigin: "anonymous",
           metadata: {
             player_name: "Sanity Admin Dashboard",
-            player_version: pluginPkg.version,
+            player_version: "2.3.3",
             page_type: "Preview Player"
           },
           style: {
@@ -1021,6 +896,7 @@ function DraftStatus(props) {
   return /* @__PURE__ */ jsx(
     Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "Edited ",
@@ -1035,6 +911,7 @@ function PublishedStatus(props) {
   return /* @__PURE__ */ jsx(
     Tooltip,
     {
+      animate: !0,
       portal: !0,
       content: /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: document2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "Published ",
@@ -1174,6 +1051,7 @@ function DeleteDialog({
   return /* @__PURE__ */ jsx(
     Dialog,
     {
+      animate: !0,
       header: "Delete video",
       zOffset: DIALOGS_Z_INDEX,
       id: "deleting-video-details-dialog",
@@ -1369,6 +1247,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
   }, []), /* @__PURE__ */ jsxs(
     Dialog,
     {
+      animate: !0,
       header: displayInfo.title,
       zOffset: DIALOGS_Z_INDEX,
       id: "video-details-dialog",
@@ -1422,6 +1301,7 @@ const AssetInput = (props) => /* @__PURE__ */ jsx(FormField$1, { title: props.la
         state === "closing" && /* @__PURE__ */ jsx(
           Dialog,
           {
+            animate: !0,
             header: "You have unsaved changes",
             zOffset: DIALOGS_Z_INDEX,
             id: "closing-video-details-dialog",
@@ -1714,6 +1594,7 @@ function VideoInBrowser({
         playbackPolicy === "signed" && /* @__PURE__ */ jsx(
           Tooltip,
           {
+            animate: !0,
             content: /* @__PURE__ */ jsx(Card, { padding: 2, radius: 2, children: /* @__PURE__ */ jsx(IconInfo, { icon: LockIcon, text: "Signed playback policy", size: 2 }) }),
             placement: "right",
             fallbackPlacements: ["top", "bottom"],
@@ -1797,7 +1678,7 @@ function VideoInBrowser({
   );
 }
 function VideosBrowser({ onSelect }) {
-  const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = React.useState(null), freshEditedAsset = React.useMemo(
+  const { assets, isLoading, searchQuery, setSearchQuery, setSort, sort } = useAssets(), [editedAsset, setEditedAsset] = useState(null), freshEditedAsset = useMemo(
     () => assets.find((a) => a._id === (editedAsset == null ? void 0 : editedAsset._id)) || editedAsset,
     [editedAsset, assets]
   ), placement = onSelect ? "input" : "tool";
@@ -2679,6 +2560,7 @@ function ConfigureApi({ secrets, setDialogState }) {
   }, [firstField]), /* @__PURE__ */ jsx(
     Dialog,
     {
+      animate: !0,
       id,
       onClose: handleClose,
       header: /* @__PURE__ */ jsx(Header, {}),
@@ -2813,12 +2695,12 @@ function ErrorBoundaryCard(props) {
       });
     }
   }), handleRetry = useCallback(() => {
-    clear([name$1]), reset();
+    clear([name]), reset();
   }, [reset]);
   return didCatch ? /* @__PURE__ */ jsx(Card, { ref: errorRef, paddingX: [2, 3, 4, 4], height: "fill", shadow: 1, overflow: "auto", children: /* @__PURE__ */ jsx(Flex, { justify: "flex-start", align: "center", height: "fill", children: /* @__PURE__ */ jsxs(Grid, { columns: 1, gap: [2, 3, 4, 4], children: [
     /* @__PURE__ */ jsxs(Heading, { as: "h1", children: [
       "The ",
-      /* @__PURE__ */ jsx("code", { children: name$1 }),
+      /* @__PURE__ */ jsx("code", { children: name }),
       " plugin crashed"
     ] }),
     (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx(Card, { padding: 3, tone: "critical", shadow: 1, radius: 2, children: /* @__PURE__ */ jsx(Text, { children: error.message }) }),
@@ -2861,11 +2743,11 @@ function Onboard(props) {
     }
   ) }) });
 }
-function createUpChunkObservable(uuid2, uploadUrl2, source2) {
+function createUpChunkObservable(uuid2, uploadUrl2, source) {
   return new Observable((subscriber) => {
     const upchunk = UpChunk.createUpload({
       endpoint: uploadUrl2,
-      file: source2,
+      file: source,
       dynamicChunkSize: !0
       // changes the chunk size based on network speeds
     }), successHandler = () => {
@@ -3059,8 +2941,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(
@@ -3355,6 +3237,7 @@ function PlayerActionsMenu(props) {
     isSigned && /* @__PURE__ */ jsx(
       Tooltip,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Signed playback policy" }) }),
         placement: "right",
         portal: !0,
@@ -3364,6 +3247,7 @@ function PlayerActionsMenu(props) {
     /* @__PURE__ */ jsx(
       Popover,
       {
+        animate: !0,
         content: /* @__PURE__ */ jsxs(Menu, { ref: setMenuRef, children: [
           /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(Label$1, { muted: !0, size: 1, children: "Replace" }) }),
           /* @__PURE__ */ jsx(
@@ -3486,7 +3370,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__ */ jsx(Card, { border: !0, padding: 3, radius: 2, style: { position: "relative" }, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
@@ -3496,7 +3380,7 @@ function TrackEditor({
         /* @__PURE__ */ jsx(
           Radio,
           {
-            checked: type2 === value,
+            checked: type === value,
             name: "track-type",
             onChange: (e) => dispatchTrackAction({
               subAction: "update",
@@ -3621,7 +3505,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,
@@ -3682,6 +3566,7 @@ function UploadConfiguration({
   return /* @__PURE__ */ jsx(
     Dialog,
     {
+      animate: !0,
       open: !0,
       id: "upload-configuration",
       zOffset: 1e3,
@@ -4061,7 +3946,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,
@@ -4150,10 +4035,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();
@@ -4164,10 +4049,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) => {
@@ -4175,8 +4060,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);