@clickview/lite 0.48.0-rc.7 → 0.48.1

package/dist/scripts/8261-72453f1978-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/8261-72453f1978-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/caret/Caret.tsx","file:///app/packages/libs/shared/src/components/caret/caret.scss","file:///app/packages/libs/shared/src/components/library-folder/library-folder.scss","file:///app/packages/libs/shared/src/components/library-folder/LibraryFolder.tsx","file:///app/packages/libs/shared/src/components/folder-list/FolderList.tsx","file:///app/packages/libs/shared/src/components/folder-list/partial-loading/partial-folder-list.scss","file:///app/packages/libs/shared/src/components/folder-list/partial-loading/PartialFolderList.tsx","file:///app/packages/libs/shared/src/hooks/useBuildBreadcrumbs.ts","file:///app/packages/projects/lite/src/apps/libraries/hooks/UseFetchAllChildFolders.ts","file:///app/packages/projects/lite/src/apps/libraries/hooks/UseHandleLibraryType.ts","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/empty-state/LibraryFolderEmptyState.tsx","file:///app/packages/projects/lite/src/apps/libraries/components/library-folder-videos/LibraryFolderVideos.tsx","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/partial-loading/library-folder-partial-loading.scss","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/partial-loading/LibraryFolderPartialLoading.tsx","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/LibraryFolderView.tsx","file:///app/packages/projects/lite/src/apps/libraries/views/library-folder/LibraryFolderViewUtils.ts"],"sourcesContent":["import React from 'react';\n\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './caret.scss';\n\ntype CaretDirection = 'left' | 'right' | 'up' | 'down';\n\n\nconst getDirectionClass = (direction: CaretDirection) => {\n  switch (direction) {\n    case 'up':\n      return styles.up;\n    case 'down':\n      return styles.down;\n    case 'right':\n      return styles.right;\n    case 'left':\n      return styles.left;\n  }\n};\n\ninterface CaretProps {\n  direction?: CaretDirection;\n  className?: string;\n}\n\nCaret.defaultProps = {\n  direction: 'right'\n};\n\nexport function Caret(props: CaretProps): JSX.Element {\n  return (\n    <SvgContainer\n      svgName={cvSvgLibrary.Caret}\n      className={`${getDirectionClass(props.direction)} svg-container d-inline-block ${props.className}`}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"up\":\"JAT0R\",\"down\":\"ld41u\",\"left\":\"jZTRR\",\"right\":\"HHkPe\"};","// extracted by mini-css-extract-plugin\nexport default {\"actions\":\"cN3nB\",\"actionsContainer\":\"xM37V\",\"dropStyle\":\"kvCLS\",\"dragStyle\":\"md9Na\"};","import React from 'react';\n\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { DragDropMoveWrapper } from 'libs/shared/components/drag-drop-move/DragDropMoveWrapper';\nimport { BaseImage } from 'libs/shared/components/image/BaseImage';\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\nimport { ImageSize, ImageType } from 'libs/shared/enums/Images';\nimport { Folder } from 'libs/shared/interfaces';\n\nimport styles from './library-folder.scss';\n\ninterface LibraryFolderProps {\n  folder: Folder;\n  drag?: boolean;\n  drop?: boolean;\n  getAppLink: (f: Folder) => Core.AppLink;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n}\n\nexport function LibraryFolder(props: LibraryFolderProps): JSX.Element {\n  const thumbnailUrl = props.folder.thumbnail\n    ? UrlHelper.urlBuilder(props.folder.thumbnail.url, { size: ImageSize.Small })\n    : null;\n\n  const actions = props.getFolderActions?.(props.folder);\n\n  return (\n    <DragDropMoveWrapper\n      draggable={props.drag && { id: props.folder.id, data: props.folder }}\n      droppable={props.drop && { id: props.folder.id, data: props.folder }}\n      dropStye={styles.dropStyle}\n      dragStyle={styles.dragStyle}\n    >\n      <div className='position-relative'>\n        <AppLink\n          className='rounded-3 d-block text-decoration-none'\n          appLink={props.getAppLink(props.folder)}\n          title={props.folder.name}\n        >\n          <BaseImage\n            data={thumbnailUrl}\n            imageType={ImageType.Thumbnails}\n            imageClassName='rounded-top-lg'\n          >\n            <ImageFallback\n              name={props.folder.name}\n              type={ImageFallbackType.Folder}\n              extraClasses='rounded-top-lg'\n            />\n          </BaseImage>\n          <h3 className='bg-white border-start border-end border-bottom rounded-bottom-lg font-size-normal fw-semibold mb-0 p-2'>\n            <span className='text-truncate d-block'>{props.folder.name}</span>\n          </h3>\n        </AppLink>\n        {actions?.length &&\n          <Actions\n            actions={actions}\n            className={styles.actionsContainer}\n            actionsDropdownClassName={styles.actions}\n            // Intentionally setting to the default SVG size\n            dropdownToggleSvgSize={null}\n          />\n        }\n      </div>\n    </DragDropMoveWrapper>\n  );\n}","import React from 'react';\n\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Caret } from 'libs/shared/components/caret/Caret';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { LibraryFolder } from 'libs/shared/components/library-folder/LibraryFolder';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Folder } from 'libs/shared/interfaces';\n\nconst namespace = 'libraries.folderList';\n\nconst EXPANDED_FOLDERS_KEY = 'has:expanded:library:folders';\n\nfunction useGetFolderLimit(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl || breakpoints.xl || breakpoints.lg)\n    return 6;\n\n  if (breakpoints.md)\n    return 4;\n\n  return 3;\n}\n\ninterface FolderListProps {\n  folders: Folder[];\n  getAppLink: (folder: Folder) => Core.AppLink;\n  expandFolders?: boolean;\n  showHeading?: boolean;\n  getFolderActions?: (f: Folder) => ActionOptions[];\n  drag?: boolean;\n  drop?: boolean;\n  extraButtons?: JSX.Element;\n}\n\nFolderList.defaultProps = {\n  showHeading: true\n};\n\nexport function FolderList(props: FolderListProps): JSX.Element {\n  const [ _hasExpandedFolders, setHasExpandedFolders ] = React.useState(\n    LocalStorageHelper.get(EXPANDED_FOLDERS_KEY) || false\n  );\n\n  const hasExpandedFolders = props.expandFolders || _hasExpandedFolders;\n\n  const folderLimit = useGetFolderLimit();\n\n  function onToggleFolderView(): void {\n    setHasExpandedFolders(!hasExpandedFolders);\n    LocalStorageHelper.set(EXPANDED_FOLDERS_KEY, !hasExpandedFolders);\n  }\n\n  const displayableFolders = hasExpandedFolders ? props.folders : props.folders.slice(0, folderLimit);\n\n  const canToggleCollapsedView = props.folders.length > folderLimit && !props.expandFolders;\n\n  return (\n    <>\n      <div className='d-flex justify-content-between align-items-center'>\n        {props.showHeading &&\n          <DivButton\n            className={`d-inline-flex align-items-center mb-2 px-2 ${!canToggleCollapsedView ? 'cursor-default' : ''}`}\n            onClick={onToggleFolderView}\n          >\n            {canToggleCollapsedView && (\n              <Caret direction={hasExpandedFolders ? 'down' : 'right'} />\n            )}\n            <h2 className='h4 mb-0'>\n              <Text namespace={namespace} phrase='folders' options={{ count: props.folders.length }} />\n            </h2>\n          </DivButton>\n        }\n\n        {!!(!hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolderView} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeAll' options={{ count: props.folders.length }} />\n            </DivButton>\n          </div>\n        )}\n        {!!(hasExpandedFolders && canToggleCollapsedView) && (\n          <div className='d-flex justify-content-end justify-self-end px-2'>\n            <DivButton onClick={onToggleFolderView} className='text-dark hover-text-underline d-inline-block'>\n              <Text namespace={namespace} phrase='seeLess' />\n            </DivButton>\n          </div>\n        )}\n\n        {props.extraButtons ? props.extraButtons : <></>}\n      </div>\n\n      <div className='row mx-1'>\n        {displayableFolders.map(f => (\n          <div key={f.id} className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n            <LibraryFolder\n              folder={f}\n              getAppLink={props.getAppLink}\n              getFolderActions={props.getFolderActions}\n              drag={props.drag}\n              drop={props.drop}\n            />\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialFolderHeading\":\"dhbsL\",\"partialFolderThumbnail\":\"CI9vk\",\"partialFolderName\":\"l0Nll\"};","import React from 'react';\n\nimport styles from './partial-folder-list.scss';\n\nconst PartialFolder = () => (\n  <div className='col-4 col-md-3 col-lg-2 px-1 pb-3'>\n    <div className={`${styles.partialFolderThumbnail} partial-loading-background rounded-top-lg`} />\n    <div className={`${styles.partialFolderName} partial-loading-background border-bottom rounded-bottom-lg font-size-normal mb-0 p-2`}>\n      &nbsp;\n    </div>\n  </div>\n);\n\nexport function PartialFolderList({ count = 3 }: { count?: number; }): JSX.Element {\n  return (\n    <>\n      <div className={`${styles.partialFolderHeading} h4 mb-2 partial-loading-background`}>&nbsp;</div>\n      <div className='row mx-n1'>\n        {Array(count).fill(null).map((_, i) => <PartialFolder key={i} />)}\n      </div>\n    </>\n  );\n}","import { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { Folder, MasterNestedObject } from 'libs/shared/interfaces';\n\ninterface BuildOptions {\n  folderId: string;\n  firstItem?: Breadcrumb;\n  lastItem?: Breadcrumb;\n  getAppLink: (folder: MasterNestedObject<Folder>) => Core.AppLink;\n}\n\nexport function useBuildBreadcrumbs(options: BuildOptions): Breadcrumb[] {\n  const { folderId, firstItem, lastItem, getAppLink } = options;\n\n  const parentTree = Flight.useBasicFetch<MasterNestedObject<Folder>>(LibraryRequests.folderParentTree(folderId));\n\n  if (!parentTree.data?.children?.length)\n    return [];\n\n  const searchStack: {\n    node: MasterNestedObject<Folder>,\n    path: MasterNestedObject<Folder>[]\n  }[] = parentTree.data.children.map(c => ({ node: c, path: [c]}));\n\n  let breadcrumbs: Breadcrumb[] = [];\n\n  while (searchStack.length) {\n    const { node, path } = searchStack.pop();\n    \n    if (node.data.id.toString() === folderId.toString())\n      breadcrumbs = path.map(object => ({\n        name: object.data.name,\n        appLink: getAppLink(object)\n      }));\n\n    if (node.children)\n      searchStack.push(...node.children.map(c => ({ node: c, path: [ ...path, c ]})));\n  }\n\n  if (firstItem) breadcrumbs.unshift(firstItem);\n  if (lastItem) breadcrumbs.push(lastItem);\n\n  breadcrumbs[breadcrumbs.length - 1].active = true;\n\n  return breadcrumbs;\n}\n  ","import { Flight } from 'libs/common/flight';\n\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { useFetchAll } from 'libs/shared/hooks/UseFetchAll';\nimport { SelectAllPagesResult, useSelectAllPages } from 'libs/shared/hooks/UseSelectAllPages';\nimport { Folder } from 'libs/shared/interfaces';\n\nexport function useFetchAllChildFolders(parentId?: string): SelectAllPagesResult<Folder> {\n  const fetch = Flight.useGetFetch();\n\n  function getRequest(cursor?: string): Flight.Request {\n    return LibraryRequests.childFolders(parentId, cursor);\n  }\n  \n  function fetchNext(cursor?: string): void {\n    fetch(getRequest(cursor));\n  }\n\n  useFetchAll(!!parentId && getRequest, !!parentId && fetchNext);\n\n  return (useSelectAllPages<Folder>(!!parentId && ((cursor?: string) => getRequest(cursor).key)));\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { MasterObjectTypes } from 'libs/shared/enums/MasterObjectTypes';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { Library } from 'libs/shared/interfaces';\n\n/**\n * This hook prevents the libraries UI to be used for anything \n * other than customer libraries i.e Hosted, Exchange, Workspace etc\n */\nexport function useHandleLibraryType(request: Flight.Response<Library>): void {\n  React.useEffect(() => {\n    if (!request.hasCompleted || request.hasError)\n      return;\n\n    if (request.data.type !== MasterObjectTypes.CustomLibrary)\n      Core.ErrorHelper.throw(new NotFoundError());\n  }, [request.hasCompleted]);\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'libraries.libraryFolderEmptyState';\n\nexport function LibraryFolderEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Libraries.FOLDER} />\n\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { EntityType, LocationContext, SearchSourceDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { SourceFilterOptions } from 'libs/shared/apps/search/interfaces';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { useFocusSearchBar } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoSortSelect } from 'libs/shared/components/video-sort-select/VideoSortSelect';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, FavouriteFunc, Library, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\n\nimport { LibraryFolderEmptyState } from 'apps/libraries/views/library-folder/empty-state/LibraryFolderEmptyState';\nimport { getVideoAppLink } from 'apps/libraries/views/library-folder/LibraryFolderViewUtils';\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'libraries.libraryFolderVideos';\n\ninterface LibraryFolderVideosProps {\n  videos: VideoTypes[];\n  yearGroups: YearGroup[];\n  hasSubFolders: boolean;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  audiences: PresentationAudience[];\n  libraries: Library[];\n\n  getSortAppLink: (sort: VideoSortType) => Core.AppLink;\n  sort: VideoSortType;\n\n  isFetching: boolean;\n  hasMore: boolean;\n  fetchNext: (cursor: string) => void;\n  nextCursor?: string;\n}\n\nexport function LibraryFolderVideos(props: LibraryFolderVideosProps): JSX.Element {\n  const { focusSearchBar } = useFocusSearchBar();\n  const { hasPermissions } = usePermissions();\n\n  if (!props.videos.length && !props.hasSubFolders)\n    return <LibraryFolderEmptyState />;\n\n  if (!props.videos.length)\n    return <></>;\n\n  return (\n    <div>\n      {/* With no subfolders, we don't show this subheading, and the sort is moved up to the parent component */}\n      {props.hasSubFolders && (\n        <div className='d-flex justify-content-between align-items-center'>\n          <h2 className='h4 mb-0'>\n            <Text namespace={namespace} phrase='videos' />\n          </h2>\n\n          <div className='d-flex'>\n            <IconButton\n              svgName={cvSvgLibrary.Search}\n              appLink={{\n                application: AppChannels.SEARCH,\n                action: Actions.Search.HOME,\n                params: {\n                  source: SourceFilterOptions.School\n                }\n              }}\n              className='btn btn-outline-dark d-none d-sm-inline-block'\n              onClick={focusSearchBar}\n              analyticsData={{}}\n              analyticsOptions={{\n                entity: EntityType.SearchResults,\n                location: LocationContext.Libraries,\n                actionType: UserAction.Click,\n                descriptor: SearchSourceDescriptor.School\n              }}\n            >\n              <Text namespace={namespace} phrase='searchLibrary' options={{ smartCount: props.libraries?.length }} />\n            </IconButton>\n            <VideoSortSelect\n              variant='outline-dark'\n              type={props.sort}\n              getSortAppLink={props.getSortAppLink}\n              analyticsOptions={{\n                location: LocationContext.VideoListHeader,\n                entity: EntityType.Video,\n                actionType: UserAction.Sort,\n                workflowPhase: WorkflowPhase.Complete\n              }}\n            />\n          </div>\n        </div>\n      )}\n\n      <VideoList\n        videos={props.videos}\n        yearGroups={props.yearGroups}\n        getVideoAppLink={getVideoAppLink}\n        getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        presentationAudiences={props.audiences}\n        hasPermissions={hasPermissions}\n        getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n      />\n\n      {(props.hasMore || props.isFetching) && (\n        <InfiniteScrollFooter\n          isFetching={props.isFetching}\n          fetchNext={props.fetchNext}\n          nextCursor={props.nextCursor}\n        />\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"subheading\":\"IJZtA\"};","import React from 'react';\n\nimport { PartialFolderList } from 'libs/shared/components/folder-list/partial-loading/PartialFolderList';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './library-folder-partial-loading.scss';\n\nexport function LibraryFolderPartialLoading(): JSX.Element {\n  return (\n    <>\n      <div className='m-3'>\n        <PartialFolderList />\n      </div>\n\n      <div className='mx-3 mb-3'>\n        <div className={`${styles.subheading} partial-loading-background mb-2`} />\n        <PartialVideoList />\n      </div>\n    </>\n  );\n}","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { EntityType, LocationContext, SearchSourceDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { SourceFilterOptions } from 'libs/shared/apps/search/interfaces';\nimport { BannerHeader, PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { FolderList } from 'libs/shared/components/folder-list/FolderList';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { useFocusSearchBar } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoSortSelect } from 'libs/shared/components/video-sort-select/VideoSortSelect';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { handleHttpError } from 'libs/shared/errors/handlers/HttpErrorHandlers';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Folder, Library, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoSortHelper } from 'libs/shared/utils/VideoSortHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { LibraryFolderVideos } from 'apps/libraries/components/library-folder-videos/LibraryFolderVideos';\nimport { useFetchAllChildFolders } from 'apps/libraries/hooks/UseFetchAllChildFolders';\nimport { useHandleLibraryType } from 'apps/libraries/hooks/UseHandleLibraryType';\n\nimport { LibraryFolderPartialLoading } from './partial-loading/LibraryFolderPartialLoading';\nimport { getFolderAppLink, getFolderBgColourClass, useGetFolderBreadcrumbs } from './LibraryFolderViewUtils';\n\nconst namespace = 'libraries.libraryFolder';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface LibraryFolderViewProps {\n  libraryId: string;\n  folderId: string;\n  sort?: VideoSortType;\n}\n\nexport function LibraryFolderView(props: LibraryFolderViewProps): JSX.Element {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n  const { focusSearchBar } = useFocusSearchBar();\n\n  const libraries = Flight.useBasicFetch<Library[]>(LibraryRequests.domainLibraries([ 'customLibrary', 'sharedLibrary' ]));\n  const library = Flight.useBasicFetch<Library>(LibraryRequests.library(props.libraryId));\n  const folder = Flight.useBasicFetch<Folder>(LibraryRequests.folder(props.folderId));\n  const subfolders = useFetchAllChildFolders(props.folderId);\n\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    user.data?.isAuthenticated && CustomerRequests.yearGroups(user.data.customerId)\n  );\n\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const breadcrumbs = useGetFolderBreadcrumbs(props.folderId, library.data, props.sort);\n  const audiences = usePresentationAudiences();\n\n  useSetPageMetadata({ title: folder.data?.name });\n\n  useHandleObjectError([ library, folder ]);\n  useHandleLibraryType(library);\n\n  const sort = !!user.data && VideoSortHelper.getOrSetSortType(user.data.id, props.sort);\n\n  const {\n    items: videos,\n    hasMore,\n    isFetching,\n    nextCursor\n  } = useInfiniteList<VideoTypes>(getVideosRequest, fetchNext, onError);\n\n  useVideoMixin(videos);\n\n  function getVideosRequest(cursor?: string): Flight.Request {\n    return VideoRequests.collectionVideos(props.folderId, sort, cursor);\n  }\n\n  function fetchNext(cursor?: string): void {\n    return Flight.getFetch(dispatch)(getVideosRequest(cursor));\n  }\n\n  function onError(pageNumber: number, httpStatus: HttpStatus): void {\n    if (pageNumber === 1)\n      return handleHttpError(httpStatus);\n\n    alerts.error(getPhrase('error'));\n  }\n\n  const hasNoSubfolders = !!(subfolders.hasCompleted && !subfolders.items?.length);\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      {(library.data && folder.data && config.data)\n        ? (\n          <BannerHeader\n            heading={folder.data.name}\n            banner={folder.data.banner}\n            imageCdnUrl={config.data.imageCdnUrl}\n            blockColourClass={getFolderBgColourClass(folder.data)}\n            logo={library.data.owner?.logo}\n          />\n        ) : <PartialBannerHeader />\n      }\n\n      <div className={`d-flex justify-content-between align-items-center py-3 mx-3 ${hasNoSubfolders ? '' : 'border-bottom'}`}>\n        {(library.data && folder.data)\n          ? <Breadcrumbs breadcrumbs={breadcrumbs} />\n          : <PartialBreadcrumbs />\n        }\n        \n        <div className='d-flex'>\n          {(hasNoSubfolders || !videos?.length) &&\n            <IconButton\n              svgName={cvSvgLibrary.Search}\n              appLink={{\n                application: AppChannels.SEARCH,\n                action: Actions.Search.HOME,\n                params: {\n                  source: SourceFilterOptions.School\n                }\n              }}\n              className='btn btn-outline-dark d-none d-sm-inline-block'\n              onClick={focusSearchBar}\n              analyticsData={{}}\n              analyticsOptions={{\n                entity: EntityType.SearchResults,\n                location: LocationContext.Libraries,\n                actionType: UserAction.Click,\n                descriptor: SearchSourceDescriptor.School\n              }}\n            >\n              <Text namespace={namespace} phrase='searchLibrary' options={{ smartCount: libraries.data?.length ?? 1 }} />\n            </IconButton>\n          }\n          {(hasNoSubfolders && folder.data) && (\n            <VideoSortSelect\n              variant='outline-dark'\n              type={sort}\n              getSortAppLink={sort => getFolderAppLink(props.libraryId, folder.data, sort)}\n              analyticsOptions={{\n                location: LocationContext.VideoListHeader,\n                entity: EntityType.Video,\n                actionType: UserAction.Sort,\n                workflowPhase: WorkflowPhase.Complete\n              }}\n            />\n          )}\n        </div>\n      </div>\n\n      {(videos && subfolders) ? (\n        <>\n          {!!subfolders.items?.length && (\n            <div className='px-2 py-3'>\n              <FolderList\n                folders={subfolders.items}\n                getAppLink={(f: Folder) => getFolderAppLink(props.libraryId, f, sort)}\n                expandFolders={!videos.length}\n              />\n            </div>\n          )}\n\n          <div className='px-3 pb-3'>\n            <LibraryFolderVideos\n              videos={videos}\n              yearGroups={yearGroups.data}\n              hasSubFolders={!!subfolders.items?.length}\n              setFavourite={setFavourite}\n              canFavourite={canFavourite}\n              hasMore={hasMore}\n              isFetching={isFetching}\n              fetchNext={fetchNext}\n              nextCursor={nextCursor}\n              sort={sort}\n              getSortAppLink={sort => getFolderAppLink(props.libraryId, folder.data, sort)}\n              audiences={audiences.data}\n              libraries={libraries.data}\n            />\n          </div>\n        </>\n      ) : <LibraryFolderPartialLoading />}\n    </VideoActionsContext.Provider>\n  );\n}","import { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { VideoSortType } from 'libs/shared/enums/VideoSortType';\nimport { useBuildBreadcrumbs } from 'libs/shared/hooks/useBuildBreadcrumbs';\nimport { Folder, Library, VideoTypes } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function getVideoAppLink(video: VideoTypes): Core.AppLink {\n  switch (video.typeId) {\n    case MasterType.Clip:\n      return {\n        application: AppChannels.CLIPS,\n        action: Actions.Clips.PLAY_CLIP,\n        args: [ video.id, TextHelper.slugify(video.name) ]\n      };\n    case MasterType.Interactive:\n      return {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.VIEW_INTERACTIVE,\n        args: [ video.id, TextHelper.slugify(video.name) ]\n      };\n    default:\n      return {\n        application: AppChannels.VIDEOS,\n        action: Actions.Videos.PLAY_VIDEO,\n        args: [ video.id, TextHelper.slugify(video.name) ]\n      };\n  }\n}\n\nexport function getFolderAppLink(libraryId: string, folder: Folder, sort: string): Core.AppLink {\n  if (!libraryId || !folder)\n    return null;\n\n  return {\n    application: AppChannels.LIBRARIES,\n    action: Actions.Libraries.FOLDER,\n    args: [ libraryId, folder.id, TextHelper.slugify(folder.name) ],\n    params: {\n      sort\n    }\n  };\n}\n\nexport function getFolderBgColourClass(folder: Folder | Library): string {\n  let charCode = 0;\n\n  for (let i = 0; i < folder.name?.length ?? 0; i++) {\n    charCode += folder.name.charCodeAt(i);\n  }\n\n  return BG_COLOUR_CLASS_NAMES[charCode % BG_COLOUR_CLASS_NAMES.length];\n}\n\nexport function useGetFolderBreadcrumbs(folderId: string, library: Library, sort: VideoSortType): Breadcrumb[] {\n  return useBuildBreadcrumbs({\n    folderId: library && folderId,\n    getAppLink: object => getFolderAppLink(library.id, object.data, sort),\n    firstItem: {\n      name: library?.name,\n      appLink: {\n        application: AppChannels.LIBRARIES,\n        action: Actions.Libraries.LIBRARY,\n        args: [ library?.id, TextHelper.slugify(library?.name) ]\n      }\n    }\n  });\n}"],"names":["getDirectionClass","direction","Caret","props","SvgContainer","svgName","className","defaultProps","LibraryFolder","thumbnailUrl","folder","thumbnail","UrlHelper","url","size","actions","getFolderActions","DragDropMoveWrapper","draggable","drag","id","data","droppable","drop","dropStye","dragStyle","AppLink","appLink","getAppLink","title","name","BaseImage","imageType","imageClassName","ImageFallback","type","extraClasses","length","Actions","actionsDropdownClassName","dropdownToggleSvgSize","namespace","EXPANDED_FOLDERS_KEY","FolderList","breakpoints","LocalStorageHelper","_hasExpandedFolders","setHasExpandedFolders","hasExpandedFolders","expandFolders","folderLimit","useBreakpoints","xxl","xl","lg","md","onToggleFolderView","displayableFolders","folders","slice","canToggleCollapsedView","showHeading","DivButton","onClick","Text","phrase","options","count","extraButtons","map","f","key","PartialFolder","PartialFolderList","Array","fill","_","i","useBuildBreadcrumbs","folderId","firstItem","lastItem","parentTree","children","searchStack","c","node","path","breadcrumbs","pop","toString","object","push","unshift","active","useFetchAllChildFolders","parentId","fetch","getRequest","cursor","useHandleLibraryType","request","hasCompleted","hasError","LibraryFolderEmptyState","value","EmptyState","src","ImageUrls","LibraryFolderVideos","focusSearchBar","hasPermissions","usePermissions","videos","hasSubFolders","IconButton","application","action","params","source","analyticsData","analyticsOptions","entity","location","actionType","descriptor","smartCount","libraries","VideoSortSelect","variant","sort","getSortAppLink","workflowPhase","VideoList","yearGroups","getVideoAppLink","getSubTextAppLink","video","SeriesAppLinkHelper","series","setFavourite","canFavourite","presentationAudiences","audiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","hasMore","isFetching","InfiniteScrollFooter","fetchNext","nextCursor","LibraryFolderPartialLoading","PartialVideoList","getPhrase","LanguageService","LibraryFolderView","dispatch","alerts","LibraryRequests","library","libraryId","subfolders","user","UserRequests","config","ConfigRequests","isAuthenticated","CustomerRequests","customerId","videoActions","useVideoActions","useLiteFavourites","u","usePresentationAudiences","useSetPageMetadata","VideoSortHelper","getVideosRequest","pageNumber","httpStatus","error","items","VideoRequests","useVideoMixin","hasNoSubfolders","VideoActionsContext","BannerHeader","heading","banner","imageCdnUrl","blockColourClass","logo","owner","Breadcrumbs","typeId","args","getFolderAppLink","getFolderBgColourClass","charCode","charCodeAt","useGetFolderBreadcrumbs"],"sourceRoot":""}