sanity-plugin-mux-input 2.0.1 → 2.0.3

package/lib/_chunks/VideoSource.styled-1b994d90.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoSource.styled-1b994d90.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/getPosterSrc.ts","../../src/components/VideoSource.styled.tsx","../../src/util/getAnimatedPosterSrc.ts"],"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/client'\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/client'\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/client'\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","import type {SanityClient} from '@sanity/client'\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"],"names":["path","useClient","useSanityClient","apiVersion","_id","generateJwt","client","playbackId","aud","payload","signingKeyId","signingKeyPrivate","projectId","dataset","config","suspend","async","data","fetch","token","secretKey","enableSignedUrls","Boolean","cacheNs","readSecrets","TypeError","default","sign","Promise","resolve","then","_interopNamespace","require","JSON","parse","stringify","_","v","atob","algorithm","keyid","audience","subject","noTimestamp","expiresIn","getPlaybackId","asset","console","error","getPlaybackPolicy","_a","_b","_c","_d","playback_ids","policy","getPosterSrc","_ref2","fit_mode","height","time","thumbTime","width","params","searchParams","URLSearchParams","mediaDimensions","aspect","ImageLoader","memo","_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","Fragment","media","VideoThumbnail","_ref6","ErrorBoundary","didCatch","useErrorBoundary","Math","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","_templateObject2","AnimatedPosterImage","_ref7","_ref","start","max","end","fps","getAnimatedPosterSrc","withBorder","AnimatedVideoThumbnail","_ref8","FancyBackdrop","Spinner","muted","tone","_templateObject3","ThumbGrid","Grid","_templateObject4","CardLoadMore","_templateObject5","useDocumentValues","isReference"],"mappings":"uvBAKA,MAAMA,EAAO,CAAC,UAAW,OAAQ,aAAc,SAAU,YAAa,YCF/D,SAASC,IACd,OAAOC,YAAgB,CAACC,WAAY,cACtC,CCOO,MAAMC,EAAM,cCMZ,SAASC,EACdC,EACAC,EACAC,EACAC,GAEA,MAAMC,aAACA,EAAAC,kBAAcA,GDVhB,SAAqBL,GAC1B,MAAMM,UAACA,EAAAC,QAAWA,GAAWP,EAAOQ,SACpC,OAAOC,WAAQC,UACP,MAAAC,QAAaX,EAAOY,MAQxB,+IAAA,CAACd,QAEI,MAAA,CACLe,aAAOF,WAAME,QAAS,KACtBC,iBAAWH,WAAMG,YAAa,KAC9BC,iBAAkBC,QAAc,MAANL,OAAM,EAAAA,EAAAI,oBAAqB,EACrDX,oBAAcO,WAAMP,eAAgB,KACpCC,yBAAmBM,WAAMN,oBAAqB,KAChD,GACC,CAACY,EAAAA,QAASnB,EAAKQ,EAAWC,GAC/B,CCX4CW,CAAYlB,GACtD,IAAKI,EACG,MAAA,IAAIe,UAAU,wBAEtB,IAAKd,EACG,MAAA,IAAIc,UAAU,6BAGhB,MAACC,QAASC,GAAQZ,EAAAA,SAAQ,IAAMa,QAAAC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAO,yBAAA,KAA0B,CAAC,0BAEjE,OAAAL,EACLlB,EAAUwB,KAAKC,MAAMD,KAAKE,UAAU1B,GAAS,CAAC2B,EAAGC,IAAM,MAAAA,EAAAA,OAAK,KAAc,CAAC,EAC3EC,KAAK3B,GACL,CACE4B,UAAW,QACXC,MAAO9B,EACP+B,SAAUjC,EACVkC,QAASnC,EACToC,aAAa,EACbC,UAAW,OAGjB,CC5CO,SAASC,EAAcC,GACxB,WAACA,WAAOvC,YAEJ,MADNwC,QAAQC,MAAM,gCAAiC,CAACF,UAC1C,IAAIrB,UAA8B,sBAE1C,OAAOqB,EAAMvC,UACf,CCNO,SAAS0C,EAAkBH,GAFlC,IAAAI,EAAAC,EAAAC,EAAAC,EAGS,OAAA,OAAAA,EAAA,OAAAD,EAAA,OAAAD,EAAA,OAAAD,EAAAJ,EAAM7B,WAAM,EAAAiC,EAAAI,uBAAe,SAA3B,EAAAF,EAA+BG,QAAUF,EAAA,QAClD,CCQO,SAASG,EAOsBC,GAAA,IAPTX,MAC3BA,EAAAxC,OACAA,EAAAoD,SACAA,EAAAC,OACAA,EAAAC,KACAA,EAAOd,EAAMe,UAAAC,MACbA,GACoCL,EACpC,MAAMM,EAAS,CAACL,WAAUC,SAAQC,OAAME,SAClCvD,EAAasC,EAAcC,GAEjC,IAAIkB,EAAe,IAAIC,gBACrBhC,KAAKC,MAAMD,KAAKE,UAAU4B,GAAQ,CAAC3B,EAAGC,IAAW,MAALA,EAAKA,OAAA,MAE/C,GAA6B,WAA7BY,EAAkBH,GAAqB,CACzC,MAAM3B,EAAQd,EAAYC,EAAQC,EAAY,IAAKwD,GACnDC,EAAe,IAAIC,gBAAgB,CAAC9C,SACtC,CAEA,MAAgCZ,yBAAAA,OAAAA,4BAA4ByD,EAC9D,CClBA,MAAME,EAAkB,CAACC,OAAQ,GAAK,GAShCC,EAAcC,EAAAA,MAAK,SAMJC,GAAA,IANyBC,IAC5CA,EAAAC,IACAA,EAAAb,OACAA,EAAAG,MACAA,EAAAW,YACAA,GACmBH,EAQnB,OAPAvD,EAAAA,SAAQC,UACN,MAAM0D,EAAM,IAAIC,MAAMb,EAAOH,GAC7Be,EAAIE,SAAW,QACfF,EAAIF,IAAMA,QACJE,EAAIG,QAAO,GAChB,CAAC,0BAA2B,QAASL,IAEhCM,EAAAA,IAAA,MAAA,CAAIP,MAAUC,MAAUb,SAAgBG,QAAciB,MAAO,CAACN,gBACxE,IAGMO,EAAoBC,EAAAA,QAAYC,EAAAA,aAAZD,CAAwBE,IAAAA,EAAAC,EAAA,CAAA,+CAS5CC,EAAkCC,IAAkD,IAAjDC,KAACA,GAAgDD,EACxF,OACGE,EAAAA,KAAAC,EAAAA,OAAA,CACCC,MAAO,EACPX,MAAO,CACLY,UAAWJ,EAAO,eAAY,EAC9BK,aAAcL,OAAO,EAAY,WAGnCM,SAAA,CAAAf,EAAAA,IAACgB,EAASA,SAAA,IAAE,2BAEd,EAQEC,EAAcC,IAAuD,IAAtDlD,MAACA,SAAOa,EAAQG,MAAAA,EAAAmC,QAAOA,GAA+BD,EACzE,MAAM1F,EAASL,IACTuE,EAAMhB,EAAa,CACvBV,QACAxC,SACAqD,SACAG,QACAJ,SAAU,cAENwC,EAAWC,EAAAA,SACf,IACEF,GAAwC,WAA7BhD,EAAkBH,GAC1BgC,EAAAA,IAAAO,EAAA,CAAgCE,MAAI,SACnC,GACN,CAACzC,EAAOmD,IAKV,OACGnB,EAAAA,IAAAE,EAAA,CACCd,kBACAgC,WACAE,MAAOtB,EAAAA,IAAAuB,WAAA,CAAGR,SAAA,OACVS,MAAQxB,EAAAA,IAAAV,EAAA,CAAYG,IAAI,GAAGC,MAAUb,SAAgBG,WACvD,EAOSyC,EAAiBlC,EAAAA,MAAK,SAIXmC,GAAA,IAJmC1D,MACzDA,EAAAgB,MACAA,EAAAmC,QACAA,GACsBO,EACtB,MAAMC,cAACA,EAAAC,SAAeA,EAAU1D,MAAAA,GAAS2D,EAAiBA,mBACpDhD,EAASiD,KAAKC,MAAe,EAAR/C,EAAa,IAClCoC,EAAWC,EAAAA,SACf,IACEF,GAAwC,WAA7BhD,EAAkBH,GAC3BgC,EAAAA,IAACO,WACC,GACN,CAACY,EAASnD,IAGZ,OAAI4D,EAEC5B,EAAAA,IAAAE,EAAA,CACCkB,SAAUlD,EAAM8D,QAChB5C,kBACAkC,MAAM,+BACNE,MACGxB,EAAAA,IAAAiC,OAAA,CAAKC,OAAQ,EAAGrD,OAAO,OAAOoB,MAAO,CAACkC,SAAU,WAAYnD,MAAO,QAClE+B,SAACf,EAAAA,IAAAoC,MAAA,CACCnC,MAAO,CACLoC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZJ,SAAU,WACVK,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,GAGV5B,eAAC6B,EAAYA,YAAA,UAStB5C,EAAAA,IAAA2B,EAAA,CACCZ,SAACf,EAAAA,IAAA6C,WAAA,CACCC,SACG9C,EAAAA,IAAAE,EAAA,CACC6C,eAAa,EACbzB,MAAM,uBACNF,WACAhC,oBAIJ2B,SAACf,EAAAA,IAAAiB,EAAA,CAAYE,UAAkBnD,QAAca,SAAgBG,aAIrE,IAGMgE,EAA4B7C,EAAAA,QAAYC,EAAAA,aAAZD,CAAwB8C,IAAAA,EAAA3C,EAAA,CAAA,iDASpD4C,EAAsBC,IAA8C,IAA7CnF,MAACA,EAAAgB,MAAOA,GAAqCmE,EACxE,MACMzD,EClKD,SAQ+C0D,GAAA,IARjBpF,MACnCA,EAAAxC,OACAA,EAAAqD,OACAA,EAAAG,MACAA,EAAAqE,MACAA,GAAQrF,EAAMe,UAAY+C,KAAKwB,IAAI,EAAGtF,EAAMe,UAAY,KAAO,GAAAwE,IAC/DA,EAAMF,EAAQ,EAAAG,IACdA,EAAM,IAC8CJ,EACpD,MAAMnE,EAAS,CAACJ,SAAQG,QAAOqE,QAAOE,MAAKC,OACrC/H,EAAasC,EAAcC,GAEjC,IAAIkB,EAAe,IAAIC,gBACrBhC,KAAKC,MAAMD,KAAKE,UAAU4B,GAAQ,CAAC3B,EAAGC,IAAW,MAALA,EAAKA,OAAA,MAE/C,GAA6B,WAA7BY,EAAkBH,GAAqB,CACzC,MAAM3B,EAAQd,EAAYC,EAAQC,EAAY,IAAKwD,GACnDC,EAAe,IAAIC,gBAAgB,CAAC9C,SACtC,CAEA,MAAgCZ,yBAAAA,OAAAA,2BAA2ByD,EAC7D,CD6IcuE,CAAqB,CAACzF,QAAOxC,OAD1BL,IACkC6D,UAIjD,OACGgB,EAAAA,IAAAgD,EAAA,CACCU,YAAY,EACZtE,kBACAoC,MAAQxB,EAAAA,IAAAV,EAAA,CAAYG,IAAI,GAAGC,MAAUV,QAAcW,YAAY,UACjE,EAOSgE,EAAyBpE,EAAAA,MAAK,SAGXqE,GAAA,IAH2C5F,MACzEA,EAAAgB,MACAA,GAC8B4E,EAC9B,MAAMjC,cAACA,EAAAC,SAAeA,GAAYC,EAAiBA,mBAEnD,OAAID,EACK,KAIN5B,EAAAA,IAAA2B,EAAA,CACCZ,SAACf,EAAAA,IAAA6C,WAAA,CACCC,SACG9C,EAAAA,IAAA6D,EAAA,CACC9C,SAACf,EAAAA,IAAAE,EAAA,CACCd,kBACAsE,YAAY,EACZlC,MAAQxB,EAAAA,IAAA8D,UAAA,CAAQC,OAAK,QAK3BhD,SAACf,EAAAA,IAAAiC,OAAA,CAAKpD,OAAO,OAAOmF,KAAK,cACvBjD,SAACf,EAAAA,IAAAkD,EAAA,CAAoBlF,QAAcgB,eAK7C,IACM6E,EAAgB1D,EAAAA,QAAOiC,EAAAA,IAAPjC,CAAU8D,IAAAA,EAAA3D,EAAA,CAAA,oGAKnB4D,EAAY/D,EAAAA,QAAOgE,EAAAA,KAAPhE,CAAWiE,IAAAA,EAAA9D,EAAA,CAAA,0EAIvB+D,EAAelE,EAAAA,QAAO8B,EAAAA,KAAP9B,CAAWmE,IAAAA,EAAAhE,EAAA,CAAA,mWP/NAtC,GACrCuG,EAAAA,kBACEC,EAAAA,YAAYxG,GAASA,EAAMoF,KAAQ,GACnClI"}

