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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/playlist.scss?dd51","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/audience-label/audience-label.scss?93bd","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/back-button/BackButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/banner-header/banner-header.scss?f381","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/empty-state/EmptyState.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","webpack://@clickview/lite/C:/ClickView Projects/@clickview/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss?cf3d","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/context/PageTitleContext.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/AudienceHelper.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/PageTitleHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/playlist-list-header/PlaylistListHeader.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/interfaces/PlaylistCollectionIdentifier.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/views/playlists/PlaylistsView.tsx"],"names":[],"mappings":"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","file":"scripts/23.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\n\r\nimport { ImageUrlService } from 'libs/shared/services/ImageUrlService';\r\nimport { EmptyState } from 'libs/shared/components/empty-state/EmptyState';\r\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.emptyState');\r\n\r\nexport function EmptyPlaylistList(): React.ReactElement {\r\n  const imageUrlService = useService<ImageUrlService>(SharedServices.ImageUrl);\r\n  const imageUrls = imageUrlService.getImageUrls();\r\n\r\n  return (\r\n    <EmptyState\r\n      imageUrl={imageUrls.EmptyStates.VIDEOS}\r\n      heading={getPhrase('noPlaylistsHeading')}\r\n      description={getPhrase('noPlaylistsInfo')}\r\n    />\r\n  );\r\n}","import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport styles from './playlist.scss';\r\n\r\ninterface PartialPlaylistListProps {\r\n  numItems?: number;\r\n  itemClassName?: string;\r\n  showHeading?: boolean;\r\n}\r\n\r\nPartialPlaylistList.defaultProps = {\r\n  numItems: 8\r\n};\r\n\r\nexport function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element {\r\n  const PARTIAL_PLAYLISTS = [...Array(props.numItems)];\r\n\r\n  const className = props.itemClassName || '';\r\n\r\n  return (\r\n    <>\r\n      {props.showHeading && <div className={`${styles.partialHeading} partial-loading-background`} />}\r\n      <Row>\r\n        {PARTIAL_PLAYLISTS.map((p, idx) =>\r\n          <Col key={idx} xs={6} sm={4} md={3} lg={2} className={className}>\r\n            <div className='py-2'>\r\n              <div className={`${styles.basePlaylistItem} partial-loading-background`} />\r\n            </div>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Playlist, PresentationAudience } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { AudienceHelper } from 'libs/shared/utils/AudienceHelper';\r\nimport { ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { BaseThumbnail } from 'libs/shared/components/thumbnails/base/BaseThumbnail';\r\nimport { ThumbnailFallback, ThumbnailFallbackType } from 'libs/shared/components/thumbnails/base/ThumbnailFallback';\r\nimport { AudienceLabelList, AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\r\n\r\nimport styles from './playlist.scss';\r\n\r\ninterface PlaylistItemProps {\r\n  data: Playlist;\r\n  appLink: Core.AppLink;\r\n  presentationAudiences: PresentationAudience[];\r\n  className?: string;\r\n  showCount?: boolean;\r\n}\r\n\r\nexport function PlaylistItem(props: PlaylistItemProps): JSX.Element {\r\n  const imageUrl = ImageHelper.createUrl(props.data.cover && props.data.cover.url, {\r\n    size: ImageSize.Medium,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  const audiences = props.data.subjectPresentationAudiences &&\r\n    props.data.subjectPresentationAudiences.data;\r\n\r\n  const filteredAudiences = AudienceHelper.getSortedPresentationAudiences(audiences, props.presentationAudiences);\r\n  const mergedAudience = AudienceHelper.getMergedPresentationAudienceString(filteredAudiences);\r\n\r\n  const count = !!props.showCount && !!props.data.videos && props.data.videos.count;\r\n\r\n  return (\r\n    <AppLink appLink={props.appLink}>\r\n      <BaseThumbnail data={imageUrl} className={styles.playlistItem}>\r\n        <ThumbnailFallback type={ThumbnailFallbackType.Playlist} />\r\n        <div className={`text-white ${styles.playlistMetadata}`}>\r\n          {Number.isInteger(count) &&\r\n            <Text namespace='shared.playlistItem' phrase='videos' options={{ smartCount: count }} />\r\n          }\r\n          <h5 className='text-shadow mb-0'>{props.data.name}</h5>\r\n          {!!audiences && !!audiences.length &&\r\n            <AudienceLabel\r\n              audience={mergedAudience}\r\n              border='white'\r\n            />\r\n          }\r\n        </div>\r\n      </BaseThumbnail>\r\n    </AppLink>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Playlist, PresentationAudience } from 'libs/shared/interfaces';\r\n\r\nimport { PlaylistItem } from './PlaylistItem';\r\n\r\ninterface PlaylistListProps {\r\n  playlists: Playlist[];\r\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\r\n  presentationAudiences: PresentationAudience[];\r\n  itemClassName?: string;\r\n  showCount?: boolean;\r\n}\r\n\r\nexport function PlaylistList(props: PlaylistListProps): JSX.Element {\r\n  return (\r\n    <Row>\r\n      {props.playlists.map(p =>\r\n        <Col key={p.id} xs={6} sm={4} lg={3} className={`mb-3 ${props.itemClassName ? props.itemClassName : ''}`}>\r\n          <PlaylistItem\r\n            key={p.id}\r\n            data={p}\r\n            appLink={props.getPlaylistAppLink(p)}\r\n            presentationAudiences={props.presentationAudiences}\r\n            showCount={props.showCount}\r\n          />\r\n        </Col>\r\n      )}\r\n    </Row>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"basePlaylistItem\":\"cv--basePlaylistItem--2nvrp\",\"playlistItem\":\"cv--playlistItem--6o0Z2\",\"playlistMetadata\":\"cv--playlistMetadata--3MCKL\",\"partialHeading\":\"cv--partialHeading--13tO6\"};","import * as React from 'react';\r\nimport { Audience } from 'libs/shared/interfaces';\r\n\r\nimport styles from './audience-label.scss';\r\n\r\ntype AudienceBorderColour = 'dark' | 'white';\r\n\r\ninterface AudienceLabelProps {\r\n  audience: Audience;\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabel(props: AudienceLabelProps): JSX.Element {\r\n  if (!props.audience)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={`border rounded-pill d-inline-block px-2 mt-1 ${'border-' + props.border}`}>\r\n      {props.audience.name}\r\n    </div>\r\n  );\r\n}\r\n\r\ninterface AudienceLabelListProps {\r\n  audiences: Audience[];\r\n  border: AudienceBorderColour;\r\n}\r\n\r\nexport function AudienceLabelList(props: AudienceLabelListProps): JSX.Element {\r\n  if (!props.audiences || !props.audiences.length)\r\n    return <></>;\r\n\r\n  return (\r\n    <>\r\n      {props.audiences.map((a, idx) => (\r\n        <span key={idx} className={styles.audienceLabelListItem}>\r\n          <AudienceLabel audience={a} border={props.border} />\r\n        </span>\r\n      ))}\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"audienceLabelListItem\":\"cv--audienceLabelListItem--2YGVO\"};","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nconst namespace = 'shared.backButton';\r\n\r\ninterface BackButtonProps {\r\n  appLink: Core.AppLink;\r\n  backToName?: string;\r\n  color?: 'black' | 'white';\r\n}\r\n\r\nBackButton.defaultProps = {\r\n  color: 'black'\r\n};\r\n\r\nexport function BackButton({ backToName, appLink, color }: BackButtonProps): React.ReactElement {\r\n  const backPhrase = backToName\r\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\r\n    : LanguageService.getPhrase(namespace, 'back');\r\n\r\n  const colorClass = color === 'black' ? '' : 'text-light';\r\n\r\n  return (\r\n    <AppLink appLink={appLink} className={`d-inline-flex align-items-center h5 mb-0 ${colorClass}`}>\r\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\r\n      <span className='ml-1'>{backPhrase}</span>\r\n    </AppLink>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\r\nimport { Banner } from 'libs/shared/interfaces';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageType, ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { Actions, ActionOptions } from 'libs/shared/components/actions/Actions';\r\n\r\nimport styles from './banner-header.scss';\r\n\r\ninterface BannerHeaderProps {\r\n  heading: string;\r\n  banner: Banner;\r\n  imageCdnUrl: string;\r\n  actions?: ActionOptions[];\r\n  backButtonAppLink?: Core.AppLink;\r\n  backButtonText?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\r\n  const { heading, banner, imageCdnUrl, actions, sortComponent } = props;\r\n\r\n  const url = ImageHelper.createBannerUrl(banner, {\r\n    fallbackBaseUrl: imageCdnUrl,\r\n    fallbackCategoryName: heading,\r\n    type: ImageType.Banners,\r\n  }, {\r\n    size: ImageSize.Large,\r\n    resizeType: ResizeType.Cover\r\n  });\r\n\r\n  return (\r\n    <div className='banner' style={{ backgroundImage: `url('${url}')` }}>\r\n      {props.backButtonAppLink && (\r\n        <div className='pt-3'>\r\n          <BackButton\r\n            appLink={props.backButtonAppLink}\r\n            backToName={props.backButtonText}\r\n            color='white'\r\n          />\r\n        </div>\r\n      )}\r\n      <h1 className='text-white text-shadow position-absolute m-0 pb-3'>{heading}</h1>\r\n      {!!actions && (\r\n        <div className={styles.actionsContainer}>\r\n          <Actions actions={actions} sortComponent={sortComponent} />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}, (prevProps, nextProps): boolean => (\r\n  prevProps.actions === nextProps.actions\r\n));\r\n\r\nexport const PartialBannerHeader = () => <div className={`partial-banner partial-loading-background`} />;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"actionsContainer\":\"cv--actionsContainer--286KF\"};","import * as React from 'react';\r\n\r\ninterface EmptyStateProps {\r\n  imageUrl: string;\r\n  heading: string;\r\n  description?: string;\r\n}\r\n\r\nexport function EmptyState(props: EmptyStateProps): React.ReactElement {\r\n  const { imageUrl, heading, description } = props;\r\n\r\n  return (\r\n    <div className='empty-state-container'>\r\n      <div className='content-container'>\r\n        {imageUrl && <img src={imageUrl} />}\r\n        <h1>{heading}</h1>\r\n        {description && <p dangerouslySetInnerHTML={{ __html: description }}/>}\r\n      </div>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Spinner } from 'react-bootstrap';\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 './infinite-scroll-footer.scss';\r\n\r\ninterface InfiniteScrollFooterProps {\r\n  isFetching: boolean;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\r\n  return (\r\n    <div className={`p-3 text-center ${styles.container}`}>\r\n      {props.isFetching\r\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\r\n        : <SvgContainer\r\n            svgName={cvSvgLibrary.ChevronDown}\r\n            className='svg-container cursor-pointer'\r\n            size={SvgContainerSize.Large}\r\n            onClick={props.onClick}\r\n          />\r\n      }\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"cv--container--1_KC6\",\"spinner\":\"cv--spinner--VXlcl\"};","import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { PageTitleHelper } from 'libs/shared/utils/PageTitleHelper';\r\n\r\ninterface IPageTitleContext {\r\n  setPageTitle?: (title: string) => void;\r\n  revertPageTitle?: () => void;\r\n}\r\n\r\nexport const PageTitleContext = React.createContext<IPageTitleContext>({});\r\n\r\nconst namespace = 'shared.context';\r\n\r\nconst DEFAULT_TITLE = () => LanguageService.getPhrase(namespace, 'defaultTitle');\r\n\r\nexport const PageTitleContextProvider = ({ children }: React.PropsWithChildren<{}>): React.ReactElement => {\r\n  const [ currentPageTitle, setCurrentPageTitle ] = React.useState(DEFAULT_TITLE);\r\n  const [ previousPageTitle, setPreviousPageTitle ] = React.useState(DEFAULT_TITLE);\r\n\r\n  const setPageTitle = (title: string) => {\r\n    if (title === currentPageTitle)\r\n      return;\r\n\r\n    if (currentPageTitle !== previousPageTitle)\r\n      setPreviousPageTitle(currentPageTitle);\r\n\r\n    setCurrentPageTitle(title);\r\n  };\r\n\r\n  const revertPageTitle = () => {\r\n    setCurrentPageTitle(previousPageTitle);\r\n  };\r\n\r\n  React.useEffect(() => PageTitleHelper.setPageTitle(currentPageTitle), [currentPageTitle]);\r\n\r\n  return (\r\n    <PageTitleContext.Provider value={{ setPageTitle, revertPageTitle }}>\r\n      {children}\r\n    </PageTitleContext.Provider>\r\n  );\r\n};","import { Flight } from 'libs/common/flight';\r\n\r\nconst endpoints = {\r\n  presentationAudiences: () => `/api/domain/v1/subjects/audiences`\r\n};\r\n\r\nexport const AudienceRequests = {\r\n  presentationAudiences(): Flight.Request {\r\n    return {\r\n      bootstrapName: 'presentationAudiences',\r\n      url: endpoints.presentationAudiences(),\r\n      key: `presentation:audiences`,\r\n      normalize: false\r\n    };\r\n  }\r\n};","import { useEffect } from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nconst SCROLL_TOLERANCE = 400; // value in px\r\n\r\nexport function useInfiniteScroll(fetchNextPage: () => void, hasMore: boolean, isFetching: boolean): void {\r\n  const handleScroll = (): void => {\r\n    if (isFetching)\r\n      return;\r\n\r\n    const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\r\n\r\n    const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\r\n\r\n    if (currentScrollHeight < totalHeight)\r\n      return;\r\n\r\n    fetchNextPage();\r\n  };\r\n\r\n  useEffect(() => {\r\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\r\n\r\n    if (hasMore)\r\n      window.addEventListener('scroll', onScroll);\r\n\r\n    return () => window.removeEventListener('scroll', onScroll);\r\n  }, [hasMore]);\r\n}","import { useMemo } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BasePaginatedCollection } from 'libs/shared/interfaces';\r\n\r\nconst safeGetCursor = (request: Flight.Response<any>): string => {\r\n  return request\r\n    && request.data\r\n    && request.data.pagination\r\n    && request.data.pagination.cursors\r\n    && request.data.pagination.cursors.next;\r\n};\r\n\r\ninterface SelectAllPagesResult<T> {\r\n  items: T[];\r\n  shouldInitialFetch: boolean;\r\n  nextCursor: string;\r\n  isFetching: boolean;\r\n}\r\n\r\n/**\r\n * Hook to select all pages of a collection from the store and flatten them.\r\n * It will not trigger any fetches.\r\n * \r\n * @param getKey - callback function to get the key for each page.\r\n * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.\r\n */\r\nexport function useSelectAllPages<T>(getKey: ((cursor?: string) => string) | false): SelectAllPagesResult<T> {\r\n  return useSelector(useMemo(() => (state: ApplicationState) => {\r\n    const getKeyFn = (getKey as Function);\r\n\r\n    let request = FunctionHelper.isFunction(getKey) &&\r\n      Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn());\r\n\r\n    let isFetching = request && request.isFetching;\r\n    const shouldInitialFetch = request && request.shouldFetch;\r\n\r\n    let items = request && request.data && request.data.data;\r\n    let nextCursor = safeGetCursor(request);\r\n\r\n    // Retrieve all pages that are currently in the store.\r\n    while (nextCursor) {\r\n      request = Flight.getResponse<BasePaginatedCollection<T>>(state, getKeyFn(nextCursor));\r\n\r\n      isFetching = request.isFetching;\r\n\r\n      // If next page hasn't been fetched, break.\r\n      if (request.shouldFetch)\r\n        break;\r\n\r\n      let newItems = request.data && request.data.data;\r\n      newItems && items.push(...newItems);\r\n\r\n      nextCursor = safeGetCursor(request);\r\n    }\r\n\r\n    return {\r\n      shouldInitialFetch,\r\n      items,\r\n      nextCursor,\r\n      isFetching,\r\n    };\r\n  }, [getKey]));\r\n}","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { PageTitleContext } from 'libs/shared/context/PageTitleContext';\r\n\r\n/**\r\n * Hook function to set the page title using the useEffect hook.\r\n * @param title - value to set the page title to.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useSetPageTitle(title: string, dependencies: any[] = []): void {\r\n  const { setPageTitle } = React.useContext(PageTitleContext);\r\n\r\n  React.useEffect(() => {\r\n    if (!title || !FunctionHelper.isFunction(setPageTitle))\r\n      return;\r\n\r\n    setPageTitle(title);\r\n  }, [ title, ...dependencies ]);\r\n}","import { HashObject } from 'libs/common/react/interfaces';\r\nimport { Audience, PresentationAudience, BaseObject } from 'libs/shared/interfaces';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nconst DIGIT_REGEX = /([0-9]+)/ig;\r\nconst NAME_REGEX = /(^\\w+)/ig;\r\nconst COUNT_OFFSET = 1;\r\n\r\nfunction processAudienceRanges(audienceValues: number[]): string[] {\r\n  /**\r\n   * Lookahead by increments of offset\r\n   */\r\n  let offset = COUNT_OFFSET;\r\n\r\n  let initialVal, nextVal;\r\n  let isContinguous: boolean = false;\r\n\r\n  const ranges: string[] = [];\r\n\r\n  // Audience values need to be in ascending order\r\n  audienceValues = audienceValues.sort((a, b) => a - b);\r\n\r\n  let i, j;\r\n\r\n  for (i = 0; i < audienceValues.length; i++) {\r\n    j = i + 1;\r\n\r\n    // Set our lower boundary to compare against\r\n    if (!isContinguous)\r\n      initialVal = audienceValues[i];\r\n\r\n    nextVal = audienceValues[j];\r\n\r\n    /**\r\n     * Where the next number is also the next incremental value\r\n     * we're going to continue iterating until the next value\r\n     * is no longer contiguos.\r\n     */\r\n    if (audienceValues[i] + offset === nextVal) {\r\n      isContinguous = true;\r\n\r\n    } else if (isContinguous) {\r\n\r\n      /**\r\n       * Where we were tracking a contiguous set, format appropriately \r\n       * and store the vals\r\n       */\r\n\r\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\r\n      isContinguous = false;\r\n\r\n    } else {\r\n\r\n      /**\r\n       * Where the values arent contiguous, just store the current value\r\n       */\r\n\r\n      ranges.push(`${audienceValues[i]}`);\r\n      isContinguous = false;\r\n    }\r\n\r\n  }\r\n\r\n  return ranges;\r\n}\r\n\r\nexport const AudienceHelper = {\r\n  /**\r\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\r\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\r\n   * audiences, leaving behind a sorted array of object audiences.\r\n   */\r\n  getSortedPresentationAudiences(\r\n    objectAudiences: Audience[],\r\n    presentationAudiences: PresentationAudience[]\r\n  ): PresentationAudience[] {\r\n    const objectAudienceIds = objectAudiences.map(audience => audience.id.toString());\r\n\r\n    /**\r\n     * Remove audiences that aren't relevant for the user's current presentation\r\n     */\r\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\r\n      return objectAudienceIds.includes(presAudience.masterId.toString());\r\n    });\r\n\r\n    return filteredAudiences;\r\n  },\r\n\r\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\r\n    if (presentationAudiences.length === 1)\r\n      return presentationAudiences[0];\r\n\r\n    /**\r\n     * Create a string with all of the audiences\r\n     */\r\n    const valuesStr = presentationAudiences.map(a => a.name).join(',');\r\n\r\n    /**\r\n     * Extract all the numbers and  matches from the string\r\n     * Where there aren't matches, just return the first Audience.\r\n     */\r\n    const valMatches = valuesStr.match(DIGIT_REGEX);\r\n    const nameMatches = valuesStr.match(NAME_REGEX);\r\n\r\n    if (!valMatches || !nameMatches) return presentationAudiences[0];\r\n\r\n    const audienceValues = valMatches\r\n      .map(l => +l) || [];\r\n\r\n    /**\r\n     * Build set of logical audience ranges\r\n     */\r\n    const audienceRange = processAudienceRanges(audienceValues);\r\n\r\n    /**\r\n     * Get matches name\r\n     */\r\n    const audienceName = nameMatches[0];\r\n\r\n    return {\r\n      name: `${audienceName} ${audienceRange.join(' , ')}`\r\n    } as PresentationAudience;\r\n  },\r\n\r\n  /**\r\n   * This function assumes the members array passed in is ordered by `name`.\r\n   */\r\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\r\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\r\n    const getLowestAudience = (audiences: Audience[]) => {\r\n      let lowestAudience: Audience;\r\n      let lowestAudienceDigit: number;\r\n\r\n      audiences.forEach(audience => {\r\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\r\n\r\n        if (!lowestAudience) {\r\n          lowestAudience = audience;\r\n          lowestAudienceDigit = digit;\r\n          return;\r\n        }\r\n\r\n        if (digit > lowestAudienceDigit)\r\n          lowestAudience = audience;\r\n      });\r\n\r\n      return lowestAudience;\r\n    };\r\n\r\n    // This is used to track how many times a member's name appears in the collection\r\n    const nameCountMap: HashObject<number> = {};\r\n\r\n    let sorted: BaseObject[] = [];\r\n\r\n    members.forEach(member => {\r\n      if (!nameCountMap[member.name]) {\r\n        nameCountMap[member.name] = 1;\r\n        sorted.push(member);\r\n        return;\r\n      }\r\n\r\n      sorted.push(member);\r\n      nameCountMap[member.name]++;\r\n\r\n      // Take the slice of duplicates that we want to sort by audience\r\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\r\n\r\n      // Sort the slice by lowest audience\r\n      const sortedSlice = slice.sort((a: any, b: any) => {\r\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\r\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\r\n\r\n        return firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\r\n      });\r\n\r\n      sorted = sorted.concat(sortedSlice);\r\n    });\r\n\r\n    return sorted;\r\n  }\r\n};","import { Core } from 'libs/common/core';\r\n\r\nconst TITLE_LENGTH = 60;\r\nconst SUFFIX = ' - ClickView';\r\n\r\nconst trimTitle = (title: string): string => {\r\n  if (title.length + SUFFIX.length <= TITLE_LENGTH)\r\n    return title + SUFFIX;\r\n\r\n  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;\r\n};\r\n\r\nexport const PageTitleHelper = {\r\n  setPageTitle(title: string): void {\r\n    if (!title)\r\n      return;\r\n\r\n    Core.LocationUtils.SetPageTitle(trimTitle(title));\r\n  }\r\n};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { CurrentUser } from 'libs/shared/interfaces';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { PlaylistSortSelect } from 'apps/playlists/components/sort-select/PlaylistSortSelect';\r\n\r\nconst namespace = 'playlists.playlistListHeader';\r\n\r\ninterface PlaylistListHeaderProps {\r\n  user: CurrentUser;\r\n  imageCdnUrl: string;\r\n  sortType: PlaylistSortType;\r\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\r\n}\r\n\r\nexport function PlaylistListHeader(props: PlaylistListHeaderProps): JSX.Element {\r\n  const currentAppLink = Core.AppLinkHelper.getCurrentAppLink();\r\n\r\n  const actions = [\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'newPlaylist'),\r\n      appLink: { application: currentAppLink.application, action: Actions.Playlists.NEW_PLAYLIST },\r\n      svgName: cvSvgLibrary.Plus,\r\n      className: 'btn btn-light',\r\n      button: true\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <div className='mb-3'>\r\n      <BannerHeader\r\n        heading={LanguageService.getPhrase(namespace, 'header')}\r\n        banner={null}\r\n        imageCdnUrl={props.imageCdnUrl}\r\n        actions={actions}\r\n        sortComponent={<PlaylistSortSelect type={props.sortType} getSortAppLink={props.getSortAppLink} />}\r\n      />\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { Core } from 'libs/common/core';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.playlistSortSelect';\r\n\r\nconst getSortTypes = FunctionHelper.memoize(() => {\r\n  return {\r\n    [PlaylistSortType.RecentlyUpdated]: {\r\n      name: LanguageService.getPhrase(namespace, 'recentlyUpdated')\r\n    },\r\n    [PlaylistSortType.AtoZ]: {\r\n      name: LanguageService.getPhrase(namespace, 'atoz')\r\n    },\r\n    [PlaylistSortType.Newest]: {\r\n      name: LanguageService.getPhrase(namespace, 'newest')\r\n    },\r\n  };\r\n});\r\n\r\ninterface PlaylistSortSelectProps {\r\n  type: PlaylistSortType;\r\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\r\n}\r\n\r\n\r\nexport function PlaylistSortSelect(props: PlaylistSortSelectProps): JSX.Element {\r\n  const { type, getSortAppLink } = props;\r\n  const sortTypes = getSortTypes();\r\n\r\n  return (\r\n    <Dropdown>\r\n      <Dropdown.Toggle variant='light' id='sort-select' className={'ml-2'}>{sortTypes[type].name}</Dropdown.Toggle>\r\n      <Dropdown.Menu>\r\n        {Object.values(PlaylistSortType).filter(k => k !== type).map(k => {\r\n          return (\r\n            <AppLink key={k} className={'dropdown-item'} appLink={getSortAppLink(k)}>{sortTypes[k].name}</AppLink>\r\n          );\r\n        })}\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","import { BaseCollectionIdentifier } from 'libs/common/backbone/interfaces';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\n\r\nexport class PlaylistCollectionIdentifier extends BaseCollectionIdentifier<PlaylistSortType> {\r\n  constructor(sort: PlaylistSortType = PlaylistSortType.Newest, cursor: string = '') {\r\n    super({ collectionPrefix: 'user:playlists', cursor, sort });\r\n  }\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Playlist, Config, PresentationAudience, CurrentUser } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { useInfiniteScroll } from 'libs/shared/hooks/UseInfiniteScroll';\r\nimport { useSetPageTitle } from 'libs/shared/hooks/useSetPageTitle';\r\nimport { useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { PlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PlaylistList';\r\nimport { PartialPlaylistList } from 'libs/shared/apps/playlists/components/playlist-list/PartialPlaylistList';\r\nimport { EmptyPlaylistList } from 'libs/shared/apps/playlists/components/empty-state/EmptyPlaylistList';\r\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\r\n\r\nimport { PlaylistListHeader } from 'apps/playlists/components/playlist-list-header/PlaylistListHeader';\r\nimport { PlaylistCollectionIdentifier } from 'apps/playlists/interfaces/PlaylistCollectionIdentifier';\r\n\r\nconst namespace = 'playlists.playlists';\r\n\r\ninterface PlaylistsViewProps {\r\n  sort: PlaylistSortType;\r\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\r\n  getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;\r\n}\r\n\r\nexport function PlaylistsView(props: PlaylistsViewProps): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser);\r\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(AudienceRequests.presentationAudiences());\r\n\r\n  const getPlaylistRequest = (cursor?: string) =>\r\n    PlaylistRequests.getUserPlaylists(new PlaylistCollectionIdentifier(props.sort, cursor));\r\n\r\n  const fetchNext = (cursor?: string) => {\r\n    Flight.getFetch(dispatch, getPlaylistRequest(cursor))();\r\n  };\r\n\r\n  const playlists = useSelectAllPages((cursor?: string) => getPlaylistRequest(cursor).key);\r\n\r\n  useSetPageTitle(LanguageService.getPhrase(namespace, 'title'));\r\n\r\n  useInfiniteScroll(() => fetchNext(playlists.nextCursor), !!playlists.nextCursor, playlists.isFetching);\r\n\r\n  React.useEffect(() => {\r\n    if (playlists.shouldInitialFetch)\r\n      fetchNext();\r\n  }, [playlists.shouldInitialFetch]);\r\n\r\n  if (ArrayHelper.isEmpty(playlists.items))\r\n    return <EmptyPlaylistList />;\r\n\r\n  return (\r\n    <div className='bg-white padding-gutter'>\r\n      {(!!config.data && !!user.data) && (\r\n        <PlaylistListHeader\r\n          user={user.data}\r\n          imageCdnUrl={config.data.imageCdnUrl}\r\n          sortType={props.sort}\r\n          getSortAppLink={props.getSortAppLink}\r\n        />\r\n      )}\r\n      {(!!playlists.items && (!!audiences.data || audiences.hasError))\r\n        ? <PlaylistList\r\n            playlists={playlists.items}\r\n            getPlaylistAppLink={props.getPlaylistAppLink}\r\n            presentationAudiences={audiences.data || []}\r\n            showCount\r\n          />\r\n        : <PartialPlaylistList />\r\n      }\r\n      {!!playlists.items && !!(playlists.nextCursor || playlists.isFetching) &&\r\n        <InfiniteScrollFooter\r\n          isFetching={playlists.isFetching}\r\n          onClick={() => fetchNext(playlists.nextCursor)}\r\n        />\r\n      }\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/24-40edd30087.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[24],{421:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(16),r=a(27),i=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};function o(e,t,a,r){return{url:"/api/domain/v2/objects/"+t,key:`favourite:video:${t}:${e}`,data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],success:a,error:r}}function c(e,t,a,r){return{url:`/api/domain/v2/objects/${t}/favouriteVideos/${e}`,key:`favourite:video:${t}:${e}`,type:n.a.DELETE,invalidationKeys:["favourite:videos:"+t,"video:is:favourited:"+t],success:a,error:r}}const s={favouriteVideos:(e,t)=>({url:`/api/domain/v2/objects/${e}/favouriteVideos?query=${`${r.a.VIDEO_COLLECTION}${function(e){return e?"&cursor="+e:""}(t)}`}`,key:`favourite:videos:${e}${t?":"+t:""}`}),updateIsVideoFavourited:(e,t,a,n,r)=>(a?o:c)(e,t,n,r),isFavourited(e,t){const a=t.slice().sort();return{url:`/api/domain/v2/objects?query=favouritedBy{id:${e}}&${a.map(e=>"id="+e).join("&")}`,key:`video:is:favourited:${e}:by:id:${a.join(",")}`,formatData:e=>{var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map(e=>{var t,a;const{favouritedBy:n}=e,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})})}}}}},427:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(0),r=a(7),i=a(33),o=a(34),c=a(10);function s({backToName:e,appLink:t,color:a}){const s=e?r.a.getPhrase("shared.backButton","backTo",{backToName:e}):r.a.getPhrase("shared.backButton","back"),u="black"===a?"":"text-light";return n.createElement(o.a,{appLink:t,className:"d-inline-flex align-items-center h5 mb-0 "+u},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},s))}s.defaultProps={color:"black"}},432:function(e,t,a){"use strict";a.d(t,"a",(function(){return l})),a.d(t,"b",(function(){return d}));var n=a(0),r=a(427),i=a(122),o=a(80),c=a(430),s=a(433),u=a.n(s);const l=n.memo((function(e){const{heading:t,banner:a,imageCdnUrl:s,actions:l,sortComponent:d}=e,m=i.a.createBannerUrl(a,{fallbackBaseUrl:s,fallbackCategoryName:t,type:o.b.Banners},{size:o.a.Large,resizeType:o.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),!!l&&n.createElement("div",{className:u.a.actionsContainer},n.createElement(c.a,{actions:l,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"}},441:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));const n=5,r=50,i=100,o={getPartialLoadingItems(e={}){const{numItems:t=n,minWidth:a=r,maxWidth:o=i}=e;return[...Array(t)].map(()=>({width:Math.max(Math.floor(Math.random()*o),a)+"px"}))}}},445:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement(n.Fragment,null)}},446:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(12),r=a(120),i=a(421),o=a(124);function c(e){var t=n.a.useBasicFetch(r.a.currentUser),a=e&&(Array.isArray(e)?e.map((function(e){return e.id})):e.data.map((function(e){return e.id})));[a&&o.a.videoRatings(a),a&&t.data&&i.a.isFavourited(t.data.id,a)].forEach((function(t){return a=!!e,r=t,i=n.a.useGetResponse(r&&r.key),o=n.a.useGetFetch(r),void(a&&i.shouldFetch&&o());var a,r,i,o}))}},498:function(e,t,a){"use strict";var n=a(0),r=a(26),i=a(36),o=a(67),c=a(441),s=a(34);const u=({breadcrumb:{label:e,appLink:t,active:a}})=>n.createElement("li",{className:"breadcrumb-item"+(a?" active":"")},a?n.createElement("strong",null,e):n.createElement(s.a,{appLink:t},e)),l=({breadcrumbs:e})=>n.createElement("ol",{className:"breadcrumb m-0 p-0"},e.map((e,t)=>n.createElement(u,{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:c,getParent:s,rootItem:u,data:l,subview:d}=e;const[p,f]=Object(n.useState)([]);n.useMemo(()=>{if(t||i.a.isEmpty(l))return;const e=l.map((e,t)=>m(e,c,t+1===l.length));u&&e.unshift(u),f(e)},[l]),n.useMemo(()=>{if(!t||!r.a.isFunction(s))return;const e=[m(a,c,!0)];for(a=s(a);a;)e.unshift(m(a,c)),a=s(a);return u&&e.unshift(u),f(e)},[a,s,c,u]);const{current:b}=n.useRef({label:d,appLink:null,active:!0});if(d){p.includes(b)||f([...p,b]);const e=p.filter(e=>e.active&&e!==b);e.length&&(o.a.first(e).active=!1)}return p}(e,t===d.Dynamic);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement(l,{breadcrumbs:a}))}a.d(t,"a",(function(){return d})),a.d(t,"b",(function(){return p})),a.d(t,"c",(function(){return b})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(d||(d={}));const f=c.a.getPartialLoadingItems({numItems:3}),b=()=>n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},f.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"}})))))},666:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(39),i=a(12),o=a(7),c=a(120),s=a(126),u=a(421),l=a(432),d=a(498),m=a(444),p=a(445),f=a(10),b=a(110),v=function(e){return"/api/domain/v2/objects/".concat(e)},h=function(e,t){return"/api/domain/v2/objects/".concat(e,"/videos?query=").concat(b.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t))},y=function(e){return"/api/domain/v1/subjects/".concat(e,"/path")},g=function(e){return{url:v(e),key:"series:".concat(e)}},E=function(e,t){return{url:h(e,t),key:"series:".concat(e,":videos:").concat(t)}},k=function(e){if(e)return{url:y(e),key:"series:".concat(e,":breadcrumbs")}};var L=a(11),O=a(4),N=a(446),I=a(31),w=a(3),A=a(35);function F(e){return function(e){if(Array.isArray(e))return j(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return j(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 j(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(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}a.d(t,"SeriesView",(function(){return $}));var B=o.a.encloseNamespace("shared.series"),S=function(e){return{application:null,action:null,args:[e.id]}},D=function(e){return{application:null,action:null,args:[e.id]}},T=function(e){return{application:O.a.DEFAULT,action:L.a.Default.SERIES,args:[e.id,A.a.slugify(e.name)]}};function $(e){var t=Object(r.useDispatch)(),a=i.a.useBasicFetch(s.a.config),b=i.a.useBasicFetch(c.a.currentUser),v=i.a.useBasicFetch(g(e.id)),h=i.a.useBasicFetch(E(e.id,e.cursor));Object(N.a)(h.data);var y=[v.data];if(e.classificationId){var A=i.a.useBasicFetch(k(e.classificationId));A.data&&y.unshift.apply(y,F(A.data))}if(!h.data||!a.data||!v.data)return n.createElement(n.Fragment,null);var j=B("series",{seriesName:v.data.name});return n.createElement(n.Fragment,null,n.createElement(l.a,{heading:j,banner:null,imageCdnUrl:a.data.imageCdnUrl,backButtonAppLink:{application:O.a.DASHBOARD,action:L.a.Dashboard.HOME},backButtonText:"Home",actions:[{label:o.a.getPhrase("shared.series","share"),appLink:{application:O.a.DEFAULT,action:"index"},svgName:f.b.Share,className:"btn btn-light mr-2",button:!0},{label:o.a.getPhrase("shared.series","follow"),appLink:{application:O.a.DEFAULT,action:"index"},svgName:f.b.Edit,className:"btn btn-light",button:!0}]}),n.createElement("div",null,n.createElement("div",{className:"border-bottom py-3 mb-3"},e.classificationId&&y.length<2?n.createElement(d.c,null):n.createElement(d.b,{currentItem:v.data,type:d.a.Static,getItemAppLink:S,data:y,rootItem:{label:B("dashboard"),appLink:{application:O.a.DASHBOARD,action:L.a.Dashboard.HOME}}}),v.data.description&&n.createElement("p",{className:"pt-3"},v.data.description)),h.data?h.isFetching?n.createElement(p.a,null):n.createElement(m.c,{videos:h.data.data,cursors:h.data.pagination.cursors,getVideoAppLink:D,getSeriesAppLink:T,setFavourite:function(e,a,n){i.a.fetch(t,u.a.updateIsVideoFavourited(e,b.data.id,a,(function(){I.a.logUserAction({id:e},{entity:w.d.Video,actionType:w.n.Favourite,descriptor:a?w.m.On:w.m.Off,location:w.j.VideoThumbnail,workflowPhase:w.o.Complete})}),n))}}):n.createElement(n.Fragment,null,"Empty State")))}}}]);