@clickview/reports 0.90.0-rc.1 → 0.90.0-rc.2

package/dist/scripts/{B-DINEq3.chunk.js.map → Ch4Y5yk4.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"B-DINEq3.chunk.js","names":[],"sources":["../../../../libs/shared/src/enums/VideoSource.ts","../../../../libs/shared/src/images/svg/objects/TrendingSvg.tsx","../../../../libs/shared/src/images/svg/status/CloseCaptionBadgeSvg.tsx","../../../../libs/shared/src/enums/MasterObjectTypes.ts","../../../../libs/shared/src/enums/ResourceFileType.ts","../../../../libs/shared/src/images/svg/objects/FileExcelSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePdfSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePptSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileWordSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileZipSvg.tsx","../../../../libs/shared/src/utils/VideoDetailsHelper.ts","../../../../libs/shared/src/components/badges/Badge.tsx","../../../../libs/shared/src/hooks/UseLazyLoad.ts","../../../../libs/shared/src/components/lazy-image/lazy-image.module.scss","../../../../libs/shared/src/components/lazy-image/LazyImage.tsx","../../../../libs/shared/src/components/image/image.module.scss","../../../../libs/shared/src/components/image/BaseImage.tsx","../../../../libs/shared/src/constants/ColourClassNames.ts","../../../../libs/shared/src/images/svg/actions/PlaySvg.tsx","../../../../libs/shared/src/images/svg/objects/ImageSvg.tsx","../../../../libs/shared/src/images/svg/objects/SeriesSvg.tsx","../../../../libs/shared/src/utils/getBgColorClass.ts","../../../../libs/shared/src/components/image/image-fallback.module.scss","../../../../libs/shared/src/components/image/ImageFallback.tsx"],"sourcesContent":["export enum VideoSource {\n  Exchange = 'exchange',\n  Streamable = 'streamable',\n  MoviesAndTv = 'movies_and_tv',\n  Twig = 'twig',\n  Espresso = 'espresso'\n}\n","import React from 'react';\n\nexport function TrendingSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M15.333 7.333a.667.667 0 1 0 0 1.334h2.39L13 13.39l-2.862-2.862a.667.667 0 0 0-.943 0l-5 5a.667.667 0 1 0 .943.942l4.529-4.528 2.862 2.862c.26.26.682.26.942 0l5.196-5.196V12A.667.667 0 0 0 20 12V8a.667.667 0 0 0-.667-.666z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function CloseCaptionBadgeSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M7.5 5A2.5 2.5 0 0 0 5 7.5v9A2.5 2.5 0 0 0 7.5 19h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16.5 5zm0-1h9A3.5 3.5 0 0 1 20 7.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4M11 9a.5.5 0 1 1 0 1H9.5A1.5 1.5 0 0 0 8 11.5v1A1.5 1.5 0 0 0 9.5 14H11a.5.5 0 1 1 0 1H9.5A2.5 2.5 0 0 1 7 12.5v-1A2.5 2.5 0 0 1 9.5 9zm5 0a.5.5 0 1 1 0 1h-1.5a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H16a.5.5 0 1 1 0 1h-1.5a2.5 2.5 0 0 1-2.5-2.5v-1A2.5 2.5 0 0 1 14.5 9z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","export enum MasterObjectTypes {\n  Folder = 'category',\n  CategoryTree = 'category_tree',\n  CustomLibrary = 'custom_library',\n  HostedLibrary = 'hosted_library',\n  Exchange = 'exchange',\n  Workspace = 'workspace',\n  Video = 'video',\n  Clip = 'clip',\n  Interactive = 'interactive'\n}\n","// File types match metadata for a resource FileApi\nexport enum ResourceFileType {\n  Pdf = 'pdf',\n  Image = 'image',\n  PowerPoint = 'powerpoint',\n  Document = 'document',\n  Excel = 'excel',\n  Zip = 'archive',\n  File = 'text'\n}\n","import React from 'react';\n\nexport function FileExcelSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.09 7-2.3-3.4h1.82l1.4 2.28 1.45-2.28h1.72l-2.29 3.41 2.49 3.73h-1.87l-1.56-2.47-1.59 2.47H8.6z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePdfSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M9.833 15.006c-.328.765-.657 1.316-.997 1.619-.35.312-.762.394-1.138.15a1.4 1.4 0 0 1-.358-.322c-.298-.402-.194-.843.165-1.2.228-.227.563-.433.983-.63.226-.106.466-.204.706-.292q.213-.539.43-1.205a42 42 0 0 0 .866-3.123c-.435-.563-.75-1.057-.924-1.473-.28-.67-.211-1.242.372-1.494.56-.24 1.047-.086 1.307.391.17.312.234.736.231 1.26a8 8 0 0 1-.086 1.088q.238.293.513.606a31 31 0 0 0 1.73 1.81 14 14 0 0 0 .863.761q.697-.106 1.213-.105c.947.002 1.554.319 1.415 1.079-.107.585-.514.888-1.06.834-.365-.036-.781-.224-1.259-.532a9 9 0 0 1-.538-.38 21 21 0 0 0-.944.191q-.586.131-1.22.3a45 45 0 0 0-2.27.667M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm4.43 8.39q-.104.315-.207.606l.055-.016a46 46 0 0 1 1.608-.459 34 34 0 0 1 1.538-.37 16 16 0 0 1-.378-.35 32 32 0 0 1-1.882-1.98l-.083.32a39 39 0 0 1-.652 2.248zm-2.157 2.603q.18-.162.382-.51a2.4 2.4 0 0 0-.553.37c-.092.092-.09.086-.083.096a.5.5 0 0 0 .138.116c.017.01.025.01.116-.072m7.434-2.3q-.07 0-.146.002c.242.132.443.209.585.223.11.011.118.005.146-.145.005-.027-.095-.079-.585-.08m-5.36-5.49q.098.235.283.53v-.05c.003-.393-.044-.696-.128-.85-.046-.086-.063-.091-.23-.02-.04.018-.05.092.075.39'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePptSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.07 6.96h1.22q.27 0 .52-.04a1.2 1.2 0 0 0 .44-.155.84.84 0 0 0 .305-.325q.115-.21.115-.55t-.115-.55a.84.84 0 0 0-.305-.325 1.2 1.2 0 0 0-.44-.155 3 3 0 0 0-.52-.04h-1.22zM9.5 8.6h3.22q.67 0 1.14.195t.765.515.43.73a2.7 2.7 0 0 1 0 1.695q-.135.415-.43.735a2.1 2.1 0 0 1-.765.515q-.47.195-1.14.195h-1.65v2.56H9.5z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h7l6 5v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m6.586 1H6v14h12V9.414zM13 10h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 1 1 1 0z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileWordSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm8.77 10.74h-1.56L12 10.88h-.02l-1.19 4.86H9.2L7.31 8.6h1.57l1.13 4.86h.02l1.24-4.86h1.47l1.22 4.92h.02l1.17-4.92h1.54z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileZipSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5 0h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { MasterObjectTypes } from 'libs/shared/enums/MasterObjectTypes';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { Library, Video } from 'libs/shared/interfaces';\n\nimport { FileExcelSvg } from '../images/svg/objects/FileExcelSvg';\nimport { FileImgSvg } from '../images/svg/objects/FileImgSvg';\nimport { FilePdfSvg } from '../images/svg/objects/FilePdfSvg';\nimport { FilePptSvg } from '../images/svg/objects/FilePptSvg';\nimport { FileSvg } from '../images/svg/objects/FileSvg';\nimport { FileWordSvg } from '../images/svg/objects/FileWordSvg';\nimport { FileZipSvg } from '../images/svg/objects/FileZipSvg';\nimport { FolderSvg } from '../images/svg/objects/FolderSvg';\n\nconst lang = 'shared.shared-utils';\n\nexport const VideoDetailsHelper = {\n  mapRatingToClass(ratingValue: number): string {\n    if (!ratingValue) return '';\n\n    const ratings = (rating: number): string => {\n      switch (true) {\n        case (rating < 32):\n          return 'bg-purple';\n        case (rating < 48):\n          return 'bg-green';\n        case (rating < 80):\n          return 'bg-blue';\n        case (rating < 96):\n          return 'bg-red';\n        case (rating < 128):\n          return 'bg-pink';\n        case (rating >= 128):\n          return 'bg-yellow';\n        default:\n          return ''; // Handles unrated\n      }\n    };\n\n    return ratings(ratingValue);\n  },\n\n  mapSourceToDisplayName(library: Library, hasLite?: boolean): string {\n    switch (library.type) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return library.name;\n      case MasterObjectTypes.Exchange:\n        return LanguageService.getPhrase(lang, 'exchange');\n      case MasterObjectTypes.Workspace:\n        return LanguageService.getPhrase(lang, hasLite ? 'myVideos' : 'workspace');\n      default:\n        return '';\n    }\n  },\n\n  mapSourceToClass(sourceType: MasterObjectTypes | 'online_supplementary_library'): string {\n    switch (sourceType) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return 'bg-blue';\n      case MasterObjectTypes.Exchange:\n        return 'bg-green';\n      case MasterObjectTypes.Workspace:\n      default:\n        return 'bg-red';\n    }\n  },\n\n  isInteractive(video: Video): boolean {\n    return !!video?.interactives?.data?.length;\n  },\n\n  mapTypeToSvg(type: string): any {\n    const types: HashObject = {\n      [ResourceFileType.Pdf]: FilePdfSvg,\n      [ResourceFileType.Image]: FileImgSvg,\n      [ResourceFileType.PowerPoint]: FilePptSvg,\n      [ResourceFileType.Document]: FileWordSvg,\n      [ResourceFileType.Excel]: FileExcelSvg,\n      [ResourceFileType.Zip]: FileZipSvg,\n      [ResourceFileType.File]: FileSvg\n    };\n\n    let mappedType = types[type];\n\n    if (!mappedType)\n      mappedType = FolderSvg;\n\n    return mappedType;\n  },\n\n  mapTypeToClass(type: string): any {\n    switch (type) {\n      case ResourceFileType.Pdf:\n        return 'icon-red';\n\n      case ResourceFileType.Image:\n        return 'icon-purple';\n\n      case ResourceFileType.Document:\n        return 'icon-blue';\n\n      case ResourceFileType.Excel:\n        return 'icon-green';\n\n      case ResourceFileType.PowerPoint:\n        return 'icon-orange';\n\n      case ResourceFileType.Zip:\n        return 'icon-teal';\n\n      case ResourceFileType.File:\n        return 'icon-gray';\n\n      default:\n        return '';\n    }\n  },\n\n  mapTypeToExtension(type: string): string {\n    if (!type) return '';\n\n    const extensions: HashObject = {\n      pdf: 'pdf',\n      image: 'png',\n      powerpoint: 'pptx'\n    };\n\n    return extensions[type.toLowerCase()];\n  },\n\n  mapTypeToName(type: string): string {\n    if (!type) return '';\n\n    switch (type) {\n      case ResourceFileType.Pdf: return LanguageService.getPhrase(lang, 'pdf');\n      case ResourceFileType.Image: return LanguageService.getPhrase(lang, 'image');\n      case ResourceFileType.Document: return LanguageService.getPhrase(lang, 'document');\n      case ResourceFileType.Excel: return LanguageService.getPhrase(lang, 'spreadsheet');\n      case ResourceFileType.PowerPoint: return LanguageService.getPhrase(lang, 'presentation');\n      case ResourceFileType.Zip: return LanguageService.getPhrase(lang, 'zipArchive');\n      case ResourceFileType.File: return LanguageService.getPhrase(lang, 'file');\n\n      default:\n        return '';\n    }\n  }\n};\n","import * as React from 'react';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { VideoSource } from 'libs/shared/enums/VideoSource';\nimport { TrendingSvg } from 'libs/shared/images/svg/objects/TrendingSvg';\nimport { CloseCaptionBadgeSvg } from 'libs/shared/images/svg/status/CloseCaptionBadgeSvg';\nimport { DashboardStatus, Rating } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\n\nimport styles from './badge.module.scss';\n\nconst namespace = 'shared.badges';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport enum BadgeType {\n  DurationExact = 'duration-exact',\n  DurationApproximate = 'duration-approximate',\n  Interactive = 'interactive',\n  Rating = 'rating',\n  ProductionYear = 'production-year',\n  Captions = 'captions',\n  Status = 'status',\n  Trending = 'trending',\n  Count = 'count',\n  RoundCount = 'round-count',\n  Restriction = 'restriction',\n  Source = 'source'\n}\n\ntype BadgeSize = 'xs' | 'sm' | 'std' | 'lg';\n\ninterface BadgeProps {\n  type: BadgeType;\n  data: any;\n  inline?: boolean;\n  className?: string;\n  /**\n   * Only Trending badge supports this attribute atm\n   */\n  size?: BadgeSize;\n}\n\ninterface TooltipOptions {\n  placement: Placement;\n  title: string;\n}\n\nconst badgeSvgContainerSizeMap: {[key in BadgeSize]: SvgContainerSize } = {\n  xs: SvgContainerSize.ExtraSmall,\n  sm: SvgContainerSize.Small,\n  std: SvgContainerSize.Standard,\n  lg: SvgContainerSize.Large\n};\n\nconst badgeSizeClassNameMap: {[key in BadgeSize]: string } = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  std: 'badge-std',\n  lg: 'badge-lg'\n};\n\nfunction getStatusClassName(status: CurationStatus | DashboardStatus): string {\n  switch (status) {\n    case CurationStatus.Published:\n    case DashboardStatus.Published:\n      return 'bg-success';\n\n    case CurationStatus.Archived:\n    case CurationStatus.Rejected:\n    case DashboardStatus.Archived:\n      return 'bg-danger';\n\n    case CurationStatus.Draft:\n    case DashboardStatus.Draft:\n      return 'draft-badge px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n    case CurationStatus.Pending:\n    case CurationStatus.Processing:\n      return 'bg-warning';\n  }\n}\n\nfunction getSourceClassName(sources: VideoSource[]): string {\n  if (sources.includes(VideoSource.Streamable))\n    return `px-1 text-nowrap d-flex align-items-center ${styles.streamable}`;\n\n  if (sources.includes(VideoSource.MoviesAndTv))\n    return 'bg-indigo text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Exchange))\n    return 'bg-orange text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Twig))\n    return `bg-pink text-white px-1 text-nowrap d-flex align-items-center`;\n\n  if (sources.includes(VideoSource.Espresso))\n    return `bg-navy text-white px-1 text-nowrap d-flex align-items-center`;\n\n  return '';\n}\n\nfunction getClassName(type: BadgeType, data: any, size: BadgeSize): string {\n  const baseClass = 'badge';\n  const sizeClass = badgeSizeClassNameMap[size];\n\n  let typeClass = '';\n\n  if (type === BadgeType.DurationApproximate)\n    typeClass = 'duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n  if (type === BadgeType.DurationExact)\n    typeClass = 'duration-badge';\n\n  if (type === BadgeType.Interactive)\n    typeClass = 'interactive-badge';\n\n  if (type === BadgeType.Rating)\n    typeClass = `rating-badge text-shadow ${VideoDetailsHelper.mapRatingToClass((data as Rating).value)}`;\n\n  if (type === BadgeType.ProductionYear)\n    typeClass = 'production-year-badge text-shadow';\n\n  if (type === BadgeType.Captions)\n    return 'p-0';\n\n  if (type === BadgeType.Status)\n    return `badge ${getStatusClassName(data)}`;\n\n  if (type === BadgeType.Trending)\n    return `trending-badge px-1 d-flex align-items-center ${sizeClass}`;\n\n  if (type === BadgeType.Count)\n    typeClass = 'count-badge px-1 rounded';\n\n  if (type === BadgeType.RoundCount)\n    typeClass = 'round-badge rounded-circle';\n\n  if (type === BadgeType.Restriction) {\n    const restrictionBgClass = RestrictionHelper.mapRestrictionToClass(data.restrictions);\n    return classNames('restriction-badge rounded-pill px-2 d-flex align-items-center', restrictionBgClass);\n  }\n  \n  if (type === BadgeType.Source)\n    typeClass = getSourceClassName(data);\n\n  return classNames(baseClass, typeClass);\n}\n\nfunction getBadgeContent(type: BadgeType, data: any, size: BadgeSize): string | JSX.Element {\n  if (type === BadgeType.Interactive)\n    return getPhrase('interactive');\n\n  if (type === BadgeType.DurationApproximate)\n    return DurationHelper.ToDisplayDurationNewStyle(data);\n\n  if (type === BadgeType.DurationExact)\n    return DurationHelper.ToDisplayDuration(data);\n\n  if (type === BadgeType.Rating)\n    return (data as Rating).code; // data expected to be a rating object\n\n  if (type === BadgeType.ProductionYear)\n    return data; // data should be the production year\n\n  if (type === BadgeType.Captions)\n    return <SvgContainer svg={CloseCaptionBadgeSvg} />;\n\n  if (type === BadgeType.Status) {\n    if (typeof(data) === 'number') {\n      return CurationStatus[data];\n    }\n    return data;\n  }\n\n  if (type === BadgeType.Trending)\n    return (\n      <>\n        <SvgContainer svg={TrendingSvg} size={badgeSvgContainerSizeMap[size]} />\n        <span className='ps-1'>{data}</span>\n      </>\n    );\n\n  if (type === BadgeType.Count || type === BadgeType.RoundCount)\n    return data;\n\n  if (type === BadgeType.Restriction)\n    return (\n      <>\n        <SvgContainer\n          svg={RestrictionHelper.mapRestrictionToSvg(data.restrictions)}\n        />\n        <span>\n          {RestrictionHelper.mapRestrictionToText(data.restrictions, data.yearGroups)}\n        </span>\n      </>\n    );\n\n  if (type === BadgeType.Source) {\n    const sources = data as VideoSource[];\n\n    if (sources.includes(VideoSource.Streamable))\n      return 'streamable';\n\n    if (sources.includes(VideoSource.MoviesAndTv))\n      return 'movies + tv';\n\n    if (sources.includes(VideoSource.Exchange))\n      return 'exchange';\n\n    if (sources.includes(VideoSource.Twig))\n      return 'twig';\n\n    if (sources.includes(VideoSource.Espresso))\n      return 'espresso';\n\n    return '-';\n  }\n}\n\nfunction getTooltip(type: BadgeType, data: any): TooltipOptions {\n  if (type === BadgeType.Rating)\n    return {\n      title: (data as Rating).name,\n      placement: 'top'\n    };\n\n  return null;\n}\n\nfunction hasData(type: BadgeType, data: any): boolean {\n  if (typeof(data) === 'boolean')\n    return !!data;\n\n  if (type === BadgeType.Rating)\n    return data && !!(data as Rating).value;\n\n  if (type === BadgeType.Interactive)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Captions)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Status)\n    return typeof(data) === 'number' || typeof(data) === 'string';\n\n  return !!data;\n}\n\nexport function Badge(props: BadgeProps): JSX.Element {\n  const { type, data, size = 'std' } = props;\n  \n  if (!hasData(type, data))\n    return <></>;\n\n  let className = getClassName(type, data, size);\n  className = `${className} ${props.inline ? 'd-inline-block' : 'd-flex justify-content-center'} ${props.className || ''}`;\n  const content = getBadgeContent(type, data, size);\n  const tooltip = getTooltip(type, data);\n  const spanHackClassName = props.inline && 'd-inline-block';\n\n  if (tooltip) {\n    return (\n      <div className='badge-wrapper d-inline'>\n        <Tooltip {...tooltip} spanHack spanHackClassName={spanHackClassName}>\n          <span className={className}>{content}</span>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  return <span className={`${className} badge-wrapper`}>{content}</span>;\n}\n","import { useInView } from 'react-intersection-observer';\n\ninterface LazyUtils {\n  ref: (node?: Element) => void | null;\n  inView: boolean;\n\n  /**\n   * Use this if you want to hide something on start\n   * and then show it as something else leaves the window\n   * e.g. The student feed floating jump to button\n   */\n  initialized: boolean;\n}\n\ninterface UseLazyLoadOptions {\n  prevent?: boolean;\n  /**\n   * See rootMagin here: https://www.npmjs.com/package/react-intersection-observer#api\n   * Thow allows us to have items load ahead of coming into the viewport\n   * for example thumbnail images as we scroll\n   */\n  rootMargin?: string;\n  triggerOnce?: boolean;\n}\n\nexport function useLazyLoad(options: UseLazyLoadOptions = {}): LazyUtils {\n  const { prevent, rootMargin, triggerOnce = true } = options;\n\n  // eslint-disable-next-line\n  let [ ref, inView, entry ] = useInView({ triggerOnce, rootMargin: rootMargin });\n\n  if (prevent === true || typeof (window as any).IntersectionObserver === 'undefined') {\n    inView = true;\n    ref = null;\n  }\n\n  return { ref, inView, initialized: !!entry };\n}\n",":local {\n  .image {\n    width: 100%;\n    height: 100%;\n  }\n}\n","import * as React from 'react';\n\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\n\nimport styles from './lazy-image.module.scss';\n\n/**\n * This value means we will load images 500px above\n * or below the viewport so that they are loaded\n * by the time they come into the viewport\n */\nconst PRELOAD_DISTANCE = '500px';\n/**\n * Atomically small blank GIF as placeholder for image src to prevent w3 validator error\n */\nconst PLACEHOLDER_SRC = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\ninterface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  forceLoad?: boolean;\n  preventLoad?: boolean;\n  extraClasses?: string;\n  errorFallbackImageSrc?: string;\n  errorFallbackImageClassName?: string;\n}\n\nexport const LazyImage = React.memo(function(props: LazyImageProps): React.ReactElement {\n  const { forceLoad, extraClasses = '', errorFallbackImageSrc, preventLoad = false, errorFallbackImageClassName, src, alt, ...propsWithoutSrc } = props;\n  \n  const { ref, inView } = useLazyLoad({ rootMargin: PRELOAD_DISTANCE });\n  const [ error, setError ] = React.useState(false);\n\n  React.useEffect(() => {\n    if ((!forceLoad && !inView) || preventLoad)\n      return;\n    \n    // https://stackoverflow.com/questions/2342132/waiting-for-image-to-load-in-javascript\n    const img = new Image();\n\n    img.onerror = () => {\n      setError(true);\n      \n      if (errorFallbackImageSrc)\n        img.src = errorFallbackImageSrc;\n    };\n\n    img.src = src;\n    return () => img.onerror = null;\n  }, [ inView, preventLoad ]);\n\n  function getSrc(): string {\n    if (error && errorFallbackImageSrc)\n      return errorFallbackImageSrc;\n\n    return props.src;\n  }\n\n  if (error && !errorFallbackImageSrc)\n    return <></>;\n\n  if (!ref) {\n    return (\n      <img\n        className={`${styles.image} ${extraClasses} ${error ? errorFallbackImageClassName || '' : ''}`}\n        alt={alt}\n        src={getSrc()}\n        {...propsWithoutSrc}\n      />\n    );\n  }\n\n  const imgProps: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> = {\n    alt,\n    ...propsWithoutSrc,\n    ...(((inView || forceLoad) && !preventLoad) ? { src: getSrc() } : { src: PLACEHOLDER_SRC })\n  };\n\n  if (!forceLoad)\n    imgProps.ref = ref;\n\n  return (\n    <img className={`${styles.image} ${extraClasses} ${error ? errorFallbackImageClassName || '' : ''}`} {...imgProps} />\n  );\n});\n",":local {\n  .image {\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    :global(img) {\n      position: absolute;\n      top: 0; \n      bottom: 0; \n      left: 0; \n      right: 0;\n    }\n  }\n\n  // Aspect Ratios\n  .thumbnail {\n    padding-bottom: 56.25%;\n  }\n\n  .tallPoster {\n    padding-bottom: 177.77778%;\n  }\n\n  .cover {\n    padding-bottom: 100%;\n  }\n\n  .banner {\n    padding-bottom: 18.50%\n  }\n\n  .poster {\n    padding-bottom: 150%;\n  }\n\n  .pdf {\n    :global(img) {\n      height: auto;\n    }\n  }\n\n  .link {\n    :global(img) {\n      width: auto;\n      margin: 0 auto;\n    }\n  }\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { Image } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './image.module.scss';\n\nfunction getImageClassName(props: BaseImageProps): string {\n  let className = styles.image;\n\n  let imageTypeClassName = '';\n\n  if (props.imageType === ImageType.Thumbnails)\n    imageTypeClassName = `thumbnail ${styles.thumbnail}`;\n\n  if (props.imageType === ImageType.TallPosters)\n    imageTypeClassName = styles.tallPoster;\n\n  if (props.imageType === ImageType.Covers)\n    imageTypeClassName = styles.cover;\n\n  if (props.imageType === ImageType.Banners)\n    imageTypeClassName = styles.banner;\n\n  if (props.imageType === ImageType.Posters)\n    imageTypeClassName = styles.poster;\n\n  if (props.imageType === ImageType.Pdf)\n    imageTypeClassName = styles.pdf;\n\n  if (props.imageType === ImageType.Link)\n    imageTypeClassName = styles.link;\n\n  if (imageTypeClassName)\n    className += ` ${imageTypeClassName}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return className;\n}\n\ninterface BaseImageProps {\n  data: Image | string;\n  imageOptions?: ImageOptions;\n  appLink?: Core.AppLink;\n  imageType?: ImageType;\n  className?: string;\n  imageClassName?: string;\n  imageStyle?: HashObject;\n  preload?: boolean;\n  preventLoad?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  errorFallbackImageSrc?: string;\n  errorFallbackImageClassName?: string;\n  alt?: string;\n  preventFocus?: boolean;\n  appLinkClassName?: string;\n  onClick?: () => void;\n  onLoad?: () => void;\n  openInNewTab?: boolean;\n  forcePageLoad?: boolean;\n}\n\nexport function BaseImage(props: React.PropsWithChildren<BaseImageProps>): React.ReactElement {\n  const {\n    data,\n    imageOptions,\n    appLink,\n    preload,\n    preventLoad,\n    analyticsOptions,\n    analyticsData,\n    imageClassName,\n    alt\n  } = props;\n\n  let url = '';\n\n  if (typeof data === 'string') {\n    url = data;\n  } else if (ObjectHelper.isObject(data)) {\n    url = data.url;\n  }\n\n  const imageUrl = (url && imageOptions) ? ImageHelper.createUrl(url, imageOptions) : url;\n\n  return (\n    <div className={getImageClassName(props)} style={props.imageStyle}>\n      <AppLink\n        appLink={appLink}\n        analyticsData={analyticsData}\n        analyticsOptions={analyticsOptions}\n        onClick={props.onClick}\n        preventFocus={props.preventFocus}\n        className={props.appLinkClassName}\n        openInNewTab={props.openInNewTab}\n        forcePageLoad={props.forcePageLoad}\n      >\n        {props.children}\n        {imageUrl && (\n          <LazyImage\n            src={imageUrl}\n            alt={alt}\n            forceLoad={preload}\n            preventLoad={preventLoad}\n            extraClasses={imageClassName}\n            errorFallbackImageSrc={props.errorFallbackImageSrc}\n            errorFallbackImageClassName={props.errorFallbackImageClassName}\n            onLoad={props.onLoad}\n          />\n        )}\n      </AppLink>\n    </div>\n  );\n}\n\n","/**\n * Use this instead of the list below if you need to render the clickview logo\n * on the background you're rendering.\n */\nexport const LOGO_SAFE_BG_CLASS_NAMES = [\n  'bg-green',\n  'bg-cyan',\n  'bg-teal',\n  'bg-blue',\n  'bg-indigo',\n  'bg-purple'\n];\n\nexport const BG_COLOUR_CLASS_NAMES = [\n  'bg-pink',\n  'bg-orange',\n  ...LOGO_SAFE_BG_CLASS_NAMES\n];\n","import React from 'react';\n\nexport function PlaySvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function ImageSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props} viewBox='0 0 24 21'>\n      <path\n        d='M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function SeriesSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        d='M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17'\n      />\n    </svg>\n  );\n}\n","export function getBgColorClass(name: string, classNames: string[]): string {\n  return classNames[name.charCodeAt(0) % classNames.length];\n}\n\nexport function getDeterministicBgColorClass(name: string, classNames: string[]): string {\n  const sum = name\n    .split('')\n    .reduce(\n      (acc, char) => acc + char.charCodeAt(0),\n      0\n    );\n  \n  return classNames[sum % classNames.length];\n}\n",":local {\n  .baseFallbackContainer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n\n  .svgFallbackContainer {\n    @extend .baseFallbackContainer;\n    background-color: $gray-100;\n  }\n\n  .subjectFallbackContainer {\n    background-color: $gray-100;\n    height: 100%;\n    border-top-left-radius: $border-radius-lg;\n    border-bottom-left-radius: $border-radius-lg;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &Small {\n      width: 2rem;\n    }\n\n    &Large {\n      width: 5rem;\n    }\n  }\n\n  .seriesItemFallback, .playlistItemFallback {\n    @extend %icon;\n    width: 3.75rem;\n    height: 3.75rem;\n  }\n\n  .playlistFallback,\n  .posterFallback { // poster fallback is used by series' & and subjects tall poster's\n    @extend %icon;\n    width: 7.5rem;\n    height: 7.5rem;\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .subjectFallback {\n    @extend %icon;\n  }\n\n  %icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: $gray-400;\n    transform: translate3D(-50%, -50%, 0);\n    transition: opacity 100ms ease-in-out;\n  }\n\n  .fallbackThumbnailImage {\n    padding: map-get($spacers, 1);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    width: 100%;\n    height: 100%;\n  }\n\n  .videoFallback,\n  .folderFallback {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n}","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { PlaySvg } from 'libs/shared/images/svg/actions/PlaySvg';\nimport { FileImgSvg } from 'libs/shared/images/svg/objects/FileImgSvg';\nimport { ImageSvg } from 'libs/shared/images/svg/objects/ImageSvg';\nimport { SeriesSvg } from 'libs/shared/images/svg/objects/SeriesSvg';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport styles from './image-fallback.module.scss';\n\nexport enum ImageFallbackType {\n  Playlist,\n  PlaylistThumbnail,\n  Series,\n  SeriesThumbnail,\n  Subject,\n  TallSubject,\n  Video,\n  Folder\n}\n\nexport enum ImageFallbackMediaType {\n  Svg,\n  Image\n}\n\nexport enum ContainerClassSize {\n  Large,\n  Small\n}\n\nfunction getContainerClass(\n  type: ImageFallbackMediaType,\n  objectType: ImageFallbackType,\n  containerClassSize: ContainerClassSize\n): string {\n  if (objectType === ImageFallbackType.Subject) {\n    const containerSizeClass = containerClassSize === ContainerClassSize.Large ?\n      styles.subjectFallbackContainerLarge :\n      styles.subjectFallbackContainerSmall;\n\n    return `${styles.subjectFallbackContainer} ${containerSizeClass}`;\n  }\n\n  if (type === ImageFallbackMediaType.Svg) {\n    if (objectType === ImageFallbackType.SeriesThumbnail || objectType === ImageFallbackType.PlaylistThumbnail)\n      return `${styles.svgFallbackContainer} rounded-3`;\n      \n    return styles.svgFallbackContainer;\n  }\n\n  return styles.baseFallbackContainer;\n}\n\nfunction getClassByType(type: ImageFallbackType): string {\n  if (type === ImageFallbackType.SeriesThumbnail)\n    return styles.seriesItemFallback;\n\n  if (type === ImageFallbackType.PlaylistThumbnail)\n    return styles.playlistItemFallback;\n\n  if (type === ImageFallbackType.Playlist)\n    return styles.playlistFallback;\n\n  if (type === ImageFallbackType.Series || type === ImageFallbackType.TallSubject)\n    return styles.posterFallback;\n\n  if (type === ImageFallbackType.Subject)\n    return `${styles.subjectFallback} svg-container d-inline-block`;\n\n  return '';\n}\n\nfunction getMedia(type: ImageFallbackType) {\n  if (type === ImageFallbackType.SeriesThumbnail || type === ImageFallbackType.PlaylistThumbnail)\n    return PlaySvg;\n\n  if (type === ImageFallbackType.Playlist)\n    return ImageSvg;\n\n  if (type === ImageFallbackType.Series)\n    return SeriesSvg;\n\n  if (type === ImageFallbackType.Subject || type === ImageFallbackType.TallSubject)\n    return FileImgSvg;\n\n  return null;\n}\n\nfunction getSize(type: ImageFallbackType): SvgContainerSize {\n  if (type === ImageFallbackType.Subject)\n    return SvgContainerSize.ExtraLarge;\n\n  return SvgContainerSize.Standard;\n}\n\ninterface ImageFallbackProps {\n  type: ImageFallbackType;\n  mediaType?: ImageFallbackMediaType;\n  extraClasses?: string;\n  svgContainerClassName?: string;\n  name?: string;\n  containerClassSize?: ContainerClassSize;\n}\n\nImageFallback.defaultProps = {\n  mediaType: ImageFallbackMediaType.Svg,\n  containerClassSize: ContainerClassSize.Large\n};\n\nexport function ImageFallback(props: ImageFallbackProps): JSX.Element {\n  const { type, mediaType, extraClasses, containerClassSize } = props;\n\n  if (type === ImageFallbackType.Video)\n    return <div className={`${styles.videoFallback} ${props.extraClasses} bg-light-blue`} />;\n\n  if (type === ImageFallbackType.Folder)\n    return <div className={`${styles.folderFallback} ${props.extraClasses} ${getBgColorClass(props.name, BG_COLOUR_CLASS_NAMES)}`} />;\n\n  const typeClass = getClassByType(type);\n  const media = getMedia(type);\n  const size = getSize(type);\n\n  let className = `${getContainerClass(mediaType, type, containerClassSize)}`;\n\n  if (extraClasses)\n    className += ` ${props.extraClasses}`;\n\n  return (\n    <div className={className}>\n      {mediaType === ImageFallbackMediaType.Svg ?\n        (\n          <SvgContainer\n            svg={media}\n            className={`${typeClass} ${props.svgContainerClassName ?? ''}`}\n            tagName='div'\n            size={size}\n          />\n        ) : (\n          <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\n        )\n      }\n    </div>\n  );\n}\n"],"mappings":"yXAAY,EAAL,SAAA,EAAA,OACL,GAAA,SAAA,WACA,EAAA,WAAA,aACA,EAAA,YAAA,gBACA,EAAA,KAAA,OACA,EAAA,SAAA,YACF,EAAA,CAAA,CAAA,QCJA,SAAgB,EAAY,EAAsC,CAChE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,eACL,SAAS,UACT,EAAE,iOACF,SAAS,SACV,CAAA,CACE,CAAA,CAET,CCXA,SAAgB,EAAqB,EAAsC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,0dACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCXA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,OAAA,WACA,EAAA,aAAA,gBACA,EAAA,cAAA,iBACA,EAAA,cAAA,iBACA,EAAA,SAAA,WACA,EAAA,UAAA,YACA,EAAA,MAAA,QACA,EAAA,KAAA,OACA,EAAA,YAAA,eACF,EAAA,CAAA,CAAA,ECTY,EAAL,SAAA,EAAA,OACL,GAAA,IAAA,MACA,EAAA,MAAA,QACA,EAAA,WAAA,aACA,EAAA,SAAA,WACA,EAAA,MAAA,QACA,EAAA,IAAA,UACA,EAAA,KAAA,QACF,EAAA,CAAA,CAAA,ECPA,SAAgB,EAAa,EAAsC,CACjE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,uLACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,EAAW,EAAsC,CAC/D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,kqCACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,GAAW,EAAsC,CAC/D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,8YACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,GAAQ,EAAsC,CAC5D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,qJACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,GAAY,EAAsC,CAChE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,6MACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,GAAW,EAAsC,CAC/D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,oQACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCKA,IAAM,EAAO,sBAEA,EAAqB,CAChC,iBAAiB,EAA6B,CAsB5C,OArBK,GAEY,GAA2B,CAC1C,OAAQ,GAAR,CACE,KAAM,EAAS,GACb,MAAO,YACT,KAAM,EAAS,GACb,MAAO,WACT,KAAM,EAAS,GACb,MAAO,UACT,KAAM,EAAS,GACb,MAAO,SACT,KAAM,EAAS,IACb,MAAO,UACT,KAAM,GAAU,IACd,MAAO,YACT,QACE,MAAO,EACX,CACF,EAEO,CAAQ,CAAW,EArBD,EAsB3B,EAEA,uBAAuB,EAAkB,EAA2B,CAClE,OAAQ,EAAQ,KAAhB,CACE,KAAK,EAAkB,cACvB,KAAK,EAAkB,cACrB,OAAO,EAAQ,KACjB,KAAK,EAAkB,SACrB,OAAO,EAAgB,UAAU,EAAM,UAAU,EACnD,KAAK,EAAkB,UACrB,OAAO,EAAgB,UAAU,EAAM,EAAU,WAAa,WAAW,EAC3E,QACE,MAAO,EACX,CACF,EAEA,iBAAiB,EAAwE,CACvF,OAAQ,EAAR,CACE,KAAK,EAAkB,cACvB,KAAK,EAAkB,cACrB,MAAO,UACT,KAAK,EAAkB,SACrB,MAAO,WACT,KAAK,EAAkB,UACvB,QACE,MAAO,QACX,CACF,EAEA,cAAc,EAAuB,CACnC,MAAO,CAAC,CAAC,GAAO,cAAc,MAAM,MACtC,EAEA,aAAa,EAAmB,CAW9B,IAAI,EAAa,EATd,EAAiB,KAAM,GACvB,EAAiB,OAAQ,GACzB,EAAiB,YAAa,IAC9B,EAAiB,UAAW,IAC5B,EAAiB,OAAQ,GACzB,EAAiB,KAAM,IACvB,EAAiB,MAAO,EAGV,EAAM,GAKvB,MAHA,CACE,IAAa,GAER,CACT,EAEA,eAAe,EAAmB,CAChC,OAAQ,EAAR,CACE,KAAK,EAAiB,IACpB,MAAO,WAET,KAAK,EAAiB,MACpB,MAAO,cAET,KAAK,EAAiB,SACpB,MAAO,YAET,KAAK,EAAiB,MACpB,MAAO,aAET,KAAK,EAAiB,WACpB,MAAO,cAET,KAAK,EAAiB,IACpB,MAAO,YAET,KAAK,EAAiB,KACpB,MAAO,YAET,QACE,MAAO,EACX,CACF,EAEA,mBAAmB,EAAsB,CASvC,OARK,EAQE,CALL,IAAK,MACL,MAAO,MACP,WAAY,MAGP,EAAW,EAAK,YAAY,GARjB,EASpB,EAEA,cAAc,EAAsB,CAClC,GAAI,CAAC,EAAM,MAAO,GAElB,OAAQ,EAAR,CACE,KAAK,EAAiB,IAAK,OAAO,EAAgB,UAAU,EAAM,KAAK,EACvE,KAAK,EAAiB,MAAO,OAAO,EAAgB,UAAU,EAAM,OAAO,EAC3E,KAAK,EAAiB,SAAU,OAAO,EAAgB,UAAU,EAAM,UAAU,EACjF,KAAK,EAAiB,MAAO,OAAO,EAAgB,UAAU,EAAM,aAAa,EACjF,KAAK,EAAiB,WAAY,OAAO,EAAgB,UAAU,EAAM,cAAc,EACvF,KAAK,EAAiB,IAAK,OAAO,EAAgB,UAAU,EAAM,YAAY,EAC9E,KAAK,EAAiB,KAAM,OAAO,EAAgB,UAAU,EAAM,MAAM,EAEzE,QACE,MAAO,EACX,CACF,CACF,EClIM,EAAY,EAAgB,iBAAiB,eAAS,EAEhD,EAAL,SAAA,EAAA,OACL,GAAA,cAAA,iBACA,EAAA,oBAAA,uBACA,EAAA,YAAA,cACA,EAAA,OAAA,SACA,EAAA,eAAA,kBACA,EAAA,SAAA,WACA,EAAA,OAAA,SACA,EAAA,SAAA,WACA,EAAA,MAAA,QACA,EAAA,WAAA,cACA,EAAA,YAAA,cACA,EAAA,OAAA,UACF,EAAA,CAAA,CAAA,EAoBM,EAAoE,CACxE,GAAI,EAAiB,WACrB,GAAI,EAAiB,MACrB,IAAK,EAAiB,SACtB,GAAI,EAAiB,KACvB,EAEM,EAAuD,CAC3D,GAAI,WACJ,GAAI,WACJ,IAAK,YACL,GAAI,UACN,EAEA,SAAS,EAAmB,EAAkD,CAC5E,OAAQ,EAAR,CACE,KAAK,EAAe,UACpB,KAAK,EAAgB,UACnB,MAAO,aAET,KAAK,EAAe,SACpB,KAAK,EAAe,SACpB,KAAK,EAAgB,SACnB,MAAO,YAET,KAAK,EAAe,MACpB,KAAK,EAAgB,MACnB,MAAO,sEAET,KAAK,EAAe,QACpB,KAAK,EAAe,WAClB,MAAO,YACX,CACF,CAEA,SAAS,EAAmB,EAAgC,CAgB1D,OAfI,EAAQ,SAAS,EAAY,UAAU,EAClC,8CAA8C,GAAO,aAE1D,EAAQ,SAAS,EAAY,WAAW,EACnC,kEAEL,EAAQ,SAAS,EAAY,QAAQ,EAChC,kEAEL,EAAQ,SAAS,EAAY,IAAI,EAC5B,gEAEL,EAAQ,SAAS,EAAY,QAAQ,EAChC,gEAEF,EACT,CAEA,SAAS,EAAa,EAAiB,EAAW,EAAyB,CACzE,IACM,EAAY,EAAsB,GAEpC,EAAY,GAwChB,OAtCI,IAAA,yBACF,EAAY,8EAEV,IAAA,mBACF,EAAY,kBAEV,IAAA,gBACF,EAAY,qBAEV,IAAA,WACF,EAAY,4BAA4B,EAAmB,iBAAkB,EAAgB,KAAK,KAEhG,IAAA,oBACF,EAAY,qCAEV,IAAA,WACK,MAEL,IAAA,SACK,SAAS,EAAmB,CAAI,IAErC,IAAA,WACK,iDAAiD,KAEtD,IAAA,UACF,EAAY,4BAEV,IAAA,gBACF,EAAY,8BAEV,IAAA,cAEK,EAAW,gEADS,EAAkB,sBAAsB,EAAK,YACW,CAAkB,GAGnG,IAAA,WACF,EAAY,EAAmB,CAAI,GAE9B,EAAW,QAAW,CAAS,GACxC,CAEA,SAAS,EAAgB,EAAiB,EAAW,EAAuC,CAC1F,GAAI,IAAA,cACF,OAAO,EAAU,aAAa,EAEhC,GAAI,IAAA,uBACF,OAAO,EAAe,0BAA0B,CAAI,EAEtD,GAAI,IAAA,iBACF,OAAO,EAAe,kBAAkB,CAAI,EAE9C,GAAI,IAAA,SACF,OAAQ,EAAgB,KAE1B,GAAI,IAAA,kBACF,OAAO,EAET,GAAI,IAAA,WACF,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,IAAK,CAAuB,CAAA,EAEnD,GAAI,IAAA,SAIF,OAHI,OAAO,GAAU,SACZ,EAAe,GAEjB,EAGT,GAAI,IAAA,WACF,OACE,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,IAAK,EAAa,KAAM,EAAyB,EAAQ,CAAA,GACvE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gBAAQ,CAAW,CAAA,CACnC,CAAA,CAAA,EAGN,GAAI,IAAA,SAA4B,IAAA,cAC9B,OAAO,EAET,GAAI,IAAA,cACF,OACE,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EAAkB,oBAAoB,EAAK,YAAY,CAC7D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SACG,EAAkB,qBAAqB,EAAK,aAAc,EAAK,UAAU,CACtE,CAAA,CACN,CAAA,CAAA,EAGN,GAAI,IAAA,SAA2B,CAC7B,IAAM,EAAU,EAiBhB,OAfI,EAAQ,SAAS,EAAY,UAAU,EAClC,aAEL,EAAQ,SAAS,EAAY,WAAW,EACnC,cAEL,EAAQ,SAAS,EAAY,QAAQ,EAChC,WAEL,EAAQ,SAAS,EAAY,IAAI,EAC5B,OAEL,EAAQ,SAAS,EAAY,QAAQ,EAChC,WAEF,GACT,CACF,CAEA,SAAS,EAAW,EAAiB,EAA2B,CAO9D,OANI,IAAA,SACK,CACL,MAAQ,EAAgB,KACxB,UAAW,KACb,EAEK,IACT,CAEA,SAAS,EAAQ,EAAiB,EAAoB,CAgBpD,OAfI,OAAO,GAAU,UACZ,CAAC,CAAC,EAEP,IAAA,SACK,GAAQ,CAAC,CAAE,EAAgB,MAEhC,IAAA,eAGA,IAAA,WACK,CAAC,CAAC,GAAM,QAAU,CAAC,CAAC,GAAM,MAAM,OAErC,IAAA,SACK,OAAO,GAAU,UAAY,OAAO,GAAU,SAEhD,CAAC,CAAC,CACX,CAEA,SAAgB,EAAM,EAAgC,CACpD,GAAM,CAAE,OAAM,OAAM,OAAO,OAAU,EAErC,GAAI,CAAC,EAAQ,EAAM,CAAI,EACrB,OAAO,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,EAEb,IAAI,EAAY,EAAa,EAAM,EAAM,CAAI,EAC7C,EAAY,GAAG,EAAU,GAAG,EAAM,OAAS,iBAAmB,gCAAgC,GAAG,EAAM,WAAa,KACpH,IAAM,EAAU,EAAgB,EAAM,EAAM,CAAI,EAC1C,EAAU,EAAW,EAAM,CAAI,EAC/B,EAAoB,EAAM,QAAU,iBAY1C,OAVI,GAEA,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mCACb,EAAA,EAAA,IAAA,CAAC,EAAD,CAAS,GAAI,EAAS,SAAA,GAA4B,8BAChD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAiB,qBAAY,CAAc,CAAA,CACpC,CAAA,CACN,CAAA,GAIF,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,GAAG,EAAU,yBAAkB,CAAc,CAAA,CACvE,CC9PA,SAAgB,EAAY,EAA8B,CAAC,EAAc,CACvE,GAAM,CAAE,UAAS,aAAY,cAAc,IAAS,EAGhD,CAAE,EAAK,EAAQ,GAAU,EAAU,CAAE,cAAyB,YAAW,CAAC,EAO9E,OALI,IAAY,IAAgB,OAAe,uBAAyB,UACtE,EAAS,GACT,EAAM,MAGD,CAAE,MAAK,SAAQ,YAAa,CAAC,CAAC,CAAM,CAC7C,gCE1BM,EAAmB,QAInB,EAAkB,6DAUX,EAAA,EAAkB,KAAK,SAAS,EAA2C,CACtF,GAAM,CAAE,YAAW,eAAe,GAAI,wBAAuB,cAAc,GAAO,8BAA6B,MAAK,MAAK,GAAG,GAAoB,EAE1I,CAAE,MAAK,UAAW,EAAY,CAAE,WAAY,CAAiB,CAAC,EAC9D,CAAE,EAAO,GAAA,EAAmB,SAAS,EAAK,EAEhD,EAAM,cAAgB,CACpB,GAAK,CAAC,GAAa,CAAC,GAAW,EAC7B,OAGF,IAAM,EAAM,IAAI,MAUhB,MARA,GAAI,YAAgB,CAClB,EAAS,EAAI,EAET,IACF,EAAI,IAAM,EACd,EAEA,EAAI,IAAM,MACG,EAAI,QAAU,IAC7B,EAAG,CAAE,EAAQ,CAAY,CAAC,EAE1B,SAAS,GAAiB,CAIxB,OAHI,GAAS,EACJ,EAEF,EAAM,GACf,CAEA,GAAI,GAAS,CAAC,EACZ,OAAO,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,EAEb,GAAI,CAAC,EACH,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,UAAW,GAAG,EAAO,MAAM,GAAG,EAAa,GAAG,GAAQ,GAAoC,KACrF,MACL,IAAK,EAAO,EACZ,GAAI,CACL,CAAA,EAIL,IAAM,EAAiG,CACrG,MACA,GAAG,EACH,IAAM,GAAU,IAAc,CAAC,EAAe,CAAE,IAAK,EAAO,CAAE,EAAI,CAAE,IAAK,CAAgB,CAC3F,EAKA,OAHK,IACH,EAAS,IAAM,IAGf,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,MAAM,GAAG,EAAa,GAAG,GAAQ,GAAoC,KAAM,GAAI,CAAW,CAAA,CAExH,CAAC,qNEnED,SAAS,EAAkB,EAA+B,CACxD,IAAI,EAAY,EAAO,MAEnB,EAAqB,GA6BzB,OA3BI,EAAM,YAAc,EAAU,aAChC,EAAqB,aAAa,EAAO,aAEvC,EAAM,YAAc,EAAU,cAChC,EAAqB,EAAO,YAE1B,EAAM,YAAc,EAAU,SAChC,EAAqB,EAAO,OAE1B,EAAM,YAAc,EAAU,UAChC,EAAqB,EAAO,QAE1B,EAAM,YAAc,EAAU,UAChC,EAAqB,EAAO,QAE1B,EAAM,YAAc,EAAU,MAChC,EAAqB,EAAO,KAE1B,EAAM,YAAc,EAAU,OAChC,EAAqB,EAAO,MAE1B,IACF,GAAa,IAAI,KAEf,EAAM,YACR,GAAa,IAAI,EAAM,aAElB,CACT,CAyBA,SAAgB,EAAU,EAAoE,CAC5F,GAAM,CACJ,OACA,eACA,UACA,UACA,cACA,mBACA,gBACA,iBACA,OACE,EAEA,EAAM,GAEN,OAAO,GAAS,SAClB,EAAM,EACG,EAAa,SAAS,CAAI,IACnC,EAAM,EAAK,KAGb,IAAM,EAAY,GAAO,EAAgB,EAAY,UAAU,EAAK,CAAY,EAAI,EAEpF,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAkB,CAAK,EAAG,MAAO,EAAM,qBACrD,EAAA,EAAA,KAAA,CAAC,EAAD,CACW,UACM,gBACG,mBAClB,QAAS,EAAM,QACf,aAAc,EAAM,aACpB,UAAW,EAAM,iBACjB,aAAc,EAAM,aACpB,cAAe,EAAM,uBARvB,CAUG,EAAM,SACN,IACC,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EACA,MACL,UAAW,EACE,cACb,aAAc,EACd,sBAAuB,EAAM,sBAC7B,4BAA6B,EAAM,4BACnC,OAAQ,EAAM,MACf,CAAA,CAEI,GACN,CAAA,CAET,CC/GA,IAAa,EAAwB,CACnC,UACA,YAVA,WACA,UACA,UACA,UACA,YACA,WAOF,ECfA,SAAgB,GAAQ,EAAsC,CAC5D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,eACL,SAAS,UACT,EAAE,oFACF,SAAS,SACV,CAAA,CACE,CAAA,CAET,CCXA,SAAgB,EAAS,EAAsC,CAC7D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,EAAO,QAAQ,sBACtB,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,EAAE,8ZACF,KAAK,cACN,CAAA,CACE,CAAA,CAET,CCTA,SAAgB,GAAU,EAAsC,CAC9D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,YACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,KAAK,eACL,EAAE,4pBACH,CAAA,CACE,CAAA,CAET,CCXA,SAAgB,EAAgB,EAAc,EAA8B,CAC1E,OAAO,EAAW,EAAK,WAAW,CAAC,EAAI,EAAW,OACpD,yrBEUY,GAAL,SAAA,EAAA,OACL,GAAA,EAAA,SAAA,GAAA,WACA,EAAA,EAAA,kBAAA,GAAA,oBACA,EAAA,EAAA,OAAA,GAAA,SACA,EAAA,EAAA,gBAAA,GAAA,kBACA,EAAA,EAAA,QAAA,GAAA,UACA,EAAA,EAAA,YAAA,GAAA,cACA,EAAA,EAAA,MAAA,GAAA,QACA,EAAA,EAAA,OAAA,GAAA,UACF,EAAA,CAAA,CAAA,EAYA,SAAS,GACP,EACA,EACA,EACQ,CACR,GAAI,IAAA,EAA0C,CAC5C,IAAM,EAAqB,IAAA,EACzB,EAAO,8BACP,EAAO,8BAET,MAAO,GAAG,EAAO,yBAAyB,GAAG,GAC/C,CASA,OAPI,IAAA,EACE,IAAA,GAAoD,IAAA,EAC/C,GAAG,EAAO,qBAAqB,YAEjC,EAAO,qBAGT,EAAO,qBAChB,CAEA,SAAS,GAAe,EAAiC,CAgBvD,OAfI,IAAA,EACK,EAAO,mBAEZ,IAAA,EACK,EAAO,qBAEZ,IAAA,EACK,EAAO,iBAEZ,IAAA,GAAqC,IAAA,EAChC,EAAO,eAEZ,IAAA,EACK,GAAG,EAAO,gBAAgB,+BAE5B,EACT,CAEA,SAAS,EAAS,EAAyB,CAazC,OAZI,IAAA,GAA8C,IAAA,EACzC,GAEL,IAAA,EACK,EAEL,IAAA,EACK,GAEL,IAAA,GAAsC,IAAA,EACjC,EAEF,IACT,CAEA,SAAS,GAAQ,EAA2C,CAI1D,OAHI,IAAA,EACK,EAAiB,WAEnB,EAAiB,QAC1B,CAWA,EAAc,aAAe,CAC3B,UAAA,EACA,mBAAA,CACF,EAEA,SAAgB,EAAc,EAAwC,CACpE,GAAM,CAAE,OAAM,YAAW,eAAc,sBAAuB,EAE9D,GAAI,IAAA,EACF,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,cAAc,GAAG,EAAM,aAAa,eAAkB,CAAA,EAEzF,GAAI,IAAA,EACF,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,GAAG,EAAO,eAAe,GAAG,EAAM,aAAa,GAAG,EAAgB,EAAM,KAAM,CAAqB,GAAM,CAAA,EAElI,IAAM,EAAY,GAAe,CAAI,EAC/B,EAAQ,EAAS,CAAI,EACrB,EAAO,GAAQ,CAAI,EAErB,EAAY,GAAG,GAAkB,EAAW,EAAM,CAAkB,IAKxE,OAHI,IACF,GAAa,IAAI,EAAM,iBAGvB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAgB,qBACb,IAAA,GAEG,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EACL,UAAW,GAAG,EAAU,GAAG,EAAM,uBAAyB,KAC1D,QAAQ,MACF,MACP,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAO,uBAAwB,MAAO,CAAE,gBAAiB,QAAQ,EAAM,GAAI,CAAI,CAAA,CAGhG,CAAA,CAET"}
+{"version":3,"file":"Ch4Y5yk4.chunk.js","names":[],"sources":["../../../../libs/shared/src/enums/VideoSource.ts","../../../../libs/shared/src/images/svg/objects/TrendingSvg.tsx","../../../../libs/shared/src/images/svg/status/CloseCaptionBadgeSvg.tsx","../../../../libs/shared/src/enums/MasterObjectTypes.ts","../../../../libs/shared/src/enums/ResourceFileType.ts","../../../../libs/shared/src/images/svg/objects/FileExcelSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePdfSvg.tsx","../../../../libs/shared/src/images/svg/objects/FilePptSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileWordSvg.tsx","../../../../libs/shared/src/images/svg/objects/FileZipSvg.tsx","../../../../libs/shared/src/utils/VideoDetailsHelper.ts","../../../../libs/shared/src/components/badges/Badge.tsx","../../../../libs/shared/src/hooks/UseLazyLoad.ts","../../../../libs/shared/src/components/lazy-image/lazy-image.module.scss","../../../../libs/shared/src/components/lazy-image/LazyImage.tsx","../../../../libs/shared/src/components/image/image.module.scss","../../../../libs/shared/src/components/image/BaseImage.tsx","../../../../libs/shared/src/constants/ColourClassNames.ts","../../../../libs/shared/src/images/svg/actions/PlaySvg.tsx","../../../../libs/shared/src/images/svg/objects/ImageSvg.tsx","../../../../libs/shared/src/images/svg/objects/SeriesSvg.tsx","../../../../libs/shared/src/utils/getBgColorClass.ts","../../../../libs/shared/src/components/image/image-fallback.module.scss","../../../../libs/shared/src/components/image/ImageFallback.tsx"],"sourcesContent":["export enum VideoSource {\n  Exchange = 'exchange',\n  Streamable = 'streamable',\n  MoviesAndTv = 'movies_and_tv',\n  Twig = 'twig',\n  Espresso = 'espresso'\n}\n","import React from 'react';\n\nexport function TrendingSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M15.333 7.333a.667.667 0 1 0 0 1.334h2.39L13 13.39l-2.862-2.862a.667.667 0 0 0-.943 0l-5 5a.667.667 0 1 0 .943.942l4.529-4.528 2.862 2.862c.26.26.682.26.942 0l5.196-5.196V12A.667.667 0 0 0 20 12V8a.667.667 0 0 0-.667-.666z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function CloseCaptionBadgeSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M7.5 5A2.5 2.5 0 0 0 5 7.5v9A2.5 2.5 0 0 0 7.5 19h9a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 16.5 5zm0-1h9A3.5 3.5 0 0 1 20 7.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-9A3.5 3.5 0 0 1 7.5 4M11 9a.5.5 0 1 1 0 1H9.5A1.5 1.5 0 0 0 8 11.5v1A1.5 1.5 0 0 0 9.5 14H11a.5.5 0 1 1 0 1H9.5A2.5 2.5 0 0 1 7 12.5v-1A2.5 2.5 0 0 1 9.5 9zm5 0a.5.5 0 1 1 0 1h-1.5a1.5 1.5 0 0 0-1.5 1.5v1a1.5 1.5 0 0 0 1.5 1.5H16a.5.5 0 1 1 0 1h-1.5a2.5 2.5 0 0 1-2.5-2.5v-1A2.5 2.5 0 0 1 14.5 9z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","export enum MasterObjectTypes {\n  Folder = 'category',\n  CategoryTree = 'category_tree',\n  CustomLibrary = 'custom_library',\n  HostedLibrary = 'hosted_library',\n  Exchange = 'exchange',\n  Workspace = 'workspace',\n  Video = 'video',\n  Clip = 'clip',\n  Interactive = 'interactive'\n}\n","// File types match metadata for a resource FileApi\nexport enum ResourceFileType {\n  Pdf = 'pdf',\n  Image = 'image',\n  PowerPoint = 'powerpoint',\n  Document = 'document',\n  Excel = 'excel',\n  Zip = 'archive',\n  File = 'text'\n}\n","import React from 'react';\n\nexport function FileExcelSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.09 7-2.3-3.4h1.82l1.4 2.28 1.45-2.28h1.72l-2.29 3.41 2.49 3.73h-1.87l-1.56-2.47-1.59 2.47H8.6z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePdfSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M9.833 15.006c-.328.765-.657 1.316-.997 1.619-.35.312-.762.394-1.138.15a1.4 1.4 0 0 1-.358-.322c-.298-.402-.194-.843.165-1.2.228-.227.563-.433.983-.63.226-.106.466-.204.706-.292q.213-.539.43-1.205a42 42 0 0 0 .866-3.123c-.435-.563-.75-1.057-.924-1.473-.28-.67-.211-1.242.372-1.494.56-.24 1.047-.086 1.307.391.17.312.234.736.231 1.26a8 8 0 0 1-.086 1.088q.238.293.513.606a31 31 0 0 0 1.73 1.81 14 14 0 0 0 .863.761q.697-.106 1.213-.105c.947.002 1.554.319 1.415 1.079-.107.585-.514.888-1.06.834-.365-.036-.781-.224-1.259-.532a9 9 0 0 1-.538-.38 21 21 0 0 0-.944.191q-.586.131-1.22.3a45 45 0 0 0-2.27.667M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm4.43 8.39q-.104.315-.207.606l.055-.016a46 46 0 0 1 1.608-.459 34 34 0 0 1 1.538-.37 16 16 0 0 1-.378-.35 32 32 0 0 1-1.882-1.98l-.083.32a39 39 0 0 1-.652 2.248zm-2.157 2.603q.18-.162.382-.51a2.4 2.4 0 0 0-.553.37c-.092.092-.09.086-.083.096a.5.5 0 0 0 .138.116c.017.01.025.01.116-.072m7.434-2.3q-.07 0-.146.002c.242.132.443.209.585.223.11.011.118.005.146-.145.005-.027-.095-.079-.585-.08m-5.36-5.49q.098.235.283.53v-.05c.003-.393-.044-.696-.128-.85-.046-.086-.063-.091-.23-.02-.04.018-.05.092.075.39'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FilePptSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5.07 6.96h1.22q.27 0 .52-.04a1.2 1.2 0 0 0 .44-.155.84.84 0 0 0 .305-.325q.115-.21.115-.55t-.115-.55a.84.84 0 0 0-.305-.325 1.2 1.2 0 0 0-.44-.155 3 3 0 0 0-.52-.04h-1.22zM9.5 8.6h3.22q.67 0 1.14.195t.765.515.43.73a2.7 2.7 0 0 1 0 1.695q-.135.415-.43.735a2.1 2.1 0 0 1-.765.515q-.47.195-1.14.195h-1.65v2.56H9.5z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h7l6 5v10a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m6.586 1H6v14h12V9.414zM13 10h3.5a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 1 1 1 0z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileWordSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm8.77 10.74h-1.56L12 10.88h-.02l-1.19 4.86H9.2L7.31 8.6h1.57l1.13 4.86h.02l1.24-4.86h1.47l1.22 4.92h.02l1.17-4.92h1.54z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function FileZipSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        d='M6 4h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m0 1v14h12V5zm5 0h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1zm-1 1h1v1h-1zm1 1h1v1h-1z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { MasterObjectTypes } from 'libs/shared/enums/MasterObjectTypes';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { Library, Video } from 'libs/shared/interfaces';\n\nimport { FileExcelSvg } from '../images/svg/objects/FileExcelSvg';\nimport { FileImgSvg } from '../images/svg/objects/FileImgSvg';\nimport { FilePdfSvg } from '../images/svg/objects/FilePdfSvg';\nimport { FilePptSvg } from '../images/svg/objects/FilePptSvg';\nimport { FileSvg } from '../images/svg/objects/FileSvg';\nimport { FileWordSvg } from '../images/svg/objects/FileWordSvg';\nimport { FileZipSvg } from '../images/svg/objects/FileZipSvg';\nimport { FolderSvg } from '../images/svg/objects/FolderSvg';\n\nconst lang = 'shared.shared-utils';\n\nexport const VideoDetailsHelper = {\n  mapRatingToClass(ratingValue: number): string {\n    if (!ratingValue) return '';\n\n    const ratings = (rating: number): string => {\n      switch (true) {\n        case (rating < 32):\n          return 'bg-purple';\n        case (rating < 48):\n          return 'bg-green';\n        case (rating < 80):\n          return 'bg-blue';\n        case (rating < 96):\n          return 'bg-red';\n        case (rating < 128):\n          return 'bg-pink';\n        case (rating >= 128):\n          return 'bg-yellow';\n        default:\n          return ''; // Handles unrated\n      }\n    };\n\n    return ratings(ratingValue);\n  },\n\n  mapSourceToDisplayName(library: Library, hasLite?: boolean): string {\n    switch (library.type) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return library.name;\n      case MasterObjectTypes.Exchange:\n        return LanguageService.getPhrase(lang, 'exchange');\n      case MasterObjectTypes.Workspace:\n        return LanguageService.getPhrase(lang, hasLite ? 'myVideos' : 'workspace');\n      default:\n        return '';\n    }\n  },\n\n  mapSourceToClass(sourceType: MasterObjectTypes | 'online_supplementary_library'): string {\n    switch (sourceType) {\n      case MasterObjectTypes.HostedLibrary:\n      case MasterObjectTypes.CustomLibrary:\n        return 'bg-blue';\n      case MasterObjectTypes.Exchange:\n        return 'bg-green';\n      case MasterObjectTypes.Workspace:\n      default:\n        return 'bg-red';\n    }\n  },\n\n  isInteractive(video: Video): boolean {\n    return !!video?.interactives?.data?.length;\n  },\n\n  mapTypeToSvg(type: string): any {\n    const types: HashObject = {\n      [ResourceFileType.Pdf]: FilePdfSvg,\n      [ResourceFileType.Image]: FileImgSvg,\n      [ResourceFileType.PowerPoint]: FilePptSvg,\n      [ResourceFileType.Document]: FileWordSvg,\n      [ResourceFileType.Excel]: FileExcelSvg,\n      [ResourceFileType.Zip]: FileZipSvg,\n      [ResourceFileType.File]: FileSvg\n    };\n\n    let mappedType = types[type];\n\n    if (!mappedType)\n      mappedType = FolderSvg;\n\n    return mappedType;\n  },\n\n  mapTypeToClass(type: string): any {\n    switch (type) {\n      case ResourceFileType.Pdf:\n        return 'icon-red';\n\n      case ResourceFileType.Image:\n        return 'icon-purple';\n\n      case ResourceFileType.Document:\n        return 'icon-blue';\n\n      case ResourceFileType.Excel:\n        return 'icon-green';\n\n      case ResourceFileType.PowerPoint:\n        return 'icon-orange';\n\n      case ResourceFileType.Zip:\n        return 'icon-teal';\n\n      case ResourceFileType.File:\n        return 'icon-gray';\n\n      default:\n        return '';\n    }\n  },\n\n  mapTypeToExtension(type: string): string {\n    if (!type) return '';\n\n    const extensions: HashObject = {\n      pdf: 'pdf',\n      image: 'png',\n      powerpoint: 'pptx'\n    };\n\n    return extensions[type.toLowerCase()];\n  },\n\n  mapTypeToName(type: string): string {\n    if (!type) return '';\n\n    switch (type) {\n      case ResourceFileType.Pdf: return LanguageService.getPhrase(lang, 'pdf');\n      case ResourceFileType.Image: return LanguageService.getPhrase(lang, 'image');\n      case ResourceFileType.Document: return LanguageService.getPhrase(lang, 'document');\n      case ResourceFileType.Excel: return LanguageService.getPhrase(lang, 'spreadsheet');\n      case ResourceFileType.PowerPoint: return LanguageService.getPhrase(lang, 'presentation');\n      case ResourceFileType.Zip: return LanguageService.getPhrase(lang, 'zipArchive');\n      case ResourceFileType.File: return LanguageService.getPhrase(lang, 'file');\n\n      default:\n        return '';\n    }\n  }\n};\n","import * as React from 'react';\nimport { Placement } from 'react-bootstrap/esm/types';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { VideoSource } from 'libs/shared/enums/VideoSource';\nimport { TrendingSvg } from 'libs/shared/images/svg/objects/TrendingSvg';\nimport { CloseCaptionBadgeSvg } from 'libs/shared/images/svg/status/CloseCaptionBadgeSvg';\nimport { DashboardStatus, Rating } from 'libs/shared/interfaces';\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\n\nimport styles from './badge.module.scss';\n\nconst namespace = 'shared.badges';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport enum BadgeType {\n  DurationExact = 'duration-exact',\n  DurationApproximate = 'duration-approximate',\n  Interactive = 'interactive',\n  Rating = 'rating',\n  ProductionYear = 'production-year',\n  Captions = 'captions',\n  Status = 'status',\n  Trending = 'trending',\n  Count = 'count',\n  RoundCount = 'round-count',\n  Restriction = 'restriction',\n  Source = 'source'\n}\n\ntype BadgeSize = 'xs' | 'sm' | 'std' | 'lg';\n\ninterface BadgeProps {\n  type: BadgeType;\n  data: any;\n  inline?: boolean;\n  className?: string;\n  /**\n   * Only Trending badge supports this attribute atm\n   */\n  size?: BadgeSize;\n}\n\ninterface TooltipOptions {\n  placement: Placement;\n  title: string;\n}\n\nconst badgeSvgContainerSizeMap: {[key in BadgeSize]: SvgContainerSize } = {\n  xs: SvgContainerSize.ExtraSmall,\n  sm: SvgContainerSize.Small,\n  std: SvgContainerSize.Standard,\n  lg: SvgContainerSize.Large\n};\n\nconst badgeSizeClassNameMap: {[key in BadgeSize]: string } = {\n  xs: 'badge-xs',\n  sm: 'badge-sm',\n  std: 'badge-std',\n  lg: 'badge-lg'\n};\n\nfunction getStatusClassName(status: CurationStatus | DashboardStatus): string {\n  switch (status) {\n    case CurationStatus.Published:\n    case DashboardStatus.Published:\n      return 'bg-success';\n\n    case CurationStatus.Archived:\n    case CurationStatus.Rejected:\n    case DashboardStatus.Archived:\n      return 'bg-danger';\n\n    case CurationStatus.Draft:\n    case DashboardStatus.Draft:\n      return 'draft-badge px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n    case CurationStatus.Pending:\n    case CurationStatus.Processing:\n      return 'bg-warning';\n  }\n}\n\nfunction getSourceClassName(sources: VideoSource[]): string {\n  if (sources.includes(VideoSource.Streamable))\n    return `px-1 text-nowrap d-flex align-items-center ${styles.streamable}`;\n\n  if (sources.includes(VideoSource.MoviesAndTv))\n    return 'bg-indigo text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Exchange))\n    return 'bg-orange text-white px-1 text-nowrap d-flex align-items-center';\n\n  if (sources.includes(VideoSource.Twig))\n    return `bg-pink text-white px-1 text-nowrap d-flex align-items-center`;\n\n  if (sources.includes(VideoSource.Espresso))\n    return `bg-navy text-white px-1 text-nowrap d-flex align-items-center`;\n\n  return '';\n}\n\nfunction getClassName(type: BadgeType, data: any, size: BadgeSize): string {\n  const baseClass = 'badge';\n  const sizeClass = badgeSizeClassNameMap[size];\n\n  let typeClass = '';\n\n  if (type === BadgeType.DurationApproximate)\n    typeClass = 'duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center';\n\n  if (type === BadgeType.DurationExact)\n    typeClass = 'duration-badge';\n\n  if (type === BadgeType.Interactive)\n    typeClass = 'interactive-badge';\n\n  if (type === BadgeType.Rating)\n    typeClass = `rating-badge text-shadow ${VideoDetailsHelper.mapRatingToClass((data as Rating).value)}`;\n\n  if (type === BadgeType.ProductionYear)\n    typeClass = 'production-year-badge text-shadow';\n\n  if (type === BadgeType.Captions)\n    return 'p-0';\n\n  if (type === BadgeType.Status)\n    return `badge ${getStatusClassName(data)}`;\n\n  if (type === BadgeType.Trending)\n    return `trending-badge px-1 d-flex align-items-center ${sizeClass}`;\n\n  if (type === BadgeType.Count)\n    typeClass = 'count-badge px-1 rounded';\n\n  if (type === BadgeType.RoundCount)\n    typeClass = 'round-badge rounded-circle';\n\n  if (type === BadgeType.Restriction) {\n    const restrictionBgClass = RestrictionHelper.mapRestrictionToClass(data.restrictions);\n    return classNames('restriction-badge rounded-pill px-2 d-flex align-items-center', restrictionBgClass);\n  }\n  \n  if (type === BadgeType.Source)\n    typeClass = getSourceClassName(data);\n\n  return classNames(baseClass, typeClass);\n}\n\nfunction getBadgeContent(type: BadgeType, data: any, size: BadgeSize): string | JSX.Element {\n  if (type === BadgeType.Interactive)\n    return getPhrase('interactive');\n\n  if (type === BadgeType.DurationApproximate)\n    return DurationHelper.ToDisplayDurationNewStyle(data);\n\n  if (type === BadgeType.DurationExact)\n    return DurationHelper.ToDisplayDuration(data);\n\n  if (type === BadgeType.Rating)\n    return (data as Rating).code; // data expected to be a rating object\n\n  if (type === BadgeType.ProductionYear)\n    return data; // data should be the production year\n\n  if (type === BadgeType.Captions)\n    return <SvgContainer svg={CloseCaptionBadgeSvg} />;\n\n  if (type === BadgeType.Status) {\n    if (typeof(data) === 'number') {\n      return CurationStatus[data];\n    }\n    return data;\n  }\n\n  if (type === BadgeType.Trending)\n    return (\n      <>\n        <SvgContainer svg={TrendingSvg} size={badgeSvgContainerSizeMap[size]} />\n        <span className='ps-1'>{data}</span>\n      </>\n    );\n\n  if (type === BadgeType.Count || type === BadgeType.RoundCount)\n    return data;\n\n  if (type === BadgeType.Restriction)\n    return (\n      <>\n        <SvgContainer\n          svg={RestrictionHelper.mapRestrictionToSvg(data.restrictions)}\n        />\n        <span>\n          {RestrictionHelper.mapRestrictionToText(data.restrictions, data.yearGroups)}\n        </span>\n      </>\n    );\n\n  if (type === BadgeType.Source) {\n    const sources = data as VideoSource[];\n\n    if (sources.includes(VideoSource.Streamable))\n      return 'streamable';\n\n    if (sources.includes(VideoSource.MoviesAndTv))\n      return 'movies + tv';\n\n    if (sources.includes(VideoSource.Exchange))\n      return 'exchange';\n\n    if (sources.includes(VideoSource.Twig))\n      return 'twig';\n\n    if (sources.includes(VideoSource.Espresso))\n      return 'espresso';\n\n    return '-';\n  }\n}\n\nfunction getTooltip(type: BadgeType, data: any): TooltipOptions {\n  if (type === BadgeType.Rating)\n    return {\n      title: (data as Rating).name,\n      placement: 'top'\n    };\n\n  return null;\n}\n\nfunction hasData(type: BadgeType, data: any): boolean {\n  if (typeof(data) === 'boolean')\n    return !!data;\n\n  if (type === BadgeType.Rating)\n    return data && !!(data as Rating).value;\n\n  if (type === BadgeType.Interactive)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Captions)\n    return !!data?.length || !!data?.data?.length;\n\n  if (type === BadgeType.Status)\n    return typeof(data) === 'number' || typeof(data) === 'string';\n\n  return !!data;\n}\n\nexport function Badge(props: BadgeProps): JSX.Element {\n  const { type, data, size = 'std' } = props;\n  \n  if (!hasData(type, data))\n    return <></>;\n\n  let className = getClassName(type, data, size);\n  className = `${className} ${props.inline ? 'd-inline-block' : 'd-flex justify-content-center'} ${props.className || ''}`;\n  const content = getBadgeContent(type, data, size);\n  const tooltip = getTooltip(type, data);\n  const spanHackClassName = props.inline && 'd-inline-block';\n\n  if (tooltip) {\n    return (\n      <div className='badge-wrapper d-inline'>\n        <Tooltip {...tooltip} spanHack spanHackClassName={spanHackClassName}>\n          <span className={className}>{content}</span>\n        </Tooltip>\n      </div>\n    );\n  }\n\n  return <span className={`${className} badge-wrapper`}>{content}</span>;\n}\n","import { useInView } from 'react-intersection-observer';\n\ninterface LazyUtils {\n  ref: (node?: Element) => void | null;\n  inView: boolean;\n\n  /**\n   * Use this if you want to hide something on start\n   * and then show it as something else leaves the window\n   * e.g. The student feed floating jump to button\n   */\n  initialized: boolean;\n}\n\ninterface UseLazyLoadOptions {\n  prevent?: boolean;\n  /**\n   * See rootMagin here: https://www.npmjs.com/package/react-intersection-observer#api\n   * Thow allows us to have items load ahead of coming into the viewport\n   * for example thumbnail images as we scroll\n   */\n  rootMargin?: string;\n  triggerOnce?: boolean;\n}\n\nexport function useLazyLoad(options: UseLazyLoadOptions = {}): LazyUtils {\n  const { prevent, rootMargin, triggerOnce = true } = options;\n\n  // eslint-disable-next-line\n  let [ ref, inView, entry ] = useInView({ triggerOnce, rootMargin: rootMargin });\n\n  if (prevent === true || typeof (window as any).IntersectionObserver === 'undefined') {\n    inView = true;\n    ref = null;\n  }\n\n  return { ref, inView, initialized: !!entry };\n}\n",":local {\n  .image {\n    width: 100%;\n    height: 100%;\n  }\n}\n","import * as React from 'react';\n\nimport { useLazyLoad } from 'libs/shared/hooks/UseLazyLoad';\n\nimport styles from './lazy-image.module.scss';\n\n/**\n * This value means we will load images 500px above\n * or below the viewport so that they are loaded\n * by the time they come into the viewport\n */\nconst PRELOAD_DISTANCE = '500px';\n/**\n * Atomically small blank GIF as placeholder for image src to prevent w3 validator error\n */\nconst PLACEHOLDER_SRC = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';\n\ninterface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  forceLoad?: boolean;\n  preventLoad?: boolean;\n  extraClasses?: string;\n  errorFallbackImageSrc?: string;\n  errorFallbackImageClassName?: string;\n}\n\nexport const LazyImage = React.memo(function(props: LazyImageProps): React.ReactElement {\n  const { forceLoad, extraClasses = '', errorFallbackImageSrc, preventLoad = false, errorFallbackImageClassName, src, alt, ...propsWithoutSrc } = props;\n  \n  const { ref, inView } = useLazyLoad({ rootMargin: PRELOAD_DISTANCE });\n  const [ error, setError ] = React.useState(false);\n\n  React.useEffect(() => {\n    if ((!forceLoad && !inView) || preventLoad)\n      return;\n    \n    // https://stackoverflow.com/questions/2342132/waiting-for-image-to-load-in-javascript\n    const img = new Image();\n\n    img.onerror = () => {\n      setError(true);\n      \n      if (errorFallbackImageSrc)\n        img.src = errorFallbackImageSrc;\n    };\n\n    img.src = src;\n    return () => img.onerror = null;\n  }, [ inView, preventLoad ]);\n\n  function getSrc(): string {\n    if (error && errorFallbackImageSrc)\n      return errorFallbackImageSrc;\n\n    return props.src;\n  }\n\n  if (error && !errorFallbackImageSrc)\n    return <></>;\n\n  if (!ref) {\n    return (\n      <img\n        className={`${styles.image} ${extraClasses} ${error ? errorFallbackImageClassName || '' : ''}`}\n        alt={alt}\n        src={getSrc()}\n        {...propsWithoutSrc}\n      />\n    );\n  }\n\n  const imgProps: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> = {\n    alt,\n    ...propsWithoutSrc,\n    ...(((inView || forceLoad) && !preventLoad) ? { src: getSrc() } : { src: PLACEHOLDER_SRC })\n  };\n\n  if (!forceLoad)\n    imgProps.ref = ref;\n\n  return (\n    <img className={`${styles.image} ${extraClasses} ${error ? errorFallbackImageClassName || '' : ''}`} {...imgProps} />\n  );\n});\n",":local {\n  .image {\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    :global(img) {\n      position: absolute;\n      top: 0; \n      bottom: 0; \n      left: 0; \n      right: 0;\n    }\n  }\n\n  // Aspect Ratios\n  .thumbnail {\n    padding-bottom: 56.25%;\n  }\n\n  .tallPoster {\n    padding-bottom: 177.77778%;\n  }\n\n  .cover {\n    padding-bottom: 100%;\n  }\n\n  .banner {\n    padding-bottom: 18.50%\n  }\n\n  .poster {\n    padding-bottom: 150%;\n  }\n\n  .pdf {\n    :global(img) {\n      height: auto;\n    }\n  }\n\n  .link {\n    :global(img) {\n      width: auto;\n      margin: 0 auto;\n    }\n  }\n}","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { ImageType } from 'libs/shared/enums/Images';\nimport { Image } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './image.module.scss';\n\nfunction getImageClassName(props: BaseImageProps): string {\n  let className = styles.image;\n\n  let imageTypeClassName = '';\n\n  if (props.imageType === ImageType.Thumbnails)\n    imageTypeClassName = `thumbnail ${styles.thumbnail}`;\n\n  if (props.imageType === ImageType.TallPosters)\n    imageTypeClassName = styles.tallPoster;\n\n  if (props.imageType === ImageType.Covers)\n    imageTypeClassName = styles.cover;\n\n  if (props.imageType === ImageType.Banners)\n    imageTypeClassName = styles.banner;\n\n  if (props.imageType === ImageType.Posters)\n    imageTypeClassName = styles.poster;\n\n  if (props.imageType === ImageType.Pdf)\n    imageTypeClassName = styles.pdf;\n\n  if (props.imageType === ImageType.Link)\n    imageTypeClassName = styles.link;\n\n  if (imageTypeClassName)\n    className += ` ${imageTypeClassName}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return className;\n}\n\ninterface BaseImageProps {\n  data: Image | string;\n  imageOptions?: ImageOptions;\n  appLink?: Core.AppLink;\n  imageType?: ImageType;\n  className?: string;\n  imageClassName?: string;\n  imageStyle?: HashObject;\n  preload?: boolean;\n  preventLoad?: boolean;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  errorFallbackImageSrc?: string;\n  errorFallbackImageClassName?: string;\n  alt?: string;\n  preventFocus?: boolean;\n  appLinkClassName?: string;\n  onClick?: () => void;\n  onLoad?: () => void;\n  openInNewTab?: boolean;\n  forcePageLoad?: boolean;\n}\n\nexport function BaseImage(props: React.PropsWithChildren<BaseImageProps>): React.ReactElement {\n  const {\n    data,\n    imageOptions,\n    appLink,\n    preload,\n    preventLoad,\n    analyticsOptions,\n    analyticsData,\n    imageClassName,\n    alt\n  } = props;\n\n  let url = '';\n\n  if (typeof data === 'string') {\n    url = data;\n  } else if (ObjectHelper.isObject(data)) {\n    url = data.url;\n  }\n\n  const imageUrl = (url && imageOptions) ? ImageHelper.createUrl(url, imageOptions) : url;\n\n  return (\n    <div className={getImageClassName(props)} style={props.imageStyle}>\n      <AppLink\n        appLink={appLink}\n        analyticsData={analyticsData}\n        analyticsOptions={analyticsOptions}\n        onClick={props.onClick}\n        preventFocus={props.preventFocus}\n        className={props.appLinkClassName}\n        openInNewTab={props.openInNewTab}\n        forcePageLoad={props.forcePageLoad}\n      >\n        {props.children}\n        {imageUrl && (\n          <LazyImage\n            src={imageUrl}\n            alt={alt}\n            forceLoad={preload}\n            preventLoad={preventLoad}\n            extraClasses={imageClassName}\n            errorFallbackImageSrc={props.errorFallbackImageSrc}\n            errorFallbackImageClassName={props.errorFallbackImageClassName}\n            onLoad={props.onLoad}\n          />\n        )}\n      </AppLink>\n    </div>\n  );\n}\n\n","/**\n * Use this instead of the list below if you need to render the clickview logo\n * on the background you're rendering.\n */\nexport const LOGO_SAFE_BG_CLASS_NAMES = [\n  'bg-green',\n  'bg-cyan',\n  'bg-teal',\n  'bg-blue',\n  'bg-indigo',\n  'bg-purple'\n];\n\nexport const BG_COLOUR_CLASS_NAMES = [\n  'bg-pink',\n  'bg-orange',\n  ...LOGO_SAFE_BG_CLASS_NAMES\n];\n","import React from 'react';\n\nexport function PlaySvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function ImageSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props} viewBox='0 0 24 21'>\n      <path\n        d='M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function SeriesSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        d='M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17'\n      />\n    </svg>\n  );\n}\n","export function getBgColorClass(name: string, classNames: string[]): string {\n  return classNames[name.charCodeAt(0) % classNames.length];\n}\n\nexport function getDeterministicBgColorClass(name: string, classNames: string[]): string {\n  const sum = name\n    .split('')\n    .reduce(\n      (acc, char) => acc + char.charCodeAt(0),\n      0\n    );\n  \n  return classNames[sum % classNames.length];\n}\n",":local {\n  .baseFallbackContainer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n\n  .svgFallbackContainer {\n    @extend .baseFallbackContainer;\n    background-color: $gray-100;\n  }\n\n  .subjectFallbackContainer {\n    background-color: $gray-100;\n    height: 100%;\n    border-top-left-radius: $border-radius-lg;\n    border-bottom-left-radius: $border-radius-lg;\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &Small {\n      width: 2rem;\n    }\n\n    &Large {\n      width: 5rem;\n    }\n  }\n\n  .seriesItemFallback, .playlistItemFallback {\n    @extend %icon;\n    width: 3.75rem;\n    height: 3.75rem;\n  }\n\n  .playlistFallback,\n  .posterFallback { // poster fallback is used by series' & and subjects tall poster's\n    @extend %icon;\n    width: 7.5rem;\n    height: 7.5rem;\n\n    svg {\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .subjectFallback {\n    @extend %icon;\n  }\n\n  %icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    color: $gray-400;\n    transform: translate3D(-50%, -50%, 0);\n    transition: opacity 100ms ease-in-out;\n  }\n\n  .fallbackThumbnailImage {\n    padding: map-get($spacers, 1);\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    width: 100%;\n    height: 100%;\n  }\n\n  .videoFallback,\n  .folderFallback {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n  }\n}","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { PlaySvg } from 'libs/shared/images/svg/actions/PlaySvg';\nimport { FileImgSvg } from 'libs/shared/images/svg/objects/FileImgSvg';\nimport { ImageSvg } from 'libs/shared/images/svg/objects/ImageSvg';\nimport { SeriesSvg } from 'libs/shared/images/svg/objects/SeriesSvg';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport styles from './image-fallback.module.scss';\n\nexport enum ImageFallbackType {\n  Playlist,\n  PlaylistThumbnail,\n  Series,\n  SeriesThumbnail,\n  Subject,\n  TallSubject,\n  Video,\n  Folder\n}\n\nexport enum ImageFallbackMediaType {\n  Svg,\n  Image\n}\n\nexport enum ContainerClassSize {\n  Large,\n  Small\n}\n\nfunction getContainerClass(\n  type: ImageFallbackMediaType,\n  objectType: ImageFallbackType,\n  containerClassSize: ContainerClassSize\n): string {\n  if (objectType === ImageFallbackType.Subject) {\n    const containerSizeClass = containerClassSize === ContainerClassSize.Large ?\n      styles.subjectFallbackContainerLarge :\n      styles.subjectFallbackContainerSmall;\n\n    return `${styles.subjectFallbackContainer} ${containerSizeClass}`;\n  }\n\n  if (type === ImageFallbackMediaType.Svg) {\n    if (objectType === ImageFallbackType.SeriesThumbnail || objectType === ImageFallbackType.PlaylistThumbnail)\n      return `${styles.svgFallbackContainer} rounded-3`;\n      \n    return styles.svgFallbackContainer;\n  }\n\n  return styles.baseFallbackContainer;\n}\n\nfunction getClassByType(type: ImageFallbackType): string {\n  if (type === ImageFallbackType.SeriesThumbnail)\n    return styles.seriesItemFallback;\n\n  if (type === ImageFallbackType.PlaylistThumbnail)\n    return styles.playlistItemFallback;\n\n  if (type === ImageFallbackType.Playlist)\n    return styles.playlistFallback;\n\n  if (type === ImageFallbackType.Series || type === ImageFallbackType.TallSubject)\n    return styles.posterFallback;\n\n  if (type === ImageFallbackType.Subject)\n    return `${styles.subjectFallback} svg-container d-inline-block`;\n\n  return '';\n}\n\nfunction getMedia(type: ImageFallbackType) {\n  if (type === ImageFallbackType.SeriesThumbnail || type === ImageFallbackType.PlaylistThumbnail)\n    return PlaySvg;\n\n  if (type === ImageFallbackType.Playlist)\n    return ImageSvg;\n\n  if (type === ImageFallbackType.Series)\n    return SeriesSvg;\n\n  if (type === ImageFallbackType.Subject || type === ImageFallbackType.TallSubject)\n    return FileImgSvg;\n\n  return null;\n}\n\nfunction getSize(type: ImageFallbackType): SvgContainerSize {\n  if (type === ImageFallbackType.Subject)\n    return SvgContainerSize.ExtraLarge;\n\n  return SvgContainerSize.Standard;\n}\n\ninterface ImageFallbackProps {\n  type: ImageFallbackType;\n  mediaType?: ImageFallbackMediaType;\n  extraClasses?: string;\n  svgContainerClassName?: string;\n  name?: string;\n  containerClassSize?: ContainerClassSize;\n}\n\nImageFallback.defaultProps = {\n  mediaType: ImageFallbackMediaType.Svg,\n  containerClassSize: ContainerClassSize.Large\n};\n\nexport function ImageFallback(props: ImageFallbackProps): JSX.Element {\n  const { type, mediaType, extraClasses, containerClassSize } = props;\n\n  if (type === ImageFallbackType.Video)\n    return <div className={`${styles.videoFallback} ${props.extraClasses} bg-light-blue`} />;\n\n  if (type === ImageFallbackType.Folder)\n    return <div className={`${styles.folderFallback} ${props.extraClasses} ${getBgColorClass(props.name, BG_COLOUR_CLASS_NAMES)}`} />;\n\n  const typeClass = getClassByType(type);\n  const media = getMedia(type);\n  const size = getSize(type);\n\n  let className = `${getContainerClass(mediaType, type, containerClassSize)}`;\n\n  if (extraClasses)\n    className += ` ${props.extraClasses}`;\n\n  return (\n    <div className={className}>\n      {mediaType === ImageFallbackMediaType.Svg ?\n        (\n          <SvgContainer\n            svg={media}\n            className={`${typeClass} ${props.svgContainerClassName ?? ''}`}\n            tagName='div'\n            size={size}\n          />\n        ) : (\n          <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\n        )\n      }\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{DqAzhF3o.chunk.js → CitsW6ql.chunk.js}

@@ -1,2 +1,2 @@
-import{N as e,Qt as t,at as n}from"./CrTgNROp.chunk.js";import{v as r}from"./CxNc1BDX.chunk.js";import{m as i,n as a}from"./Dwe-4MVf.chunk.js";import{t as o}from"./Dsv_eF8a.chunk.js";import{r as s,t as c}from"./2zJwW9wb.chunk.js";import{t as l}from"./BIVEB8w0.chunk.js";import{t as u}from"./CPrWMnN-.chunk.js";import{a as d,kt as f,r as p,wt as m,xt as h}from"./app-jxJcaenU.js";import{i as g,n as _,o as v,r as y,s as b,t as x}from"./CBswLW82.chunk.js";n();var S=e(),C=c(),w={image:`_image_1a110_1`},T=l.encloseNamespace(`shared.streamsBarChartCardEmptyState`);function E(){return(0,S.jsxs)(p,{className:`flex-grow-1 justify-content-center`,children:[(0,S.jsx)(p.Image,{src:h.EmptyStates.Shared.BagQuestionOrange,className:w.image}),(0,S.jsx)(p.Heading,{className:`h6`,children:T(`heading`)}),(0,S.jsx)(p.Info,{className:`w-100`,children:T(`description`)})]})}var D=`shared.streamsBarChartCard`,O=l.encloseNamespace(D);function k(e){let n=d(`video-views`),o=_(i(e.videoId?u.videoAggregation(e.videoId,e.type,n):u.aggregation(e.type,n)).data,y(e.type)),s=o?.reduce((e,t)=>e+t.y,0);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3`,children:o?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`d-flex justify-content-between`,children:[(0,S.jsx)(`h2`,{className:`h6 mb-1`,children:(0,S.jsx)(a,{namespace:D,phrase:`totalViews`,options:{views:s}})}),e.appLink&&e.appLinkText&&(0,S.jsx)(r,{appLink:e.appLink,className:`text-info`,children:e.appLinkText})]}),o.length?(0,S.jsx)(C.Scrollbars,{className:`position-relative`,children:(0,S.jsx)(`div`,{className:`position-absolute w-100 pe-2`,children:(0,S.jsx)(b,{data:o,labelAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:f.DEFAULT,action:m.Default.CLASSROOM_VIEWS_POPUP})},tooltip:O(`classroomViewsSettings`)}}})})}):(0,S.jsx)(E,{})]}):(0,S.jsx)(`div`,{className:`partial-loading-background d-block w-50`,children:`\xA0`})})}var A={MONTH:35,YEAR:365},j={day:`YYYY-MM-DD`,month:`YYYY-MM`,year:`YYYY`},M={day:`D MMM`,month:`MMM`,year:`YYYY`};function N(e){let t=o.diffBetween(e.end,e.start,`day`);return t>A.YEAR?`year`:t>A.MONTH?`month`:`day`}function P(e,t){let n=[],r=o.convertUTCToLocal(e.start),i=o.convertUTCToLocal(e.end),a=o.format(r,j[t]);for(;!o.isAfter(a,i,t);)n.push(a),a=o.format(o.add(a,1,t),j[t]);return n}function F(e,t,n){if(!e)return null;let r=N(t),i=P(t,r),a=new Map;e.forEach(e=>{let t=o.format(o.convertUTCToLocal(e.dateStreamed),j[r]),n=[s.System,`255`].includes(e.name)?null:e.name,i=a.get(n);i||a.set(n,i=new Map);let c=i.get(t)??0;i.set(t,c+e.count)});let c=[...a.keys()];if(!c.length)return{categories:i.map(e=>o.format(e,M[r])),data:[]};let l=y(n);return{categories:i.map(e=>o.format(e,M[r])),data:c.map(e=>({name:l(e),type:`line`,data:i.map(t=>a.get(e).get(t)??0),color:g(e)})).sort((e,t)=>v(e.name,t.name))}}var I=`reportsShared.streamsChartCard`,L=l.encloseNamespace(I);function R(e){let n=d(`video-views`),r=F(i(e.videoId?u.videoAggregationChart(e.videoId,e.type,n):u.aggregationChart(e.type,n)).data,n,e.type);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3 position-relative`,children:r?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`h2`,{className:`position-absolute h6 mb-1`,children:(0,S.jsx)(a,{namespace:I,phrase:`videoViews`})}),(0,S.jsx)(x,{categories:r.categories,data:r.data,legendAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:f.DEFAULT,action:m.Default.CLASSROOM_VIEWS_POPUP})},tooltip:L(`classroomViewsSettings`)}}})]}):(0,S.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}export{k as n,R as t};
-//# sourceMappingURL=DqAzhF3o.chunk.js.map
+import{N as e,Qt as t,at as n}from"./CrTgNROp.chunk.js";import{v as r}from"./CxNc1BDX.chunk.js";import{m as i,n as a}from"./Dwe-4MVf.chunk.js";import{t as o}from"./Dsv_eF8a.chunk.js";import{r as s,t as c}from"./2zJwW9wb.chunk.js";import{t as l}from"./BIVEB8w0.chunk.js";import{t as u}from"./7M6FzdyD.chunk.js";import{a as d,kt as f,r as p,wt as m,xt as h}from"./app-B1NVV4PT.js";import{i as g,n as _,o as v,r as y,s as b,t as x}from"./Bzx4bLV8.chunk.js";n();var S=e(),C=c(),w={image:`_image_1a110_1`},T=l.encloseNamespace(`shared.streamsBarChartCardEmptyState`);function E(){return(0,S.jsxs)(p,{className:`flex-grow-1 justify-content-center`,children:[(0,S.jsx)(p.Image,{src:h.EmptyStates.Shared.BagQuestionOrange,className:w.image}),(0,S.jsx)(p.Heading,{className:`h6`,children:T(`heading`)}),(0,S.jsx)(p.Info,{className:`w-100`,children:T(`description`)})]})}var D=`shared.streamsBarChartCard`,O=l.encloseNamespace(D);function k(e){let n=d(`video-views`),o=_(i(e.videoId?u.videoAggregation(e.videoId,e.type,n):u.aggregation(e.type,n)).data,y(e.type)),s=o?.reduce((e,t)=>e+t.y,0);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3`,children:o?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`d-flex justify-content-between`,children:[(0,S.jsx)(`h2`,{className:`h6 mb-1`,children:(0,S.jsx)(a,{namespace:D,phrase:`totalViews`,options:{views:s}})}),e.appLink&&e.appLinkText&&(0,S.jsx)(r,{appLink:e.appLink,className:`text-info`,children:e.appLinkText})]}),o.length?(0,S.jsx)(C.Scrollbars,{className:`position-relative`,children:(0,S.jsx)(`div`,{className:`position-absolute w-100 pe-2`,children:(0,S.jsx)(b,{data:o,labelAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:f.DEFAULT,action:m.Default.CLASSROOM_VIEWS_POPUP})},tooltip:O(`classroomViewsSettings`)}}})})}):(0,S.jsx)(E,{})]}):(0,S.jsx)(`div`,{className:`partial-loading-background d-block w-50`,children:`\xA0`})})}var A={MONTH:35,YEAR:365},j={day:`YYYY-MM-DD`,month:`YYYY-MM`,year:`YYYY`},M={day:`D MMM`,month:`MMM`,year:`YYYY`};function N(e){let t=o.diffBetween(e.end,e.start,`day`);return t>A.YEAR?`year`:t>A.MONTH?`month`:`day`}function P(e,t){let n=[],r=o.convertUTCToLocal(e.start),i=o.convertUTCToLocal(e.end),a=o.format(r,j[t]);for(;!o.isAfter(a,i,t);)n.push(a),a=o.format(o.add(a,1,t),j[t]);return n}function F(e,t,n){if(!e)return null;let r=N(t),i=P(t,r),a=new Map;e.forEach(e=>{let t=o.format(o.convertUTCToLocal(e.dateStreamed),j[r]),n=[s.System,`255`].includes(e.name)?null:e.name,i=a.get(n);i||a.set(n,i=new Map);let c=i.get(t)??0;i.set(t,c+e.count)});let c=[...a.keys()];if(!c.length)return{categories:i.map(e=>o.format(e,M[r])),data:[]};let l=y(n);return{categories:i.map(e=>o.format(e,M[r])),data:c.map(e=>({name:l(e),type:`line`,data:i.map(t=>a.get(e).get(t)??0),color:g(e)})).sort((e,t)=>v(e.name,t.name))}}var I=`reportsShared.streamsChartCard`,L=l.encloseNamespace(I);function R(e){let n=d(`video-views`),r=F(i(e.videoId?u.videoAggregationChart(e.videoId,e.type,n):u.aggregationChart(e.type,n)).data,n,e.type);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3 position-relative`,children:r?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`h2`,{className:`position-absolute h6 mb-1`,children:(0,S.jsx)(a,{namespace:I,phrase:`videoViews`})}),(0,S.jsx)(x,{categories:r.categories,data:r.data,legendAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:f.DEFAULT,action:m.Default.CLASSROOM_VIEWS_POPUP})},tooltip:L(`classroomViewsSettings`)}}})]}):(0,S.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}export{k as n,R as t};
+//# sourceMappingURL=CitsW6ql.chunk.js.map

