sanity-plugin-mux-input 4.1.7 → 4.1.9

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import "sanity";
 import MuxPlayerElement from "@mux/mux-player";
 import { PartialDeep } from "type-fest";
 /**
@@ -109,9 +110,9 @@ interface MuxInputConfig {
   /**
    * The mime types that are accepted by the input.
    *
-    * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept}
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept}
    * @defaultValue ['video/*','audio/*']
-      */
+   */
   acceptedMimeTypes?: ('audio/*' | 'video/*')[];
   /**
    * Maximum file size allowed for video uploads in bytes.

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":";;;;;;KAOY;UAYK;;;;;;;;;;;;EAYf,mBAAmB;;;;;;;;EASnB;;;;;;;EAQA;;;;;;;;EASA;;;;;;EAOA;;;;;;EAOA;;;;;;EAOA;;;;;EAMA;;;;;;EAOA;;;;;;;;EASA,oCAAoC;;;;;;;EAQpC,mCAAmC;;;;;;;;EASnC;;;;;;;;EASA;;;;;;EAOA;;;;;;;EASA;;;;;;;;EASA;;;;;;;;EASA;;;;;;;;;;;;;;;;EAiBA,YAAY;;UAGG,qBAAqB;;;;;;;EAOpC;IAGM;IACA,OAAO,MAAM;;;;;;;;EASnB;;cA4BW;KAED,+BAA+B;KA6L/B;UAEK;EACf;EACA;;UAGe;EACf;EACA,QAAQ;;UAGO;EACf;EACA;EACA;EACA;EAEA;EAEA;;UAEe;EACf;EACA;EACA;EACA;EACA;;UAEe;EACf;EACA;EACA;EAEA;EAOA;EAEA;EACA;EAEA;EACA;EACA;IACE;IACA;;;KAGQ,WAAW,gBAAgB,gBAAgB;UAEtC;EACf;;EAEA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA,cAAc;EACd,QAAQ;EACR,SAAS;EACT;EACA;EAEA;EACA;EACA;IACE;IAGA;;EAEF;EACA;EAEA;EAEA;EAEA;IACE;IACA;MACE;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;;EAGJ;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;;;UAIa;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,OAAO,YAAY;;cCviBR,eAAe;cAiCf,2BAAQ,cAAA,QAAA"}

package/dist/index.js

@@ -342,7 +342,7 @@ function useAssets() {
 function useDialogState() {
 	return useState(!1);
 }
-const PLUGIN_VERSION_QUERY = { sanityVersion: "4.1.7" };
+const PLUGIN_VERSION_QUERY = { sanityVersion: "4.1.9" };
 function saveSecrets(client, token, secretKey, enableSignedUrls, signingKeyId, signingKeyPrivate, drmConfigId) {
 	let doc = {
 		_id: "secrets.mux",
@@ -884,7 +884,7 @@ function generateAssetPlaceholder(assetId) {
 * @returns true if the filename is empty or matches the placeholder format
 */
 function isEmptyOrPlaceholderTitle(filename, assetId) {
-	return !filename || filename.trim() === "" ? !0 : filename === generateAssetPlaceholder(assetId);
+	return !filename || filename.trim() === "" || filename === generateAssetPlaceholder(assetId);
 }
 function parseMuxDate(date) {
 	return /* @__PURE__ */ new Date(Number(date) * 1e3);
@@ -1112,7 +1112,7 @@ function muxAssetToSanityDocument(asset) {
 }
 const useAssetsInSanity = createHookFromObservableFactory((documentStore) => documentStore.listenQuery("*[_type == \"mux.videoAsset\"] {\n      \"uploadId\": coalesce(uploadId, data.upload_id),\n      \"assetId\": coalesce(assetId, data.id),\n    }", {}, { apiVersion: SANITY_API_VERSION }));
 function assetExistsInSanity(asset, existingAssets) {
-	return asset.status === "ready" ? existingAssets.some((existing) => existing.assetId === asset.id || existing.uploadId === asset.upload_id) : !1;
+	return asset.status === "ready" && existingAssets.some((existing) => existing.assetId === asset.id || existing.uploadId === asset.upload_id);
 }
 function useInView(ref, options = {}) {
 	let [inView, setInView] = useState(!1);
@@ -3716,7 +3716,11 @@ function EditThumbnailDialog({ asset, currentTime = 0 }) {
 						placeholder: "hh:mm:ss",
 						onChange: (event) => {
 							let value = event.currentTarget.value;
-							setTimeFormatted(value), isValidTimeFormat(value) ? (setInputError(""), setNextTime(getSecondsFromTimeFormat(value))) : setInputError("Invalid time format");
+							if (setTimeFormatted(value), isValidTimeFormat(value)) {
+								setInputError("");
+								let totalSeconds = getSecondsFromTimeFormat(value);
+								setNextTime(totalSeconds);
+							} else setInputError("Invalid time format");
 						},
 						customValidity: inputError
 					})]
