sanity-plugin-mux-input 2.11.0 → 2.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-mux-input",
-  "version": "2.11.0",
+  "version": "2.11.2",
   "description": "An input component that integrates Sanity Studio with Mux video encoding/hosting service.",
   "keywords": [
     "sanity",
@@ -70,11 +70,11 @@
     "use-error-boundary": "^2.0.6"
   },
   "devDependencies": {
-    "@sanity/client": "^6.28.1",
-    "@sanity/pkg-utils": "^6.13.4",
-    "@sanity/plugin-kit": "4.0.19",
+    "@sanity/client": "^7.12.1",
+    "@sanity/pkg-utils": "^8.1.29",
+    "@sanity/plugin-kit": "^4.0.20",
     "@sanity/semantic-release-preset": "^5.0.0",
-    "@sanity/vision": "^3.77.2",
+    "@sanity/vision": "^3.99.0",
     "@types/lodash": "^4.17.15",
     "@types/react": "^19.0.10",
     "@types/react-is": "^19.0.0",
@@ -96,10 +96,10 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-is": "^19.0.0",
-    "sanity": "^3.77.2",
+    "sanity": "^3.99.0",
     "semantic-release": "^24.2.3",
     "styled-components": "^6.1.15",
-    "typescript": "5.7.3"
+    "typescript": "5.9.3"
   },
   "peerDependencies": {
     "react": "^18.3 || ^19",

package/src/actions/upload.ts

@@ -242,16 +242,17 @@ export function testUrl(url: string): Observable<string> {
   if (typeof url !== 'string') {
     return throwError(error)
   }
+  const trimmedUrl = url.trim()
   let parsed
   try {
-    parsed = new URL(url)
+    parsed = new URL(trimmedUrl)
   } catch (err) {
     return throwError(error)
   }
   if (parsed && !parsed.protocol.match(/http:|https:/)) {
     return throwError(error)
   }
-  return of(url)
+  return of(trimmedUrl)
 }
 
 function optionsFromFile(opts: {preserveFilename?: boolean}, file: File) {

package/src/components/Uploader.tsx

@@ -274,7 +274,7 @@ export default function Uploader(props: Props) {
     event.preventDefault()
     event.stopPropagation()
     const clipboardData = event.clipboardData || (window as any).clipboardData
-    const url = clipboardData.getData('text')
+    const url = clipboardData.getData('text')?.trim()
     if (!isValidUrl(url)) {
       toast.push({status: 'error', title: 'Invalid URL for Mux video input.'})
       return

package/src/components/VideoPlayer.tsx

@@ -1,4 +1,5 @@
-import MuxPlayer, {type MuxPlayerProps, type MuxPlayerRefAttributes} from '@mux/mux-player-react'
+import {type MuxPlayerProps, type MuxPlayerRefAttributes} from '@mux/mux-player-react'
+import MuxPlayer from '@mux/mux-player-react/lazy'
 import {ErrorOutlineIcon} from '@sanity/icons'
 import {Card, Text} from '@sanity/ui'
 import {type PropsWithChildren, useMemo, useRef} from 'react'

package/src/components/documentPreview/PaneItemPreview.tsx

@@ -45,26 +45,26 @@ export function PaneItemPreview(props: PaneItemPreviewProps) {
       : null
 
   const observable = useMemo(
-    () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id, title),
-    [props.documentPreviewStore, schemaType, title, value._id]
+    () => getPreviewStateObservable(props.documentPreviewStore, schemaType, value._id),
+    [props.documentPreviewStore, schemaType, value._id]
   )
-  const {draft, published, isLoading} = useObservable(observable, {
-    draft: null,
-    published: null,
+  const {snapshot, original, isLoading} = useObservable(observable, {
     isLoading: true,
+    snapshot: null,
+    original: null,
   })
 
   const status = isLoading ? null : (
     <Inline space={4}>
       {presence && presence.length > 0 && <DocumentPreviewPresence presence={presence} />}
-      <PublishedStatus document={published} />
-      <DraftStatus document={draft} />
+      <PublishedStatus document={original} />
+      <DraftStatus document={snapshot} />
     </Inline>
   )
 
   return (
     <SanityDefaultPreview
-      {...(getPreviewValueWithFallback({value, draft, published}) as any)}
+      {...(getPreviewValueWithFallback({snapshot, original, fallback: {title}}) as any)}
       isPlaceholder={isLoading}
       icon={icon}
       layout={layout}

package/src/sanity-ui.d.ts

@@ -0,0 +1,5 @@
+import {type Theme} from '@sanity/ui/theme'
+
+declare module 'styled-components' {
+  interface DefaultTheme extends Theme {}
+}