@clickview/lite 0.0.26-dev.1 → 0.0.26-rc.0

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss?9153","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/empty-state/EmptyState.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss?924e","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/constants/PlaylistBgColourClassNames.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/playlists/PlaylistsView.tsx"],"names":[],"mappings":"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","file":"scripts/30.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} lg={3} className={className}>\r\n            <div className='py-2'>\r\n              <div className={`${styles.playlistItem} 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\nimport { Row, Col } from 'react-bootstrap';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Playlist, PresentationAudience, CurrentUser } from 'libs/shared/interfaces';\r\nimport { AnalyticsOptions, ClickDescriptor, EntityType, HashObject, LocationContext, UserAction } from 'libs/analytics/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  currentUser?: CurrentUser;\r\n  presentationAudiences?: PresentationAudience[];\r\n  itemContainerClassName?: string;\r\n  bgColourClassNames?: string[];\r\n  imageCdnUrl?: string;\r\n  showCount?: boolean;\r\n  showOwner?: boolean;\r\n  showFallbackImage?: boolean;\r\n  showLastUpdated?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nconst analyticsOptions: AnalyticsOptions = {\r\n  actionType: UserAction.Click,\r\n  entity: EntityType.Playlist,\r\n  location: LocationContext.PlaylistListItem,\r\n  descriptor: ClickDescriptor.Cover\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.itemContainerClassName ? props.itemContainerClassName : ''}`}>\r\n          <PlaylistItem\r\n            data={p}\r\n            appLink={props.getPlaylistAppLink(p)}\r\n            imageCdnUrl={props.imageCdnUrl}\r\n            currentUser={props.currentUser}\r\n            presentationAudiences={props.presentationAudiences}\r\n            bgColourClassNames={props.bgColourClassNames}\r\n            showCount={props.showCount}\r\n            showOwner={props.showOwner}\r\n            showFallbackImage={props.showFallbackImage}\r\n            showLastUpdated={props.showLastUpdated}\r\n            analyticsData={props.analyticsData}\r\n            analyticsOptions={{ ...props.analyticsOptions, ...analyticsOptions }}\r\n          />\r\n        </Col>\r\n      )}\r\n    </Row>\r\n  );\r\n}","import * as React from 'react';\r\n\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\n\r\nimport { PlaylistSortType } from 'libs/shared/apps/playlists/enums/PlaylistSortType';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { ButtonProps } from 'react-bootstrap';\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.ZtoA]: {\r\n      name: LanguageService.getPhrase(namespace, 'ztoa')\r\n    },\r\n    [PlaylistSortType.Newest]: {\r\n      name: LanguageService.getPhrase(namespace, 'newest')\r\n    },\r\n    [PlaylistSortType.Oldest]: {\r\n      name: LanguageService.getPhrase(namespace, 'oldest')\r\n    }\r\n  };\r\n});\r\n\r\ninterface PlaylistSortSelectProps {\r\n  type: PlaylistSortType;\r\n  getSortAppLink: (sort: PlaylistSortType) => Core.AppLink;\r\n  variant?: ButtonProps['variant'];\r\n}\r\n\r\nPlaylistSortSelect.defaultProps = {\r\n  variant: 'light'\r\n};\r\n\r\nexport function PlaylistSortSelect(props: PlaylistSortSelectProps): JSX.Element {\r\n  const { type, getSortAppLink, variant } = props;\r\n  const sortTypes = getSortTypes();\r\n\r\n  return (\r\n    <div className='dropdown'>\r\n      <a className={`btn btn-${variant} ml-2 dropdown-toggle`} type='button' id='sort-select' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>\r\n        {sortTypes[type].name}\r\n      </a>\r\n      <div className='dropdown-menu dropdown-menu-right' aria-labelledby='sort-select'>\r\n        {Object.values(PlaylistSortType).map(k => {\r\n          let className = 'dropdown-item';\r\n\r\n          if (k === type)\r\n            className += ' active';\r\n\r\n          return (\r\n            <AppLink key={k} className={className} appLink={getSortAppLink(k)}>{sortTypes[k].name}</AppLink>\r\n          );\r\n        })}\r\n      </div>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\n\r\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\r\n\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { ActionsDropdown } from './ActionsDropdown';\r\nimport { ActionButton } from './ActionButton';\r\n\r\nimport styles from './actions.scss';\r\n\r\nexport interface ActionOptions {\r\n  label: string;\r\n  appLink?: Core.AppLink;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  svgName?: string;\r\n  className?: string;\r\n  button?: boolean; // If true, a button will be rendered. Otherwise the action will be rendered in the dropdown.\r\n  tooltip?: string;\r\n  showSpinner?: boolean;\r\n  analyticsData?: HashObject;\r\n  analyticsOptions?: AnalyticsOptions;\r\n}\r\n\r\nexport type ActionGenerator = (obj: BaseObject) => ActionOptions[];\r\n\r\ninterface ActionsProps {\r\n  actions: ActionOptions[];\r\n  className?: string;\r\n  actionsDropdownClassName?: string;\r\n  sortComponent?: JSX.Element;\r\n}\r\n\r\nexport function Actions(props: ActionsProps): JSX.Element {\r\n  const buttonActions: ActionOptions[] = [];\r\n  const moreActions: ActionOptions[] = [];\r\n\r\n  props.actions.forEach(a => {\r\n    if (a.button)\r\n      buttonActions.push(a);\r\n    else\r\n      moreActions.push(a);\r\n  });\r\n\r\n  let className = 'd-flex';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <>\r\n        {!!buttonActions.length &&\r\n          <span className={styles.buttonList}>\r\n            {buttonActions.map((a, idx) => (\r\n              <React.Fragment key={idx}>\r\n                {a.label ? (\r\n                  <ActionButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    tooltip={a.tooltip}\r\n                    showSpinner={a.showSpinner}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  >\r\n                    {a.label}\r\n                  </ActionButton>\r\n                ) : (\r\n                  <IconButton\r\n                    appLink={a.appLink}\r\n                    onClick={a.onClick}\r\n                    svgName={a.svgName}\r\n                    className={a.className}\r\n                    analyticsData={a.analyticsData}\r\n                    analyticsOptions={a.analyticsOptions}\r\n                  />\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n          </span>\r\n        }\r\n        {props.sortComponent ? props.sortComponent : '' }\r\n        {!!moreActions.length &&\r\n          <ActionsDropdown\r\n            actions={moreActions}\r\n            className={!!buttonActions.length && 'ml-2'}\r\n            dropdownToggleClassName={props.actionsDropdownClassName}\r\n          />\r\n        }\r\n      </>\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\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\nimport styles from './actions.scss';\r\n\r\nimport { ActionOptions } from './Actions';\r\n\r\nfunction getDropdownItemClassName(actionClassName?: string): string {\r\n  let className = 'dropdown-item';\r\n\r\n  if (actionClassName)\r\n    className += ` ${actionClassName}`;\r\n\r\n  return className;\r\n}\r\n\r\ntype DropdownActionOptions = Omit<ActionOptions, 'button' | 'tooltip'>;\r\n\r\ninterface ActionsDropdownItemProps {\r\n  action: DropdownActionOptions;\r\n}\r\n\r\nfunction ActionsDropdownItem(props: ActionsDropdownItemProps): React.ReactElement {\r\n  if (props.action.appLink)\r\n    return (\r\n      <AppLink\r\n        appLink={props.action.appLink}\r\n        onClick={props.action.onClick}\r\n        className={getDropdownItemClassName(props.action.className)}\r\n        analyticsData={props.action.analyticsData}\r\n        analyticsOptions={props.action.analyticsOptions}\r\n      >\r\n        {props.action.label}\r\n      </AppLink>\r\n    );\r\n\r\n  function onClick(e: React.MouseEvent): void {\r\n    if (props.action.analyticsData && props.action.analyticsOptions)\r\n      AnalyticsHelper.logUserAction(props.action.analyticsData, props.action.analyticsOptions);\r\n\r\n    if (FunctionHelper.isFunction(props.action.onClick))\r\n      props.action.onClick(e);\r\n  }\r\n\r\n  return (\r\n    <span\r\n      className={`cursor-pointer ${getDropdownItemClassName(props.action.className)}`}\r\n      onClick={onClick}\r\n    >\r\n      {props.action.label}\r\n    </span>\r\n  );\r\n}\r\n\r\ninterface ActionsDropdownProps {\r\n  actions: DropdownActionOptions[];\r\n  className?: string;\r\n  dropdownToggleClassName?: string;\r\n}\r\n\r\nActionsDropdown.defaultProps = {\r\n  dropdownToggleClassName: 'btn btn-light'\r\n};\r\n\r\nexport function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement {\r\n  if (!props.actions || !props.actions.length)\r\n    return <></>;\r\n\r\n  let className = 'dropdown';\r\n\r\n  if (props.className)\r\n    className += ` ${props.className}`;\r\n\r\n  // Generate unique id to avoid collisions.\r\n  const dropdownToggleId = `actions-dropdown-${RandomHelper.getRandomInt()}`;\r\n\r\n  let dropdownToggleClassName = `dropdown-toggle px-0 ${styles.dropdownToggle}`;\r\n\r\n  if (props.dropdownToggleClassName)\r\n    dropdownToggleClassName += ` ${props.dropdownToggleClassName}`;\r\n\r\n  return (\r\n    <div className={className}>\r\n      <button className={dropdownToggleClassName} type='button' id={dropdownToggleId} data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>\r\n        <SvgContainer svgName={cvSvgLibrary.More} size={SvgContainerSize.Small} />\r\n      </button>\r\n      <div className='dropdown-menu dropdown-menu-right' aria-labelledby={dropdownToggleId}>\r\n        {props.actions.map((a, idx) =>\r\n          <ActionsDropdownItem key={idx} action={a} />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonList\":\"cv--buttonList--2v9CT\",\"dropdownToggle\":\"cv--dropdownToggle--AYBvQ\"};","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        : (\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      }\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 { Flight } from 'libs/common/flight';\r\n\r\nconst endpoints = {\r\n  presentationAudiences: () => `/api/domain/v1/subjects/audiences?type=subject`\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, fetchNextPage ]);\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 (cursor?: string) => string;\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    const 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      const newItems = request.data && request.data.data;\r\n      newItems && items.push(...newItems);\r\n\r\n      const nextNextCursor = safeGetCursor(request);\r\n\r\n      /**\r\n       * This is a check to basically see if the backend has messed up the cursors it's sent back.\r\n       * For some things (e.g. user manager in Lite), the cursors are generated for a paginated collection,\r\n       * but the collection is then filtered afterwards (making the cursors not entirely accurate).\r\n       * This can lead to problems where a request with a cursor might return that same cursor as the `next`\r\n       * cursor. Confusing, but basically when that happens we want this while loop to end, otherwise it'll\r\n       * run infinitely - Josh\r\n       */\r\n      if (nextNextCursor === nextCursor) {\r\n        nextCursor = null;\r\n      } else {\r\n        nextCursor = nextNextCursor;\r\n      }\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}","export const PLAYLIST_BG_COLOUR_CLASS_NAMES = [\r\n  'bg-froly',\r\n  'bg-pizazz',\r\n  'bg-emerald',\r\n  'bg-puerto-rico',\r\n  'bg-pelorous',\r\n  'bg-picton-blue',\r\n  'bg-portage',\r\n  'bg-east-side'\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/common/react/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\nimport { PlaylistCollectionIdentifier } from 'libs/shared/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier';\r\nimport { PlaylistType } from 'libs/shared/apps/playlists/enums/PlaylistType';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { PlaylistSortSelect } from 'libs/shared/apps/playlists/components/sort-select/PlaylistSortSelect';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { PLAYLIST_BG_COLOUR_CLASS_NAMES } from 'apps/playlists/constants/PlaylistBgColourClassNames';\r\n\r\nconst namespace = 'playlists.playlists';\r\n\r\nfunction getSortAppLink(sort: PlaylistSortType): Core.AppLink {\r\n  return {\r\n    application: AppChannels.PLAYLISTS,\r\n    action: Actions.Playlists.HOME,\r\n    params: {\r\n      sort: sort\r\n    }\r\n  };\r\n}\r\n\r\ninterface PlaylistsViewProps {\r\n  sort: PlaylistSortType;\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  const { hasPermissions } = usePermissions();\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, PlaylistType.All));\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  const actions = hasPermissions(PermissionName.CreatePlaylists) ? [\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'newPlaylist'),\r\n      appLink: { application: AppChannels.PLAYLISTS, action: Actions.Playlists.NEW_PLAYLIST },\r\n      svgName: cvSvgLibrary.Plus,\r\n      className: 'btn btn-secondary',\r\n      button: true\r\n    }\r\n  ] : [];\r\n\r\n  if (ArrayHelper.isEmpty(playlists.items))\r\n    return <EmptyPlaylistList />;\r\n\r\n  return (\r\n    <div className='bg-white px-3'>\r\n      <div className='d-flex justify-content-between'>\r\n        <h1><Text namespace={namespace} phrase='title' /></h1>\r\n        <div>\r\n          <ActionsComponent\r\n            actions={actions}\r\n            sortComponent={(\r\n              <PlaylistSortSelect\r\n                variant='secondary'\r\n                type={props.sort}\r\n                getSortAppLink={getSortAppLink}\r\n              />\r\n            )}\r\n          />\r\n        </div>\r\n      </div>\r\n      {(!!playlists.items && !!user.data && !!config.data && (!!audiences.data || audiences.hasError))\r\n        ? (\r\n          <PlaylistList\r\n            playlists={playlists.items}\r\n            getPlaylistAppLink={props.getPlaylistAppLink}\r\n            imageCdnUrl={config.data.imageCdnUrl}\r\n            currentUser={user.data}\r\n            presentationAudiences={audiences.data || []}\r\n            bgColourClassNames={PLAYLIST_BG_COLOUR_CLASS_NAMES}\r\n            showCount\r\n            showOwner\r\n            showLastUpdated\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":""}