@clickview/lite 0.0.18-dev.2 → 0.0.18-rc.0

package/dist/scripts/1.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/Badge.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/BadgeListContainer.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/badges/badge.scss?33e1","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/favourite-button/FavouriteButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/mask/Mask.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/mask/mask.scss?ae93","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/VideoThumbnail.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/expandable/expandable-video-thumbnail.scss?da3c","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/thumbnails/video/static/static-video-thumbnail.scss?ea68","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/enums/ThumbnailTextPosition.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/VideoDetailsHelper.ts"],"names":[],"mappings":"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","file":"scripts/1.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport { Placement } from 'react-bootstrap/Overlay';\r\n\r\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\r\nimport { DurationHelper } from 'libs/shared/utils/DurationHelper';\r\nimport { Rating } from 'libs/shared/interfaces';\r\n\r\nimport styles from './badge.scss';\r\n\r\nexport enum BadgeType {\r\n  Duration = 'duration',\r\n  Interactive = 'interactive',\r\n  Rating = 'rating',\r\n  ProductionYear = 'production-year'\r\n}\r\n\r\ninterface BadgeProps {\r\n  type: BadgeType;\r\n  data: any;\r\n}\r\n\r\ninterface TooltipOptions {\r\n  placement: Placement;\r\n  title: string;\r\n}\r\n\r\nfunction getClassName(type: BadgeType, data: any): string {\r\n  const baseClass = 'badge';\r\n\r\n  let typeClass = '';\r\n\r\n  if (type === BadgeType.Duration)\r\n    typeClass = styles.duration;\r\n\r\n  if (type === BadgeType.Interactive)\r\n    typeClass = styles.interactive;\r\n\r\n  if (type === BadgeType.Rating)\r\n    typeClass = `${styles.rating} ${VideoDetailsHelper.mapRatingToClass((data as Rating).value)}`;\r\n\r\n  if (type === BadgeType.ProductionYear)\r\n    typeClass = styles.productionYear;\r\n\r\n  return `${baseClass} ${typeClass}`;\r\n}\r\n\r\nfunction getBadgeText(type: BadgeType, data: any): string {\r\n  if (type === BadgeType.Interactive)\r\n    return 'Interactive';\r\n\r\n  if (type === BadgeType.Duration)\r\n    return DurationHelper.ToDisplayDuration(data); // data expected to be the duration\r\n\r\n  if (type === BadgeType.Rating)\r\n    return (data as Rating).code; // data expected to be a rating object\r\n\r\n  if (type === BadgeType.ProductionYear)\r\n    return data; // data should be the production year\r\n}\r\n\r\nfunction getTooltip(type: BadgeType, data: any): TooltipOptions {\r\n  if (type === BadgeType.Rating)\r\n    return {\r\n      title: (data as Rating).name,\r\n      placement: 'top'\r\n    };\r\n\r\n  return null;\r\n}\r\n\r\nfunction hasData(type: BadgeType, data: any): boolean {\r\n  if (type === BadgeType.Rating)\r\n    return data && !!(data as Rating).value;\r\n\r\n  return !!data;\r\n}\r\n\r\nexport function Badge(props : BadgeProps): JSX.Element {\r\n  const { type, data } = props;\r\n\r\n  if (!hasData(type, data))\r\n    return <></>;\r\n\r\n  const className = getClassName(type, data);\r\n  const text = getBadgeText(type, data);\r\n  const tooltip = getTooltip(type, data);\r\n\r\n  if (tooltip) {\r\n    return (\r\n      <OverlayTrigger\r\n        placement={tooltip.placement}\r\n        overlay={<Tooltip id={tooltip.title}>{tooltip.title}</Tooltip>}\r\n      >\r\n        <span className={className}>{text}</span>\r\n      </OverlayTrigger>\r\n    );\r\n  }\r\n\r\n  return <span className={className}>{text}</span>;\r\n}","import * as React from 'react';\r\n\r\nimport styles from './badge.scss';\r\n\r\ninterface BadgeListContainerProps {\r\n  className?: string;\r\n}\r\n\r\nexport function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element {\r\n  let className = `d-flex ${styles.badgeList}`;\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"duration\":\"cv--duration--3XH_S\",\"interactive\":\"cv--interactive--INxgX\",\"productionYear\":\"cv--productionYear--Bt6Bx\",\"rating\":\"cv--rating--3bOtF\",\"badgeList\":\"cv--badgeList--1BsVS\"};","import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { Video } from 'libs/shared/interfaces';\r\n\r\nconst namespace = 'shared.favouriteButton';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface FavouriteButtonProps {\r\n  video: Video;\r\n  setFavourite: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;\r\n  className?: string;\r\n}\r\n\r\nexport function FavouriteButton(props: FavouriteButtonProps): JSX.Element {\r\n  const alerts = useAlerts();\r\n\r\n  const hasFavouriteData = typeof props.video.isFavourited === 'boolean';\r\n\r\n  const initialIsFavourite = !!props.video.isFavourited;\r\n\r\n  // Use local state so that changes are reflected immediately.\r\n  const [ isFavourite, setIsFavourite ] = React.useState(initialIsFavourite);\r\n\r\n  React.useEffect(() => {\r\n    setIsFavourite(initialIsFavourite);\r\n  }, [initialIsFavourite]);\r\n\r\n  let className = `cursor-pointer text${isFavourite ? '-danger' : '-dark'}`;\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  function onClick(): void {\r\n    const shouldFavourite = !isFavourite;\r\n\r\n    function onError(): void {\r\n      alerts.error(getPhrase(shouldFavourite ? 'favouriteError' : 'unfavouriteError'));\r\n      setIsFavourite(!shouldFavourite);\r\n    }\r\n\r\n    setIsFavourite(shouldFavourite);\r\n    props.setFavourite(props.video.id, shouldFavourite, onError);\r\n  }\r\n\r\n  // Don't render until we know the state of isFavourite\r\n  if (!hasFavouriteData)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={className} onClick={onClick}>\r\n      <SvgContainer\r\n        svgName={isFavourite ? cvSvgLibrary.Heart : cvSvgLibrary.HeartOutline}\r\n        size={SvgContainerSize.Small}\r\n      />\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\n\r\nimport styles from './mask.scss';\r\n\r\nexport enum MaskType {\r\n  Video,\r\n  Playlist\r\n}\r\n\r\nfunction getClassByType(type: MaskType): string {\r\n  if (type === MaskType.Video)\r\n    return styles.video;\r\n\r\n  if (type === MaskType.Playlist)\r\n    return styles.playlist;\r\n\r\n  return '';\r\n}\r\n\r\nfunction getSvgType(type: MaskType): string {\r\n\r\n  if (type === MaskType.Video)\r\n    return cvSvgLibrary.PlayCircle;\r\n\r\n  if (type === MaskType.Playlist)\r\n    return cvSvgLibrary.AddToPlaylists;\r\n\r\n  return '';\r\n}\r\n\r\ninterface MaskProps {\r\n  type: MaskType;\r\n}\r\n\r\nexport function Mask(props: MaskProps): JSX.Element {\r\n  const { type } = props;\r\n\r\n  const typeClass = getClassByType(type);\r\n  const svgType = getSvgType(type);\r\n\r\n  return (\r\n    <div className={ styles.maskContainer }>\r\n      <div className={ styles.mask }></div>\r\n        <SvgContainer svgName={svgType} className={ typeClass } />\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mask\":\"cv--mask--3nE2p\",\"video\":\"cv--video--KdGwU\",\"playlist\":\"cv--playlist--1cBmC\",\"maskContainer\":\"cv--maskContainer--3si6K\"};","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Video } from 'libs/shared/interfaces';\r\nimport { ThumbnailSize } from 'libs/shared/enums/ThumbnailSize';\r\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\r\n\r\nimport { ExpandableVideoThumbnail } from './expandable/ExpandableVideoThumbnail';\r\nimport { StaticVideoThumbnail } from './static/StaticVideoThumbnail';\r\n\r\nexport interface VideoThumbnailProps {\r\n  video: Video;\r\n  size: ThumbnailSize;\r\n  type: 'expandable' | 'static';\r\n  textPosition: ThumbnailTextPosition;\r\n  appLink: Core.AppLink;\r\n  seriesAppLink?: Core.AppLink;\r\n  setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;\r\n  preload?: boolean;\r\n  hovering?: boolean;\r\n}\r\n\r\nexport function VideoThumbnail(props: VideoThumbnailProps): JSX.Element {\r\n  // Expandable thumbnails show metadata on hover. Static display the duration and don't expand on hover\r\n  return props.type === 'expandable'\r\n    ? <ExpandableVideoThumbnail {...props} />\r\n    : <StaticVideoThumbnail {...props} />;\r\n}","import React from 'react';\r\n\r\nimport { VideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\r\nimport { BaseThumbnail, AspectRatio } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { SeriesLink } from 'libs/shared/components/series-link/SeriesLink';\r\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\r\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './expandable-video-thumbnail.scss';\r\n\r\nexport function ExpandableVideoThumbnail(props: VideoThumbnailProps): JSX.Element {\r\n  const { video, appLink, size, setFavourite, preload, hovering } = props;\r\n\r\n  return (\r\n    <div className='position-relative rounded overflow-hidden'>\r\n      {!!FunctionHelper.isFunction(setFavourite) &&\r\n        <div className={styles.favouriteContainer}>\r\n          <FavouriteButton\r\n            setFavourite={setFavourite}\r\n            video={video}\r\n            className={`rounded-circle p-1 ${styles.favouriteButton}`}\r\n          />\r\n        </div>\r\n      }\r\n\r\n      <BaseThumbnail\r\n        data={video.thumbnail}\r\n        appLink={appLink}\r\n        aspectRatio={AspectRatio.SixteenByNine}\r\n        size={size}\r\n        preload={preload}\r\n        className={styles.gradient}\r\n      >\r\n        {hovering && (\r\n          <SvgContainer className={styles.playIcon} svgName={cvSvgLibrary.PlayCircle} />\r\n        )}\r\n\r\n        <ThumbnailFallback type={ThumbnailFallbackType.Video} />\r\n        <div className={styles.overlayContainer}>\r\n          <div className={`${styles.title} ${hovering ? styles.downScale : ''}`}>\r\n            {!!props.video.series?.id && (\r\n              <SeriesLink\r\n                className='text-shadow clamp-1'\r\n                video={video}\r\n                appLink={null}\r\n              />\r\n            )}\r\n\r\n            <span className={`h6 text-reset text-shadow clamp-1 mb-0`}>\r\n              {video.name}\r\n            </span>\r\n\r\n            {hovering && (\r\n              <BadgeListContainer className={`align-items-center mb-n1`}>\r\n                <Badge type={BadgeType.Duration} data={video.duration} />\r\n                <Badge type={BadgeType.Rating} data={video.rating} />\r\n                {/*\r\n                  TODO: Determine if video has subtitles when Prad updates the backend to\r\n                  include this info on videos retrieved by `/dashboards/playlists/{id}`\r\n                */}\r\n                <span className='badge p-0'>\r\n                  <SvgContainer svgName={cvSvgLibrary.CloseCaptionBadge} />\r\n                </span>\r\n              </BadgeListContainer>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </BaseThumbnail>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overlayContainer\":\"cv--overlayContainer--1MQy4\",\"favouriteContainer\":\"cv--favouriteContainer--2obuZ\",\"favouriteButton\":\"cv--favouriteButton--1UfdO\",\"title\":\"cv--title--Q1km-\",\"downScale\":\"cv--downScale--2_7sb\",\"gradient\":\"cv--gradient--Of_Cn\",\"playIcon\":\"cv--playIcon--B9cJG\"};","import React from 'react';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { VideoThumbnailProps } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\r\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\r\nimport { FavouriteButton } from 'libs/shared/components/favourite-button/FavouriteButton';\r\nimport { BaseThumbnail, AspectRatio } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { MaskType, Mask } from 'libs/shared/components/mask/Mask';\r\nimport { SeriesLink } from 'libs/shared/components/series-link/SeriesLink';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\r\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\r\n\r\nimport styles from './static-video-thumbnail.scss';\r\n\r\nfunction ThumbnailText(props: VideoThumbnailProps): JSX.Element {\r\n  const { video, seriesAppLink, textPosition, appLink } = props;\r\n\r\n  const textIsOverlayed = textPosition === ThumbnailTextPosition.Overlay;\r\n\r\n  const className = textIsOverlayed\r\n    ? styles.titleOverlay\r\n    : styles.titleBelow;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {!!props.video.series?.id &&\r\n        <SeriesLink\r\n          className={textIsOverlayed ? `text-shadow clamp-1` : 'clamp-2'}\r\n          video={video}\r\n          appLink={!textIsOverlayed ? seriesAppLink : null}\r\n        />\r\n      }\r\n\r\n      {textIsOverlayed\r\n        ? <span className={`h6 text-reset text-shadow clamp-1 mb-0`}>\r\n            {video.name}\r\n          </span>\r\n        : <AppLink className='h6 text-reset clamp-2 mb-0' appLink={appLink}>\r\n            {video.name}\r\n          </AppLink>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function StaticVideoThumbnail(props: VideoThumbnailProps): JSX.Element {\r\n  const { video, appLink, textPosition, size, setFavourite, preload } = props;\r\n\r\n  let className = 'position-relative';\r\n\r\n  /**\r\n   * By setting textPosition to overlay, we'll use the simiplified styles for the thumbnail.\r\n   * TODO: Make this the default once we've tested it.\r\n   */\r\n  if (textPosition === ThumbnailTextPosition.Overlay)\r\n    className += ` rounded overflow-hidden`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      {!!FunctionHelper.isFunction(setFavourite) &&\r\n        <div className={styles.favouriteContainer}>\r\n          <FavouriteButton\r\n            setFavourite={setFavourite}\r\n            video={video}\r\n            className={`rounded-circle p-1 ${styles.favouriteButton}`}\r\n          />\r\n        </div>\r\n      }\r\n      <BaseThumbnail\r\n        data={video.thumbnail}\r\n        appLink={appLink}\r\n        aspectRatio={AspectRatio.SixteenByNine}\r\n        size={size}\r\n        preload={preload}\r\n        className={textPosition === ThumbnailTextPosition.Overlay ? styles.gradient : ''}\r\n      >\r\n        <Mask type={MaskType.Video} />\r\n        <ThumbnailFallback type={ThumbnailFallbackType.Video} />\r\n        <div className={styles.overlayContainer}>\r\n          {textPosition === ThumbnailTextPosition.Overlay && <ThumbnailText {...props} />}\r\n          <BadgeListContainer className={styles.badgeContainer}>\r\n            <Badge type={BadgeType.Duration} data={video.duration} />\r\n          </BadgeListContainer>\r\n        </div>\r\n      </BaseThumbnail>\r\n\r\n      {textPosition === ThumbnailTextPosition.Below && <ThumbnailText {...props} />}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"titleOverlay\":\"cv--titleOverlay--1JIh4\",\"titleBelow\":\"cv--titleBelow--1OKu_\",\"overlayContainer\":\"cv--overlayContainer--1BBKk\",\"favouriteContainer\":\"cv--favouriteContainer--23tXc\",\"favouriteButton\":\"cv--favouriteButton--2lJ57\",\"badgeContainer\":\"cv--badgeContainer--28ZUf\",\"gradient\":\"cv--gradient--1o4aT\"};","export enum ThumbnailTextPosition {\r\n  Below = 1,\r\n  Overlay = 2,\r\n  Independent = 3\r\n}","import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","export const VideoDetailsHelper = {\r\n  mapRatingToClass(ratingValue: number): string {\r\n    if (!ratingValue) return '';\r\n\r\n    const ratings = (rating: number): string => {\r\n      switch (true) {\r\n      case (rating < 32):\r\n        return 'bg-purple';\r\n      case (rating < 48):\r\n        return 'bg-success';\r\n      case (rating < 80):\r\n        return 'bg-info';\r\n      case (rating < 96):\r\n        return 'bg-danger';\r\n      case (rating < 128):\r\n        return 'bg-pink';\r\n      case (rating >= 128):\r\n        return 'bg-warning';\r\n      default:\r\n        return ''; // Handles unrated\r\n      }\r\n    };\r\n\r\n    return ratings(ratingValue);\r\n  }\r\n};"],"sourceRoot":""}

package/dist/scripts/10-f3b34b2d35.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[10],{416:function(e,t,a){"use strict";a.d(t,"b",(function(){return n})),a.d(t,"a",(function(){return m}));var n,r,i=a(0),c=a(78),s=a(33),o=a(10),l=a(9),u=a(458),d=a.n(u);function m(e){const{type:t,mediaType:a,extraClasses:u}=e,m=(Object(c.a)(l.b.ImageUrl).getImageUrls(),function(e){return e===n.Video?d.a.videoFallback:e===n.Playlist?d.a.playlistFallback:e===n.Series||e===n.TallSubject?d.a.posterFallback:e===n.Subject?d.a.subjectFallback:""}(t)),p=function(e,t){return e===n.Video?o.b.Play:e===n.Playlist?o.b.Playlist:e===n.Series?o.b.Series:e===n.Subject||e===n.TallSubject?o.b.Subject:""}(t);let b=""+function(e,t){return t===n.Subject?d.a.subjectFallbackContainer:e===r.Svg?d.a.svgFallbackContainer:d.a.baseFallbackContainer}(a,t);return u&&(b+=" "+e.extraClasses),i.createElement("div",{className:b},a===r.Svg?i.createElement(s.a,{svgName:p,className:m,tagName:"div"}):i.createElement("div",{className:d.a.fallbackThumbnailImage,style:{backgroundImage:`url('${p}')`}}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series",e[e.Subject=3]="Subject",e[e.TallSubject=4]="TallSubject"}(n||(n={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(r||(r={})),m.defaultProps={mediaType:r.Svg}},426:function(e,t,a){"use strict";var n;a.d(t,"a",(function(){return n})),function(e){e.Small="small",e.Medium="medium",e.Large="large",e.Raw="raw"}(n||(n={}))},427:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(7),i=a(33),c=a(34),s=a(10);function o({backToName:e,appLink:t,color:a}){const o=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),l="black"===a?"":"text-light";return n.createElement(c.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+l},n.createElement(i.a,{svgName:s.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},o))}o.defaultProps={color:"black"}},429:function(e,t,a){"use strict";var n=a(0),r=a(36),i=a(406),c=a(456),s=a.n(c),o=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};const l=n.memo((function(e){var{forceLoad:t}=e,a=o(e,["forceLoad"]);const[r,c]=i.useInView({triggerOnce:!0});if(void 0===window.IntersectionObserver)return n.createElement("img",Object.assign({alt:""},a));const{src:l}=a,u=o(a,["src"]),d=Object.assign(Object.assign({alt:""},u),c||t?{src:l}:{});return t||(d.ref=r),n.createElement("img",Object.assign({className:s.a.image},d))}));var u,d=a(34),m=a(426),p=a(457),b=a.n(p);function f(e){let t="thumbnail "+b.a.thumbnail,a="";return e.aspectRatio===u.SixteenByNine&&(a=b.a.sixteenByNine),e.aspectRatio===u.NineBySixteen&&(a=b.a.nineBySixteen),e.aspectRatio===u.OneByOne&&(a=b.a.oneByOne),e.aspectRatio===u.TwoByThree&&(a=b.a.twoByThree),a&&(t+=" "+a),e.className&&(t+=" "+e.className),t}function g(e){const{data:t,size:a,appLink:i,preload:c}=e;let s="";"string"==typeof t?s=t:r.a.isObject(t)&&(s=t.url);const o=s&&function(e,t=m.a.Small){return`${e}?size=${t}`}(s,a);return n.createElement("div",{className:f(e)},n.createElement(d.a,{appLink:i},e.children,o&&n.createElement(l,{src:o,forceLoad:c})))}a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return g})),function(e){e[e.SixteenByNine=0]="SixteenByNine",e[e.OneByOne=1]="OneByOne",e[e.TwoByThree=2]="TwoByThree",e[e.NineBySixteen=3]="NineBySixteen"}(u||(u={}))},430:function(e,t,a){"use strict";var n=a(0),r=a(28),i=a(131),c=a(33),s=a(34),o=a(10),l=a(435),u=a.n(l);function d(e){let t="dropdown-item";return e&&(t+=" "+e),t}function m(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);const t="actions-dropdown-"+i.a.getRandomInt();let a="px-0 "+u.a.dropdownToggle;return e.dropdownToggleClassName&&(a+=" "+e.dropdownToggleClassName),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:o.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((e,t)=>n.createElement(s.a,{key:t,appLink:e.appLink,className:d(e.className)},e.label))))}m.defaultProps={dropdownToggleClassName:"btn btn-light"};var p=a(119),b=a(83);function f(e){const{onClick:t,appLink:a,svgName:r,tooltip:i}=e.actionOptions;let c="ml-2";return e.actionOptions.className&&(c+=" "+e.actionOptions.className),i?n.createElement(b.a,{title:i},n.createElement(p.a,{appLink:a,svgName:r,onClick:t,className:c},e.children)):r?n.createElement(p.a,{onClick:t,appLink:a,svgName:r,className:c},e.children):a?n.createElement(s.a,{onClick:t,appLink:a,className:c},e.children):n.createElement("button",{onClick:t,className:c},e.children)}function g(e){const t=[],a=[];e.actions.forEach(e=>{e.button?t.push(e):a.push(e)});let r="d-flex";return e.className&&(r+=" "+e.className),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:u.a.buttonList},t.map((e,t)=>n.createElement(f,{key:t,actionOptions:e},e.label))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(m,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return g}))},432:function(e,t,a){"use strict";a.d(t,"a",(function(){return u})),a.d(t,"b",(function(){return d}));var n=a(0),r=a(427),i=a(122),c=a(80),s=a(430),o=a(433),l=a.n(o);const u=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:o,actions:u,sortComponent:d}=e,m=i.a.createBannerUrl(a,{fallbackBaseUrl:o,fallbackCategoryName:t,type:c.b.Banners},{size:c.a.Large,resizeType:c.c.Cover});return n.createElement("div",{className:"banner",style:{backgroundImage:`url('${m}')`}},e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(r.a,{appLink:e.backButtonAppLink,backToName:e.backButtonText,color:"white"})),n.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},t),!!u&&n.createElement("div",{className:l.a.actionsContainer},n.createElement(s.a,{actions:u,sortComponent:d})))}),(e,t)=>e.actions===t.actions),d=()=>n.createElement("div",{className:"partial-banner partial-loading-background"})},433:function(e,t,a){e.exports={actionsContainer:"_286KF"}},434:function(e,t,a){"use strict";var n=a(0),r=a(28);const i={mapRatingToClass(e){if(!e)return"";return(e=>{switch(!0){case e<32:return"bg-purple";case e<48:return"bg-success";case e<80:return"bg-info";case e<96:return"bg-danger";case e<128:return"bg-pink";case e>=128:return"bg-warning";default:return""}})(e)}};var c,s=a(132),o=a(460),l=a.n(o);function u(e){const{type:t,data:a}=e;if(!function(e,t){return e===c.Rating?t&&!!t.value:!!t}(t,a))return n.createElement(n.Fragment,null);const o=function(e,t){let a="";return e===c.Duration&&(a=l.a.duration),e===c.Interactive&&(a=l.a.interactive),e===c.Rating&&(a=`${l.a.rating} ${i.mapRatingToClass(t.value)}`),e===c.ProductionYear&&(a=l.a.productionYear),"badge "+a}(t,a),u=function(e,t){return e===c.Interactive?"Interactive":e===c.Duration?s.a.ToDisplayDuration(t):e===c.Rating?t.code:e===c.ProductionYear?t:void 0}(t,a),d=function(e,t){return e===c.Rating?{title:t.name,placement:"top"}:null}(t,a);return d?n.createElement(r.OverlayTrigger,{placement:d.placement,overlay:n.createElement(r.Tooltip,{id:d.title},d.title)},n.createElement("span",{className:o},u)):n.createElement("span",{className:o},u)}a.d(t,"b",(function(){return c})),a.d(t,"a",(function(){return u})),function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year"}(c||(c={}))},435:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},439:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(67);const r=/([0-9]+)/gi,i=/(^\w+)/gi;const c={getSortedPresentationAudiences(e,t){const a=e.map(e=>e.id.toString());return t.filter(e=>a.includes(e.masterId.toString()))},getMergedPresentationAudienceString(e){if(1===e.length)return e[0];const t=e.map(e=>e.name).join(","),a=t.match(r),n=t.match(i);if(!a||!n)return e[0];const c=function(e){let t,a,n=!1;const r=[];let i,c;for(e=e.sort((e,t)=>e-t),i=0;i<e.length;i++)c=i+1,n||(t=e[i]),a=e[c],e[i]+1===a?n=!0:n?(r.push(`${t} - ${e[i]}`),n=!1):(r.push(""+e[i]),n=!1);return r}(a.map(e=>+e)||[]);return{name:`${n[0]} ${c.join(" , ")}`}},sortMembersWithDuplicateNamesByAudience(e){const t=e=>{let t,a;return e.forEach(e=>{const i=+n.a.first(e.name.match(r));if(!t)return t=e,void(a=i);i>a&&(t=e)}),t},a={};let i=[];return e.forEach(e=>{if(!a[e.name])return a[e.name]=1,void i.push(e);i.push(e),a[e.name]++;const n=i.splice(i.length-a[e.name]).sort((e,a)=>{const n=t(e.subjectPresentationAudiences.data),r=t(a.subjectPresentationAudiences.data);return n.name.localeCompare(r.name)});i=i.concat(n)}),i}}},440:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);a(463);function r(e){return e.audience?n.createElement("div",{className:"border rounded-pill d-inline-block px-2 mt-1 "+("border-"+e.border)},e.audience.name):n.createElement(n.Fragment,null)}},441:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));const n=5,r=50,i=100,c={getPartialLoadingItems(e={}){const{numItems:t=n,minWidth:a=r,maxWidth:c=i}=e;return[...Array(t)].map(()=>({width:Math.max(Math.floor(Math.random()*c),a)+"px"}))}}},452:function(e,t,a){"use strict";a.d(t,"a",(function(){return c})),a.d(t,"b",(function(){return s}));var n=a(0),r=a(26);const i={className:"",delay:0};function c(e=i){const[t,a]=n.useState(!1),c=n.useRef(null),s=r.a.throttle(()=>{var t,n;e.className&&(null===(n=null===(t=c.current)||void 0===t?void 0:t.classList)||void 0===n||n.add(e.className)),a(!0)},e.delay,{leading:!1}),o=()=>{var t,n;r.a.isFunction(s.cancel)&&s.cancel(),e.className&&(null===(n=null===(t=c.current)||void 0===t?void 0:t.classList)||void 0===n||n.remove(e.className)),a(!1)};return n.useLayoutEffect(()=>{const e=c.current;if(e)return e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",o),()=>{e.removeEventListener("mouseenter",s),e.removeEventListener("mouseleave",o)}},[c.current]),[c,t]}function s(e){return c({className:e,delay:275})}},454:function(e,t,a){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},456:function(e,t,a){e.exports={image:"_1YW-E"}},457:function(e,t,a){e.exports={thumbnail:"_3lfBf",sixteenByNine:"_2LqZ8",nineBySixteen:"_136ry",oneByOne:"_2wYLa",twoByThree:"_1eC6Q"}},458:function(e,t,a){e.exports={baseFallbackContainer:"_1wRjB",svgFallbackContainer:"_2t1jq",subjectFallbackContainer:"_12D74",videoFallback:"_6BPy-",playlistFallback:"_1slQX",posterFallback:"i0o8n",subjectFallback:"_2Srdd",fallbackThumbnailImage:"_2L_tV"}},460:function(e,t,a){e.exports={duration:"_3XH_S",interactive:"INxgX",productionYear:"Bt6Bx",rating:"_3bOtF",badgeList:"_1BsVS"}},463:function(e,t,a){e.exports={audienceLabelListItem:"_2YGVO"}},464:function(e,t,a){"use strict";a.d(t,"a",(function(){return f}));var n=a(0),r=a(35),i=a(452),c=a(439),s=a(34),o=a(429),l=a(416),u=a(426),d=a(440),m=a(434),p=a(454),b=a.n(p);function f(e){const{data:t,appLink:a,preloadImage:p}=e,f=Object.assign(Object.assign({},a),{args:[t.id,r.a.slugify(t.name)]});let g=t&&t.subjectPresentationAudiences&&t.subjectPresentationAudiences.data||[];const v=c.a.getSortedPresentationAudiences(g,e.audiences),h=c.a.getMergedPresentationAudienceString(v),[y,E]=Object(i.b)(b.a.hoverActive);return n.createElement(s.a,{key:t.id,appLink:f,className:"position-relative p-1 flex-shrink-0 "+b.a.width},n.createElement("div",{ref:y},E&&n.createElement("div",{className:"p-3 text-white text-center "+b.a.mask},n.createElement("h3",{className:"h4"},t.name),n.createElement("p",null,t.description)),n.createElement(o.b,{data:t.tallPoster,aspectRatio:o.a.NineBySixteen,preload:p,size:u.a.Large},n.createElement(l.a,{type:l.b.Series}),n.createElement("div",{className:"position-absolute text-white "+b.a.labelContainer},g&&g.length?n.createElement(d.a,{audience:h,border:"white"}):n.createElement(m.a,{type:m.b.Rating,data:t.rating})))))}},465:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));const n=()=>"/api/domain/v1/subjects/audiences",r={presentationAudiences:()=>({bootstrapName:"presentationAudiences",url:n(),key:"presentation:audiences",normalize:!1})}},466:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(454),i=a.n(r);const c=[...Array(4)],s=()=>n.createElement("div",{className:"pb-3"},n.createElement("div",{className:"partial-loading-background "+i.a.partialLoadingHeading,dangerouslySetInnerHTML:{__html:"&nbsp"}}),n.createElement("div",{className:"row"},c.map((e,t)=>n.createElement("div",{key:t,className:"col-6 col-sm-4 col-lg-3 "},n.createElement("div",{className:"py-2"},n.createElement("div",{className:i.a.partialLoading+" partial-loading-background"}))))))},467:function(e,t,a){"use strict";var n;function r(e,t){switch(t.type){case n.Init:return Object.assign(Object.assign({},e),t.payload.reduce((e,t)=>(e[t.masterId]=t,e),{}));case n.Toggle:return Object.assign({},function(e,t){const a=t.audience,n=t.isSelected;if(!a)return e;const r=a.masterId,i=Object.assign({},e);return n?i[r]||(i[r]=a):delete i[r],i}(e,t.payload));default:return e}}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return r})),function(e){e.Init="init",e.Toggle="toggle"}(n||(n={}))},479:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(0),r=a(496),i=a.n(r);function c(e){const{audience:t,highlight:a,setAudience:r,isDisabled:c,extraClasses:s}=e,o=function(e,t){return e?"badge-info text-light":t?i.a.disabled+" text-muted":"badge-light"}(a,c),l=`badge-pill d-inline-block mr-1 ${c?"cursor-default":"cursor-pointer"} ${o} ${s}`;return n.createElement("span",{className:l,onClick:()=>{c||r(t,!a)},role:"checkbox","aria-checked":a},t.name.split(" ").map(e=>e.charAt(0).toUpperCase()+e.substring(1)).join(" "))}c.defaultProps={extraClasses:""}},496:function(e,t,a){e.exports={disabled:"_1KxF9"}},498:function(e,t,a){"use strict";var n=a(0),r=a(26),i=a(36),c=a(67),s=a(441),o=a(34);const l=({breadcrumb:{label:e,appLink:t,active:a}})=>n.createElement("li",{className:"breadcrumb-item"+(a?" active":"")},a?n.createElement("strong",null,e):n.createElement(o.a,{appLink:t},e)),u=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,t)=>n.createElement(l,{key:t,breadcrumb:e})));var d;function m(e,t,a){return{label:e.name,appLink:t(e),active:a}}function p(e){const{type:t}=e,a=function(e,t){let{currentItem:a,getItemAppLink:s,getParent:o,rootItem:l,data:u,subview:d}=e;const[p,b]=Object(n.useState)([]);n.useMemo(()=>{if(t||i.a.isEmpty(u))return;const e=u.map((e,t)=>m(e,s,t+1===u.length));l&&e.unshift(l),b(e)},[u]),n.useMemo(()=>{if(!t||!r.a.isFunction(o))return;const e=[m(a,s,!0)];for(a=o(a);a;)e.unshift(m(a,s)),a=o(a);return l&&e.unshift(l),b(e)},[a,o,s,l]);const{current:f}=n.useRef({label:d,appLink:null,active:!0});if(d){p.includes(f)||b([...p,f]);const e=p.filter(e=>e.active&&e!==f);e.length&&(c.a.first(e).active=!1)}return p}(e,t===d.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(u,{breadcrumbs:a}))}a.d(t,"a",(function(){return d})),a.d(t,"b",(function(){return p})),a.d(t,"c",(function(){return f})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(d||(d={}));const b=s.a.getPartialLoadingItems({numItems:3}),f=()=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},b.map(({width:e},t)=>n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:e},dangerouslySetInnerHTML:{__html:"&nbsp"}})))))},533:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(0),r=a(2);function i(e,t=[]){n.useEffect(()=>{const{appLink:t,paramBuilder:a,isValid:n,appLinkOptions:i}=e;(function(e,t){return!!e&&(!(!e.application||!e.action)&&!!t())})(t,n)&&(t.params=a(),r.a.AppLinkHelper.trigger(t,i))},[...t])}},534:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(36),i=a(467);const c=/\s|\+/gi;function s(e){return e?e.replace(c,"").toLowerCase():""}function o(e,t,a,c=[]){n.useEffect(()=>{if(!r.a.isObject(e)||r.a.isEmpty(e))return;if(!t||!t.length)return;let{a:n}=e;if(!n)return;"string"==typeof n&&(n=[n]);const c=n.reduce((e,t)=>(e[s(t)]=t,e),{}),o=t.filter(e=>c[s(e.name)]);a({type:i.a.Init,payload:o})},[...c])}},535:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"b",(function(){return l}));var n=a(0),r=a(441),i=a(479),c=a(467);function s(e){const{audiences:t,activeAudiences:a,setAudience:r,disabled:s}=e;return t&&t.length?n.createElement("div",{className:"pt-3"},t.map(e=>n.createElement(i.a,{key:e.masterId,audience:e,highlight:!!a&&!!a[e.masterId],setAudience:(e,t)=>r({type:c.a.Toggle,payload:{audience:e,isSelected:t}}),isDisabled:s}))):n.createElement(n.Fragment,null)}const o=r.a.getPartialLoadingItems({numItems:6}),l=()=>n.createElement("div",{className:"pt-3"},o.map(({width:e},t)=>n.createElement("span",{key:t,className:"d-inline-block badge-pill partial-loading-background mr-1",dangerouslySetInnerHTML:{__html:"&nbsp"},style:{width:e}})))},536:function(e,t,a){"use strict";var n=a(464);a.d(t,"b",(function(){return n.a}));var r=a(466);a.d(t,"a",(function(){return r.a}))},537:function(e,t,a){"use strict";a.d(t,"a",(function(){return c})),a.d(t,"d",(function(){return s})),a.d(t,"c",(function(){return o})),a.d(t,"b",(function(){return l}));var n=a(35),r=a(4),i=a(11),c=function(e){return function(t){return{application:r.a.SUBJECT,action:i.a.Subjects.CLASSIFICATION,args:t?[t.id,n.a.slugify(t.name)]:[],params:e||{}}}},s=function(e){return{application:r.a.SUBJECT,action:i.a.Subjects.CLASSIFICATION_SERIES,args:e?[e.id,n.a.slugify(e.name)]:[]}},o=function(e){return{application:r.a.PLAYLISTS,action:i.a.Playlists.PLAYLIST,args:[e.id,n.a.slugify(e.name)]}},l=function(){return{application:r.a.DASHBOARD,action:i.a.Dashboard.HOME}}},608:function(e,t,a){e.exports={seriesItem:"_1tgrv"}},643:function(e,t,a){"use strict";a.r(t),a.d(t,"ClassificationSeriesListView",(function(){return L}));var n=a(0),r=a(7),i=a(12),c=a(36),s=a(432),o=a(498),l=a(126),u=a(120),d=a(133),m=a(465),p=a(533),b=a(534),f=a(467),g=a(535),v=a(536),h=a(537),y=a(608),E=a.n(y);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],n=!0,r=!1,i=void 0;try{for(var c,s=e[Symbol.iterator]();!(n=(c=s.next()).done)&&(a.push(c.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==s.return||s.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return N(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var S=r.a.encloseNamespace("subjects.classificationSeriesList");function L(e){var t,a,r,y,N,L=e.id,w=e.queryParams,j=k(n.useReducer(f.b,{}),2),I=j[0],O=j[1],x=i.a.useBasicFetch(u.a.currentUser),C=i.a.useBasicFetch(l.a.config),T=i.a.useBasicFetch((null===(t=x.data)||void 0===t?void 0:t.id)?d.a.classification(L,null===(a=x.data)||void 0===a?void 0:a.id):null),B=i.a.useBasicFetch(d.a.presentation()),A=i.a.useBasicFetch(d.a.path(L)),P=i.a.useBasicFetch(m.a.presentationAudiences()),_=c.a.keys(I),F=c.a.values(I),R=null===(y=null===(r=B)||void 0===r?void 0:r.data)||void 0===y?void 0:y.id,D=d.a.series(L,R,_),M=i.a.useGetResponse(D&&D.key),$=i.a.useGetFetch(D);n.useEffect((function(){R&&$()}),[R]);var U=Object(h.a)();Object(p.a)({appLink:Object(h.d)(T.data),paramBuilder:function(){return{a:F.map((function(e){return e.name}))}},isValid:function(){var e;return!!(null===(e=T.data)||void 0===e?void 0:e.id)},appLinkOptions:{replace:!0}},[F.length]);var V=!(!P.data||!P.data.length);Object(b.a)(w,P.data,O,[V]);var Y=!!A.data,z=!!P.data;return n.createElement("div",{className:"bg-white"},T.data&&C.data?n.createElement(s.a,{heading:S("heading",{classification:T.data.name}),banner:T.data.banner,imageCdnUrl:C.data.imageCdnUrl}):n.createElement(s.b,null),n.createElement("div",{className:"px-3"},n.createElement("div",{className:"py-3 mb-3 border-bottom"},Y?n.createElement(o.b,{currentItem:T.data,type:o.a.Static,getItemAppLink:U,data:A.data,rootItem:{label:S("dashboard"),appLink:Object(h.b)()},subview:S("subview")}):n.createElement(o.c,null),z?n.createElement(g.a,{audiences:P.data,activeAudiences:I,setAudience:O}):n.createElement(g.b,null)),(null===(N=M.data)||void 0===N?void 0:N.data)&&T.data?n.createElement("div",{className:"mx-n2"},M.data.data.map((function(e){return n.createElement("div",{className:"d-inline-flex position-relative px-2 mb-2 ".concat(E.a.seriesItem)},n.createElement(v.b,{data:e,appLink:Object(h.d)(T.data),audiences:P.data}))}))):n.createElement(v.a,null)))}}}]);