{"version":3,"file":"index-UjeMqyC8.js","sources":["../../../../libs/ui/src/components/Video/utils.ts","../../../../libs/ui/src/components/VideoCard/Meta.tsx","../../../../libs/ui/src/components/VideoCard/VideoCard.tsx"],"sourcesContent":["import type {PlayerSrc} from '@vidstack/react'\nimport type {VideoType} from './VideoTypes'\n\nexport const defaultVideoValues: VideoType = {\n  url: '',\n  autoplay: false,\n  muted: false,\n  noControls: false,\n  standalone: false,\n  stopOnLeave: false,\n  loop: false,\n}\n\nexport const getVideoProviderEnum = (url: PlayerSrc) => {\n  if (typeof url === 'string') {\n    if (url.includes('.mp4')) return 'HTML5'\n    if (url.includes('vimeo.')) return 'VIMEO'\n    return 'YOUTUBE'\n  }\n  if (Array.isArray(url)) {\n    return 'URLSET'\n  }\n  return url.type\n}\n","import {parseSecondsHumanReadableString, twMerge} from '@sdox/utils'\n\nimport {RichText} from '../RichText'\n\nexport interface MetaProps {\n  url: string | null\n  openInNewTab: boolean\n  title: string | null\n  sourceName: string | null\n  duration: number | null\n  disclaimers: string[] | null\n}\n\nexport const Meta = (props: MetaProps) => {\n  const {duration, sourceName, title, disclaimers, openInNewTab, url} = props\n\n  const hasMeta = !!duration || !!sourceName || !!title || !!disclaimers\n\n  if (!hasMeta) {\n    return null\n  }\n\n  const hasDivider = !!sourceName && !!duration\n  const hasLink = !!sourceName && !!url\n\n  return (\n    <div\n      className={twMerge(\n        'flex flex-col gap-spacing-8',\n        'pl-spacing-0 pr-spacing-4 pt-spacing-16 @block-large:pl-block-small @block-large:pr-spacing-4',\n      )}\n    >\n      <h4 className={'line-clamp-5 text-p1-emphasized'}>{title}</h4>\n      <div className={'grid max-w-max grid-flow-col-dense gap-spacing-4 text-p1 text-glyph-default-secondary'}>\n        {hasLink && (\n          <a\n            href={url}\n            target={openInNewTab ? '_blank' : undefined}\n            className={twMerge(\n              'min-w-0 truncate visited:text-interactive-glyph-textlink-default-visited',\n              'hover:text-interactive-glyph-textlink-default-hovered active:text-interactive-glyph-textlink-default-pressed',\n            )}\n            rel={'noreferrer'}\n          >\n            {sourceName}\n          </a>\n        )}\n        {!hasLink && !!sourceName && (\n          <span className={'min-w-0 truncate'}>{sourceName}</span>\n        )}\n        {hasDivider && <span>|</span>}\n        {duration && (\n          <span className={'min-w-fit'}>\n            {parseSecondsHumanReadableString(duration)}\n          </span>\n        )}\n      </div>\n      {disclaimers?.map((content, i) =>\n        content ? (\n          <RichText\n            as={'p'}\n            key={i}\n            className={'line-clamp-[20] text-p2 text-glyph-default-secondary'}\n            content={content}\n          />\n        ) : null,\n      )}\n    </div>\n  )\n}\n","import {defaultComposer} from 'default-composer'\n\nimport {twMerge} from '@sdox/utils'\n\nimport {Meta} from './Meta'\nimport Player from '../Player'\nimport {defaultVideoValues, getVideoProviderEnum} from '../Video/utils'\n\nimport type {ClassNameValue} from 'tailwind-merge'\nimport type {VideoType} from '../Video/VideoTypes'\n\nexport interface VideoCardProps extends VideoType {\n  showBottomBorder?: boolean\n  className?: ClassNameValue\n  placeholderThumbnail?: string\n  disclaimer: string | null\n  pullout: boolean\n  openInNewTab: boolean\n  optionalTitle: string | null\n  videoDescription: string | null\n  duration: number | null\n  source: {\n    __typename?: 'SourceType'\n    id: string\n    title: string\n    url: string | null\n  } | null\n}\n\nexport const VideoCard = (props: VideoCardProps) => {\n  const {\n    className,\n    videoDescription,\n    openInNewTab,\n    duration,\n    disclaimer,\n    source,\n    optionalTitle,\n    url,\n    autoplay,\n    muted,\n    loop,\n    thumbnail,\n    noControls,\n    standalone,\n    meta,\n    showBottomBorder = false,\n  } = defaultComposer<VideoCardProps>(props, defaultVideoValues)\n\n  const hasMeta = (!!duration || !!source?.title || !!optionalTitle || !!disclaimer || !!videoDescription)\n\n  const isYoutube = getVideoProviderEnum(url) === 'YOUTUBE'\n\n  const disclaimers: string[] = [(disclaimer ?? ''), ...(videoDescription?.split('\\n') ?? [])].filter(v => !!v)\n\n  return (\n    <div className={'@container/block'}>\n      <div\n        className={twMerge(\n          'pullout-rounded-lg bg-surface-primary',\n          'auto-rows-max @block-large:grid @block-large:grid-cols-[1.5fr_1fr]',\n          hasMeta && ' @block-large:aspect-[3/1]',\n          (showBottomBorder && hasMeta) && '@block-large:border-b @block-large:border-outline-secondary @block-large:pb-block-medium',\n          className,\n        )}\n      >\n        <div\n          className={twMerge(\n            'relative mb-auto aspect-[16/9] w-full overflow-hidden',\n            !hasMeta && 'col-span-2',\n          )}\n        >\n          <Player\n            url={url}\n            autoplay={autoplay}\n            muted={muted}\n            loop={loop}\n            thumbnail={thumbnail}\n            noControls={noControls}\n            standalone={standalone}\n            meta={meta}\n            // VideoCard with meta is not defined with pullout, so we always use rounded-radius-md\n            className={hasMeta ? 'rounded-radius-md' : 'pullout-rounded-lg no-pullout-rounded-md'}\n          />\n        </div>\n        <Meta\n          url={isYoutube ? url.toString() : null}\n          openInNewTab={isYoutube ? true : openInNewTab}\n          title={optionalTitle}\n          sourceName={source?.title ?? null}\n          duration={duration}\n          disclaimers={disclaimers.length > 0 ? disclaimers : null}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["defaultVideoValues","getVideoProviderEnum","url","Meta","props","duration","sourceName","title","disclaimers","openInNewTab","hasDivider","hasLink","jsxs","twMerge","jsx","parseSecondsHumanReadableString","content","i","RichText","VideoCard","className","videoDescription","disclaimer","source","optionalTitle","autoplay","muted","loop","thumbnail","noControls","standalone","meta","showBottomBorder","defaultComposer","hasMeta","isYoutube","v","Player"],"mappings":"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"}