package/dist/scripts/{DqAzhF3o.chunk.js.map → CitsW6ql.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DqAzhF3o.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/total-views-by-group-card-empty-state.module.scss","../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState.tsx","../../src/shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView.tsx","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardViewUtils.ts","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\n  }\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'shared.streamsBarChartCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nimport styles from './total-views-by-group-card-empty-state.module.scss';\n\nexport function StreamsBarChartCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.BagQuestionOrange}\n        className={styles.image}\n      />\n      <EmptyState.Heading className='h6'>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-100'>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}\n","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { VerticalBarChart } from 'shared/components/vertical-bar-chart/VerticalBarChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getCountByGroup } from 'shared/utils/BarChartByGroupUtils';\nimport { getLabelMapper } from 'shared/utils/UserUtils';\nimport { StreamsBarChartCardEmptyState } from 'shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState';\n\nconst namespace = 'shared.streamsBarChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TotalViewsByGroupViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  appLink?: Core.AppLink;\n  appLinkText?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsBarChartCardView(props: TotalViewsByGroupViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const chartData = Flight.useBasicFetch<GroupedAnalyticsCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregation(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregation(props.type, requestFilter));\n\n  const grouped = getCountByGroup(\n    chartData.data,\n    getLabelMapper(props.type)\n  );\n  const total = grouped?.reduce((acc, group) => (acc + group.y), 0);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3'>\n      {grouped ?\n        <>\n          <div className='d-flex justify-content-between'>\n            <h2 className='h6 mb-1'><Text namespace={namespace} phrase='totalViews' options={{ views: total }} /></h2>\n            {props.appLink && props.appLinkText &&\n              <AppLink\n                appLink={props.appLink}\n                className='text-info'\n              >\n                {props.appLinkText}\n              </AppLink>\n            }\n          </div>\n\n          {grouped.length ?\n            <Scrollbars className='position-relative'>\n              <div className='position-absolute w-100 pe-2'>\n                <VerticalBarChart data={grouped} labelAnnotations={{\n                  'Classroom views': {\n                    onClick: () => {\n                      Core.AppLinkHelper.trigger({\n                        application: AppChannels.DEFAULT,\n                        action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                      });\n                    },\n                    tooltip: getPhrase('classroomViewsSettings')\n                  }\n                }} />\n              </div>\n            </Scrollbars> :\n            <StreamsBarChartCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background d-block w-50'>&nbsp;</div>\n      }\n    </div >\n  );\n}\n","import { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nimport { compareGroupNames } from 'shared/utils/GroupSortUtils';\nimport { getLabelMapper, mapUserTypeToChartColour } from 'shared/utils/UserUtils';\n\nconst GroupByThresholds = {\n  MONTH: 35,\n  YEAR: 365\n};\n\nconst DateFormats = {\n  day: 'YYYY-MM-DD',\n  month: 'YYYY-MM',\n  year: 'YYYY'\n};\n\nconst DisplayFormats = {\n  day: 'D MMM',\n  month: 'MMM',\n  year: 'YYYY'\n};\n\ntype GroupBy = 'day' | 'month' | 'year';\n\ninterface ChartData {\n  categories: string[];\n  data: Highcharts.SeriesLineOptions[];\n}\n\nfunction getGroupBy(requestFilter: AnalyticsRequestFilter): GroupBy {\n  const range = DateHelper.diffBetween(requestFilter.end, requestFilter.start, 'day');\n\n  if (range > GroupByThresholds.YEAR)\n    return 'year';\n\n  if (range > GroupByThresholds.MONTH)\n    return 'month';\n\n  return 'day';\n}\n\nfunction getFullDateRange(requestFilter: AnalyticsRequestFilter, groupBy: GroupBy): string[] {\n  const range: string[] = [];\n\n  const localStart = DateHelper.convertUTCToLocal(requestFilter.start);\n  const localEnd = DateHelper.convertUTCToLocal(requestFilter.end);\n\n  let currentDate = DateHelper.format(localStart, DateFormats[groupBy]);\n\n  while (!DateHelper.isAfter(currentDate, localEnd, groupBy)) {\n    range.push(currentDate);\n    currentDate = DateHelper.format(DateHelper.add(currentDate, 1, groupBy), DateFormats[groupBy]);\n  }\n\n  return range;\n}\n\nexport function getChartData(\n  events: GroupedAnalyticsChartCount[],\n  requestFilter: AnalyticsRequestFilter,\n  type: StreamAggregationType\n): ChartData {\n  if (!events) return null;\n\n  const groupBy = getGroupBy(requestFilter);\n  const fullDateRange = getFullDateRange(requestFilter, groupBy);\n  \n  const grouped = new Map<string, Map<string, number>>();\n  \n  events.forEach(ev => {\n    const eventDate = DateHelper.format(DateHelper.convertUTCToLocal(ev.dateStreamed), DateFormats[groupBy]);\n    \n    // Bucketing System user data as Anonymous\n    const name = [ UserGroup.System, '255' ].includes(ev.name) ? null : ev.name;\n\n    let group = grouped.get(name);\n\n    if (!group)\n      grouped.set(name, group = new Map<string, number>);\n\n    const oldCount = group.get(eventDate) ?? 0;\n    group.set(eventDate, oldCount + ev.count);\n  });\n\n  const roles = [...grouped.keys()] as UserGroup[];\n\n  if (!roles.length) return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data: []\n  };\n\n  const labelMapper = getLabelMapper(type);\n\n  return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data:\n      roles.map(r => ({\n        name: labelMapper(r),\n        type: 'line' as const,\n        data: fullDateRange.map(d => grouped.get(r).get(d) ?? 0),\n        color: mapUserTypeToChartColour(r)\n      })).sort((a, b) => compareGroupNames(a.name, b.name))\n  };\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { LineChart } from 'shared/components/line-chart/LineChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\n\nimport { getChartData } from './StreamsChartCardViewUtils';\n\nconst namespace = 'reportsShared.streamsChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StreamsChartCardViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsChartCardView(props: StreamsChartCardViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const viewsByGroup = Flight.useBasicFetch<GroupedAnalyticsChartCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregationChart(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregationChart(props.type, requestFilter));\n\n  const chartData = getChartData(viewsByGroup.data, requestFilter, props.type);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white rounded p-3 position-relative'>\n      {chartData ?\n        <>\n          <h2 className='position-absolute h6 mb-1'><Text namespace={namespace} phrase='videoViews' /></h2>\n          <LineChart\n            categories={chartData.categories}\n            data={chartData.data}\n            legendAnnotations={{\n              'Classroom views': {\n                onClick: () => {\n                  Core.AppLinkHelper.trigger({\n                    application: AppChannels.DEFAULT,\n                    action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                  });\n                },\n                tooltip: getPhrase('classroomViewsSettings')\n              }\n            }}\n          />\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CitsW6ql.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/total-views-by-group-card-empty-state.module.scss","../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState.tsx","../../src/shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView.tsx","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardViewUtils.ts","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\n  }\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'shared.streamsBarChartCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nimport styles from './total-views-by-group-card-empty-state.module.scss';\n\nexport function StreamsBarChartCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.BagQuestionOrange}\n        className={styles.image}\n      />\n      <EmptyState.Heading className='h6'>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-100'>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}\n","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { VerticalBarChart } from 'shared/components/vertical-bar-chart/VerticalBarChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getCountByGroup } from 'shared/utils/BarChartByGroupUtils';\nimport { getLabelMapper } from 'shared/utils/UserUtils';\nimport { StreamsBarChartCardEmptyState } from 'shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState';\n\nconst namespace = 'shared.streamsBarChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TotalViewsByGroupViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  appLink?: Core.AppLink;\n  appLinkText?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsBarChartCardView(props: TotalViewsByGroupViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const chartData = Flight.useBasicFetch<GroupedAnalyticsCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregation(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregation(props.type, requestFilter));\n\n  const grouped = getCountByGroup(\n    chartData.data,\n    getLabelMapper(props.type)\n  );\n  const total = grouped?.reduce((acc, group) => (acc + group.y), 0);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3'>\n      {grouped ?\n        <>\n          <div className='d-flex justify-content-between'>\n            <h2 className='h6 mb-1'><Text namespace={namespace} phrase='totalViews' options={{ views: total }} /></h2>\n            {props.appLink && props.appLinkText &&\n              <AppLink\n                appLink={props.appLink}\n                className='text-info'\n              >\n                {props.appLinkText}\n              </AppLink>\n            }\n          </div>\n\n          {grouped.length ?\n            <Scrollbars className='position-relative'>\n              <div className='position-absolute w-100 pe-2'>\n                <VerticalBarChart data={grouped} labelAnnotations={{\n                  'Classroom views': {\n                    onClick: () => {\n                      Core.AppLinkHelper.trigger({\n                        application: AppChannels.DEFAULT,\n                        action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                      });\n                    },\n                    tooltip: getPhrase('classroomViewsSettings')\n                  }\n                }} />\n              </div>\n            </Scrollbars> :\n            <StreamsBarChartCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background d-block w-50'>&nbsp;</div>\n      }\n    </div >\n  );\n}\n","import { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nimport { compareGroupNames } from 'shared/utils/GroupSortUtils';\nimport { getLabelMapper, mapUserTypeToChartColour } from 'shared/utils/UserUtils';\n\nconst GroupByThresholds = {\n  MONTH: 35,\n  YEAR: 365\n};\n\nconst DateFormats = {\n  day: 'YYYY-MM-DD',\n  month: 'YYYY-MM',\n  year: 'YYYY'\n};\n\nconst DisplayFormats = {\n  day: 'D MMM',\n  month: 'MMM',\n  year: 'YYYY'\n};\n\ntype GroupBy = 'day' | 'month' | 'year';\n\ninterface ChartData {\n  categories: string[];\n  data: Highcharts.SeriesLineOptions[];\n}\n\nfunction getGroupBy(requestFilter: AnalyticsRequestFilter): GroupBy {\n  const range = DateHelper.diffBetween(requestFilter.end, requestFilter.start, 'day');\n\n  if (range > GroupByThresholds.YEAR)\n    return 'year';\n\n  if (range > GroupByThresholds.MONTH)\n    return 'month';\n\n  return 'day';\n}\n\nfunction getFullDateRange(requestFilter: AnalyticsRequestFilter, groupBy: GroupBy): string[] {\n  const range: string[] = [];\n\n  const localStart = DateHelper.convertUTCToLocal(requestFilter.start);\n  const localEnd = DateHelper.convertUTCToLocal(requestFilter.end);\n\n  let currentDate = DateHelper.format(localStart, DateFormats[groupBy]);\n\n  while (!DateHelper.isAfter(currentDate, localEnd, groupBy)) {\n    range.push(currentDate);\n    currentDate = DateHelper.format(DateHelper.add(currentDate, 1, groupBy), DateFormats[groupBy]);\n  }\n\n  return range;\n}\n\nexport function getChartData(\n  events: GroupedAnalyticsChartCount[],\n  requestFilter: AnalyticsRequestFilter,\n  type: StreamAggregationType\n): ChartData {\n  if (!events) return null;\n\n  const groupBy = getGroupBy(requestFilter);\n  const fullDateRange = getFullDateRange(requestFilter, groupBy);\n  \n  const grouped = new Map<string, Map<string, number>>();\n  \n  events.forEach(ev => {\n    const eventDate = DateHelper.format(DateHelper.convertUTCToLocal(ev.dateStreamed), DateFormats[groupBy]);\n    \n    // Bucketing System user data as Anonymous\n    const name = [ UserGroup.System, '255' ].includes(ev.name) ? null : ev.name;\n\n    let group = grouped.get(name);\n\n    if (!group)\n      grouped.set(name, group = new Map<string, number>);\n\n    const oldCount = group.get(eventDate) ?? 0;\n    group.set(eventDate, oldCount + ev.count);\n  });\n\n  const roles = [...grouped.keys()] as UserGroup[];\n\n  if (!roles.length) return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data: []\n  };\n\n  const labelMapper = getLabelMapper(type);\n\n  return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data:\n      roles.map(r => ({\n        name: labelMapper(r),\n        type: 'line' as const,\n        data: fullDateRange.map(d => grouped.get(r).get(d) ?? 0),\n        color: mapUserTypeToChartColour(r)\n      })).sort((a, b) => compareGroupNames(a.name, b.name))\n  };\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { LineChart } from 'shared/components/line-chart/LineChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\n\nimport { getChartData } from './StreamsChartCardViewUtils';\n\nconst namespace = 'reportsShared.streamsChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StreamsChartCardViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsChartCardView(props: StreamsChartCardViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const viewsByGroup = Flight.useBasicFetch<GroupedAnalyticsChartCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregationChart(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregationChart(props.type, requestFilter));\n\n  const chartData = getChartData(viewsByGroup.data, requestFilter, props.type);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white rounded p-3 position-relative'>\n      {chartData ?\n        <>\n          <h2 className='position-absolute h6 mb-1'><Text namespace={namespace} phrase='videoViews' /></h2>\n          <LineChart\n            categories={chartData.categories}\n            data={chartData.data}\n            legendAnnotations={{\n              'Classroom views': {\n                onClick: () => {\n                  Core.AppLinkHelper.trigger({\n                    application: AppChannels.DEFAULT,\n                    action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                  });\n                },\n                tooltip: getPhrase('classroomViewsSettings')\n              }\n            }}\n          />\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{iTyahUCH2.chunk.js → CowQEpZQ2.chunk.js}

@@ -1,2 +1,2 @@
-import{Dr as e,N as t,at as n}from"./CrTgNROp.chunk.js";import{r}from"./CxNc1BDX.chunk.js";import{n as i}from"./HeoWyBUD.chunk.js";import{t as a}from"./BIVEB8w0.chunk.js";import{Ct as o,I as s,Q as c,kt as l,wt as u,z as d}from"./app-jxJcaenU.js";import{m as f}from"./CBswLW82.chunk.js";import{t as p}from"./NiiRK9j-2.chunk.js";var m=e(n());function h(e){let[,t]=i(s.HEADER_ACTIONS);(0,m.useEffect)(()=>(t(e),()=>{t(null)}),[!!e])}var g=t(),_=a.encloseNamespace(`reportsShared.anonymiseAction`);function v(){let[e,t]=i(s.ANONYMISE_USERS,!1);return(0,g.jsxs)(`div`,{className:`d-flex align-items center justify-content-between`,onClick:()=>t(!e),children:[(0,g.jsx)(`span`,{className:`me-3`,children:_(`hideNames`)}),(0,g.jsx)(c,{on:e,onClick:()=>{}})]})}var y=a.encloseNamespace(`reportsShared.utils`);function b(e){let t=f(o.getPrimaryObjectUrl);if(!e)return;let n=[];return t&&n.push({label:()=>(0,g.jsxs)(`span`,{className:`d-flex justify-content-between align-items-center`,children:[(0,g.jsx)(`span`,{className:`me-2`,children:y(`seeVideo`)}),(0,g.jsx)(r,{svg:d})]}),href:t(e),openInNewTab:!0}),n.push({label:()=>(0,g.jsx)(v,{})}),n}function x(){return[{label:y(`generateReport`),appLink:{application:l.DEFAULT,action:u.Default.GENERATE_REPORT,params:{type:p.VideoViews}}}]}function S(){return[{label:y(`generateReport`),appLink:{application:l.DEFAULT,action:u.Default.GENERATE_REPORT,params:{type:p.Logins}}}]}export{h as i,x as n,b as r,S as t};
-//# sourceMappingURL=iTyahUCH2.chunk.js.map
+import{Dr as e,N as t,at as n}from"./CrTgNROp.chunk.js";import{r}from"./CxNc1BDX.chunk.js";import{n as i}from"./HeoWyBUD.chunk.js";import{t as a}from"./BIVEB8w0.chunk.js";import{Ct as o,I as s,Q as c,kt as l,wt as u,z as d}from"./app-B1NVV4PT.js";import{m as f}from"./Bzx4bLV8.chunk.js";import{t as p}from"./Dj87pb142.chunk.js";var m=e(n());function h(e){let[,t]=i(s.HEADER_ACTIONS);(0,m.useEffect)(()=>(t(e),()=>{t(null)}),[!!e])}var g=t(),_=a.encloseNamespace(`reportsShared.anonymiseAction`);function v(){let[e,t]=i(s.ANONYMISE_USERS,!1);return(0,g.jsxs)(`div`,{className:`d-flex align-items center justify-content-between`,onClick:()=>t(!e),children:[(0,g.jsx)(`span`,{className:`me-3`,children:_(`hideNames`)}),(0,g.jsx)(c,{on:e,onClick:()=>{}})]})}var y=a.encloseNamespace(`reportsShared.utils`);function b(e){let t=f(o.getPrimaryObjectUrl);if(!e)return;let n=[];return t&&n.push({label:()=>(0,g.jsxs)(`span`,{className:`d-flex justify-content-between align-items-center`,children:[(0,g.jsx)(`span`,{className:`me-2`,children:y(`seeVideo`)}),(0,g.jsx)(r,{svg:d})]}),href:t(e),openInNewTab:!0}),n.push({label:()=>(0,g.jsx)(v,{})}),n}function x(){return[{label:y(`generateReport`),appLink:{application:l.DEFAULT,action:u.Default.GENERATE_REPORT,params:{type:p.VideoViews}}}]}function S(){return[{label:y(`generateReport`),appLink:{application:l.DEFAULT,action:u.Default.GENERATE_REPORT,params:{type:p.Logins}}}]}export{h as i,x as n,b as r,S as t};
+//# sourceMappingURL=CowQEpZQ2.chunk.js.map

package/dist/scripts/{iTyahUCH2.chunk.js.map → CowQEpZQ2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"iTyahUCH2.chunk.js","names":[],"sources":["../../src/shared/hooks/UseSetHeaderActions.ts","../../src/shared/components/anonymise-action/AnonymiseAction.tsx","../../src/shared/utils/HeaderActionUtils.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\n/**\n * This hook will only set the actions on the initial render.\n * If the actions are dynamic, either this hook will need to be updated\n * or useViewModel used directly.\n */\nexport function useSetHeaderActions(actions?: DropdownActionOptions[]): void {\n  const [ , setActions ] = useViewModel<DropdownActionOptions[]>(ViewModelKeys.HEADER_ACTIONS);\n\n  useEffect(() => {\n    setActions(actions);\n\n    return () => {\n      setActions(null);\n    };\n  }, [!!actions]);\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nconst namespace = 'reportsShared.anonymiseAction';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AnonymiseAction(): JSX.Element {\n  const [ anonymiseUsers, setAnonymiseUsers ] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS, false);\n\n  return (\n    <div\n      className='d-flex align-items center justify-content-between'\n      onClick={() => setAnonymiseUsers(!anonymiseUsers)}\n    >\n      <span className='me-3'>\n        {getPhrase('hideNames')}\n      </span>\n      <ToggleSwitch on={anonymiseUsers} onClick={() => {}} />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useGetExternalUrl } from 'libs/shared/hooks/UseGetExternalUrl';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { AnonymiseAction } from 'shared/components/anonymise-action/AnonymiseAction';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { GenerateReportType } from 'shared/views/generate-report/GenerateReportView';\n\nimport { ExternalRouteHelper } from './ExternalRouteHelper';\n\nconst namespace = 'reportsShared.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useGetObjectHeaderActions(object?: BaseObject): DropdownActionOptions[] {\n  const getObjectUrl = useGetExternalUrl(ExternalRouteHelper.getPrimaryObjectUrl);\n  if (!object)\n    return;\n\n  const actions: DropdownActionOptions[] = [];\n\n  if (getObjectUrl)\n    actions.push({\n      label: () => (\n        <span\n          className='d-flex justify-content-between align-items-center'\n        >\n          <span className='me-2'>\n            {/* // TODO: once we have non-video types this will need to be updated. */}\n            {getPhrase('seeVideo')}\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </span>\n      ),\n      href: getObjectUrl(object),\n      openInNewTab: true\n    });\n\n  actions.push({\n    label: () => <AnonymiseAction />\n  });\n\n  return actions;\n}\n\nexport function getVideoHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.VideoViews }\n    }\n  }];\n}\n\nexport function getLoginHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.Logins }\n    }\n  }];\n}\n"],"mappings":"qVAaA,SAAgB,EAAoB,EAAyC,CAC3E,GAAM,EAAI,GAAe,EAAsC,EAAc,cAAc,GAE3F,EAAA,EAAA,UAAA,MACE,EAAW,CAAO,MAEL,CACX,EAAW,IAAI,CACjB,GACC,CAAC,CAAC,CAAC,CAAO,CAAC,CAChB,WCbM,EAAY,EAAgB,iBAAiB,+BAAS,EAE5D,SAAgB,GAA+B,CAC7C,GAAM,CAAE,EAAgB,GAAsB,EAAsB,EAAc,gBAAiB,EAAK,EAExG,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,oDACV,YAAe,EAAkB,CAAC,CAAc,WAFlD,EAIE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gBACb,EAAU,WAAW,CAClB,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,GAAI,EAAgB,YAAe,CAAC,CAAI,CAAA,CACnD,GAET,CCRA,IAAM,EAAY,EAAgB,iBAAiB,qBAAS,EAE5D,SAAgB,EAA0B,EAA8C,CACtF,IAAM,EAAe,EAAkB,EAAoB,mBAAmB,EAC9E,GAAI,CAAC,EACH,OAEF,IAAM,EAAmC,CAAC,EAuB1C,OArBI,GACF,EAAQ,KAAK,CACX,WACE,EAAA,EAAA,KAAA,CAAC,OAAD,CACE,UAAU,6DADZ,EAGE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gBAEb,EAAU,UAAU,CACjB,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,IAAK,CAAe,CAAA,CAC9B,IAER,KAAM,EAAa,CAAM,EACzB,aAAc,EAChB,CAAC,EAEH,EAAQ,KAAK,CACX,WAAa,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,CAAA,CACjC,CAAC,EAEM,CACT,CAEA,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,UAAW,CAChD,CACF,CAAC,CACH,CAEA,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,MAAO,CAC5C,CACF,CAAC,CACH"}
+{"version":3,"file":"CowQEpZQ2.chunk.js","names":[],"sources":["../../src/shared/hooks/UseSetHeaderActions.ts","../../src/shared/components/anonymise-action/AnonymiseAction.tsx","../../src/shared/utils/HeaderActionUtils.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\n/**\n * This hook will only set the actions on the initial render.\n * If the actions are dynamic, either this hook will need to be updated\n * or useViewModel used directly.\n */\nexport function useSetHeaderActions(actions?: DropdownActionOptions[]): void {\n  const [ , setActions ] = useViewModel<DropdownActionOptions[]>(ViewModelKeys.HEADER_ACTIONS);\n\n  useEffect(() => {\n    setActions(actions);\n\n    return () => {\n      setActions(null);\n    };\n  }, [!!actions]);\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nconst namespace = 'reportsShared.anonymiseAction';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AnonymiseAction(): JSX.Element {\n  const [ anonymiseUsers, setAnonymiseUsers ] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS, false);\n\n  return (\n    <div\n      className='d-flex align-items center justify-content-between'\n      onClick={() => setAnonymiseUsers(!anonymiseUsers)}\n    >\n      <span className='me-3'>\n        {getPhrase('hideNames')}\n      </span>\n      <ToggleSwitch on={anonymiseUsers} onClick={() => {}} />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useGetExternalUrl } from 'libs/shared/hooks/UseGetExternalUrl';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { AnonymiseAction } from 'shared/components/anonymise-action/AnonymiseAction';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { GenerateReportType } from 'shared/views/generate-report/GenerateReportView';\n\nimport { ExternalRouteHelper } from './ExternalRouteHelper';\n\nconst namespace = 'reportsShared.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useGetObjectHeaderActions(object?: BaseObject): DropdownActionOptions[] {\n  const getObjectUrl = useGetExternalUrl(ExternalRouteHelper.getPrimaryObjectUrl);\n  if (!object)\n    return;\n\n  const actions: DropdownActionOptions[] = [];\n\n  if (getObjectUrl)\n    actions.push({\n      label: () => (\n        <span\n          className='d-flex justify-content-between align-items-center'\n        >\n          <span className='me-2'>\n            {/* // TODO: once we have non-video types this will need to be updated. */}\n            {getPhrase('seeVideo')}\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </span>\n      ),\n      href: getObjectUrl(object),\n      openInNewTab: true\n    });\n\n  actions.push({\n    label: () => <AnonymiseAction />\n  });\n\n  return actions;\n}\n\nexport function getVideoHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.VideoViews }\n    }\n  }];\n}\n\nexport function getLoginHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.Logins }\n    }\n  }];\n}\n"],"mappings":"qVAaA,SAAgB,EAAoB,EAAyC,CAC3E,GAAM,EAAI,GAAe,EAAsC,EAAc,cAAc,GAE3F,EAAA,EAAA,UAAA,MACE,EAAW,CAAO,MAEL,CACX,EAAW,IAAI,CACjB,GACC,CAAC,CAAC,CAAC,CAAO,CAAC,CAChB,WCbM,EAAY,EAAgB,iBAAiB,+BAAS,EAE5D,SAAgB,GAA+B,CAC7C,GAAM,CAAE,EAAgB,GAAsB,EAAsB,EAAc,gBAAiB,EAAK,EAExG,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CACE,UAAU,oDACV,YAAe,EAAkB,CAAC,CAAc,WAFlD,EAIE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gBACb,EAAU,WAAW,CAClB,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,GAAI,EAAgB,YAAe,CAAC,CAAI,CAAA,CACnD,GAET,CCRA,IAAM,EAAY,EAAgB,iBAAiB,qBAAS,EAE5D,SAAgB,EAA0B,EAA8C,CACtF,IAAM,EAAe,EAAkB,EAAoB,mBAAmB,EAC9E,GAAI,CAAC,EACH,OAEF,IAAM,EAAmC,CAAC,EAuB1C,OArBI,GACF,EAAQ,KAAK,CACX,WACE,EAAA,EAAA,KAAA,CAAC,OAAD,CACE,UAAU,6DADZ,EAGE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,gBAEb,EAAU,UAAU,CACjB,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,EAAD,CAAc,IAAK,CAAe,CAAA,CAC9B,IAER,KAAM,EAAa,CAAM,EACzB,aAAc,EAChB,CAAC,EAEH,EAAQ,KAAK,CACX,WAAa,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,CAAA,CACjC,CAAC,EAEM,CACT,CAEA,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,UAAW,CAChD,CACF,CAAC,CACH,CAEA,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,MAAO,CAC5C,CACF,CAAC,CACH"}