package/lib/_chunks/VideoSource.styled-f92259cd.esm.js

@@ -1,2 +0,0 @@
-var e,t,i,n,s;function r(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}import{useDocumentValues as o,isReference as a,useClient as l,MediaPreview as d}from"sanity";import{jsx as c,jsxs as m,Fragment as u}from"react/jsx-runtime";import{UnknownIcon as h,LockIcon as g}from"@sanity/icons";import{Card as p,Box as f,Spinner as y,Grid as b,Inline as w}from"@sanity/ui";import{memo as v,useMemo as k,Suspense as x}from"react";import I from"styled-components";import{suspend as S}from"suspend-react";import{useErrorBoundary as K}from"use-error-boundary";import{c as T}from"./index-3d8d7583.esm.js";const j=["assetId","data","playbackId","status","thumbTime","filename"],P=e=>o(a(e)?e._ref:"",j);function O(){return l({apiVersion:"2022-09-14"})}const _="secrets.mux";function R(e,t,i,n){const{signingKeyId:s,signingKeyPrivate:r}=function(e){const{projectId:t,dataset:i}=e.config();return S((async()=>{const t=await e.fetch("*[_id == $_id][0]{\n        token,\n        secretKey,\n        enableSignedUrls,\n        signingKeyId,\n        signingKeyPrivate\n      }",{_id:_});return{token:(null==t?void 0:t.token)||null,secretKey:(null==t?void 0:t.secretKey)||null,enableSignedUrls:Boolean(null==t?void 0:t.enableSignedUrls)||!1,signingKeyId:(null==t?void 0:t.signingKeyId)||null,signingKeyPrivate:(null==t?void 0:t.signingKeyPrivate)||null}}),[T,_,t,i])}(e);if(!s)throw new TypeError("Missing signingKeyId");if(!r)throw new TypeError("Missing signingKeyPrivate");const{default:o}=S((()=>import("jsonwebtoken-esm/sign")),["jsonwebtoken-esm/sign"]);return o(n?JSON.parse(JSON.stringify(n,((e,t)=>null!=t?t:void 0))):{},atob(r),{algorithm:"RS256",keyid:s,audience:i,subject:t,noTimestamp:!0,expiresIn:"12h"})}function U(e){if(!(null==e?void 0:e.playbackId))throw console.error("Asset is missing a playbackId",{asset:e}),new TypeError("Missing playbackId");return e.playbackId}function B(e){var t,i,n,s;return null!=(s=null==(n=null==(i=null==(t=e.data)?void 0:t.playback_ids)?void 0:i[0])?void 0:n.policy)?s:"public"}function E(e){let{asset:t,client:i,fit_mode:n,height:s,time:r=t.thumbTime,width:o}=e;const a={fit_mode:n,height:s,time:r,width:o},l=U(t);let d=new URLSearchParams(JSON.parse(JSON.stringify(a,((e,t)=>null!=t?t:void 0))));if("signed"===B(t)){const e=R(i,l,"t",a);d=new URLSearchParams({token:e})}return"https://image.mux.com/".concat(l,"/thumbnail.png?").concat(d)}const J={aspect:16/9},N=v((function(e){let{alt:t,src:i,height:n,width:s,aspectRatio:r}=e;return S((async()=>{const e=new Image(s,n);e.decoding="async",e.src=i,await e.decode()}),["sanity-plugin-mux-input","image",i]),c("img",{alt:t,src:i,height:n,width:s,style:{aspectRatio:r}})})),C=I(d)(e||(e=r(["\n  img {\n    object-fit: cover;\n  }\n"]))),D=e=>{let{solo:t}=e;return m(w,{space:1,style:{marginTop:t?"-1.35em":void 0,marginBottom:t?void 0:"0.35rem"},children:[c(g,{}),"Signed playback policy"]})},L=e=>{let{asset:t,height:i,width:n,showTip:s}=e;const r=O(),o=E({asset:t,client:r,height:i,width:n,fit_mode:"smartcrop"}),a=k((()=>s&&"signed"===B(t)?c(D,{solo:!0}):void 0),[t,s]);return c(C,{mediaDimensions:J,subtitle:a,title:c(u,{children:null}),media:c(N,{alt:"",src:o,height:i,width:n})})},M=v((function(e){let{asset:t,width:i,showTip:n}=e;const{ErrorBoundary:s,didCatch:r,error:o}=K(),a=Math.round(9*i/16),l=k((()=>n&&"signed"===B(t)?c(D,{}):void 0),[n,t]);return r?c(C,{subtitle:o.message,mediaDimensions:J,title:"Error when loading thumbnail",media:c(p,{radius:2,height:"fill",style:{position:"relative",width:"100%"},children:c(f,{style:{display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",top:0,left:0,right:0,bottom:0},children:c(h,{})})})}):c(s,{children:c(x,{fallback:c(C,{isPlaceholder:!0,title:"Loading thumbnail...",subtitle:l,mediaDimensions:J}),children:c(L,{showTip:n,asset:t,height:a,width:i})})})})),z=I(d)(t||(t=r(["\n  img {\n    object-fit: contain;\n  }\n"]))),A=e=>{let{asset:t,width:i}=e;const n=function(e){let{asset:t,client:i,height:n,width:s,start:r=(t.thumbTime?Math.max(0,t.thumbTime-2.5):0),end:o=r+5,fps:a=15}=e;const l={height:n,width:s,start:r,end:o,fps:a},d=U(t);let c=new URLSearchParams(JSON.parse(JSON.stringify(l,((e,t)=>null!=t?t:void 0))));if("signed"===B(t)){const e=R(i,d,"g",l);c=new URLSearchParams({token:e})}return"https://image.mux.com/".concat(d,"/animated.gif?").concat(c)}({asset:t,client:O(),width:i});return c(z,{withBorder:!1,mediaDimensions:J,media:c(N,{alt:"",src:n,width:i,aspectRatio:"16:9"})})},V=v((function(e){let{asset:t,width:i}=e;const{ErrorBoundary:n,didCatch:s}=K();return s?null:c(n,{children:c(x,{fallback:c($,{children:c(C,{mediaDimensions:J,withBorder:!1,media:c(y,{muted:!0})})}),children:c(p,{height:"fill",tone:"transparent",children:c(A,{asset:t,width:i})})})})})),$=I(f)(i||(i=r(["\n  backdrop-filter: blur(8px) brightness(0.5) saturate(2);\n  mix-blend-mode: color-dodge;\n"]))),q=I(b)(n||(n=r(["\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n"]))),F=I(p)(s||(s=r(["\n  border-top: 1px solid var(--card-border-color);\n  position: sticky;\n  bottom: 0;\n  z-index: 200;\n"])));export{V as A,F as C,q as T,M as V,_,B as a,R as b,E as c,P as d,U as g,O as u};
-//# sourceMappingURL=VideoSource.styled-f92259cd.esm.js.map

package/lib/_chunks/VideoSource.styled-f92259cd.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoSource.styled-f92259cd.esm.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/getPosterSrc.ts","../../src/components/VideoSource.styled.tsx","../../src/util/getAnimatedPosterSrc.ts"],"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/client'\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/client'\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/client'\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","import type {SanityClient} from '@sanity/client'\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"],"names":["path","useAssetDocumentValues","asset","useDocumentValues","isReference","_ref","useClient","useSanityClient","apiVersion","_id","generateJwt","client","playbackId","aud","payload","signingKeyId","signingKeyPrivate","projectId","dataset","config","suspend","async","data","fetch","token","secretKey","enableSignedUrls","Boolean","cacheNs","readSecrets","TypeError","default","sign","import","JSON","parse","stringify","_","v","atob","algorithm","keyid","audience","subject","noTimestamp","expiresIn","getPlaybackId","console","error","getPlaybackPolicy","_a","_b","_c","_d","playback_ids","policy","getPosterSrc","_ref2","fit_mode","height","time","thumbTime","width","params","searchParams","URLSearchParams","mediaDimensions","aspect","ImageLoader","memo","_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","Fragment","media","VideoThumbnail","_ref6","ErrorBoundary","didCatch","useErrorBoundary","Math","round","message","Card","radius","position","Box","display","justifyContent","alignItems","top","left","right","bottom","UnknownIcon","Suspense","fallback","isPlaceholder","AnimatedVideoMediaPreview","_templateObject2","AnimatedPosterImage","_ref7","start","max","end","fps","getAnimatedPosterSrc","withBorder","AnimatedVideoThumbnail","_ref8","FancyBackdrop","Spinner","muted","tone","_templateObject3","ThumbGrid","Grid","_templateObject4","CardLoadMore","_templateObject5"],"mappings":"woBAKA,MAAMA,EAAO,CAAC,UAAW,OAAQ,aAAc,SAAU,YAAa,YACzDC,EAA0BC,GACrCC,EACEC,EAAYF,GAASA,EAAMG,KAAQ,GACnCL,GCNG,SAASM,IACd,OAAOC,EAAgB,CAACC,WAAY,cACtC,CCOO,MAAMC,EAAM,cCMZ,SAASC,EACdC,EACAC,EACAC,EACAC,GAEA,MAAMC,aAACA,EAAAC,kBAAcA,GDVhB,SAAqBL,GAC1B,MAAMM,UAACA,EAAAC,QAAWA,GAAWP,EAAOQ,SACpC,OAAOC,GAAQC,UACP,MAAAC,QAAaX,EAAOY,MAQxB,+IAAA,CAACd,QAEI,MAAA,CACLe,aAAOF,WAAME,QAAS,KACtBC,iBAAWH,WAAMG,YAAa,KAC9BC,iBAAkBC,QAAc,MAANL,OAAM,EAAAA,EAAAI,oBAAqB,EACrDX,oBAAcO,WAAMP,eAAgB,KACpCC,yBAAmBM,WAAMN,oBAAqB,KAChD,GACC,CAACY,EAASnB,EAAKQ,EAAWC,GAC/B,CCX4CW,CAAYlB,GACtD,IAAKI,EACG,MAAA,IAAIe,UAAU,wBAEtB,IAAKd,EACG,MAAA,IAAIc,UAAU,6BAGhB,MAACC,QAASC,GAAQZ,GAAQ,IAAMa,OAAO,0BAA0B,CAAC,0BAEjE,OAAAD,EACLlB,EAAUoB,KAAKC,MAAMD,KAAKE,UAAUtB,GAAS,CAACuB,EAAGC,IAAM,MAAAA,EAAAA,OAAK,KAAc,CAAC,EAC3EC,KAAKvB,GACL,CACEwB,UAAW,QACXC,MAAO1B,EACP2B,SAAU7B,EACV8B,QAAS/B,EACTgC,aAAa,EACbC,UAAW,OAGjB,CC5CO,SAASC,EAAc5C,GACxB,WAACA,WAAOU,YAEJ,MADNmC,QAAQC,MAAM,gCAAiC,CAAC9C,UAC1C,IAAI4B,UAA8B,sBAE1C,OAAO5B,EAAMU,UACf,CCNO,SAASqC,EAAkB/C,GAFlC,IAAAgD,EAAAC,EAAAC,EAAAC,EAGS,OAAA,OAAAA,EAAA,OAAAD,EAAA,OAAAD,EAAA,OAAAD,EAAAhD,EAAMoB,WAAM,EAAA4B,EAAAI,uBAAe,SAA3B,EAAAF,EAA+BG,QAAUF,EAAA,QAClD,CCQO,SAASG,EAOsBC,GAAA,IAPTvD,MAC3BA,EAAAS,OACAA,EAAA+C,SACAA,EAAAC,OACAA,EAAAC,KACAA,EAAO1D,EAAM2D,UAAAC,MACbA,GACoCL,EACpC,MAAMM,EAAS,CAACL,WAAUC,SAAQC,OAAME,SAClClD,EAAakC,EAAc5C,GAEjC,IAAI8D,EAAe,IAAIC,gBACrB/B,KAAKC,MAAMD,KAAKE,UAAU2B,GAAQ,CAAC1B,EAAGC,IAAW,MAALA,EAAKA,OAAA,MAE/C,GAA6B,WAA7BW,EAAkB/C,GAAqB,CACzC,MAAMsB,EAAQd,EAAYC,EAAQC,EAAY,IAAKmD,GACnDC,EAAe,IAAIC,gBAAgB,CAACzC,SACtC,CAEA,MAAgCZ,yBAAAA,OAAAA,4BAA4BoD,EAC9D,CClBA,MAAME,EAAkB,CAACC,OAAQ,GAAK,GAShCC,EAAcC,GAAK,SAMJC,GAAA,IANyBC,IAC5CA,EAAAC,IACAA,EAAAb,OACAA,EAAAG,MACAA,EAAAW,YACAA,GACmBH,EAQnB,OAPAlD,GAAQC,UACN,MAAMqD,EAAM,IAAIC,MAAMb,EAAOH,GAC7Be,EAAIE,SAAW,QACfF,EAAIF,IAAMA,QACJE,EAAIG,QAAO,GAChB,CAAC,0BAA2B,QAASL,IAEhCM,EAAA,MAAA,CAAIP,MAAUC,MAAUb,SAAgBG,QAAciB,MAAO,CAACN,gBACxE,IAGMO,EAAoBC,EAAYC,EAAZD,CAAwBE,IAAAA,EAAAC,EAAA,CAAA,+CAS5CC,EAAkCC,IAAkD,IAAjDC,KAACA,GAAgDD,EACxF,OACGE,EAAAC,EAAA,CACCC,MAAO,EACPX,MAAO,CACLY,UAAWJ,EAAO,eAAY,EAC9BK,aAAcL,OAAO,EAAY,WAGnCM,SAAA,CAAAf,EAACgB,EAAS,IAAE,2BAEd,EAQEC,EAAcC,IAAuD,IAAtD9F,MAACA,SAAOyD,EAAQG,MAAAA,EAAAmC,QAAOA,GAA+BD,EACzE,MAAMrF,EAASL,IACTkE,EAAMhB,EAAa,CACvBtD,QACAS,SACAgD,SACAG,QACAJ,SAAU,cAENwC,EAAWC,GACf,IACEF,GAAwC,WAA7BhD,EAAkB/C,GAC1B4E,EAAAO,EAAA,CAAgCE,MAAI,SACnC,GACN,CAACrF,EAAO+F,IAKV,OACGnB,EAAAE,EAAA,CACCd,kBACAgC,WACAE,MAAOtB,EAAAuB,EAAA,CAAGR,SAAA,OACVS,MAAQxB,EAAAV,EAAA,CAAYG,IAAI,GAAGC,MAAUb,SAAgBG,WACvD,EAOSyC,EAAiBlC,GAAK,SAIXmC,GAAA,IAJmCtG,MACzDA,EAAA4D,MACAA,EAAAmC,QACAA,GACsBO,EACtB,MAAMC,cAACA,EAAAC,SAAeA,EAAU1D,MAAAA,GAAS2D,IACnChD,EAASiD,KAAKC,MAAe,EAAR/C,EAAa,IAClCoC,EAAWC,GACf,IACEF,GAAwC,WAA7BhD,EAAkB/C,GAC3B4E,EAACO,WACC,GACN,CAACY,EAAS/F,IAGZ,OAAIwG,EAEC5B,EAAAE,EAAA,CACCkB,SAAUlD,EAAM8D,QAChB5C,kBACAkC,MAAM,+BACNE,MACGxB,EAAAiC,EAAA,CAAKC,OAAQ,EAAGrD,OAAO,OAAOoB,MAAO,CAACkC,SAAU,WAAYnD,MAAO,QAClE+B,SAACf,EAAAoC,EAAA,CACCnC,MAAO,CACLoC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZJ,SAAU,WACVK,IAAK,EACLC,KAAM,EACNC,MAAO,EACPC,OAAQ,GAGV5B,WAAC6B,EAAY,UAStB5C,EAAA2B,EAAA,CACCZ,SAACf,EAAA6C,EAAA,CACCC,SACG9C,EAAAE,EAAA,CACC6C,eAAa,EACbzB,MAAM,uBACNF,WACAhC,oBAIJ2B,SAACf,EAAAiB,EAAA,CAAYE,UAAkB/F,QAAcyD,SAAgBG,aAIrE,IAGMgE,EAA4B7C,EAAYC,EAAZD,CAAwB8C,IAAAA,EAAA3C,EAAA,CAAA,iDASpD4C,EAAsBC,IAA8C,IAA7C/H,MAACA,EAAA4D,MAAOA,GAAqCmE,EACxE,MACMzD,EClKD,SAQ+CnE,GAAA,IARjBH,MACnCA,EAAAS,OACAA,EAAAgD,OACAA,EAAAG,MACAA,EAAAoE,MACAA,GAAQhI,EAAM2D,UAAY+C,KAAKuB,IAAI,EAAGjI,EAAM2D,UAAY,KAAO,GAAAuE,IAC/DA,EAAMF,EAAQ,EAAAG,IACdA,EAAM,IAC8ChI,EACpD,MAAM0D,EAAS,CAACJ,SAAQG,QAAOoE,QAAOE,MAAKC,OACrCzH,EAAakC,EAAc5C,GAEjC,IAAI8D,EAAe,IAAIC,gBACrB/B,KAAKC,MAAMD,KAAKE,UAAU2B,GAAQ,CAAC1B,EAAGC,IAAW,MAALA,EAAKA,OAAA,MAE/C,GAA6B,WAA7BW,EAAkB/C,GAAqB,CACzC,MAAMsB,EAAQd,EAAYC,EAAQC,EAAY,IAAKmD,GACnDC,EAAe,IAAIC,gBAAgB,CAACzC,SACtC,CAEA,MAAgCZ,yBAAAA,OAAAA,2BAA2BoD,EAC7D,CD6IcsE,CAAqB,CAACpI,QAAOS,OAD1BL,IACkCwD,UAIjD,OACGgB,EAAAgD,EAAA,CACCS,YAAY,EACZrE,kBACAoC,MAAQxB,EAAAV,EAAA,CAAYG,IAAI,GAAGC,MAAUV,QAAcW,YAAY,UACjE,EAOS+D,EAAyBnE,GAAK,SAGXoE,GAAA,IAH2CvI,MACzEA,EAAA4D,MACAA,GAC8B2E,EAC9B,MAAMhC,cAACA,EAAAC,SAAeA,GAAYC,IAElC,OAAID,EACK,KAIN5B,EAAA2B,EAAA,CACCZ,SAACf,EAAA6C,EAAA,CACCC,SACG9C,EAAA4D,EAAA,CACC7C,SAACf,EAAAE,EAAA,CACCd,kBACAqE,YAAY,EACZjC,MAAQxB,EAAA6D,EAAA,CAAQC,OAAK,QAK3B/C,SAACf,EAAAiC,EAAA,CAAKpD,OAAO,OAAOkF,KAAK,cACvBhD,SAACf,EAAAkD,EAAA,CAAoB9H,QAAc4D,eAK7C,IACM4E,EAAgBzD,EAAOiC,EAAPjC,CAAU6D,IAAAA,EAAA1D,EAAA,CAAA,oGAKnB2D,EAAY9D,EAAO+D,EAAP/D,CAAWgE,IAAAA,EAAA7D,EAAA,CAAA,0EAIvB8D,EAAejE,EAAO8B,EAAP9B,CAAWkE,IAAAA,EAAA/D,EAAA,CAAA"}

package/lib/_chunks/index-3d8d7583.esm.js

@@ -1,2 +0,0 @@
-var e;function r(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function t(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?r(Object(o),!0).forEach((function(r){n(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}import{isObjectInputProps as o,definePlugin as i}from"sanity";import{jsx as c,jsxs as s}from"react/jsx-runtime";import{memo as a,useRef as l,useCallback as d,lazy as p,Suspense as u}from"react";import{useToast as m,Flex as f,Inline as h,Button as g,Card as y,Grid as b,Heading as v,Text as j,Spinner as O,Box as w}from"@sanity/ui";import x from"scroll-into-view-if-needed";import{clear as k}from"suspend-react";import{useErrorBoundary as P}from"use-error-boundary";import T from"styled-components";const C="sanity-plugin-mux-input",D="secrets.mux";var E=a((function(e){const{children:r,schemaType:t}=e,{push:n}=m(),o=l(null),{ErrorBoundary:i,didCatch:a,error:p,reset:u}=P({onDidCatch:(e,r)=>{console.group(e.toString()),console.groupCollapsed("console.error"),console.error(e),console.groupEnd(),e.stack&&(console.groupCollapsed("error.stack"),console.log(e.stack),console.groupEnd()),(null==r?void 0:r.componentStack)&&(console.groupCollapsed("errorInfo.componentStack"),console.log(r.componentStack),console.groupEnd()),console.groupEnd(),n({status:"error",title:"Plugin crashed",description:c(f,{align:"center",children:s(h,{space:1,children:["An error happened while rendering",c(g,{padding:1,fontSize:1,style:{transform:"translateY(1px)"},mode:"ghost",text:t.title,onClick:()=>{o.current&&x(o.current,{behavior:"smooth",scrollMode:"if-needed",block:"center"})}})]})})})}}),O=d((()=>{k(["mux-input"]),u()}),[u]);return a?c(y,{ref:o,paddingX:[2,3,4,4],height:"fill",shadow:1,overflow:"auto",children:c(f,{justify:"flex-start",align:"center",height:"fill",children:s(b,{columns:1,gap:[2,3,4,4],children:[s(v,{as:"h1",children:["The ",c("code",{children:"mux-input"})," plugin crashed"]}),(null==p?void 0:p.message)&&c(y,{padding:3,tone:"critical",shadow:1,radius:2,children:c(j,{children:p.message})}),c(h,{children:c(g,{onClick:O,text:"Retry"})})]})})}):c(i,{children:r})}));const S=T(y)(e||(z=["\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n"],I||(I=z.slice(0)),e=Object.freeze(Object.defineProperties(z,{raw:{value:Object.freeze(I)}}))));var z,I;const A=()=>c("div",{style:{padding:1},children:c(y,{shadow:1,sizing:"border",style:{aspectRatio:"16/9",width:"100%",borderRadius:"1px"},children:s(f,{align:"center",direction:"column",height:"fill",justify:"center",children:[c(O,{muted:!0}),c(w,{marginTop:3,children:c(j,{align:"center",muted:!0,size:1,children:"Loading…"})})]})})}),R=p((()=>import("./Input-af5a0a66.esm.js")));var V=e=>a((function(r){return function(e){var r;return o(e)&&"mux.video"===(null==(r=e.schemaType.type)?void 0:r.name)}(r)?c(S,{children:c(E,{schemaType:r.schemaType,children:c(u,{fallback:c(A,{}),children:c(R,t({config:e},r))})})}):r.renderDefault(r)}));const B=p((()=>import("./Preview-bb256342.esm.js")));var L=a((function(e){return function(e){var r,t;return"mux.video"===(null==(t=null==(r=e.schemaType)?void 0:r.type)?void 0:t.name)}(e)?c(S,{children:c(B,t({},e))}):e.renderDefault(e)}));const M={mp4_support:"none"},X=i((e=>{const r=t(t({},M),e);return{name:"mux-input",form:{components:{input:V(r),preview:L}},schema:{types:[{name:"mux.video",type:"object",title:"Video asset reference",fields:[{title:"Video",name:"asset",type:"reference",weak:!0,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{A as I,X as a,C as c,M as d,D as m};
-//# sourceMappingURL=index-3d8d7583.esm.js.map

package/lib/_chunks/index-3d8d7583.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-3d8d7583.esm.js","sources":["../../src/util/constants.ts","../../src/components/ErrorBoundaryCard.tsx","../../src/components/Input.styled.tsx","../../src/components/FormInput.tsx","../../src/util/asserters.ts","../../src/components/FormPreview.tsx","../../src/index.ts"],"sourcesContent":["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 {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","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":["cacheNs","muxSecretsDocumentId","ErrorBoundaryCard$1","memo","props","children","schemaType","push","pushToast","useToast","errorRef","useRef","ErrorBoundary","didCatch","error","reset","useErrorBoundary","onDidCatch","err","errorInfo","console","group","toString","groupCollapsed","groupEnd","stack","log","componentStack","status","title","description","jsx","Flex","align","jsxs","Inline","space","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","AspectRatioCard","styled","_templateObject","InputFallback","sizing","aspectRatio","width","borderRadius","direction","Spinner","muted","Box","marginTop","size","Input","lazy","import","createFormInput","config","_a","isObjectInputProps","type","name","isMuxInputProps","ErrorBoundaryCard","Suspense","fallback","_objectSpread","renderDefault","Preview","FormPreview","_b","isMuxInputPreviewProps","defaultConfig","mp4_support","muxInput","definePlugin","userConfig","form","components","input","preview","schema","types","fields","weak","to"],"mappings":"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"}

package/lib/_chunks/index-efe6ce48.js

@@ -1,2 +0,0 @@
-"use strict";var e;function r(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function n(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?r(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function t(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}var o=require("sanity"),s=require("react/jsx-runtime"),i=require("react"),c=require("@sanity/ui"),l=require("scroll-into-view-if-needed"),a=require("suspend-react"),u=require("use-error-boundary"),d=require("styled-components");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(l),f=p(d);var h=i.memo((function(e){const{children:r,schemaType:n}=e,{push:t}=c.useToast(),o=i.useRef(null),{ErrorBoundary:l,didCatch:d,error:p,reset:f}=u.useErrorBoundary({onDidCatch:(e,r)=>{console.group(e.toString()),console.groupCollapsed("console.error"),console.error(e),console.groupEnd(),e.stack&&(console.groupCollapsed("error.stack"),console.log(e.stack),console.groupEnd()),(null==r?void 0:r.componentStack)&&(console.groupCollapsed("errorInfo.componentStack"),console.log(r.componentStack),console.groupEnd()),console.groupEnd(),t({status:"error",title:"Plugin crashed",description:s.jsx(c.Flex,{align:"center",children:s.jsxs(c.Inline,{space:1,children:["An error happened while rendering",s.jsx(c.Button,{padding:1,fontSize:1,style:{transform:"translateY(1px)"},mode:"ghost",text:n.title,onClick:()=>{o.current&&m.default(o.current,{behavior:"smooth",scrollMode:"if-needed",block:"center"})}})]})})})}}),h=i.useCallback((()=>{a.clear(["mux-input"]),f()}),[f]);return d?s.jsx(c.Card,{ref:o,paddingX:[2,3,4,4],height:"fill",shadow:1,overflow:"auto",children:s.jsx(c.Flex,{justify:"flex-start",align:"center",height:"fill",children:s.jsxs(c.Grid,{columns:1,gap:[2,3,4,4],children:[s.jsxs(c.Heading,{as:"h1",children:["The ",s.jsx("code",{children:"mux-input"})," plugin crashed"]}),(null==p?void 0:p.message)&&s.jsx(c.Card,{padding:3,tone:"critical",shadow:1,radius:2,children:s.jsx(c.Text,{children:p.message})}),s.jsx(c.Inline,{children:s.jsx(c.Button,{onClick:h,text:"Retry"})})]})})}):s.jsx(l,{children:r})}));const x=f.default(c.Card)(e||(j=["\n  aspect-ratio: 16 / 9;\n  position: relative;\n  width: 100%;\n"],g||(g=j.slice(0)),e=Object.freeze(Object.defineProperties(j,{raw:{value:Object.freeze(g)}}))));var j,g;const y=()=>s.jsx("div",{style:{padding:1},children:s.jsx(c.Card,{shadow:1,sizing:"border",style:{aspectRatio:"16/9",width:"100%",borderRadius:"1px"},children:s.jsxs(c.Flex,{align:"center",direction:"column",height:"fill",justify:"center",children:[s.jsx(c.Spinner,{muted:!0}),s.jsx(c.Box,{marginTop:3,children:s.jsx(c.Text,{align:"center",muted:!0,size:1,children:"Loading…"})})]})})}),b=i.lazy((()=>Promise.resolve().then((function(){return require("./Input-2ba004d3.js")}))));var v=e=>i.memo((function(r){return function(e){var r;return o.isObjectInputProps(e)&&"mux.video"===(null==(r=e.schemaType.type)?void 0:r.name)}(r)?s.jsx(x,{children:s.jsx(h,{schemaType:r.schemaType,children:s.jsx(i.Suspense,{fallback:s.jsx(y,{}),children:s.jsx(b,n({config:e},r))})})}):r.renderDefault(r)}));const O=i.lazy((()=>Promise.resolve().then((function(){return require("./Preview-3195237b.js")}))));var w=i.memo((function(e){return function(e){var r,n;return"mux.video"===(null==(n=null==(r=e.schemaType)?void 0:r.type)?void 0:n.name)}(e)?s.jsx(x,{children:s.jsx(O,n({},e))}):e.renderDefault(e)}));const P={mp4_support:"none"},k=o.definePlugin((e=>{const r=n(n({},P),e);return{name:"mux-input",form:{components:{input:v(r),preview:w}},schema:{types:[{name:"mux.video",type:"object",title:"Video asset reference",fields:[{title:"Video",name:"asset",type:"reference",weak:!0,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"}]}]}}}));exports.InputFallback=y,exports.cacheNs="sanity-plugin-mux-input",exports.defaultConfig=P,exports.muxInput=k,exports.muxSecretsDocumentId="secrets.mux";
-//# sourceMappingURL=index-efe6ce48.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-efe6ce48.js","sources":["../../src/components/ErrorBoundaryCard.tsx","../../src/util/constants.ts","../../src/components/Input.styled.tsx","../../src/components/FormInput.tsx","../../src/util/asserters.ts","../../src/components/FormPreview.tsx","../../src/index.ts"],"sourcesContent":["/* 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","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","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 {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","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":["memo","props","children","schemaType","push","pushToast","useToast","errorRef","useRef","ErrorBoundary","didCatch","error","reset","useErrorBoundary","onDidCatch","err","errorInfo","console","group","toString","groupCollapsed","groupEnd","stack","log","componentStack","status","title","description","jsx","Flex","align","jsxs","Inline","space","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","AspectRatioCard","styled","_templateObject","InputFallback","sizing","aspectRatio","width","borderRadius","direction","Spinner","muted","Box","marginTop","size","Input","lazy","Promise","resolve","then","require","createFormInput","config","_a","isObjectInputProps","type","name","isMuxInputProps","ErrorBoundaryCard","Suspense","fallback","_objectSpread","renderDefault","Preview","FormPreview","_b","isMuxInputPreviewProps","defaultConfig","mp4_support","muxInput","definePlugin","userConfig","form","components","input","preview","schema","types","fields","weak","to"],"mappings":"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"}