@clickview/lite 0.0.18-rc.2 → 0.0.18

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

@@ -1 +0,0 @@
-{"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

@@ -1 +0,0 @@
-(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)))}}}]);

package/dist/scripts/10.chunk.js

@@ -1,400 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[10],{
-
-/***/ "../../libs/common/src/react/utils/TypeHelper.ts":
-/*!*******************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/common/src/react/utils/TypeHelper.ts ***!
-  \*******************************************************************************************/
-/*! exports provided: TypeHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TypeHelper", function() { return TypeHelper; });
-const TypeHelper = {
-  isNumber(obj) {
-    return TypeHelper.isType(obj, 'number');
-  },
-
-  isString(obj) {
-    return TypeHelper.isType(obj, 'string');
-  },
-
-  isType(obj, type) {
-    return typeof obj === type;
-  }
-
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/search-bar/SearchBar.tsx":
-/*!*****************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchBar.tsx ***!
-  \*****************************************************************************************************/
-/*! exports provided: SearchBar */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchBar", function() { return SearchBar; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_autosuggest__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-autosuggest */ "react-autosuggest");
-/* harmony import */ var react_autosuggest__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_autosuggest__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
-/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
-/* harmony import */ var _SearchUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./SearchUtils */ "../../libs/shared/src/components/search-bar/SearchUtils.tsx");
-/* harmony import */ var _SearchInput__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./SearchInput */ "../../libs/shared/src/components/search-bar/SearchInput.tsx");
-
-
-
-
-
-
-
-
-const namespace = 'shared.searchBar';
-const isFunction = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction;
-SearchBar.defaultProps = {
-  updateQueryOnSelection: true,
-  valueKey: 'name',
-  activationLength: 3,
-  suggestionLimit: 5,
-  recentSearches: [],
-  initialSuggestions: [],
-  searchIconPlacement: 'right'
-};
-function SearchBar(props) {
-  const initialState = _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getInitialState"](props.initialSuggestions, props.recentSearches);
-  const [query, setQuery] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.initialQuery || '');
-  const [suggestions, setSuggestions] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](initialState);
-  const isMobile = Object(_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__["useMediaQuery"])(_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__["MediaQueryStrings"].XS);
-
-  const resetSuggestions = () => {
-    setSuggestions(initialState);
-  };
-
-  const onChange = (e, {
-    newValue
-  }) => {
-    setQuery(newValue);
-    if (isFunction(props.onQueryChange)) props.onQueryChange(newValue);
-  };
-
-  const onSubmit = event => {
-    event.preventDefault();
-    if (isFunction(props.onSubmit)) props.onSubmit(query);
-  };
-
-  const onKeyDown = event => {
-    if (event.keyCode === 8 && props.onBackspace && !query) props.onBackspace();
-  };
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", {
-    onSubmit: onSubmit
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_autosuggest__WEBPACK_IMPORTED_MODULE_1__, {
-    suggestions: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionSections"](suggestions, !query, props.recentSearchHeading || _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'recentSearchHeading'), props.suggestionsHeading, props.getSections, props.suggestionLimit),
-    onSuggestionsFetchRequested: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["onSuggestionsFetchRequestedHandler"](props, setSuggestions, resetSuggestions),
-    onSuggestionsClearRequested: () => {
-      if (!props.alwaysRenderSuggestions) resetSuggestions();
-    },
-    onSuggestionSelected: (e, {
-      suggestion
-    }) => {
-      if (props.clearQueryOnSelect) setQuery('');
-      props.onSuggestionSelected(suggestion);
-    },
-    getSuggestionValue: suggestion => {
-      if (!props.updateQueryOnSelection) return query;
-      return _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionValue"](props.valueKey, suggestion);
-    },
-    renderSuggestion: suggestion => {
-      if (isFunction(props.getSuggestionComponent)) return props.getSuggestionComponent(suggestion);
-      return _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSuggestionComponent"](props.valueKey, suggestion);
-    },
-    alwaysRenderSuggestions: props.alwaysRenderSuggestions,
-
-    /**
-     * Setting focusInputOnSuggestionClick to false when isMobile is true prevents the keyboard from
-     * appearing on mobile devices when a suggestion is clicked.
-     */
-    focusInputOnSuggestionClick: !isMobile,
-    inputProps: {
-      placeholder: props.placeholder || _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'placeholder'),
-      value: query,
-      onChange,
-      onKeyDown,
-      autoFocus: !!props.autoFocusInput,
-      onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,
-      searchIconPlacement: props.searchIconPlacement
-    },
-    renderInputComponent: _SearchInput__WEBPACK_IMPORTED_MODULE_7__["SearchInput"],
-    theme: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getTheme"](props.theme),
-    multiSection: true,
-    renderSectionTitle: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["renderSectionTitle"],
-    getSectionSuggestions: _SearchUtils__WEBPACK_IMPORTED_MODULE_6__["getSectionSuggestions"]
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/search-bar/SearchInput.tsx":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchInput.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: SearchInput */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SearchInput", function() { return SearchInput; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./search-bar.scss */ "../../libs/shared/src/components/search-bar/search-bar.scss");
-/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_search_bar_scss__WEBPACK_IMPORTED_MODULE_4__);
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-
-
-const getSvgContainerClassName = onClickSearch => {
-  const className = 'd-inline-block svg-container';
-  if (!_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(onClickSearch)) return className;
-  return className + ' cursor-pointer';
-};
-
-function SearchInput(props) {
-  const {
-    onClickSearchIcon,
-    searchIconPlacement,
-    className
-  } = props,
-        inputProps = __rest(props, ["onClickSearchIcon", "searchIconPlacement", "className"]);
-
-  let inputClassName = `form-control ${_search_bar_scss__WEBPACK_IMPORTED_MODULE_4___default.a.input}`;
-  let iconContainerClassName = 'input-group-text bg-white';
-
-  if (searchIconPlacement === 'right') {
-    inputClassName += ' border-right-0';
-    iconContainerClassName += ' pl-0';
-  }
-
-  if (searchIconPlacement === 'left') {
-    inputClassName += ' border-left-0';
-    iconContainerClassName += ' pr-0';
-  }
-
-  if (className) inputClassName += ` ${className}`;
-
-  const SearchIcon = () => react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: iconContainerClassName
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Search,
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Small,
-    onClick: onClickSearchIcon,
-    className: getSvgContainerClassName(onClickSearchIcon)
-  }));
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'input-group'
-  }, searchIconPlacement === 'left' && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'input-group-prepend'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SearchIcon, null)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", Object.assign({
-    className: inputClassName
-  }, inputProps)), searchIconPlacement === 'right' && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'input-group-append'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SearchIcon, null)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/search-bar/SearchUtils.tsx":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchUtils.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: SuggestionType, getInitialState, onSuggestionsFetchRequestedHandler, getSuggestionValue, getSuggestionComponent, getSuggestionSections, getSectionSuggestions, renderSectionTitle, getTheme */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SuggestionType", function() { return SuggestionType; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getInitialState", function() { return getInitialState; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onSuggestionsFetchRequestedHandler", function() { return onSuggestionsFetchRequestedHandler; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionValue", function() { return getSuggestionValue; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionComponent", function() { return getSuggestionComponent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSuggestionSections", function() { return getSuggestionSections; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSectionSuggestions", function() { return getSectionSuggestions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "renderSectionTitle", function() { return renderSectionTitle; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTheme", function() { return getTheme; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
-/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-/* harmony import */ var _common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../common/src/react/utils/TypeHelper */ "../../libs/common/src/react/utils/TypeHelper.ts");
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./search-bar.scss */ "../../libs/shared/src/components/search-bar/search-bar.scss");
-/* harmony import */ var _search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_search_bar_scss__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-var SuggestionType;
-
-(function (SuggestionType) {
-  SuggestionType["Local"] = "local";
-  SuggestionType["Recent"] = "recent";
-  SuggestionType["Remote"] = "remote";
-})(SuggestionType || (SuggestionType = {}));
-
-function getInitialState(initialSuggestions, recentSearches) {
-  return {
-    [SuggestionType.Recent]: recentSearches,
-    [SuggestionType.Local]: initialSuggestions,
-    [SuggestionType.Remote]: []
-  };
-}
-
-function hasAttribute(obj, valueKey) {
-  return _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(obj) && obj.hasOwnProperty(valueKey) && _common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__["TypeHelper"].isString(obj[valueKey]);
-}
-
-function getLocalSuggestions(query, data, valueKey) {
-  const q = query.trim().toLowerCase();
-  if (!q.length) return [];
-  return data.filter(d => {
-    if (!hasAttribute(d, valueKey) || !_common_src_react_utils_TypeHelper__WEBPACK_IMPORTED_MODULE_4__["TypeHelper"].isString(d[valueKey])) return false;
-    return d[valueKey].trim().toLowerCase().includes(q);
-  });
-}
-
-function fetchSuggestions(getUrl, query, callback) {
-  const resource = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(getUrl) && getUrl(query);
-  if (!resource) return;
-  _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].ajaxRequest({
-    resource,
-    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].GET,
-    success: callback,
-    error: () => {}
-  });
-}
-
-function onSuggestionsFetchRequestedHandler(props, setSuggestions, resetSuggestions) {
-  return ({
-    value
-  }) => {
-    if (!value.length) resetSuggestions();
-    if (value.length < props.activationLength) return;
-
-    if (props.local) {
-      const filtered = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(props.getLocalSuggestions) ? props.getLocalSuggestions(value, props.local) : getLocalSuggestions(value, props.local, props.valueKey);
-      setSuggestions(s => Object.assign(Object.assign({}, s), {
-        [SuggestionType.Local]: filtered
-      }));
-    }
-
-    if (props.getRemoteUrl) fetchSuggestions(props.getRemoteUrl, value, data => setSuggestions(s => Object.assign(Object.assign({}, s), {
-      [SuggestionType.Remote]: _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(props.formatRemoteSuggestions) ? props.formatRemoteSuggestions(data) : data
-    })));
-  };
-}
-function getSuggestionValue(valueKey, suggestion) {
-  if (!hasAttribute(suggestion, valueKey)) return '';
-  return suggestion[valueKey];
-}
-/**
- * Default suggestion component. Renders text based on valueKey.
- *
- * @param valueKey object attribute to be rendered.
- */
-
-function getSuggestionComponent(valueKey, suggestion) {
-  return hasAttribute(suggestion, valueKey) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, suggestion[valueKey]) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-}
-/**
- * Maps the suggestion state into sections.
- *
- * @param getSections - an optional function passed in from anything consuming
- * SearchBar used to break the local and remote suggestions into sections.
- */
-
-function getSuggestionSections(suggestionState, showRecentSearches, recentSearchHeading, suggestionsHeading, getSections, suggestionLimit) {
-  const getTypeSuggestions = type => {
-    const typeSuggestions = suggestionState[type];
-    return typeSuggestions || [];
-  };
-
-  const recentSuggestions = showRecentSearches ? getTypeSuggestions(SuggestionType.Recent) : [];
-  const localSuggestions = getTypeSuggestions(SuggestionType.Local);
-  const remoteSuggestions = getTypeSuggestions(SuggestionType.Remote);
-  let sections = [];
-  if (recentSuggestions.length) sections.push({
-    title: recentSearchHeading,
-    data: recentSuggestions
-  });
-  const matchedSuggestions = [...localSuggestions, ...remoteSuggestions];
-  if (Number.isInteger(suggestionLimit) && sections.length > suggestionLimit) matchedSuggestions.slice(0, suggestionLimit);
-  if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_5__["FunctionHelper"].isFunction(getSections)) sections.push(...getSections(matchedSuggestions));else sections.push({
-    title: suggestionsHeading,
-    data: matchedSuggestions
-  });
-  return sections;
-}
-/**
- * Maps a section into a list of suggestions.
- */
-
-function getSectionSuggestions(section) {
-  return section.data;
-}
-function renderSectionTitle(section) {
-  if (section.title) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("strong", null, section.title);
-}
-const defaultTheme = {
-  container: 'position-relative',
-  suggestionsContainerOpen: `bg-white py-1 border rounded ${_search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.suggestionsContainerOpen}`,
-  suggestionsList: 'list-unstyled m-0',
-  suggestion: 'cursor-pointer py-1 px-2',
-  suggestionHighlighted: _search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.suggestionHighlighted,
-  sectionContainer: `border-bottom py-1 ${_search_bar_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sectionContainer}`
-};
-function getTheme(theme = {}) {
-  return Object.assign(defaultTheme, theme);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/search-bar/search-bar.scss":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/search-bar.scss ***!
-  \*******************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"input":"cv--input--3MysI","suggestionsContainerOpen":"cv--suggestionsContainerOpen--ahMdW","sectionContainer":"cv--sectionContainer--xstWL","suggestionHighlighted":"cv--suggestionHighlighted--3YTCa"};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=10.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/common/src/react/utils/TypeHelper.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchBar.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchInput.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/SearchUtils.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/search-bar/search-bar.scss?d22e"],"names":[],"mappings":"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","file":"scripts/10.chunk.js","sourcesContent":["export const TypeHelper = {\r\n  isNumber(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'number');\r\n  },\r\n\r\n  isString(obj: any): boolean {\r\n    return TypeHelper.isType(obj, 'string');\r\n  },\r\n\r\n  isType(obj: any, type: string): boolean {\r\n    return typeof obj === type;\r\n  }\r\n};","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport * as SearchUtils from './SearchUtils';\r\nimport { SearchInput } from './SearchInput';\r\n\r\nconst namespace = 'shared.searchBar';\r\n\r\nconst isFunction = FunctionHelper.isFunction;\r\n\r\nexport interface SearchBarProps<T extends HashObject> {\r\n  /**\r\n   * Optional initial query. Useful for populating the search bar\r\n   * on a search results page.\r\n   */\r\n  initialQuery?: string;\r\n\r\n  /**\r\n   * Callback function for when a suggestion is selected.\r\n   */\r\n  onSuggestionSelected: (suggestion: T) => void;\r\n\r\n  /**\r\n   * Flag to determine if the query should be updated when a\r\n   * suggestion is selected. Defaults to `true` in `defaultProps`.\r\n   * If true, SearchUtils.getSuggestionValue is used to update the query.\r\n   */\r\n  updateQueryOnSelection?: boolean;\r\n\r\n  /**\r\n   * Optional callback for when the search query changes.\r\n   */\r\n  onQueryChange?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback for when the search is submitted.\r\n   */\r\n  onSubmit?: (query: string) => void;\r\n\r\n  /**\r\n   * Optional callback to get the remote resource if remote search\r\n   * results are being used.\r\n   */\r\n  getRemoteUrl?: (query: string) => string;\r\n\r\n  /**\r\n   * Optional formatting function for the data returned from the remote resource.\r\n   */\r\n  formatRemoteSuggestions?: (data: any) => T[];\r\n\r\n  /**\r\n   * Optional array of recent searches.\r\n   */\r\n  recentSearches?: T[];\r\n\r\n  /**\r\n   * A label for the recent search section.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  recentSearchHeading?: string;\r\n\r\n  /**\r\n   * A label for the main suggestions section.\r\n   * Will not be used if getSections is passed as a prop.\r\n   */\r\n  suggestionsHeading?: string;\r\n\r\n  /**\r\n   * Optional array of local data to be used as suggestion sources.\r\n   */\r\n  local?: T[];\r\n\r\n  /**\r\n   * Optional array of initial suggestions. These suggestions will be available\r\n   * when no query is present. Entering a query will begin filtering suggestions.\r\n   * This is useful for using SearchBar to filter a list.\r\n   */\r\n  initialSuggestions?: T[];\r\n\r\n  /**\r\n   * Key used to filter local data. This is required if local is provided,\r\n   * however a default of 'name' is set in `defaultProps`.\r\n   */\r\n  valueKey?: keyof T;\r\n\r\n  /**\r\n   * Optional function to filter suggestions from local data.\r\n   * SearchUtils.getLocalSuggestions will be used by default.\r\n   */\r\n  getLocalSuggestions?: (query: string, local: T[]) => T[];\r\n\r\n  /**\r\n   * Optional function for splitting suggestions into sections.\r\n   * Doesn't apply to recent searches (SuggestionType.Recent).\r\n   */\r\n  getSections?: (suggestions: T[]) => SearchUtils.SuggestionSection<T>[];\r\n\r\n  /**\r\n   * Placeholder for the search input.\r\n   * A default is provided in the i18n config.\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * The number of characters required to begin providing suggestions.\r\n   * A default is provided in `defaultProps`.\r\n   */\r\n  activationLength?: number;\r\n\r\n  /**\r\n   * Max number of suggestions to render. A default is set in `defaultProps`.\r\n   * Set to false to render all suggestions (e.g. for filtering a list in memory).\r\n   */\r\n  suggestionLimit?: number | false;\r\n\r\n  /**\r\n   * Callback function to get the component to be rendered for a suggestion.\r\n   * SearchUtils.getSuggestionComponent is used a default. This uses\r\n   * `valueKey` to render text.\r\n   */\r\n  getSuggestionComponent?: (suggestion: T) => JSX.Element;\r\n\r\n  /**\r\n   * If true, suggestions will be rendered, even if the input isn't focussed.\r\n   */\r\n  alwaysRenderSuggestions?: boolean;\r\n\r\n  /*\r\n   * Optional theme hash to override `defaultTheme` in SearchUtils.\r\n   */\r\n  theme?: Autosuggest.Theme;\r\n\r\n  /**\r\n   * Option to determine whether to render the search icon and if so,\r\n   * which side to render it on. Defaults to `right` in `defaultProps`\r\n   */\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n\r\n  /**\r\n   * Flag to determine whether clicking the search icon should trigger\r\n   * submitting the search query.\r\n   */\r\n  submitOnClickSearchIcon?: boolean;\r\n\r\n  /**\r\n   * Flag to determine whether the search input should be autofocused.\r\n   */\r\n  autoFocusInput?: boolean;\r\n\r\n  /**\r\n   * When true, the input field will be cleared whenever a suggestion is selected.\r\n   */\r\n  clearQueryOnSelect?: boolean;\r\n\r\n  onBackspace?: () => void;\r\n}\r\n\r\nSearchBar.defaultProps = {\r\n  updateQueryOnSelection: true,\r\n  valueKey: 'name',\r\n  activationLength: 3,\r\n  suggestionLimit: 5,\r\n  recentSearches: [],\r\n  initialSuggestions: [],\r\n  searchIconPlacement: 'right'\r\n};\r\n\r\nexport function SearchBar<T extends HashObject>(props: SearchBarProps<T>): JSX.Element {\r\n  const initialState = SearchUtils.getInitialState(props.initialSuggestions, props.recentSearches);\r\n\r\n  const [ query, setQuery ] = React.useState(props.initialQuery || '');\r\n  const [ suggestions, setSuggestions ] = React.useState<SearchUtils.SuggestionState<T>>(initialState);\r\n\r\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\r\n\r\n  const resetSuggestions = () => {\r\n    setSuggestions(initialState);\r\n  };\r\n\r\n  const onChange = (e: React.ChangeEvent, { newValue }: Autosuggest.ChangeEvent) => {\r\n    setQuery(newValue);\r\n\r\n    if (isFunction(props.onQueryChange))\r\n      props.onQueryChange(newValue);\r\n  };\r\n\r\n  const onSubmit = (event: React.FormEvent) => {\r\n    event.preventDefault();\r\n\r\n    if (isFunction(props.onSubmit))\r\n      props.onSubmit(query);\r\n  };\r\n\r\n  const onKeyDown = (event: React.KeyboardEvent) => {\r\n    if (event.keyCode === 8 && props.onBackspace && !query)\r\n      props.onBackspace();\r\n  };\r\n\r\n  return (\r\n    <form onSubmit={onSubmit}>\r\n      <Autosuggest<T>\r\n        suggestions={\r\n          SearchUtils.getSuggestionSections(\r\n            suggestions,\r\n            !query,\r\n            props.recentSearchHeading || LanguageService.getPhrase(namespace, 'recentSearchHeading'),\r\n            props.suggestionsHeading,\r\n            props.getSections,\r\n            props.suggestionLimit\r\n          )\r\n        }\r\n        onSuggestionsFetchRequested={\r\n          SearchUtils.onSuggestionsFetchRequestedHandler(props, setSuggestions, resetSuggestions)\r\n        }\r\n        onSuggestionsClearRequested={() => {\r\n          if (!props.alwaysRenderSuggestions)\r\n            resetSuggestions();\r\n        }}\r\n        onSuggestionSelected={(e: React.FormEvent, { suggestion }: Autosuggest.SuggestionSelectedEventData<T>) => {\r\n          if (props.clearQueryOnSelect)\r\n            setQuery('');\r\n\r\n          props.onSuggestionSelected(suggestion);\r\n        }}\r\n        getSuggestionValue={(suggestion: T) => {\r\n          if (!props.updateQueryOnSelection)\r\n            return query;\r\n\r\n          return SearchUtils.getSuggestionValue(props.valueKey, suggestion);\r\n        }}\r\n        renderSuggestion={(suggestion: T) => {\r\n          if (isFunction(props.getSuggestionComponent))\r\n            return props.getSuggestionComponent(suggestion);\r\n\r\n          return SearchUtils.getSuggestionComponent(props.valueKey, suggestion);\r\n        }}\r\n        alwaysRenderSuggestions={props.alwaysRenderSuggestions}\r\n        /** \r\n         * Setting focusInputOnSuggestionClick to false when isMobile is true prevents the keyboard from \r\n         * appearing on mobile devices when a suggestion is clicked.\r\n         */\r\n        focusInputOnSuggestionClick={!isMobile}\r\n        inputProps={{\r\n          placeholder: props.placeholder || LanguageService.getPhrase(namespace, 'placeholder'),\r\n          value: query,\r\n          onChange,\r\n          onKeyDown,\r\n          autoFocus: !!props.autoFocusInput,\r\n          onClickSearchIcon: !!props.submitOnClickSearchIcon && onSubmit,\r\n          searchIconPlacement: props.searchIconPlacement\r\n        } as Autosuggest.InputProps<T>}\r\n        renderInputComponent={SearchInput}\r\n        theme={SearchUtils.getTheme(props.theme)}\r\n        multiSection\r\n        renderSectionTitle={SearchUtils.renderSectionTitle}\r\n        getSectionSuggestions={SearchUtils.getSectionSuggestions}\r\n      />\r\n    </form>\r\n  );\r\n}","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\nconst getSvgContainerClassName = (onClickSearch: () => void) => {\r\n  const className = 'd-inline-block svg-container';\r\n\r\n  if (!FunctionHelper.isFunction(onClickSearch))\r\n    return className;\r\n\r\n  return className + ' cursor-pointer';\r\n};\r\n\r\ninterface SearchInputProps {\r\n  onClickSearchIcon?: () => void;\r\n  searchIconPlacement?: 'left' | 'right' | false;\r\n}\r\n\r\nexport function SearchInput<T extends {}>(props: SearchInputProps & Autosuggest.InputProps<T>): JSX.Element {\r\n  const { onClickSearchIcon, searchIconPlacement, className, ...inputProps } = props;\r\n\r\n  let inputClassName = `form-control ${styles.input}`;\r\n\r\n  let iconContainerClassName = 'input-group-text bg-white';\r\n\r\n\r\n  if (searchIconPlacement === 'right') {\r\n    inputClassName += ' border-right-0';\r\n    iconContainerClassName += ' pl-0';\r\n  }\r\n\r\n  if (searchIconPlacement === 'left') {\r\n    inputClassName += ' border-left-0';\r\n    iconContainerClassName += ' pr-0';\r\n  }\r\n\r\n  if (className)\r\n    inputClassName += ` ${className}`;\r\n\r\n\r\n  const SearchIcon = () => (\r\n    <div className={iconContainerClassName}>\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Search}\r\n        size={SvgContainerSize.Small}\r\n        onClick={onClickSearchIcon}\r\n        className={getSvgContainerClassName(onClickSearchIcon)}\r\n      />\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className='input-group'>\r\n      {searchIconPlacement === 'left' &&\r\n        <div className='input-group-prepend'>\r\n          <SearchIcon />\r\n        </div>\r\n      }\r\n      <input className={inputClassName} {...inputProps as React.HTMLProps<HTMLInputElement>} />\r\n      {searchIconPlacement === 'right' &&\r\n        <div className='input-group-append'>\r\n          <SearchIcon />\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}\r\n","import * as React from 'react';\r\nimport * as Autosuggest from 'react-autosuggest';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { TypeHelper } from 'libs/common/react/utils/TypeHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { SearchBarProps } from './SearchBar';\r\n\r\nimport styles from './search-bar.scss';\r\n\r\nexport enum SuggestionType {\r\n  Local = 'local',\r\n  Recent = 'recent',\r\n  Remote = 'remote'\r\n}\r\n\r\n/**\r\n * Suggestions grouped as a section\r\n */\r\nexport interface SuggestionSection<T extends HashObject> {\r\n  data: T[];\r\n  title?: string;\r\n}\r\n\r\n/**\r\n * How suggestion data is stored in state in SearchBar\r\n */\r\nexport type SuggestionState<T extends HashObject> = { [ key in SuggestionType ]: T[] };\r\n\r\nexport function getInitialState<T extends HashObject>(\r\n  initialSuggestions: T[], recentSearches: T[]\r\n): SuggestionState<T> {\r\n  return {\r\n    [SuggestionType.Recent]: recentSearches,\r\n    [SuggestionType.Local]: initialSuggestions,\r\n    [SuggestionType.Remote]: []\r\n  };\r\n}\r\n\r\nfunction hasAttribute<T extends HashObject>(obj: T, valueKey: keyof T): boolean {\r\n  return ObjectHelper.isObject(obj) && obj.hasOwnProperty(valueKey) && TypeHelper.isString(obj[valueKey]);\r\n}\r\n\r\nfunction getLocalSuggestions<T extends HashObject>(query: string, data: T[], valueKey: keyof T): T[] {\r\n  const q = query.trim().toLowerCase();\r\n\r\n  if (!q.length)\r\n    return [];\r\n\r\n  return data.filter(d => {\r\n    if (!hasAttribute(d, valueKey) || !TypeHelper.isString(d[valueKey]))\r\n      return false;\r\n\r\n    return d[valueKey].trim().toLowerCase().includes(q);\r\n  });\r\n}\r\n\r\nfunction fetchSuggestions<T extends HashObject>(\r\n  getUrl: (query: string) => string, query: string, callback: (suggestions: T[]) => void\r\n): void {\r\n  const resource = FunctionHelper.isFunction(getUrl) && getUrl(query);\r\n\r\n  if (!resource)\r\n    return;\r\n\r\n  Flight.ajaxRequest({\r\n    resource,\r\n    type: HttpVerbs.GET,\r\n    success: callback,\r\n    error: () => {}\r\n  });\r\n}\r\n\r\nexport function onSuggestionsFetchRequestedHandler<T extends HashObject>(\r\n  props: SearchBarProps<T>,\r\n  setSuggestions: React.Dispatch<React.SetStateAction<SuggestionState<T>>>,\r\n  resetSuggestions: () => void\r\n): (params: Autosuggest.SuggestionsFetchRequestedParams) => void {\r\n  return ({ value }: Autosuggest.SuggestionsFetchRequestedParams) => {\r\n    if (!value.length)\r\n      resetSuggestions();\r\n\r\n    if (value.length < props.activationLength)\r\n      return;\r\n\r\n    if (props.local) {\r\n      const filtered = FunctionHelper.isFunction(props.getLocalSuggestions)\r\n        ? props.getLocalSuggestions(value, props.local)\r\n        : getLocalSuggestions(value, props.local, props.valueKey);\r\n\r\n      setSuggestions(s => ({ ...s, [SuggestionType.Local]: filtered }));\r\n    }\r\n\r\n    if (props.getRemoteUrl)\r\n      fetchSuggestions(\r\n        props.getRemoteUrl,\r\n        value,\r\n        (data: any) => setSuggestions(\r\n          s => ({\r\n            ...s,\r\n            [SuggestionType.Remote]: FunctionHelper.isFunction(props.formatRemoteSuggestions)\r\n              ? props.formatRemoteSuggestions(data)\r\n              : data\r\n          })\r\n        )\r\n      );\r\n  };\r\n}\r\n\r\nexport function getSuggestionValue<T extends HashObject>(valueKey: keyof T, suggestion: T): string {\r\n  if (!hasAttribute(suggestion, valueKey))\r\n    return '';\r\n\r\n  return suggestion[valueKey];\r\n}\r\n\r\n/**\r\n * Default suggestion component. Renders text based on valueKey.\r\n * \r\n * @param valueKey object attribute to be rendered.\r\n */\r\nexport function getSuggestionComponent<T extends HashObject>(valueKey: keyof T, suggestion: T): JSX.Element {\r\n  return hasAttribute(suggestion, valueKey)\r\n    ? <>\r\n        {suggestion[valueKey]}\r\n      </>\r\n    : <></>;\r\n}\r\n\r\n/**\r\n * Maps the suggestion state into sections.\r\n * \r\n * @param getSections - an optional function passed in from anything consuming\r\n * SearchBar used to break the local and remote suggestions into sections.\r\n */\r\nexport function getSuggestionSections<T extends HashObject>(\r\n  suggestionState: SuggestionState<T>,\r\n  showRecentSearches: boolean,\r\n  recentSearchHeading: string,\r\n  suggestionsHeading?: string,\r\n  getSections?: (suggestions: T[]) => SuggestionSection<T>[],\r\n  suggestionLimit?: number | false\r\n): SuggestionSection<T>[] {\r\n  const getTypeSuggestions = (type: SuggestionType) => {\r\n    const typeSuggestions = suggestionState[type];\r\n\r\n    return typeSuggestions || [];\r\n  };\r\n\r\n  const recentSuggestions = showRecentSearches ? getTypeSuggestions(SuggestionType.Recent) : [];\r\n  const localSuggestions = getTypeSuggestions(SuggestionType.Local);\r\n  const remoteSuggestions = getTypeSuggestions(SuggestionType.Remote);\r\n\r\n  let sections: SuggestionSection<T>[] = [];\r\n\r\n  if (recentSuggestions.length)\r\n    sections.push({\r\n      title: recentSearchHeading,\r\n      data: recentSuggestions\r\n    });\r\n\r\n  const matchedSuggestions = [ ...localSuggestions, ...remoteSuggestions ];\r\n\r\n  if (Number.isInteger((suggestionLimit as number)) && sections.length > suggestionLimit)\r\n    matchedSuggestions.slice(0, (suggestionLimit as number));\r\n\r\n  if (FunctionHelper.isFunction(getSections))\r\n    sections.push(...getSections(matchedSuggestions));\r\n  else\r\n    sections.push({ title: suggestionsHeading, data: matchedSuggestions });\r\n\r\n  return sections;\r\n}\r\n\r\n/**\r\n * Maps a section into a list of suggestions.\r\n */\r\nexport function getSectionSuggestions<T extends HashObject>(section: SuggestionSection<T>): T[] {\r\n  return section.data;\r\n}\r\n\r\nexport function renderSectionTitle<T extends HashObject>(section: SuggestionSection<T>): JSX.Element | null {\r\n  if (section.title)\r\n    return <strong>{section.title}</strong>;\r\n}\r\n\r\nconst defaultTheme = {\r\n  container: 'position-relative',\r\n  suggestionsContainerOpen: `bg-white py-1 border rounded ${styles.suggestionsContainerOpen}`,\r\n  suggestionsList: 'list-unstyled m-0',\r\n  suggestion: 'cursor-pointer py-1 px-2',\r\n  suggestionHighlighted: styles.suggestionHighlighted,\r\n  sectionContainer: `border-bottom py-1 ${styles.sectionContainer}`\r\n};\r\n\r\nexport function getTheme(theme: Autosuggest.Theme = {}): Autosuggest.Theme {\r\n  return Object.assign(defaultTheme, theme);\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"input\":\"cv--input--3MysI\",\"suggestionsContainerOpen\":\"cv--suggestionsContainerOpen--ahMdW\",\"sectionContainer\":\"cv--sectionContainer--xstWL\",\"suggestionHighlighted\":\"cv--suggestionHighlighted--3YTCa\"};"],"sourceRoot":""}