sanity-plugin-mux-input 4.1.0 → 4.1.2

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/util/types.ts","../src/_exports/index.ts"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,8 @@
-import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, getPreviewValueWithFallback, DocumentPreviewPresence, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, isReference, useProjectId, useDataset, PatchEvent, unset, setIfMissing, set, LinearProgress, FormField as FormField$2, definePlugin } from "sanity";
+import { useClient as useClient$1, createHookFromObservableFactory, useDocumentStore, collate, useDocumentValues, truncateString, useFormattedDuration, SanityDefaultPreview, useTimeAgo, TextWithTone, isRecord, getPreviewStateObservable, DocumentPreviewPresence, getPreviewValueWithFallback, useDocumentPreviewStore, useSchema, useDocumentPresence, PreviewCard, useCurrentUser, 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, InfoOutlineIcon, RetryIcon, CheckmarkCircleIcon, RetrieveIcon, ChevronLeftIcon, ChevronRightIcon, SyncIcon, SortIcon, DownloadIcon, UploadIcon, TranslateIcon, 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 { SearchIcon } from "@sanity/icons/Search";
 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 { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement, forwardRef } from "react";
+import { createContext, useState, useCallback, useMemo, useContext, useReducer, useId, memo, useRef, useEffect, Suspense, isValidElement } from "react";
 import compact from "lodash/compact.js";
 import toLower from "lodash/toLower.js";
 import trim from "lodash/trim.js";
@@ -11,20 +11,54 @@ import words from "lodash/words.js";
 import { suspend, clear, preload } from "suspend-react";
 import { defer, timer, of, Observable, concat, throwError, from, Subject } from "rxjs";
 import { styled, css } from "styled-components";
+import { CheckmarkCircleIcon } from "@sanity/icons/CheckmarkCircle";
+import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
+import { InfoOutlineIcon } from "@sanity/icons/InfoOutline";
+import { RetrieveIcon } from "@sanity/icons/Retrieve";
+import { RetryIcon } from "@sanity/icons/Retry";
 import { uuid } from "@sanity/uuid";
 import { expand, concatMap, tap, switchMap, mergeMap, catchError, mergeMapTo, takeUntil } from "rxjs/operators";
+import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
+import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
+import { SyncIcon } from "@sanity/icons/Sync";
+import { SortIcon } from "@sanity/icons/Sort";
+import { CalendarIcon } from "@sanity/icons/Calendar";
+import { CheckmarkIcon } from "@sanity/icons/Checkmark";
+import { ClockIcon } from "@sanity/icons/Clock";
+import { CropIcon } from "@sanity/icons/Crop";
+import { EditIcon } from "@sanity/icons/Edit";
+import { RevertIcon } from "@sanity/icons/Revert";
+import { TagIcon } from "@sanity/icons/Tag";
+import { TrashIcon } from "@sanity/icons/Trash";
+import { DownloadIcon } from "@sanity/icons/Download";
+import { AddIcon } from "@sanity/icons/Add";
+import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
+import { ChevronUpIcon } from "@sanity/icons/ChevronUp";
+import { TranslateIcon } from "@sanity/icons/Translate";
+import { UploadIcon } from "@sanity/icons/Upload";
 import LanguagesList from "iso-639-1";
 import MuxPlayer from "@mux/mux-player-react/lazy";
 import { getDevicePixelRatio } from "use-device-pixel-ratio";
+import { DocumentIcon } from "@sanity/icons/Document";
 import { IntentLink } from "sanity/router";
+import { WarningOutlineIcon } from "@sanity/icons/WarningOutline";
 import isNumber from "lodash/isNumber.js";
 import isString from "lodash/isString.js";
 import { useObservable } from "react-rx";
+import { PublishIcon } from "@sanity/icons/Publish";
+import { LockIcon } from "@sanity/icons/Lock";
+import { PlayIcon } from "@sanity/icons/Play";
 import useSWR from "swr";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { useErrorBoundary } from "use-error-boundary";
+import { PlugIcon } from "@sanity/icons/Plug";
 import { UpChunk } from "@mux/upchunk";
+import { EllipsisHorizontalIcon } from "@sanity/icons/EllipsisHorizontal";
+import { ImageIcon } from "@sanity/icons/Image";
+import { ResetIcon } from "@sanity/icons/Reset";
 import { isValidElementType } from "react-is";
+import { DocumentVideoIcon } from "@sanity/icons/DocumentVideo";
+import { WarningFilledIcon } from "@sanity/icons/WarningFilled";
 const ToolIcon = () => /* @__PURE__ */ jsx("svg", { stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 24 24", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M21 3H3c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2zm0 14H3V5h18v12zm-5-6l-7 4V7z" }) }), LOCAL_STORAGE_HAS_SHOWN_WARNING_KEY = "mux-plugin-has-shown-drm-playback-warning", DrmPlaybackWarningContext = createContext({
   hasShownWarning: !1,
   setHasWarnedAboutDrmPlayback: () => null
@@ -142,7 +176,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
-    "4.1.0"
+    "4.1.2"
   )
 };
 function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
@@ -1780,6 +1814,7 @@ const SUPPORTED_MUX_LANGUAGES = [{
   code: "bg",
   state: "Beta"
 }];
+SUPPORTED_MUX_LANGUAGES.map((l) => l.code);
 function isCustomTextTrack(track) {
   return track.type !== "autogenerated";
 }
