sanity-plugin-mux-input 2.0.2 → 2.0.4

package/lib/_chunks/VideoSource.styled-e880b6e4.js

@@ -0,0 +1,318 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { useDocumentValues, isReference, useClient as useClient$1, MediaPreview } from 'sanity';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { UnknownIcon, LockIcon } from '@sanity/icons';
+import { Card, Box, Spinner, Grid, Inline } from '@sanity/ui';
+import { memo, useMemo, Suspense } from 'react';
+import styled from 'styled-components';
+import { suspend } from 'suspend-react';
+import { useErrorBoundary } from 'use-error-boundary';
+import { cacheNs } from './index-a9d40189.js';
+const path = ["assetId", "data", "playbackId", "status", "thumbTime", "filename"];
+const useAssetDocumentValues = asset => useDocumentValues(isReference(asset) ? asset._ref : "", path);
+function useClient() {
+  return useClient$1({
+    apiVersion: "2022-09-14"
+  });
+}
+const _id = "secrets.mux";
+function readSecrets(client) {
+  const {
+    projectId,
+    dataset
+  } = client.config();
+  return suspend(async () => {
+    const data = await client.fetch( /* groq */"*[_id == $_id][0]{\n        token,\n        secretKey,\n        enableSignedUrls,\n        signingKeyId,\n        signingKeyPrivate\n      }", {
+      _id
+    });
+    return {
+      token: (data == null ? void 0 : data.token) || null,
+      secretKey: (data == null ? void 0 : data.secretKey) || null,
+      enableSignedUrls: Boolean(data == null ? void 0 : data.enableSignedUrls) || false,
+      signingKeyId: (data == null ? void 0 : data.signingKeyId) || null,
+      signingKeyPrivate: (data == null ? void 0 : data.signingKeyPrivate) || null
+    };
+  }, [cacheNs, _id, projectId, dataset]);
+}
+function generateJwt(client, playbackId, aud, payload) {
+  const {
+    signingKeyId,
+    signingKeyPrivate
+  } = readSecrets(client);
+  if (!signingKeyId) {
+    throw new TypeError("Missing signingKeyId");
+  }
+  if (!signingKeyPrivate) {
+    throw new TypeError("Missing signingKeyPrivate");
+  }
+  const {
+    default: sign
+  } = suspend(() => import('jsonwebtoken-esm/sign'), ["jsonwebtoken-esm/sign"]);
+  return sign(payload ? JSON.parse(JSON.stringify(payload, (_, v) => v != null ? v : void 0)) : {}, atob(signingKeyPrivate), {
+    algorithm: "RS256",
+    keyid: signingKeyId,
+    audience: aud,
+    subject: playbackId,
+    noTimestamp: true,
+    expiresIn: "12h"
+  });
+}
+function getPlaybackId(asset) {
+  if (!(asset == null ? void 0 : asset.playbackId)) {
+    console.error("Asset is missing a playbackId", {
+      asset
+    });
+    throw new TypeError("Missing playbackId");
+  }
+  return asset.playbackId;
+}
+function getPlaybackPolicy(asset) {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_b = (_a = asset.data) == null ? void 0 : _a.playback_ids) == null ? void 0 : _b[0]) == null ? void 0 : _c.policy) != null ? _d : "public";
+}
+function getAnimatedPosterSrc(_ref) {
+  let {
+    asset,
+    client,
+    height,
+    width,
+    start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,
+    end = start + 5,
+    fps = 15
+  } = _ref;
+  const params = {
+    height,
+    width,
+    start,
+    end,
+    fps
+  };
+  const playbackId = getPlaybackId(asset);
+  let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
+  if (getPlaybackPolicy(asset) === "signed") {
+    const token = generateJwt(client, playbackId, "g", params);
+    searchParams = new URLSearchParams({
+      token
+    });
+  }
+  return "https://image.mux.com/".concat(playbackId, "/animated.gif?").concat(searchParams);
+}
+function getPosterSrc(_ref2) {
+  let {
+    asset,
+    client,
+    fit_mode,
+    height,
+    time = asset.thumbTime,
+    width
+  } = _ref2;
+  const params = {
+    fit_mode,
+    height,
+    time,
+    width
+  };
+  const playbackId = getPlaybackId(asset);
+  let searchParams = new URLSearchParams(JSON.parse(JSON.stringify(params, (_, v) => v != null ? v : void 0)));
+  if (getPlaybackPolicy(asset) === "signed") {
+    const token = generateJwt(client, playbackId, "t", params);
+    searchParams = new URLSearchParams({
+      token
+    });
+  }
+  return "https://image.mux.com/".concat(playbackId, "/thumbnail.png?").concat(searchParams);
+}
+const mediaDimensions = {
+  aspect: 16 / 9
+};
+const ImageLoader = memo(function ImageLoader2(_ref3) {
+  let {
+    alt,
+    src,
+    height,
+    width,
+    aspectRatio
+  } = _ref3;
+  suspend(async () => {
+    const img = new Image(width, height);
+    img.decoding = "async";
+    img.src = src;
+    await img.decode();
+  }, ["sanity-plugin-mux-input", "image", src]);
+  return /* @__PURE__ */jsx("img", {
+    alt,
+    src,
+    height,
+    width,
+    style: {
+      aspectRatio
+    }
+  });
+});
+const VideoMediaPreview = styled(MediaPreview)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  img {\n    object-fit: cover;\n  }\n"])));
+const VideoMediaPreviewSignedSubtitle = _ref4 => {
+  let {
+    solo
+  } = _ref4;
+  return /* @__PURE__ */jsxs(Inline, {
+    space: 1,
+    style: {
+      marginTop: solo ? "-1.35em" : void 0,
+      marginBottom: solo ? void 0 : "0.35rem"
+    },
+    children: [/* @__PURE__ */jsx(LockIcon, {}), "Signed playback policy"]
+  });
+};
+const PosterImage = _ref5 => {
+  let {
+    asset,
+    height,
+    width,
+    showTip
+  } = _ref5;
+  const client = useClient();
+  const src = getPosterSrc({
+    asset,
+    client,
+    height,
+    width,
+    fit_mode: "smartcrop"
+  });
+  const subtitle = useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsx(VideoMediaPreviewSignedSubtitle, {
+    solo: true
+  }) : void 0, [asset, showTip]);
+  return /* @__PURE__ */jsx(VideoMediaPreview, {
+    mediaDimensions,
+    subtitle,
+    title: /* @__PURE__ */jsx(Fragment, {
+      children: null
+    }),
+    media: /* @__PURE__ */jsx(ImageLoader, {
+      alt: "",
+      src,
+      height,
+      width
+    })
+  });
+};
+const VideoThumbnail = memo(function VideoThumbnail2(_ref6) {
+  let {
+    asset,
+    width,
+    showTip
+  } = _ref6;
+  const {
+    ErrorBoundary,
+    didCatch,
+    error
+  } = useErrorBoundary();
+  const height = Math.round(width * 9 / 16);
+  const subtitle = useMemo(() => showTip && getPlaybackPolicy(asset) === "signed" ? /* @__PURE__ */jsx(VideoMediaPreviewSignedSubtitle, {}) : void 0, [showTip, asset]);
+  if (didCatch) {
+    return /* @__PURE__ */jsx(VideoMediaPreview, {
+      subtitle: error.message,
+      mediaDimensions,
+      title: "Error when loading thumbnail",
+      media: /* @__PURE__ */jsx(Card, {
+        radius: 2,
+        height: "fill",
+        style: {
+          position: "relative",
+          width: "100%"
+        },
+        children: /* @__PURE__ */jsx(Box, {
+          style: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0
+          },
+          children: /* @__PURE__ */jsx(UnknownIcon, {})
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(ErrorBoundary, {
+    children: /* @__PURE__ */jsx(Suspense, {
+      fallback: /* @__PURE__ */jsx(VideoMediaPreview, {
+        isPlaceholder: true,
+        title: "Loading thumbnail...",
+        subtitle,
+        mediaDimensions
+      }),
+      children: /* @__PURE__ */jsx(PosterImage, {
+        showTip,
+        asset,
+        height,
+        width
+      })
+    })
+  });
+});
+const AnimatedVideoMediaPreview = styled(MediaPreview)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  img {\n    object-fit: contain;\n  }\n"])));
+const AnimatedPosterImage = _ref7 => {
+  let {
+    asset,
+    width
+  } = _ref7;
+  const client = useClient();
+  const src = getAnimatedPosterSrc({
+    asset,
+    client,
+    width
+  });
+  return /* @__PURE__ */jsx(AnimatedVideoMediaPreview, {
+    withBorder: false,
+    mediaDimensions,
+    media: /* @__PURE__ */jsx(ImageLoader, {
+      alt: "",
+      src,
+      width,
+      aspectRatio: "16:9"
+    })
+  });
+};
+const AnimatedVideoThumbnail = memo(function AnimatedVideoThumbnail2(_ref8) {
+  let {
+    asset,
+    width
+  } = _ref8;
+  const {
+    ErrorBoundary,
+    didCatch
+  } = useErrorBoundary();
+  if (didCatch) {
+    return null;
+  }
+  return /* @__PURE__ */jsx(ErrorBoundary, {
+    children: /* @__PURE__ */jsx(Suspense, {
+      fallback: /* @__PURE__ */jsx(FancyBackdrop, {
+        children: /* @__PURE__ */jsx(VideoMediaPreview, {
+          mediaDimensions,
+          withBorder: false,
+          media: /* @__PURE__ */jsx(Spinner, {
+            muted: true
+          })
+        })
+      }),
+      children: /* @__PURE__ */jsx(Card, {
+        height: "fill",
+        tone: "transparent",
+        children: /* @__PURE__ */jsx(AnimatedPosterImage, {
+          asset,
+          width
+        })
+      })
+    })
+  });
+});
+const FancyBackdrop = styled(Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n  mix-blend-mode: color-dodge;\n"])));
+const ThumbGrid = styled(Grid)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n"])));
+const CardLoadMore = styled(Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-top: 1px solid var(--card-border-color);\n  position: sticky;\n  bottom: 0;\n  z-index: 200;\n"])));
+export { AnimatedVideoThumbnail, CardLoadMore, ThumbGrid, VideoThumbnail, _id, generateJwt, getPlaybackId, getPlaybackPolicy, getPosterSrc, useAssetDocumentValues, useClient };
+//# sourceMappingURL=VideoSource.styled-e880b6e4.js.map

package/lib/_chunks/VideoSource.styled-e880b6e4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoSource.styled-e880b6e4.js","sources":["../../src/hooks/useAssetDocumentValues.ts","../../src/hooks/useClient.ts","../../src/util/readSecrets.ts","../../src/util/generateJwt.ts","../../src/util/getPlaybackId.ts","../../src/util/getPlaybackPolicy.ts","../../src/util/getAnimatedPosterSrc.ts","../../src/util/getPosterSrc.ts","../../src/components/VideoSource.styled.tsx"],"sourcesContent":["import {isReference} from 'sanity'\nimport {useDocumentValues} from 'sanity'\n\nimport type {Reference, VideoAssetDocument} from '../util/types'\n\nconst path = ['assetId', 'data', 'playbackId', 'status', 'thumbTime', 'filename']\nexport const useAssetDocumentValues = (asset: Reference | null | undefined) =>\n  useDocumentValues<VideoAssetDocument | null | undefined>(\n    isReference(asset) ? asset._ref! : '',\n    path\n  )\n","// As it's required to specify the API Version this custom hook ensures it's all using the same version\nimport {useClient as useSanityClient} from 'sanity'\n\nexport function useClient() {\n  return useSanityClient({apiVersion: '2022-09-14'})\n}\n","// Utils with a readName prefix are suspendable and should only be called in the render body\n// Not inside event callbacks or a useEffect.\n// They may be called dynamically, unlike useEffect\n\n// @TODO rename to readSigningPair\n\nimport type {SanityClient} from 'sanity'\nimport {suspend} from 'suspend-react'\n\nimport {cacheNs} from '../util/constants'\nimport {type Secrets} from '../util/types'\n\nexport const _id = 'secrets.mux' as const\n\nexport function readSecrets(client: SanityClient): Secrets {\n  const {projectId, dataset} = client.config()\n  return suspend(async () => {\n    const data = await client.fetch(\n      /* groq */ `*[_id == $_id][0]{\n        token,\n        secretKey,\n        enableSignedUrls,\n        signingKeyId,\n        signingKeyPrivate\n      }`,\n      {_id}\n    )\n    return {\n      token: data?.token || null,\n      secretKey: data?.secretKey || null,\n      enableSignedUrls: Boolean(data?.enableSignedUrls) || false,\n      signingKeyId: data?.signingKeyId || null,\n      signingKeyPrivate: data?.signingKeyPrivate || null,\n    }\n  }, [cacheNs, _id, projectId, dataset])\n}\n","import type {SanityClient} from 'sanity'\nimport {suspend} from 'suspend-react'\n\nimport {readSecrets} from './readSecrets'\nimport type {AnimatedThumbnailOptions, ThumbnailOptions} from './types'\n\nexport type Audience = 'g' | 's' | 't' | 'v'\n\nexport type Payload<T extends Audience> = T extends 'g'\n  ? AnimatedThumbnailOptions\n  : T extends 's'\n  ? never\n  : T extends 't'\n  ? ThumbnailOptions\n  : T extends 'v'\n  ? never\n  : never\n\nexport function generateJwt<T extends Audience>(\n  client: SanityClient,\n  playbackId: string,\n  aud: T,\n  payload?: Payload<T>\n): string {\n  const {signingKeyId, signingKeyPrivate} = readSecrets(client)\n  if (!signingKeyId) {\n    throw new TypeError('Missing signingKeyId')\n  }\n  if (!signingKeyPrivate) {\n    throw new TypeError('Missing signingKeyPrivate')\n  }\n\n  const {default: sign} = suspend(() => import('jsonwebtoken-esm/sign'), ['jsonwebtoken-esm/sign'])\n\n  return sign(\n    payload ? JSON.parse(JSON.stringify(payload, (_, v) => v ?? undefined)) : {},\n    atob(signingKeyPrivate),\n    {\n      algorithm: 'RS256',\n      keyid: signingKeyId,\n      audience: aud,\n      subject: playbackId,\n      noTimestamp: true,\n      expiresIn: '12h',\n    }\n  )\n}\n","import type {VideoAssetDocument} from './types'\n\nexport function getPlaybackId(asset: VideoAssetDocument): string {\n  if (!asset?.playbackId) {\n    console.error('Asset is missing a playbackId', {asset})\n    throw new TypeError(`Missing playbackId`)\n  }\n  return asset.playbackId\n}\n","import type {PlaybackPolicy, VideoAssetDocument} from './types'\n\nexport function getPlaybackPolicy(asset: VideoAssetDocument): PlaybackPolicy {\n  return asset.data?.playback_ids?.[0]?.policy ?? 'public'\n}\n","import type {SanityClient} from 'sanity'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {AnimatedThumbnailOptions, MuxAnimatedThumbnailUrl, VideoAssetDocument} from './types'\n\nexport interface AnimatedPosterSrcOptions extends AnimatedThumbnailOptions {\n  asset: VideoAssetDocument\n  client: SanityClient\n}\n\nexport function getAnimatedPosterSrc({\n  asset,\n  client,\n  height,\n  width,\n  start = asset.thumbTime ? Math.max(0, asset.thumbTime - 2.5) : 0,\n  end = start + 5,\n  fps = 15,\n}: AnimatedPosterSrcOptions): MuxAnimatedThumbnailUrl {\n  const params = {height, width, start, end, fps}\n  const playbackId = getPlaybackId(asset)\n\n  let searchParams = new URLSearchParams(\n    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n  )\n  if (getPlaybackPolicy(asset) === 'signed') {\n    const token = generateJwt(client, playbackId, 'g', params)\n    searchParams = new URLSearchParams({token})\n  }\n\n  return `https://image.mux.com/${playbackId}/animated.gif?${searchParams}`\n}\n","import type {SanityClient} from 'sanity'\n\nimport {generateJwt} from './generateJwt'\nimport {getPlaybackId} from './getPlaybackId'\nimport {getPlaybackPolicy} from './getPlaybackPolicy'\nimport type {MuxThumbnailUrl, ThumbnailOptions, VideoAssetDocument} from './types'\n\nexport interface PosterSrcOptions extends ThumbnailOptions {\n  asset: VideoAssetDocument\n  client: SanityClient\n}\n\nexport function getPosterSrc({\n  asset,\n  client,\n  fit_mode,\n  height,\n  time = asset.thumbTime,\n  width,\n}: PosterSrcOptions): MuxThumbnailUrl {\n  const params = {fit_mode, height, time, width}\n  const playbackId = getPlaybackId(asset)\n\n  let searchParams = new URLSearchParams(\n    JSON.parse(JSON.stringify(params, (_, v) => v ?? undefined))\n  )\n  if (getPlaybackPolicy(asset) === 'signed') {\n    const token = generateJwt(client, playbackId, 't', params)\n    searchParams = new URLSearchParams({token})\n  }\n\n  return `https://image.mux.com/${playbackId}/thumbnail.png?${searchParams}`\n}\n","import {LockIcon, UnknownIcon} from '@sanity/icons'\nimport {Box, Card, Grid, Inline, Spinner} from '@sanity/ui'\nimport React, {memo, Suspense, useMemo} from 'react'\nimport {MediaPreview} from 'sanity'\nimport styled from 'styled-components'\nimport {suspend} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {useClient} from '../hooks/useClient'\nimport {getAnimatedPosterSrc} from '../util/getAnimatedPosterSrc'\nimport {getPlaybackPolicy} from '../util/getPlaybackPolicy'\nimport {getPosterSrc} from '../util/getPosterSrc'\nimport type {VideoAssetDocument} from '../util/types'\n\nconst mediaDimensions = {aspect: 16 / 9}\n\ninterface ImageLoaderProps {\n  alt: string\n  src: string\n  height?: number\n  width: number\n  aspectRatio?: string\n}\nconst ImageLoader = memo(function ImageLoader({\n  alt,\n  src,\n  height,\n  width,\n  aspectRatio,\n}: ImageLoaderProps) {\n  suspend(async () => {\n    const img = new Image(width, height)\n    img.decoding = 'async'\n    img.src = src\n    await img.decode()\n  }, ['sanity-plugin-mux-input', 'image', src])\n\n  return <img alt={alt} src={src} height={height} width={width} style={{aspectRatio}} />\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst VideoMediaPreview = styled<any>(MediaPreview)`\n  img {\n    object-fit: cover;\n  }\n`\n\ninterface VideoMediaPreviewSignedSubtitleProps {\n  solo?: boolean\n}\nconst VideoMediaPreviewSignedSubtitle = ({solo}: VideoMediaPreviewSignedSubtitleProps) => {\n  return (\n    <Inline\n      space={1}\n      style={{\n        marginTop: solo ? '-1.35em' : undefined,\n        marginBottom: solo ? undefined : '0.35rem',\n      }}\n    >\n      <LockIcon />\n      Signed playback policy\n    </Inline>\n  )\n}\n\ninterface PosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt'> {\n  asset: VideoAssetDocument\n  showTip?: boolean\n}\nconst PosterImage = ({asset, height, width, showTip}: PosterImageProps) => {\n  const client = useClient()\n  const src = getPosterSrc({\n    asset,\n    client,\n    height,\n    width,\n    fit_mode: 'smartcrop',\n  })\n  const subtitle = useMemo(\n    () =>\n      showTip && getPlaybackPolicy(asset) === 'signed' ? (\n        <VideoMediaPreviewSignedSubtitle solo />\n      ) : undefined,\n    [asset, showTip]\n  )\n\n  // eslint-disable-next-line no-warning-comments\n  // @TODO support setting the alt text in the schema, like how we deal with images\n  return (\n    <VideoMediaPreview\n      mediaDimensions={mediaDimensions}\n      subtitle={subtitle}\n      title={<>{null}</>}\n      media={<ImageLoader alt=\"\" src={src} height={height} width={width} />}\n    />\n  )\n}\n\nexport interface VideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n  width: number\n}\nexport const VideoThumbnail = memo(function VideoThumbnail({\n  asset,\n  width,\n  showTip,\n}: VideoThumbnailProps) {\n  const {ErrorBoundary, didCatch, error} = useErrorBoundary()\n  const height = Math.round((width * 9) / 16)\n  const subtitle = useMemo(\n    () =>\n      showTip && getPlaybackPolicy(asset) === 'signed' ? (\n        <VideoMediaPreviewSignedSubtitle />\n      ) : undefined,\n    [showTip, asset]\n  )\n\n  if (didCatch) {\n    return (\n      <VideoMediaPreview\n        subtitle={error.message}\n        mediaDimensions={mediaDimensions}\n        title=\"Error when loading thumbnail\"\n        media={\n          <Card radius={2} height=\"fill\" style={{position: 'relative', width: '100%'}}>\n            <Box\n              style={{\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                right: 0,\n                bottom: 0,\n              }}\n            >\n              <UnknownIcon />\n            </Box>\n          </Card>\n        }\n      />\n    )\n  }\n\n  return (\n    <ErrorBoundary>\n      <Suspense\n        fallback={\n          <VideoMediaPreview\n            isPlaceholder\n            title=\"Loading thumbnail...\"\n            subtitle={subtitle}\n            mediaDimensions={mediaDimensions}\n          />\n        }\n      >\n        <PosterImage showTip={showTip} asset={asset} height={height} width={width} />\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\n\n// @TODO fix typings errors due to props.renderDefault\nconst AnimatedVideoMediaPreview = styled<any>(MediaPreview)`\n  img {\n    object-fit: contain;\n  }\n`\n\ninterface AnimatedPosterImageProps extends Omit<ImageLoaderProps, 'src' | 'alt' | 'height'> {\n  asset: VideoAssetDocument\n}\nconst AnimatedPosterImage = ({asset, width}: AnimatedPosterImageProps) => {\n  const client = useClient()\n  const src = getAnimatedPosterSrc({asset, client, width})\n\n  // eslint-disable-next-line no-warning-comments\n  // @TODO support setting the alt text in the schema, like how we deal with images\n  return (\n    <AnimatedVideoMediaPreview\n      withBorder={false}\n      mediaDimensions={mediaDimensions}\n      media={<ImageLoader alt=\"\" src={src} width={width} aspectRatio=\"16:9\" />}\n    />\n  )\n}\n\nexport interface AnimatedVideoThumbnailProps extends Omit<PosterImageProps, 'height'> {\n  width: number\n}\nexport const AnimatedVideoThumbnail = memo(function AnimatedVideoThumbnail({\n  asset,\n  width,\n}: AnimatedVideoThumbnailProps) {\n  const {ErrorBoundary, didCatch} = useErrorBoundary()\n\n  if (didCatch) {\n    return null\n  }\n\n  return (\n    <ErrorBoundary>\n      <Suspense\n        fallback={\n          <FancyBackdrop>\n            <VideoMediaPreview\n              mediaDimensions={mediaDimensions}\n              withBorder={false}\n              media={<Spinner muted />}\n            />\n          </FancyBackdrop>\n        }\n      >\n        <Card height=\"fill\" tone=\"transparent\">\n          <AnimatedPosterImage asset={asset} width={width} />\n        </Card>\n      </Suspense>\n    </ErrorBoundary>\n  )\n})\nconst FancyBackdrop = styled(Box)`\n  backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n  mix-blend-mode: color-dodge;\n`\n\nexport const ThumbGrid = styled(Grid)`\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n`\n\nexport const CardLoadMore = styled(Card)`\n  border-top: 1px solid var(--card-border-color);\n  position: sticky;\n  bottom: 0;\n  z-index: 200;\n`\n"],"names":["path","useAssetDocumentValues","asset","useDocumentValues","isReference","_ref","useClient","useSanityClient","apiVersion","_id","readSecrets","client","projectId","dataset","config","suspend","data","fetch","token","secretKey","enableSignedUrls","Boolean","signingKeyId","signingKeyPrivate","cacheNs","generateJwt","playbackId","aud","payload","TypeError","default","sign","JSON","parse","stringify","_","v","atob","algorithm","keyid","audience","subject","noTimestamp","expiresIn","getPlaybackId","console","error","getPlaybackPolicy","_a","_b","_c","_d","playback_ids","policy","getAnimatedPosterSrc","height","width","start","thumbTime","Math","max","end","fps","params","searchParams","URLSearchParams","getPosterSrc","fit_mode","time","mediaDimensions","aspect","ImageLoader","memo","alt","src","aspectRatio","img","Image","decoding","decode","jsx","style","VideoMediaPreview","styled","MediaPreview","VideoMediaPreviewSignedSubtitle","solo","jsxs","Inline","space","marginTop","marginBottom","children","LockIcon","PosterImage","showTip","subtitle","useMemo","title","media","VideoThumbnail","ErrorBoundary","didCatch","useErrorBoundary","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","AnimatedPosterImage","withBorder","AnimatedVideoThumbnail","FancyBackdrop","Spinner","muted","tone","ThumbGrid","Grid","CardLoadMore"],"mappings":";;;;;;;;;;;AAKA,MAAMA,OAAO,CAAC,SAAA,EAAW,QAAQ,YAAc,EAAA,QAAA,EAAU,aAAa,UAAU,CAAA;AACnE,MAAAC,sBAAA,GAA0BC,KACrC,IAAAC,iBAAA,CACEC,WAAY,CAAAF,KAAK,CAAI,GAAAA,KAAA,CAAMG,IAAQ,GAAA,EAAA,EACnCL,IAAA,CACF;ACPK,SAASM,SAAY,GAAA;EAC1B,OAAOC,WAAgB,CAAA;IAACC,UAAY,EAAA;EAAa,CAAA,CAAA;AACnD;ACOO,MAAMC,GAAM,GAAA,aAAA;AAEZ,SAASC,YAAYC,MAA+B,EAAA;EACzD,MAAM;IAACC,SAAA;IAAWC;EAAO,CAAA,GAAIF,OAAOG,MAAO,EAAA;EAC3C,OAAOC,QAAQ,YAAY;IACnB,MAAAC,IAAA,GAAO,MAAML,MAAO,CAAAM,KAAA,EAAA,0JAQxB;MAACR;IAAG,CAAA,CACN;IACO,OAAA;MACLS,KAAA,EAAA,CAAOF,6BAAME,KAAS,KAAA,IAAA;MACtBC,SAAA,EAAA,CAAWH,6BAAMG,SAAa,KAAA,IAAA;MAC9BC,gBAAkB,EAAAC,OAAA,CAAQL,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,CAAAI,gBAAgB,CAAK,IAAA,KAAA;MACrDE,YAAA,EAAA,CAAcN,6BAAMM,YAAgB,KAAA,IAAA;MACpCC,iBAAA,EAAA,CAAmBP,6BAAMO,iBAAqB,KAAA;IAAA,CAChD;KACC,CAACC,OAAA,EAASf,GAAK,EAAAG,SAAA,EAAWC,OAAO,CAAC,CAAA;AACvC;ACjBO,SAASY,WACd,CAAAd,MAAA,EACAe,UACA,EAAAC,GAAA,EACAC,OACQ,EAAA;EACR,MAAM;IAACN,YAAA;IAAcC;EAAiB,CAAA,GAAIb,YAAYC,MAAM,CAAA;EAC5D,IAAI,CAACW,YAAc,EAAA;IACX,MAAA,IAAIO,UAAU,sBAAsB,CAAA;EAC5C;EACA,IAAI,CAACN,iBAAmB,EAAA;IAChB,MAAA,IAAIM,UAAU,2BAA2B,CAAA;EACjD;EAEM,MAAA;IAACC,OAAS,EAAAC;EAAA,CAAQ,GAAAhB,OAAA,CAAQ,MAAM,MAAA,CAAO,uBAAuB,CAAA,EAAG,CAAC,uBAAuB,CAAC,CAAA;EAEzF,OAAAgB,IAAA,CACLH,OAAU,GAAAI,IAAA,CAAKC,KAAM,CAAAD,IAAA,CAAKE,SAAU,CAAAN,OAAA,EAAS,CAACO,CAAA,EAAGC,CAAM,KAAAA,CAAA,IAAA,IAAA,GAAAA,CAAA,GAAK,KAAS,CAAA,CAAC,IAAI,CAAC,CAAA,EAC3EC,KAAKd,iBAAiB,CAAA,EACtB;IACEe,SAAW,EAAA,OAAA;IACXC,KAAO,EAAAjB,YAAA;IACPkB,QAAU,EAAAb,GAAA;IACVc,OAAS,EAAAf,UAAA;IACTgB,WAAa,EAAA,IAAA;IACbC,SAAW,EAAA;EACb,CAAA,CACF;AACF;AC5CO,SAASC,cAAc1C,KAAmC,EAAA;EAC3D,IAAA,EAACA,+BAAOwB,UAAY,CAAA,EAAA;IACtBmB,OAAA,CAAQC,KAAM,CAAA,+BAAA,EAAiC;MAAC5C;IAAM,CAAA,CAAA;IAChD,MAAA,IAAI2B,+BAA8B;EAC1C;EACA,OAAO3B,KAAM,CAAAwB,UAAA;AACf;ACNO,SAASqB,kBAAkB7C,KAA2C,EAAA;EAF7E,IAAA8C,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA;EAGS,OAAA,CAAAA,EAAA,GAAA,CAAAD,EAAA,GAAA,CAAAD,EAAA,GAAA,CAAAD,EAAA,GAAA9C,KAAA,CAAMc,SAAN,IAAY,GAAA,KAAA,CAAA,GAAAgC,EAAA,CAAAI,YAAA,KAAZ,mBAA2B,CAA3B,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAF,EAAA,CAA+BG,WAA/B,IAAyC,GAAAF,EAAA,GAAA,QAAA;AAClD;ACQO,SAASG,oBAAqB,OAQiB;EAAA,IARjB;IACnCpD,KAAA;IACAS,MAAA;IACA4C,MAAA;IACAC,KAAA;IACAC,KAAA,GAAQvD,MAAMwD,SAAY,GAAAC,IAAA,CAAKC,IAAI,CAAG,EAAA1D,KAAA,CAAMwD,SAAY,GAAA,GAAG,CAAI,GAAA,CAAA;IAC/DG,MAAMJ,KAAQ,GAAA,CAAA;IACdK,GAAM,GAAA;EACR,CAAsD;EACpD,MAAMC,SAAS;IAACR,MAAA;IAAQC,KAAO;IAAAC,KAAA;IAAOI;IAAKC;GAAG;EACxC,MAAApC,UAAA,GAAakB,cAAc1C,KAAK,CAAA;EAEtC,IAAI8D,eAAe,IAAIC,eAAA,CACrBjC,IAAA,CAAKC,KAAM,CAAAD,IAAA,CAAKE,SAAU,CAAA6B,MAAA,EAAQ,CAAC5B,CAAG,EAAAC,CAAA,KAAMA,CAAK,IAAA,IAAA,GAAAA,CAAA,GAAA,KAAA,CAAS,CAAC,CAAA,CAC7D;EACI,IAAAW,iBAAA,CAAkB7C,KAAK,CAAA,KAAM,QAAU,EAAA;IACzC,MAAMgB,KAAQ,GAAAO,WAAA,CAAYd,MAAQ,EAAAe,UAAA,EAAY,KAAKqC,MAAM,CAAA;IACzDC,YAAA,GAAe,IAAIC,eAAA,CAAgB;MAAC/C;IAAM,CAAA,CAAA;EAC5C;EAEA,uCAAgCQ,UAA2B,2BAAAsC,YAAA;AAC7D;ACrBO,SAASE,YAAa,QAOS;EAAA,IAPT;IAC3BhE,KAAA;IACAS,MAAA;IACAwD,QAAA;IACAZ,MAAA;IACAa,OAAOlE,KAAM,CAAAwD,SAAA;IACbF;EACF,CAAsC;EACpC,MAAMO,MAAS,GAAA;IAACI,QAAU;IAAAZ,MAAA;IAAQa;IAAMZ;EAAK,CAAA;EACvC,MAAA9B,UAAA,GAAakB,cAAc1C,KAAK,CAAA;EAEtC,IAAI8D,eAAe,IAAIC,eAAA,CACrBjC,IAAA,CAAKC,KAAM,CAAAD,IAAA,CAAKE,SAAU,CAAA6B,MAAA,EAAQ,CAAC5B,CAAG,EAAAC,CAAA,KAAMA,CAAK,IAAA,IAAA,GAAAA,CAAA,GAAA,KAAA,CAAS,CAAC,CAAA,CAC7D;EACI,IAAAW,iBAAA,CAAkB7C,KAAK,CAAA,KAAM,QAAU,EAAA;IACzC,MAAMgB,KAAQ,GAAAO,WAAA,CAAYd,MAAQ,EAAAe,UAAA,EAAY,KAAKqC,MAAM,CAAA;IACzDC,YAAA,GAAe,IAAIC,eAAA,CAAgB;MAAC/C;IAAM,CAAA,CAAA;EAC5C;EAEA,uCAAgCQ,UAA4B,4BAAAsC,YAAA;AAC9D;AClBA,MAAMK,eAAkB,GAAA;EAACC,MAAQ,EAAA,EAAA,GAAK;AAAC,CAAA;AASvC,MAAMC,WAAA,GAAcC,IAAK,CAAA,SAASD,YAAY,QAMzB;EAAA,IANyB;IAC5CE,GAAA;IACAC,GAAA;IACAnB,MAAA;IACAC,KAAA;IACAmB;EACF,CAAqB;EACnB5D,OAAA,CAAQ,YAAY;IAClB,MAAM6D,GAAM,GAAA,IAAIC,KAAM,CAAArB,KAAA,EAAOD,MAAM,CAAA;IACnCqB,GAAA,CAAIE,QAAW,GAAA,OAAA;IACfF,GAAA,CAAIF,GAAM,GAAAA,GAAA;IACV,MAAME,IAAIG,MAAO,EAAA;EAChB,CAAA,EAAA,CAAC,yBAA2B,EAAA,OAAA,EAASL,GAAG,CAAC,CAAA;EAErC,OAAA,eAAAM,GAAA,CAAC;IAAIP,GAAU;IAAAC,GAAA;IAAUnB;IAAgBC,KAAc;IAAAyB,KAAA,EAAO;MAACN;IAAA;EAAc,CAAA,CAAA;AACtF,CAAC,CAAA;AAGD,MAAMO,iBAAA,GAAoBC,OAAYC,YAAY,CAAA,6GAAA;AASlD,MAAMC,+BAAkC,GAAA,SAAkD;EAAA,IAAjD;IAACC;GAAgD;EAEtF,sBAAAC,IAAA,CAACC,MAAA,EAAA;IACCC,KAAO,EAAA,CAAA;IACPR,KAAO,EAAA;MACLS,SAAA,EAAWJ,OAAO,SAAY,GAAA,KAAA,CAAA;MAC9BK,YAAA,EAAcL,OAAO,KAAY,CAAA,GAAA;IACnC,CAAA;IAEAM,QAAA,EAAA,CAAA,eAAAZ,GAAA,CAACa,QAAS,EAAA,EAAA,CAAA,EAAE,wBAAA;EAAA,CAAA,CAEd;AAEJ,CAAA;AAMA,MAAMC,cAAc,SAAuD;EAAA,IAAtD;IAAC5F;IAAOqD,MAAQ;IAAAC,KAAA;IAAOuC;GAA+B;EACzE,MAAMpF,SAASL,SAAU,EAAA;EACzB,MAAMoE,MAAMR,YAAa,CAAA;IACvBhE,KAAA;IACAS,MAAA;IACA4C,MAAA;IACAC,KAAA;IACAW,QAAU,EAAA;EAAA,CACX,CAAA;EACD,MAAM6B,QAAW,GAAAC,OAAA,CACf,MACEF,OAAW,IAAAhD,iBAAA,CAAkB7C,KAAK,CAAA,KAAM,WACrC,eAAA8E,GAAA,CAAAK,+BAAA,EAAA;IAAgCC,IAAI,EAAA;EAAC,CAAA,CACpC,GAAA,KAAA,CAAA,EACN,CAACpF,OAAO6F,OAAO,CAAA,CACjB;EAKE,sBAAAf,GAAA,CAACE,iBAAA,EAAA;IACCb,eAAA;IACA2B,QAAA;IACAE,KAAA;MAAUN,QAAK,EAAA;IAAA,CAAA,CAAA;IACfO,OAAQ,eAAAnB,GAAA,CAAAT,WAAA,EAAA;MAAYE,KAAI,EAAG;MAAAC,GAAA;MAAUnB;MAAgBC;KAAc;EAAA,CAAA,CACrE;AAEJ,CAAA;AAKa,MAAA4C,cAAA,GAAiB5B,IAAK,CAAA,SAAS4B,eAAe,QAInC;EAAA,IAJmC;IACzDlG,KAAA;IACAsD,KAAA;IACAuC;EACF,CAAwB;EACtB,MAAM;IAACM,aAAA;IAAeC,QAAU;IAAAxD;MAASyD,gBAAiB,EAAA;EAC1D,MAAMhD,MAAS,GAAAI,IAAA,CAAK6C,KAAO,CAAAhD,KAAA,GAAQ,IAAK,EAAE,CAAA;EAC1C,MAAMwC,QAAW,GAAAC,OAAA,CACf,MACEF,WAAWhD,iBAAkB,CAAA7C,KAAK,MAAM,QACtC,GAAA,eAAA8E,GAAA,CAACK,mCAAgC,CAC/B,GAAA,KAAA,CAAA,EACN,CAACU,SAAS7F,KAAK,CAAA,CACjB;EAEA,IAAIoG,QAAU,EAAA;IAEV,sBAAAtB,GAAA,CAACE,iBAAA,EAAA;MACCc,UAAUlD,KAAM,CAAA2D,OAAA;MAChBpC,eAAA;MACA6B,KAAM,EAAA,8BAAA;MACNC,KACE,EAAA,eAAAnB,GAAA,CAAC0B,IAAK,EAAA;QAAAC,MAAA,EAAQ,CAAG;QAAApD,MAAA,EAAO,MAAO;QAAA0B,KAAA,EAAO;UAAC2B,QAAA,EAAU,UAAY;UAAApD,KAAA,EAAO;SAClE;QAAAoC,QAAA,iBAAAZ,GAAA,CAAC6B,GAAA,EAAA;UACC5B,KAAO,EAAA;YACL6B,OAAS,EAAA,MAAA;YACTC,cAAgB,EAAA,QAAA;YAChBC,UAAY,EAAA,QAAA;YACZJ,QAAU,EAAA,UAAA;YACVK,GAAK,EAAA,CAAA;YACLC,IAAM,EAAA,CAAA;YACNC,KAAO,EAAA,CAAA;YACPC,MAAQ,EAAA;UACV,CAAA;UAEAxB,6BAACyB,WAAY,EAAA,EAAA;QAAA,CAAA;OAEjB;IAAA,CAAA,CAEJ;EAEJ;EAEA,OAAA,mBACGhB,aACC,EAAA;IAAAT,QAAA,iBAAAZ,GAAA,CAACsC,QAAA,EAAA;MACCC,QACE,iBAAAvC,GAAA,CAACE,iBAAA,EAAA;QACCsC,aAAa,EAAA,IAAA;QACbtB,KAAM,EAAA,sBAAA;QACNF,QAAA;QACA3B;MAAA,CAAA,CACF;MAGFuB,QAAC,EAAA,eAAAZ,GAAA,CAAAc,WAAA,EAAA;QAAYC,OAAkB;QAAA7F,KAAA;QAAcqD;QAAgBC;OAAc;IAAA,CAAA;EAE/E,CAAA,CAAA;AAEJ,CAAC,CAAA;AAGD,MAAMiE,yBAAA,GAA4BtC,OAAYC,YAAY,CAAA,iHAAA;AAS1D,MAAMsC,mBAAsB,GAAA,SAA8C;EAAA,IAA7C;IAACxH,KAAA;IAAOsD;GAAqC;EACxE,MAAM7C,SAASL,SAAU,EAAA;EACzB,MAAMoE,MAAMpB,oBAAqB,CAAA;IAACpD,KAAO;IAAAS,MAAA;IAAQ6C;GAAM,CAAA;EAKrD,sBAAAwB,GAAA,CAACyC,yBAAA,EAAA;IACCE,UAAY,EAAA,KAAA;IACZtD,eAAA;IACA8B,KAAA,qBAAQ5B,WAAY,EAAA;MAAAE,GAAA,EAAI;MAAGC,GAAU;MAAAlB,KAAA;MAAcmB,aAAY;KAAO;EAAA,CAAA,CACxE;AAEJ,CAAA;AAKa,MAAAiD,sBAAA,GAAyBpD,IAAK,CAAA,SAASoD,uBAAuB,QAG3C;EAAA,IAH2C;IACzE1H,KAAA;IACAsD;EACF,CAAgC;EAC9B,MAAM;IAAC6C,aAAA;IAAeC;EAAQ,CAAA,GAAIC,gBAAiB,EAAA;EAEnD,IAAID,QAAU,EAAA;IACL,OAAA,IAAA;EACT;EAEA,OAAA,mBACGD,aACC,EAAA;IAAAT,QAAA,iBAAAZ,GAAA,CAACsC,QAAA,EAAA;MACCC,QAAA,qBACGM,aACC,EAAA;QAAAjC,QAAA,EAAA,eAAAZ,GAAA,CAACE,iBAAA,EAAA;UACCb,eAAA;UACAsD,UAAY,EAAA,KAAA;UACZxB,KAAO,EAAA,eAAAnB,GAAA,CAAC8C,OAAQ,EAAA;YAAAC,KAAA,EAAK;UAAC,CAAA;QAAA,CAAA;OAE1B,CAAA;MAGFnC,QAAA,EAAA,eAAAZ,GAAA,CAAC0B,IAAK,EAAA;QAAAnD,MAAA,EAAO,MAAO;QAAAyE,IAAA,EAAK;QACvBpC,QAAC,EAAA,eAAAZ,GAAA,CAAA0C,mBAAA,EAAA;UAAoBxH,KAAc;UAAAsD;QAAA,CAAc;MACnD,CAAA;IAAA,CAAA;EAEJ,CAAA,CAAA;AAEJ,CAAC,CAAA;AACD,MAAMqE,aAAA,GAAgB1C,OAAO0B,GAAG,CAAA,oKAAA;AAKnB,MAAAoB,SAAA,GAAY9C,OAAO+C,IAAI,CAAA,0IAAA;AAIvB,MAAAC,YAAA,GAAehD,OAAOuB,IAAI,CAAA,gLAAA;"}

package/lib/_chunks/index-a9d40189.js

@@ -0,0 +1,248 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { isObjectInputProps, definePlugin } from 'sanity';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useRef, useCallback, lazy, Suspense } from 'react';
+import { useToast, Flex, Inline, Button, Card, Grid, Heading, Text, Spinner, Box } from '@sanity/ui';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { clear } from 'suspend-react';
+import { useErrorBoundary } from 'use-error-boundary';
+import styled from 'styled-components';
+function isMuxInputProps(props) {
+  var _a;
+  return isObjectInputProps(props) && ((_a = props.schemaType.type) == null ? void 0 : _a.name) === "mux.video";
+}
+function isMuxInputPreviewProps(props) {
+  var _a, _b;
+  return ((_b = (_a = props.schemaType) == null ? void 0 : _a.type) == null ? void 0 : _b.name) === "mux.video";
+}
+const name = "mux-input";
+const cacheNs = "sanity-plugin-mux-input";
+const muxSecretsDocumentId = "secrets.mux";
+function ErrorBoundaryCard(props) {
+  const {
+    children,
+    schemaType
+  } = props;
+  const {
+    push: pushToast
+  } = useToast();
+  const errorRef = useRef(null);
+  const {
+    ErrorBoundary,
+    didCatch,
+    error,
+    reset
+  } = useErrorBoundary({
+    onDidCatch: (err, errorInfo) => {
+      console.group(err.toString());
+      console.groupCollapsed("console.error");
+      console.error(err);
+      console.groupEnd();
+      if (err.stack) {
+        console.groupCollapsed("error.stack");
+        console.log(err.stack);
+        console.groupEnd();
+      }
+      if (errorInfo == null ? void 0 : errorInfo.componentStack) {
+        console.groupCollapsed("errorInfo.componentStack");
+        console.log(errorInfo.componentStack);
+        console.groupEnd();
+      }
+      console.groupEnd();
+      pushToast({
+        status: "error",
+        title: "Plugin crashed",
+        description: /* @__PURE__ */jsx(Flex, {
+          align: "center",
+          children: /* @__PURE__ */jsxs(Inline, {
+            space: 1,
+            children: ["An error happened while rendering", /* @__PURE__ */jsx(Button, {
+              padding: 1,
+              fontSize: 1,
+              style: {
+                transform: "translateY(1px)"
+              },
+              mode: "ghost",
+              text: schemaType.title,
+              onClick: () => {
+                if (errorRef.current) {
+                  scrollIntoView(errorRef.current, {
+                    behavior: "smooth",
+                    scrollMode: "if-needed",
+                    block: "center"
+                  });
+                }
+              }
+            })]
+          })
+        })
+      });
+    }
+  });
+  const handleRetry = useCallback(() => {
+    clear([name]);
+    reset();
+  }, [reset]);
+  if (didCatch) {
+    return /* @__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
+            }), " 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
+            })
+          }), /* @__PURE__ */jsx(Inline, {
+            children: /* @__PURE__ */jsx(Button, {
+              onClick: handleRetry,
+              text: "Retry"
+            })
+          })]
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(ErrorBoundary, {
+    children
+  });
+}
+var ErrorBoundaryCard$1 = memo(ErrorBoundaryCard);
+const AspectRatioCard = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n"])));
+const InputFallback = () => {
+  return /* @__PURE__ */jsx("div", {
+    style: {
+      padding: 1
+    },
+    children: /* @__PURE__ */jsx(Card, {
+      shadow: 1,
+      sizing: "border",
+      style: {
+        aspectRatio: "16/9",
+        width: "100%",
+        borderRadius: "1px"
+      },
+      children: /* @__PURE__ */jsxs(Flex, {
+        align: "center",
+        direction: "column",
+        height: "fill",
+        justify: "center",
+        children: [/* @__PURE__ */jsx(Spinner, {
+          muted: true
+        }), /* @__PURE__ */jsx(Box, {
+          marginTop: 3,
+          children: /* @__PURE__ */jsx(Text, {
+            align: "center",
+            muted: true,
+            size: 1,
+            children: "Loading\u2026"
+          })
+        })]
+      })
+    })
+  });
+};
+const Input = lazy(() => import('./Input-4e0aa2ef.js'));
+var createFormInput = config => memo(function FormInput(props) {
+  if (isMuxInputProps(props)) {
+    return /* @__PURE__ */jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsx(ErrorBoundaryCard$1, {
+        schemaType: props.schemaType,
+        children: /* @__PURE__ */jsx(Suspense, {
+          fallback: /* @__PURE__ */jsx(InputFallback, {}),
+          children: /* @__PURE__ */jsx(Input, {
+            config,
+            ...props
+          })
+        })
+      })
+    });
+  }
+  return props.renderDefault(props);
+});
+const Preview = lazy(() => import('./Preview-3e4c2ec9.js'));
+var FormPreview = memo(function FormPreview(props) {
+  if (isMuxInputPreviewProps(props)) {
+    return /* @__PURE__ */jsx(AspectRatioCard, {
+      children: /* @__PURE__ */jsx(Preview, {
+        ...props
+      })
+    });
+  }
+  return props.renderDefault(props);
+});
+const defaultConfig = {
+  mp4_support: "none"
+};
+const muxInput = definePlugin(userConfig => {
+  const config = {
+    ...defaultConfig,
+    ...userConfig
+  };
+  const InputComponent = createFormInput(config);
+  return {
+    name: "mux-input",
+    form: {
+      components: {
+        input: InputComponent,
+        preview: FormPreview
+      }
+    },
+    schema: {
+      types: [{
+        name: "mux.video",
+        type: "object",
+        title: "Video asset reference",
+        fields: [{
+          title: "Video",
+          name: "asset",
+          type: "reference",
+          weak: true,
+          to: [{
+            type: "mux.videoAsset"
+          }]
+        }]
+      }, {
+        name: "mux.videoAsset",
+        type: "object",
+        title: "Video asset",
+        fields: [{
+          type: "string",
+          name: "status"
+        }, {
+          type: "string",
+          name: "assetId"
+        }, {
+          type: "string",
+          name: "playbackId"
+        }, {
+          type: "string",
+          name: "filename"
+        }, {
+          type: "number",
+          name: "thumbTime"
+        }]
+      }]
+    }
+  };
+});
+export { InputFallback, cacheNs, defaultConfig, muxInput, muxSecretsDocumentId };
+//# sourceMappingURL=index-a9d40189.js.map

package/lib/_chunks/index-a9d40189.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-a9d40189.js","sources":["../../src/util/asserters.ts","../../src/util/constants.ts","../../src/components/ErrorBoundaryCard.tsx","../../src/components/Input.styled.tsx","../../src/components/FormInput.tsx","../../src/components/FormPreview.tsx","../../src/index.ts"],"sourcesContent":["import {type InputProps, type PreviewLayoutKey, type PreviewProps, isObjectInputProps} from 'sanity'\n\nimport type {MuxInputPreviewProps, MuxInputProps} from './types'\n\nexport function isMuxInputProps(props: InputProps): props is MuxInputProps {\n  return isObjectInputProps(props) && props.schemaType.type?.name === 'mux.video'\n}\n\nexport function isMuxInputPreviewProps(\n  props: PreviewProps<PreviewLayoutKey>\n): props is MuxInputPreviewProps {\n  return props.schemaType?.type?.name === 'mux.video'\n}\n","export const name = 'mux-input' as const\n\n// Caching namespace, as suspend-react might be in use by other components on the page we must ensure we don't collide\nexport const cacheNs = 'sanity-plugin-mux-input' as const\n\nexport const muxSecretsDocumentId = 'secrets.mux' as const\n","/* eslint-disable no-console */\nimport {Button, Card, Flex, Grid, Heading, Inline, Text, useToast} from '@sanity/ui'\nimport React, {memo, useCallback, useRef} from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport {clear} from 'suspend-react'\nimport {useErrorBoundary} from 'use-error-boundary'\n\nimport {name} from '../util/constants'\nimport {type MuxInputProps} from '../util/types'\n\nexport interface Props extends Pick<MuxInputProps, 'schemaType'> {\n  children: React.ReactNode\n}\nfunction ErrorBoundaryCard(props: Props) {\n  const {children, schemaType} = props\n  const {push: pushToast} = useToast()\n  const errorRef = useRef(null)\n  const {ErrorBoundary, didCatch, error, reset} = useErrorBoundary({\n    onDidCatch: (err, errorInfo) => {\n      console.group(err.toString())\n      console.groupCollapsed('console.error')\n      console.error(err)\n      console.groupEnd()\n      if (err.stack) {\n        console.groupCollapsed('error.stack')\n        console.log(err.stack)\n        console.groupEnd()\n      }\n      if (errorInfo?.componentStack) {\n        console.groupCollapsed('errorInfo.componentStack')\n        console.log(errorInfo.componentStack)\n        console.groupEnd()\n      }\n      console.groupEnd()\n      pushToast({\n        status: 'error',\n        title: 'Plugin crashed',\n        description: (\n          <Flex align=\"center\">\n            <Inline space={1}>\n              An error happened while rendering\n              <Button\n                padding={1}\n                fontSize={1}\n                style={{transform: 'translateY(1px)'}}\n                mode=\"ghost\"\n                text={schemaType.title}\n                onClick={() => {\n                  if (errorRef.current) {\n                    scrollIntoView(errorRef.current, {\n                      behavior: 'smooth',\n                      scrollMode: 'if-needed',\n                      block: 'center',\n                    })\n                  }\n                }}\n              />\n            </Inline>\n          </Flex>\n        ),\n      })\n    },\n  })\n  const handleRetry = useCallback(() => {\n    // Purge request cache before retrying, otherwise the cached errors will rethrow\n    clear([name])\n\n    reset()\n  }, [reset])\n\n  if (didCatch) {\n    return (\n      <Card ref={errorRef} paddingX={[2, 3, 4, 4]} height=\"fill\" shadow={1} overflow=\"auto\">\n        <Flex justify=\"flex-start\" align=\"center\" height=\"fill\">\n          <Grid columns={1} gap={[2, 3, 4, 4]}>\n            <Heading as=\"h1\">\n              The <code>{name}</code> plugin crashed\n            </Heading>\n            {error?.message && (\n              <Card padding={3} tone=\"critical\" shadow={1} radius={2}>\n                <Text>{error.message}</Text>\n              </Card>\n            )}\n            <Inline>\n              <Button onClick={handleRetry} text=\"Retry\" />\n            </Inline>\n          </Grid>\n        </Flex>\n      </Card>\n    )\n  }\n\n  return <ErrorBoundary>{children}</ErrorBoundary>\n}\n\nexport default memo(ErrorBoundaryCard)\n","import {Box, Card, Flex, Spinner, Text} from '@sanity/ui'\nimport React from 'react'\nimport styled from 'styled-components'\n\n// This container base container ensures everything uses the same aspect ratio, avoids layout shifts and stuff jumping around\nexport const AspectRatioCard = styled(Card)`\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n`\n\nexport const InputFallback = () => {\n  return (\n    <div style={{padding: 1}}>\n      <Card\n        shadow={1}\n        sizing=\"border\"\n        style={{aspectRatio: '16/9', width: '100%', borderRadius: '1px'}}\n      >\n        <Flex align=\"center\" direction=\"column\" height=\"fill\" justify=\"center\">\n          <Spinner muted />\n          <Box marginTop={3}>\n            <Text align=\"center\" muted size={1}>\n              Loading…\n            </Text>\n          </Box>\n        </Flex>\n      </Card>\n    </div>\n  )\n}\n","import React, {lazy, memo, Suspense} from 'react'\nimport {type InputProps} from 'sanity'\n\nimport {isMuxInputProps} from '../util/asserters'\nimport {type Config} from '../util/types'\nimport ErrorBoundaryCard from './ErrorBoundaryCard'\nimport {AspectRatioCard, InputFallback} from './Input.styled'\n\nconst Input = lazy(() => import('./Input'))\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default (config: Config) =>\n  memo(function FormInput(props: InputProps) {\n    if (isMuxInputProps(props)) {\n      return (\n        <AspectRatioCard>\n          <ErrorBoundaryCard schemaType={props.schemaType}>\n            <Suspense fallback={<InputFallback />}>\n              <Input config={config} {...props} />\n            </Suspense>\n          </ErrorBoundaryCard>\n        </AspectRatioCard>\n      )\n    }\n    return props.renderDefault(props)\n  })\n","import React, {lazy, memo} from 'react'\nimport {PreviewLayoutKey, PreviewProps} from 'sanity'\n\nimport {isMuxInputPreviewProps} from '../util/asserters'\nimport {AspectRatioCard} from './Input.styled'\n\nconst Preview = lazy(() => import('./Preview'))\n\nexport default memo(function FormPreview(props: PreviewProps<PreviewLayoutKey>) {\n  if (isMuxInputPreviewProps(props)) {\n    return (\n      <AspectRatioCard>\n        {/* @ts-expect-error */}\n        <Preview {...props} />\n      </AspectRatioCard>\n    )\n  }\n  return props.renderDefault(props)\n})\n","import {definePlugin} from 'sanity'\n\nimport createFormInput from './components/FormInput'\nimport FormPreview from './components/FormPreview'\nimport {type Config} from './util/types'\n\nexport const defaultConfig: Config = {\n  mp4_support: 'none',\n}\n\nexport const muxInput = definePlugin<Partial<Config> | void>((userConfig) => {\n  const config: Config = {...defaultConfig, ...userConfig}\n  const InputComponent = createFormInput(config)\n  return {\n    name: 'mux-input',\n    form: {\n      components: {\n        input: InputComponent,\n        preview: FormPreview,\n      },\n    },\n    schema: {\n      types: [\n        {\n          name: 'mux.video',\n          type: 'object',\n          title: 'Video asset reference',\n          fields: [\n            {\n              title: 'Video',\n              name: 'asset',\n              type: 'reference',\n              weak: true,\n              to: [{type: 'mux.videoAsset'}],\n            },\n          ],\n        },\n        {\n          name: 'mux.videoAsset',\n          type: 'object',\n          title: 'Video asset',\n          fields: [\n            {\n              type: 'string',\n              name: 'status',\n            },\n            {\n              type: 'string',\n              name: 'assetId',\n            },\n            {\n              type: 'string',\n              name: 'playbackId',\n            },\n            {\n              type: 'string',\n              name: 'filename',\n            },\n            {\n              type: 'number',\n              name: 'thumbTime',\n            },\n          ],\n        },\n      ],\n    },\n  }\n})\n"],"names":["isMuxInputProps","props","_a","isObjectInputProps","schemaType","type","name","isMuxInputPreviewProps","_b","cacheNs","muxSecretsDocumentId","ErrorBoundaryCard","children","push","pushToast","useToast","errorRef","useRef","ErrorBoundary","didCatch","error","reset","useErrorBoundary","onDidCatch","err","errorInfo","console","group","toString","groupCollapsed","groupEnd","stack","log","componentStack","status","title","description","Flex","align","jsxs","Inline","space","jsx","Button","padding","fontSize","style","transform","mode","text","onClick","current","scrollIntoView","behavior","scrollMode","block","handleRetry","useCallback","clear","Card","ref","paddingX","height","shadow","overflow","justify","Grid","columns","gap","Heading","as","message","tone","radius","Text","ErrorBoundaryCard$1","memo","AspectRatioCard","styled","InputFallback","sizing","aspectRatio","width","borderRadius","direction","Spinner","muted","Box","marginTop","size","Input","lazy","createFormInput","config","FormInput","Suspense","fallback","renderDefault","Preview","FormPreview","defaultConfig","mp4_support","muxInput","definePlugin","userConfig","InputComponent","form","components","input","preview","schema","types","fields","weak","to"],"mappings":"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"}