sanity-plugin-mux-input 2.0.16 → 2.1.0

package/lib/_chunks/Preview-04fe7cde.js

@@ -1,26 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { SanityDefaultPreview } from 'sanity';
-import { useAssetDocumentValues, VideoThumbnail } from './VideoSource.styled-45ab4b64.js';
-const MuxVideoPreview = _ref => {
-  let {
-    value
-  } = _ref;
-  const assetDocumentValues = useAssetDocumentValues(value == null ? void 0 : value.asset);
-  if (assetDocumentValues.value) {
-    return /* @__PURE__ */jsx(VideoThumbnail, {
-      asset: assetDocumentValues.value,
-      width: 640
-    });
-  }
-  const {
-    filename,
-    playbackId,
-    status
-  } = value != null ? value : {};
-  return /* @__PURE__ */jsx(SanityDefaultPreview, {
-    title: filename || playbackId || "",
-    subtitle: status ? "status: ".concat(status) : null
-  });
-};
-export { MuxVideoPreview as default };
-//# sourceMappingURL=Preview-04fe7cde.js.map

package/lib/_chunks/Preview-04fe7cde.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview-04fe7cde.js","sources":["../../src/components/Preview.tsx"],"sourcesContent":["import React from 'react'\nimport {SanityDefaultPreview} from 'sanity'\n\nimport {useAssetDocumentValues} from '../hooks/useAssetDocumentValues'\nimport {VideoThumbnail} from './VideoSource.styled'\n\nexport interface MuxVideoPreviewProps {\n  value: {\n    asset: {\n      _type: 'reference'\n      _ref: string\n    }\n  }\n}\nconst MuxVideoPreview = ({value}: MuxVideoPreviewProps) => {\n  const assetDocumentValues = useAssetDocumentValues(value?.asset!)\n\n  if (assetDocumentValues.value) {\n    return <VideoThumbnail asset={assetDocumentValues.value} width={640} />\n  }\n\n  // @ts-expect-error\n  const {filename, playbackId, status} = value ?? {}\n\n  return (\n    <SanityDefaultPreview\n      title={filename || playbackId || ''}\n      subtitle={status ? `status: ${status}` : null}\n    />\n  )\n}\n\nexport default MuxVideoPreview\n"],"names":["MuxVideoPreview","_ref","value","assetDocumentValues","useAssetDocumentValues","asset","VideoThumbnail","width","filename","playbackId","status","jsx","SanityDefaultPreview","title","subtitle","concat"],"mappings":";;;AAcA,MAAMA,eAAkB,GAAAC,IAAA,IAAmC;EAAA,IAAlC;IAACC;GAAiC,GAAAD,IAAA;EACnD,MAAAE,mBAAA,GAAsBC,sBAAuB,CAAAF,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAOG,KAAM,CAAA;EAEhE,IAAIF,oBAAoBD,KAAO,EAAA;IAC7B,0BAAQI,cAAe,EAAA;MAAAD,KAAA,EAAOF,mBAAoB,CAAAD,KAAA;MAAOK,OAAO;IAAK,CAAA,CAAA;EACvE;EAGA,MAAM;IAACC,QAAU;IAAAC,UAAA;IAAYC;EAAM,CAAA,GAAIR,wBAAS,EAAC;EAG/C,sBAAAS,GAAA,CAACC,oBAAA,EAAA;IACCC,KAAA,EAAOL,YAAYC,UAAc,IAAA,EAAA;IACjCK,QAAA,EAAUJ,MAAS,cAAAK,MAAA,CAAWL,MAAW,IAAA;EAAA,CAAA,CAC3C;AAEJ,CAAA;"}

package/lib/_chunks/Preview-442a88cd.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var sanity = require('sanity');
-var VideoSource_styled = require('./VideoSource.styled-cb41adac.cjs');
-const MuxVideoPreview = _ref => {
-  let {
-    value
-  } = _ref;
-  const assetDocumentValues = VideoSource_styled.useAssetDocumentValues(value == null ? void 0 : value.asset);
-  if (assetDocumentValues.value) {
-    return /* @__PURE__ */jsxRuntime.jsx(VideoSource_styled.VideoThumbnail, {
-      asset: assetDocumentValues.value,
-      width: 640
-    });
-  }
-  const {
-    filename,
-    playbackId,
-    status
-  } = value != null ? value : {};
-  return /* @__PURE__ */jsxRuntime.jsx(sanity.SanityDefaultPreview, {
-    title: filename || playbackId || "",
-    subtitle: status ? "status: ".concat(status) : null
-  });
-};
-exports.default = MuxVideoPreview;
-//# sourceMappingURL=Preview-442a88cd.cjs.map

package/lib/_chunks/Preview-442a88cd.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preview-442a88cd.cjs","sources":["../../src/components/Preview.tsx"],"sourcesContent":["import React from 'react'\nimport {SanityDefaultPreview} from 'sanity'\n\nimport {useAssetDocumentValues} from '../hooks/useAssetDocumentValues'\nimport {VideoThumbnail} from './VideoSource.styled'\n\nexport interface MuxVideoPreviewProps {\n  value: {\n    asset: {\n      _type: 'reference'\n      _ref: string\n    }\n  }\n}\nconst MuxVideoPreview = ({value}: MuxVideoPreviewProps) => {\n  const assetDocumentValues = useAssetDocumentValues(value?.asset!)\n\n  if (assetDocumentValues.value) {\n    return <VideoThumbnail asset={assetDocumentValues.value} width={640} />\n  }\n\n  // @ts-expect-error\n  const {filename, playbackId, status} = value ?? {}\n\n  return (\n    <SanityDefaultPreview\n      title={filename || playbackId || ''}\n      subtitle={status ? `status: ${status}` : null}\n    />\n  )\n}\n\nexport default MuxVideoPreview\n"],"names":["MuxVideoPreview","_ref","value","assetDocumentValues","useAssetDocumentValues","asset","VideoThumbnail","width","filename","playbackId","status","jsx","SanityDefaultPreview","title","subtitle","concat"],"mappings":";;;;;AAcA,MAAMA,eAAkB,GAAAC,IAAA,IAAmC;EAAA,IAAlC;IAACC;GAAiC,GAAAD,IAAA;EACnD,MAAAE,mBAAA,GAAsBC,kBAAuB,CAAAA,sBAAA,CAAAF,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAOG,KAAM,CAAA;EAEhE,IAAIF,oBAAoBD,KAAO,EAAA;IAC7B,qCAAQI,kBAAe,CAAAA,cAAA,EAAA;MAAAD,KAAA,EAAOF,mBAAoB,CAAAD,KAAA;MAAOK,OAAO;IAAK,CAAA,CAAA;EACvE;EAGA,MAAM;IAACC,QAAU;IAAAC,UAAA;IAAYC;EAAM,CAAA,GAAIR,wBAAS,EAAC;EAG/C,sBAAAS,UAAA,CAAAA,GAAA,CAACC,MAAA,CAAAA,oBAAA,EAAA;IACCC,KAAA,EAAOL,YAAYC,UAAc,IAAA,EAAA;IACjCK,QAAA,EAAUJ,MAAS,cAAAK,MAAA,CAAWL,MAAW,IAAA;EAAA,CAAA,CAC3C;AAEJ,CAAA;"}

package/lib/_chunks/VideoSource.styled-45ab4b64.js

@@ -1,318 +0,0 @@
-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-f8b48f62.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-45ab4b64.js.map

package/lib/_chunks/VideoSource.styled-45ab4b64.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoSource.styled-45ab4b64.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","concat","getPosterSrc","_ref2","fit_mode","time","mediaDimensions","aspect","ImageLoader","memo","ImageLoader2","_ref3","alt","src","aspectRatio","img","Image","decoding","decode","jsx","style","VideoMediaPreview","styled","MediaPreview","_templateObject","_taggedTemplateLiteral","VideoMediaPreviewSignedSubtitle","_ref4","solo","jsxs","Inline","space","marginTop","marginBottom","children","LockIcon","PosterImage","_ref5","showTip","subtitle","useMemo","title","media","VideoThumbnail","VideoThumbnail2","_ref6","ErrorBoundary","didCatch","useErrorBoundary","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","_templateObject2","AnimatedPosterImage","_ref7","withBorder","AnimatedVideoThumbnail","AnimatedVideoThumbnail2","_ref8","FancyBackdrop","Spinner","muted","tone","_templateObject3","ThumbGrid","Grid","_templateObject4","CardLoadMore","_templateObject5"],"mappings":"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"}