@@ -1975,7 +2010,7 @@ function AddCaptionDialog({
           textAlign: "center"
         }, children: "Or enter the caption file URL" }),
         /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
+          /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "Caption File URL (.vtt or .srt)" }),
           /* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
             setVttUrl(e.currentTarget.value), setSelectedFile(null);
           }, disabled: isSubmitting })
@@ -1983,7 +2018,7 @@ function AddCaptionDialog({
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
       /* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
         const selected = (isAutogenerated ? MUX_LANGUAGE_OPTIONS : LANGUAGE_OPTIONS$1).find((opt) => opt.value === newValue);
         selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
@@ -1995,7 +2030,7 @@ function AddCaptionDialog({
       ] }) }), disabled: isSubmitting })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
       /* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
         setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
       }, disabled: isSubmitting })
@@ -2236,7 +2271,7 @@ function EditCaptionDialog({
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-        /* @__PURE__ */ jsx(Label$1, { htmlFor: "vtt-url", children: "VTT File URL" }),
+        /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "vtt-url", children: "VTT File URL" }),
         /* @__PURE__ */ jsx(TextInput, { id: "vtt-url", placeholder: "https://example.com/subtitles.vtt", value: vttUrl, onChange: (e) => {
           setVttUrl(e.currentTarget.value), setSelectedFile(null);
         }, disabled: isSubmitting }),
@@ -2244,7 +2279,7 @@ function EditCaptionDialog({
       ] })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-name", children: "Audio name" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-name", children: "Audio name" }),
       /* @__PURE__ */ jsx(Autocomplete, { id: "caption-name", value: selectedLanguage?.value || "", onChange: (newValue) => {
         const selected = LANGUAGE_OPTIONS.find((opt) => opt.value === newValue);
         selected && (setSelectedLanguage(selected), setLanguageCode(selected.value), setName(selected.label));
@@ -2256,7 +2291,7 @@ function EditCaptionDialog({
       ] }) }), disabled: isSubmitting })
     ] }),
     /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      /* @__PURE__ */ jsx(Label$1, { htmlFor: "caption-language", children: "Language Code" }),
+      /* @__PURE__ */ jsx(Label$1, { as: "label", htmlFor: "caption-language", children: "Language Code" }),
       /* @__PURE__ */ jsx(TextInput, { id: "caption-language", placeholder: "en-US", value: languageCode, onChange: (e) => {
         setLanguageCode(e.currentTarget.value), selectedLanguage && selectedLanguage.value !== e.currentTarget.value && (setSelectedLanguage(null), (!name2 || name2 === selectedLanguage.label) && setName(""));
       }, disabled: isSubmitting })
@@ -2729,7 +2764,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: "4.1.0",
+            player_version: "4.1.2",
             page_type: "Preview Player"
           }, audio: isAudio, _hlsConfig: hlsConfig, style: {
             ...!isAudio && {
@@ -3863,7 +3898,8 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
       opacity: 0;
     }
   `;
-}), FileInputMenuItem = forwardRef(function(props, forwardedRef) {
+});
+function FileInputMenuItem(props) {
   const {
     icon: Icon,
     id: idProp,
@@ -3876,6 +3912,7 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
     textAlign,
     text,
     disabled,
+    ref,
     ...rest
   } = props, idHook = useId(), id = idProp || idHook, handleChange = useCallback((event) => {
     onSelect && event.target.files && onSelect(Array.from(event.target.files));
@@ -3886,11 +3923,12 @@ const FileButton = /* @__PURE__ */ styled(MenuItem).withConfig({
     ] }) }),
     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, { ...rest, htmlFor: id, disabled, ref, children: [
     content,
     /* @__PURE__ */ jsx("input", { "data-testid": "file-button-input", accept, capture, id, multiple, onChange: handleChange, type: "file", value: "", disabled })
   ] });
-}), LockCard = styled(Card).withConfig({
+}
+const LockCard = styled(Card).withConfig({
   displayName: "LockCard",
   componentId: "sc-aimiq6-0"
 })`position:absolute;top:0;left:0;opacity:0.6;mix-blend-mode:screen;background:transparent;`, LockButton = styled(Button).withConfig({
@@ -5234,23 +5272,26 @@ function withFocusRing(component) {
     `;
   });
 }
-const UploadCardWithFocusRing = withFocusRing(Card), UploadCard = forwardRef(({
+const UploadCardWithFocusRing = withFocusRing(Card);
+function UploadCard({
   children,
   tone,
   onPaste,
   onDrop,
   onDragEnter,
   onDragLeave,
-  onDragOver
-}, forwardedRef) => {
+  onDragOver,
+  ref
+}) {
   const inputRef = useRef(null), handleKeyDown = useCallback((event) => {
     event.target.closest("#vtt-url") || (event.ctrlKey || event.metaKey) && event.key === "v" && inputRef.current.focus();
   }, []);
-  return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref: forwardedRef, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
+  return /* @__PURE__ */ jsxs(UploadCardWithFocusRing, { tone, ref, padding: 0, radius: 2, shadow: 0, tabIndex: 0, onKeyDown: handleKeyDown, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, children: [
     /* @__PURE__ */ jsx(HiddenInput$1, { ref: inputRef }),
     children
   ] });
-}), HiddenInput$1 = styled.input.attrs({
+}
+const HiddenInput$1 = styled.input.attrs({
   type: "text"
 }).withConfig({
   displayName: "HiddenInput",