@@ -3861,7 +3865,7 @@ function VideoPlayer({ asset, thumbnailWidth = 250, children, hlsConfig, ...prop
 						crossOrigin: "anonymous",
 						metadata: {
 							player_name: "Sanity Admin Dashboard",
-							player_version: "4.1.7",
+							player_version: "4.1.9",
 							page_type: "Preview Player"
 						},
 						audio: isAudio,
@@ -3998,15 +4002,8 @@ function PaneItemPreview(props) {
 function getIconWithFallback(icon, schemaType, defaultIcon) {
 	return icon === !1 ? !1 : icon || schemaType && schemaType.icon || defaultIcon || !1;
 }
-function DocumentPreviewLink(props) {
-	return (linkProps) => /* @__PURE__ */ jsx(IntentLink, {
-		intent: "edit",
-		params: { id: props.documentPair.id },
-		children: linkProps.children
-	});
-}
 function DocumentPreview(props) {
-	let { schemaType, documentPair } = props, doc = documentPair?.draft || documentPair?.published, id = documentPair.id || "", documentPreviewStore = useDocumentPreviewStore(), schema = useSchema(), documentPresence = useDocumentPresence(id), hasSchemaType = !!(schemaType && schemaType.name && schema.get(schemaType.name)), PreviewComponent = useMemo(() => doc ? !schemaType || !hasSchemaType ? /* @__PURE__ */ jsx(MissingSchemaType, { value: doc }) : /* @__PURE__ */ jsx(PaneItemPreview, {
+	let { schemaType, documentPair } = props, doc = documentPair?.draft || documentPair?.published, id = documentPair.id || "", documentPreviewStore = useDocumentPreviewStore(), schema = useSchema(), documentPresence = useDocumentPresence(id), hasSchemaType = !!(schemaType && schemaType.name && schema.get(schemaType.name)), children = useMemo(() => doc ? !schemaType || !hasSchemaType ? /* @__PURE__ */ jsx(MissingSchemaType, { value: doc }) : /* @__PURE__ */ jsx(PaneItemPreview, {
 		documentPreviewStore,
 		icon: getIconWithFallback(void 0, schemaType, DocumentIcon),
 		schemaType,
@@ -4022,13 +4019,15 @@ function DocumentPreview(props) {
 	]);
 	return /* @__PURE__ */ jsx(PreviewCard, {
 		__unstable_focusRing: !0,
-		as: DocumentPreviewLink(props),
+		as: IntentLink,
+		intent: "edit",
+		params: { id: props.documentPair.id },
 		"data-as": "a",
 		"data-ui": "PaneItem",
 		padding: 2,
 		radius: 2,
 		tone: "inherit",
-		children: PreviewComponent
+		children
 	});
 }
 const Container = styled(Box).withConfig({
@@ -4036,7 +4035,18 @@ const Container = styled(Box).withConfig({
 	componentId: "sc-tqydu5-0"
 })`*{color:${(props) => props.theme.sanity.color.base.fg};}a{text-decoration:none;}h2{font-size:${(props) => props.theme.sanity.fonts.text.sizes[1]};}`, VideoReferences = (props) => {
 	let schema = useSchema();
-	return props.isLoaded ? props.references?.length ? /* @__PURE__ */ jsx(Container, { children: collate(props.references || [])?.map((documentPair) => /* @__PURE__ */ jsx(Card, {
+	if (!props.isLoaded) return /* @__PURE__ */ jsx(SpinnerBox, {});
+	if (!props.references?.length) return /* @__PURE__ */ jsx(Card, {
+		border: !0,
+		radius: 3,
+		padding: 3,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 2,
+			children: "No documents are using this video"
+		})
+	});
+	let documentPairs = collate(props.references || []);
+	return /* @__PURE__ */ jsx(Container, { children: documentPairs?.map((documentPair) => /* @__PURE__ */ jsx(Card, {
 		marginBottom: 2,
 		padding: 2,
 		radius: 2,
@@ -4046,15 +4056,7 @@ const Container = styled(Box).withConfig({
 			documentPair,
 			schemaType: schema.get(documentPair.type)
 		}) })
-	}, documentPair.id)) }) : /* @__PURE__ */ jsx(Card, {
-		border: !0,
-		radius: 3,
-		padding: 3,
-		children: /* @__PURE__ */ jsx(Text, {
-			size: 2,
-			children: "No documents are using this video"
-		})
-	}) : /* @__PURE__ */ jsx(SpinnerBox, {});
+	}, documentPair.id)) });
 };
 function DeleteDialog({ asset, references, referencesLoading, cancelDelete, succeededDeleting }) {
 	let client = useClient$1(), [state, setState] = useState("checkingReferences"), [deleteOnMux, setDeleteOnMux] = useState(!0), toast = useToast();
@@ -5349,11 +5351,12 @@ const StyledDialog = styled(Dialog).withConfig({
 	componentId: "sc-z1aqru-0"
 })`> div[data-ui='DialogCard'] > div[data-ui='Card']{height:100%;}`;
 function InputBrowser({ setDialogState, asset, onChange, config }) {
+	let id = `InputBrowser${useId()}`, handleClose = useCallback(() => setDialogState(!1), [setDialogState]);
 	return /* @__PURE__ */ jsx(StyledDialog, {
 		__unstable_autoFocus: !0,
 		header: "Select video",
-		id: `InputBrowser${useId()}`,
-		onClose: useCallback(() => setDialogState(!1), [setDialogState]),
+		id,
+		onClose: handleClose,
 		width: 2,
 		children: /* @__PURE__ */ jsx(SelectAssets, {
 			config,
@@ -5997,7 +6000,8 @@ function WatermarkControls({ watermark, onChange, onValidationChange, previewCon
 		}
 		setIsValidating(!0), setIsValid(null), setUrlError(null), validationTimeoutRef.current = setTimeout(() => {
 			try {
-				if (isValidExtension(new URL(url).pathname.toLowerCase())) {
+				let pathname = new URL(url).pathname.toLowerCase();
+				if (isValidExtension(pathname)) {
 					setIsValid(!0), setUrlError(null), onValidationChange?.(null);
 					let img = new Image();
 					img.onload = () => {
@@ -6264,10 +6268,12 @@ function WatermarkControls({ watermark, onChange, onValidationChange, previewCon
 								text: "Manual",
 								mode: mode === "manual" ? "default" : "ghost",
 								onClick: () => {
-									setMode("manual"), updateOverlaySettings(convertWatermarkToMuxOverlay({
+									setMode("manual");
+									let overlay = convertWatermarkToMuxOverlay({
 										...watermark,
 										enabled: !0
-									}) ?? {});
+									});
+									updateOverlaySettings(overlay ?? {});
 								}
 							})]
 						})]
@@ -7441,7 +7447,9 @@ function withFocusRing(component) {
 }
 const UploadCardWithFocusRing = withFocusRing(Card);
 function UploadCard({ children, tone, onPaste, onDrop, onDragEnter, onDragLeave, onDragOver, ref }) {
-	let inputRef = useRef(null);
+	let 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,
@@ -7449,9 +7457,7 @@ function UploadCard({ children, tone, onPaste, onDrop, onDragEnter, onDragLeave,
 		radius: 2,
 		shadow: 0,
 		tabIndex: 0,
-		onKeyDown: useCallback((event) => {
-			event.target.closest("#vtt-url") || (event.ctrlKey || event.metaKey) && event.key === "v" && inputRef.current.focus();
-		}, []),
+		onKeyDown: handleKeyDown,
 		onPaste,
 		onDrop,
 		onDragEnter,