@clickview/lite 0.58.1 → 0.58.2-rc.0

package/dist/scripts/5936-f1e642e93f-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/5936-f1e642e93f-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/expandable-text/expandable-text.scss","file:///app/packages/libs/shared/src/components/expandable-text/ExpandableText.tsx","file:///app/packages/libs/shared/src/hooks/useExpandableTextButton.ts","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/interactives-widget/InteractiveWidgetItemV2.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/components/video-owner-text/video-owner-text.scss","file:///app/packages/libs/shared/src/components/video-owner-text/VideoOwnerText.tsx","file:///app/packages/libs/shared/src/components/widgets/items/interactive-widget-item/InteractiveWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/interactive-widget-item/interactive-widget-item.scss","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/interfaces/PlayPageAnchor.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/interactives/components/play-interactive/PlayInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/InteractiveAlertBanner.tsx","file:///app/packages/projects/lite/src/apps/interactives/components/preview-interactive/PreviewInteractive.tsx","file:///app/packages/projects/lite/src/apps/interactives/hooks/interactiveHooks.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/ArchivedBanner.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/RestrictionBanner.tsx","file:///app/packages/projects/lite/src/shared/components/related-videos/RelatedVideos.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useShouldPreviewInteractive.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 64;\nconst MAX_SEGMENT_LENGTH = 48;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n\n  let trimmedName = name;\n  let title: string = null;\n\n  if (trimmedName.length > MAX_SEGMENT_LENGTH) {\n    trimmedName = name.slice(0, MAX_SEGMENT_LENGTH) + '...';\n\n    // Only setting the title when we trim, because otherwise it's really not needed - Sha\n    title = name;\n  }\n\n  return (\n    <li\n      className={`breadcrumb-item${active ? ' active' : ''}`}\n      title={title}\n    >\n      {active\n        ? <strong>{trimmedName}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{trimmedName}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 4 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const second = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[1]} /> : <></>;\n  const secondLast = length > 3 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = length > 1 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} /> : <></>;\n  const rest = breadcrumbs.slice(2, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {second}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"text\":\"wLJpg\",\"collapsed\":\"ZxMAG\",\"seeMore\":\"x5t0p\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useExpandableTextButton } from 'libs/shared/hooks/useExpandableTextButton';\n\nimport styles from './expandable-text.scss';\n\ninterface ExpandableTextProps {\n  children: (props: {expanded: boolean}) => JSX.Element;\n  lines?: number;\n}\n\nconst namespace = 'shared.expandableText';\n\nexport function ExpandableText(props: ExpandableTextProps): JSX.Element {\n  const { lines = 2 } = props;\n  const [ expanded, setExpanded ] = React.useState(false);\n\n  const { containerRef, showButton } = useExpandableTextButton();\n  const TextComponent = props.children;\n\n  return (\n    <div className='d-flex overflow-hidden'>\n      <div\n        style={{ '--lines': lines } as unknown as React.CSSProperties}\n        className={`${expanded ? '' : styles.collapsed} ${styles.text}`} ref={containerRef}>\n        {(!expanded && showButton) && (\n          <DivButton\n            onClick={() => setExpanded(true)}\n            className={`ms-1 text-info hover-text-underline ${styles.seeMore}`}\n          >\n            <Text namespace={namespace} phrase='seeMore' />\n          </DivButton>\n        )}\n\n        <TextComponent expanded={expanded} />\n\n        {expanded && (\n          <DivButton\n            onClick={() => setExpanded(false)}\n            className={`ms-1 text-info hover-text-underline d-inline`}\n          >\n            <Text namespace={namespace} phrase='seeLess' />\n          </DivButton>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\n\nexport function useExpandableTextButton() {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n\n  const memoClientHeight = React.useRef<number>(0);\n\n  React.useEffect(() => {\n    if (containerRef.current?.clientHeight)\n    // memo the initial clientHeight, cuz after expand and collapse the clientHeight will change\n      memoClientHeight.current = containerRef.current.clientHeight;\n  }, []);\n\n  const [ showButton, setShowButton ] = React.useState(containerRef.current?.scrollHeight > memoClientHeight.current);\n\n  useResizeListener(() => {\n    if (containerRef.current?.clientHeight) {\n      // update memo value on resize\n      memoClientHeight.current = containerRef.current.clientHeight;\n      setShowButton(containerRef.current?.scrollHeight > memoClientHeight.current);\n    }\n  });\n\n  React.useEffect(() => {\n    if (containerRef.current?.scrollHeight) {\n      setShowButton(containerRef.current?.scrollHeight > memoClientHeight.current);\n    }\n  }, [ containerRef.current?.scrollHeight, memoClientHeight.current ]);\n\n  return { containerRef, showButton };\n}","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"VwD1b\",\"spinner\":\"eJ85e\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './infinite-scroll-footer.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`} ref={ref}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <SvgContainer\n            svgName={cvSvgLibrary.ChevronDown}\n            className='svg-container cursor-pointer'\n            size={SvgContainerSize.Large}\n            onClick={() => props.fetchNext?.(props.nextCursor)}\n          />\n        )\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ThumbnailText } from 'libs/shared/components/thumbnails/thumbnail-text/ThumbnailText';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { CanFavouriteFunc, FavouriteFunc, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveWidgetItemV2';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface InteractiveWidgetItemV2Props extends FixedWidgetItemProps<InteractiveMetadata> {\n  imageCdnUrl: string;\n  questionsAppLink: Core.AppLink;\n  setFavourite?: FavouriteFunc;\n  canFavourite?: CanFavouriteFunc;\n  yearGroups: YearGroup[];\n  isPlugin: boolean;\n  showOwner?: boolean;\n}\n\nexport const InteractiveWidgetItemV2 = React.memo(function(props: InteractiveWidgetItemV2Props): JSX.Element {\n  const { data: interactive, thumbnailSize, preloadImage } = props;\n\n  const questionsAppLink: Core.AppLink = {\n    ...props.questionsAppLink,\n    args: [props.data.id]\n  };\n\n  const questionsNumber = interactive._timepoints?.value?.length;\n\n  return (\n    <div className={`flex-shrink-0 px-1 col-6 col-sm-4`}>\n      <VideoThumbnail\n        type='static'\n        textPosition={ThumbnailTextPosition.Independent}\n        video={interactive}\n        appLink={props.getAppLink(interactive)}\n        imageOptions={{ size: thumbnailSize }}\n        preload={preloadImage}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        hideDuration={false}\n        imageCdnUrl={props.imageCdnUrl}\n        isPlugin={props.isPlugin}\n        showOwner={props.showOwner}\n      />\n\n      <div className='mt-2'>\n        <ThumbnailText\n          {...props}\n          video={interactive}\n          appLink={props.getAppLink(interactive)}\n        />\n      </div>\n\n      <div className='mt-n1'>\n        <AppLink\n          appLink={questionsAppLink}\n          className='cursor-pointer'\n          ariaLabel={`${getPhrase('previewQuestions', { count: questionsNumber, smartCount: questionsNumber })} ${getPhrase('ariaPreview', { name: interactive.name })}`}\n        >\n          {questionsNumber\n            ? (\n              <Text namespace={namespace} phrase='previewQuestions' options={{ count: questionsNumber, smartCount: questionsNumber }}/>\n            ) : (\n              // handling a rare case: add a fallback phrase if we don't get the question number\n              <Text namespace={namespace} phrase='previewQuestionsFallback' />\n            )}\n        </AppLink>\n      </div>\n    </div>\n  );\n});\n","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","// extracted by mini-css-extract-plugin\nexport default {\"avatarContainer\":\"kd18L\",\"cvIcon\":\"smUBc\"};","import React from 'react';\n\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { SvgContainer2 } from 'libs/shared/components/svg-container/SvgContainer2';\nimport { ClickViewPlayLogo } from 'libs/shared/components/svgs/clickview-logo/ClickViewLogo';\nimport { User } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from './video-owner-text.scss';\n\ninterface VideoOwnerTextProps {\n  owner: User;\n  isClickViewCurated: boolean;\n  imageCdnUrl: string;\n}\n\nexport function VideoOwnerText(props: VideoOwnerTextProps): JSX.Element {\n  if (!props.owner && !props.isClickViewCurated)\n    return <></>;\n\n  if (props.isClickViewCurated) {\n    return (\n      <div className='clamp-1 d-flex align-items-center'>\n        <div className={`${styles.avatarContainer} me-1 border rounded-circle position-relative`}>\n          <SvgContainer2 className={`me-1 ${styles.cvIcon}`}>\n            <ClickViewPlayLogo />\n          </SvgContainer2>\n        </div>\n        ClickView\n      </div>\n    );\n  }\n\n  const name = UserHelper.getCommunityName(props.owner);\n\n  if (!name)\n    return <></>;\n\n  return (\n    <div className='d-flex align-items-center'>\n      <div className={`${styles.avatarContainer} me-1`}>\n        <Avatar\n          imageCdnUrl={props.imageCdnUrl}\n          initials={UserHelper.getInitials(props.owner.name, props.owner.surname)}\n          imageUrl={props.owner.avatar?.url}\n        />\n      </div>\n      <div className='clamp-1'>\n        {name}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoOwnerText } from 'libs/shared/components/video-owner-text/VideoOwnerText';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { Clip, InteractiveMetadata, Video } from 'libs/shared/interfaces';\n\nimport styles from './interactive-widget-item.scss';\n\nconst namespace = 'shared.interactiveWidgetItem';\n\nexport interface InteractiveWidgetItemProps extends FixedWidgetItemProps<InteractiveMetadata> {\n  video: Video | Clip;\n  questionsAppLink: Core.AppLink;\n  imageCdnUrl: string;\n}\n\nexport const InteractiveWidgetItem = React.memo(function(props: InteractiveWidgetItemProps): JSX.Element {\n  const questionsAppLink: Core.AppLink = {\n    ...props.questionsAppLink,\n    args: [props.data.id]\n  };\n\n  return (\n    <div className={`flex-shrink-0 px-1 ${styles.item}`}>\n      <div className='row m-0 border rounded p-2 h-100'>\n        <div className='col-6 p-0'>\n          <VideoThumbnail\n            video={props.data}\n            appLink={props.getAppLink(props.data)}\n            type='cosmetic'\n            imageOptions={{ size: ImageSize.Small }}\n            textPosition={ThumbnailTextPosition.Independent}\n            preload\n            analyticsOptions={{ location: LocationContext.SlidingListItem }}\n          />\n        </div>\n\n        <div className='col-6 p-0'>\n          <div className='ps-2'>\n            <AppLink appLink={props.getAppLink(props.data)}>\n              <h3 className='h6 mb-1'><span className='clamp-2'>{props.data.name}</span></h3>\n            </AppLink>\n\n            <VideoOwnerText\n              owner={props.data.owner}\n              isClickViewCurated={props.data._isClickViewCurated?.value}\n              imageCdnUrl={props.imageCdnUrl}\n            />\n\n            <AppLink className='info-link' appLink={questionsAppLink}>\n              <Text namespace={namespace} phrase='previewQuestions' />\n            </AppLink>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n});\n","// extracted by mini-css-extract-plugin\nexport default {\"item\":\"rXatl\"};","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","export enum PlayPageAnchor {\n  Resources = 'resources',\n  Interactives = 'interactives',\n  Video = 'video',\n  Clips = 'clips',\n  CurriculumLinks = 'curriculum-links',\n  VideoDetails = 'video-details',\n  RelatedVideos = 'related-videos',\n  ClippedFrom='clipped-from'\n}","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\nimport { createHtmlPortalNode, OutPortal } from 'react-reverse-portal';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { CheckMarkStatus } from 'libs/shared/components/check-mark-button/CheckMarkButton';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser, InteractiveMetadata, PlayerViewKey, PresentationAudience, UnionShareObject, YearGroup } from 'libs/shared/interfaces';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\ninterface PlayInteractiveProps {\n  interactive: InteractiveMetadata;\n  yearGroups: YearGroup[];\n  currentUser: CurrentUser;\n  token: AuthToken;\n  config: Config;\n  audiences: PresentationAudience[];\n  queryParams: PlayViewQueryParams;\n  viewKey: PlayerViewKey;\n  startTime?: number;\n  endTime?: number;\n\n  // Share view only\n  shareLink?: UnionShareObject;\n  sharerInstanceRegion?: string;\n  checkMarkStatus?: CheckMarkStatus;\n  relatedVideos: RelatedVideosHash;\n  isPlugin: boolean;\n\n  publicName?: string;\n  profileId?: string;\n}\n\nexport function PlayInteractive(props: PlayInteractiveProps): JSX.Element {\n  const locationContext = props.shareLink ?\n    LocationContext.PlaySharedInteractive :\n    LocationContext.PlayInteractive;\n\n  const [ showHeading, setShowHeading ] = React.useState(true);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.interactive);\n\n  const summaryPortalNode = React.useMemo(() => createHtmlPortalNode(), []);\n\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext);\n  const { hasPermissions } = usePermissions();\n\n  function onShowSummary(showing: boolean): void {\n    setShowHeading(!showing);\n  }\n\n  return (\n    <div className='px-3'>\n      {isArchived && <ArchivedBanner typeId={props.interactive.typeId} hasStudentExperience />}\n\n      <div className='mb-3'>\n        <LitePlayerView\n          config={props.config}\n          video={props.interactive}\n          currentUser={props.currentUser}\n          shareLink={props.shareLink}\n          viewKey={props.viewKey}\n          startTime={props.startTime}\n          onShowSummary={onShowSummary}\n          summaryPortalNode={summaryPortalNode}\n          token={props.token}\n          publicName={props.publicName}\n          profileId={props.profileId}\n        />\n      </div>\n      {/* This wrapping div is here because react seems to not want to play nice\n      with adding or removing a node just ahead of an OutPortal */}\n      <div>\n        {showHeading &&\n          <h1 className='h3 d-flex'>\n            {props.interactive.name}\n            <RestrictionPadlock\n              tooltipPlacement='right'\n              className='ps-1'\n              video={props.interactive}\n              yearGroups={props.yearGroups}\n            />\n          </h1>\n        }\n      </div>\n      <OutPortal node={summaryPortalNode}></OutPortal>\n\n      {!hasPermissions(PermissionName.StudentExperience) && (\n        <RelatedVideos\n          currentVideo={props.interactive}\n          yearGroups={props.yearGroups}\n          currentUser={props.currentUser}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          relatedVideos={props.relatedVideos}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareLink?.id,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveAlertBannerProps {\n  isPreviewPreventScrubbingEnabled: boolean;\n  isPreviewingPreventScrubbing: boolean;\n  toggleStudentMode: () => void;\n  isArchived: boolean;\n}\n\nexport function InteractiveAlertBanner(props: InteractiveAlertBannerProps): JSX.Element {\n  return (\n    <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n      {!props.isArchived ? <Text phrase='alert' /> : (\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svgName={cvSvgLibrary.Archive}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n    \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>{getPhrase('archivedInfoTitle')}</p>\n            <p className='mb-1'>{getPhrase('archivedInfo')}</p>\n          </div>\n        </div>\n      )}\n      {props.isPreviewPreventScrubbingEnabled && (\n        <Tooltip\n          title={getPhrase('previewPreventScrubbingExplain')}\n          trigger='hover'\n          spanHack\n        >\n          <div className='d-flex mt-1 mt-lg-0'>\n            <div className='me-2'><Text phrase='previewPreventScrubbing'/></div>\n            <ToggleSwitch on={props.isPreviewingPreventScrubbing} onClick={props.toggleStudentMode} />\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n}","import * as React from 'react';\nimport { OutPortal } from 'react-reverse-portal';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { ExpandableText } from 'libs/shared/components/expandable-text/ExpandableText';\nimport { InteractiveWidgetItemV2, InteractiveWidgetItemV2Props } from 'libs/shared/components/play-page-v2/interactives-widget/InteractiveWidgetItemV2';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { FixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { InteractiveWidgetItem, InteractiveWidgetItemProps } from 'libs/shared/components/widgets/items/interactive-widget-item/InteractiveWidgetItem';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, Config, CurrentUser, Interactive, InteractiveMetadata, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { InteractiveAlertBanner } from 'apps/interactives/components/preview-interactive/InteractiveAlertBanner';\nimport { usePreviewPreventInteractive } from 'apps/interactives/hooks/interactiveHooks';\n\nconst namespace = 'interactives.previewInteractive';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PreviewInteractiveProps {\n  sourceVideo: Clip | Video;\n  interactive: InteractiveMetadata;\n  interactives: InteractiveMetadata[];\n  yearGroups: YearGroup[];\n  config: Config;\n  token?: AuthToken;\n  currentUser: CurrentUser;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  isPreviewPreventScrubbingEnabled: boolean;\n  relatedVideos: RelatedVideosHash;\n  canManageVideoAccess: boolean;\n  isPlugin: boolean;\n  breadcrumbs?: Breadcrumb[];\n\n  // Share view only\n  shareId?: string;\n}\n\nexport function PreviewInteractive(props: PreviewInteractiveProps): JSX.Element {\n  const locationContext = props.shareId ? LocationContext.PreviewSharedInteractive : LocationContext.PreviewInteractive;\n\n  const playerContext = usePlayerContext();\n\n  const [ isPreviewingPreventScrubbing, setIsPreviewingPreventScrubbing ] = React.useState(false);\n\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.interactive);\n\n  const videoActions = useVideoActions({\n    location: VideoActionsLocation.PlayPage,\n    shareId: props.shareId\n  });\n\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext);\n  const { hasPlayPageV2 } = useSettings(null);\n\n  usePreviewPreventInteractive(isPreviewingPreventScrubbing, togglePreviewPreventScrubbing);\n\n  function togglePreviewPreventScrubbing() {\n    playerContext.playerRef?.current?.togglePreviewPreventScrubbing?.();\n  }\n\n  function toggleStudentMode() {\n    setIsPreviewingPreventScrubbing(!isPreviewingPreventScrubbing);\n  }\n \n  let otherInteractives: InteractiveMetadata[];\n  let backToName: string;\n  let backAppLink: Core.AppLink;\n\n  if (VideoHelper.isClip(props.sourceVideo)) {\n    otherInteractives = props.interactives?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = props.sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.CLIPS,\n      action: Actions.Clips.PLAY_CLIP,\n      args: [ props.sourceVideo.id, TextHelper.slugify(props.sourceVideo.name) ]\n    };\n  } else {\n    otherInteractives = props.interactives?.filter(i => {\n      return i.id.toString() !== props.interactive.id.toString();\n    });\n    backToName = props.sourceVideo.name;\n    backAppLink = {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.sourceVideo.id, TextHelper.slugify(props.sourceVideo.name) ]\n    };\n  }\n\n  const isDraft = props.interactive.status === CurationStatus.Draft;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='px-4'>\n        {props.breadcrumbs?.length &&\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        }\n\n        <RestrictionBanner\n          restrictions={props.interactive._restrictions}\n          yearGroups={props.yearGroups}\n          objectId={props.interactive.id}\n          objectTypeId={MasterType.Interactive}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        <InteractiveAlertBanner\n          isPreviewPreventScrubbingEnabled={props.isPreviewPreventScrubbingEnabled}\n          isPreviewingPreventScrubbing={isPreviewingPreventScrubbing}\n          toggleStudentMode={toggleStudentMode}\n          isArchived={VideoHelper.isVideoTypeArchived(props.interactive)}\n        />\n\n        <div className='mb-3'>\n          {canConsume && (\n            <GlobalPlayerConsumer\n              key={props.interactive.id}\n              objectId={props.interactive.id}\n              objectTypeId={props.interactive.typeId}\n              shareId={props.shareId}\n              startTime={props.queryParams.t ?? props.queryParams.startTime}\n              mode='default'\n              location='play-page'\n              token={props.token}\n            />\n          )}\n        </div>\n        <div className='d-flex justify-content-between align-items-center'>\n          <div className='inline-block w-100'>\n            <div className='ms-2 float-end'>\n              <ActionsComponent\n                actions={videoActions.getVideoActions(props.interactive)}\n                actionsDropdownClassName='btn btn-outline-dark'\n                fetchMore={() => videoActions.fetchMoreActions(props.interactive)}\n              />\n            </div>\n\n            <h1 className='h3 mb-2'>\n              {isDraft && (\n                <div className={`badge draft-badge me-2 align-bottom flex-shrink-0 h-auto lh-base`}>\n                  <Text phrase='draft' />\n                </div>\n              )}\n              {props.interactive.name}\n              <RestrictionPadlock\n                tooltipPlacement='right'\n                className='ps-1'\n                video={props.interactive}\n                yearGroups={props.yearGroups}\n              />\n            </h1>\n            {VideoHelper.canViewOriginalVideo(props.interactive) &&\n              <div className='mb-1 me-3 clamp-1'>\n                <Text phrase='viewOriginal' />&nbsp;<AppLink appLink={backAppLink} className='text-info'>{backToName}</AppLink>\n              </div>\n            }\n          </div>\n        </div>\n\n        {props.interactive.description && (\n          <ExpandableText lines={5}>\n            {() => <p className='mb-0 d-inline'>{props.interactive.description}</p>}\n          </ExpandableText>\n        )}\n\n        <div className='mb-3'>\n          <OutPortal node={playerContext.questionListPortalNode}></OutPortal>\n        </div>\n\n        {!!otherInteractives?.length && (\n          <div className='pb-3'>\n            {!hasPlayPageV2 ? (\n              <FixedWidget<InteractiveWidgetItemProps>\n                name={getPhrase('otherInteractives', { count: otherInteractives.length })}\n                contents={WidgetContents.Interactives}\n                collection={otherInteractives}\n                prefetched\n                getChildAppLink={(interactive: Interactive) => {\n                  return {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.VIEW_INTERACTIVE,\n                    args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n                  };\n                }}\n                childComponent={InteractiveWidgetItem}\n                extraChildComponentProps={{\n                  video: props.sourceVideo,\n                  questionsAppLink: {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.PREVIEW_QUESTIONS\n                  },\n                  imageCdnUrl: props.config.imageCdnUrl\n                }}\n                analyticsData={{ widgetId: 'interactives' }}\n              />\n            ) : (\n              <FixedWidget<InteractiveWidgetItemV2Props>\n                name={getPhrase('otherInteractives', { count: otherInteractives.length })}\n                contents={WidgetContents.Interactives}\n                collection={otherInteractives}\n                prefetched\n                getChildAppLink={(interactive: Interactive) => {\n                  return {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.VIEW_INTERACTIVE,\n                    args: [ interactive.id, TextHelper.slugify(interactive.name) ]\n                  };\n                }}\n                childComponent={InteractiveWidgetItemV2}\n                extraChildComponentProps={{\n                  yearGroups: props.yearGroups,\n                  questionsAppLink: {\n                    application: AppChannels.INTERACTIVES,\n                    action: Actions.Interactives.PREVIEW_QUESTIONS\n                  },\n                  imageCdnUrl: props.config.imageCdnUrl,\n                  isPlugin: props.isPlugin\n                }}\n                analyticsData={{ widgetId: 'interactives' }}\n              />\n            )}\n          </div>\n        )}\n\n        <RelatedVideos\n          currentVideo={props.interactive}\n          yearGroups={props.yearGroups}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          relatedVideos={props.relatedVideos}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n          isPlugin={props.isPlugin}\n        />\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nexport function usePreviewPreventInteractive(\n  previewPreventInteractive: boolean,\n  togglePreviewPreventInteractive: () => void\n): void {\n  React.useEffect(() => {\n    togglePreviewPreventInteractive();\n  }, [previewPreventInteractive]);\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType } from 'libs/analytics/interfaces';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.playPage';\n\ninterface ArchivedBannerProps {\n  typeId: MasterType;\n  hasStudentExperience: boolean;\n}\n\nfunction mapTypeId(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Video:\n      return 'video';\n    case MasterType.Clip:\n      return 'clip';\n    case MasterType.Interactive:\n      return 'interactive';\n    default:\n      return '';\n  }\n}\n\nexport function ArchivedBanner(props: ArchivedBannerProps): JSX.Element {\n  const getPhrase = LanguageService.encloseNamespace(namespace);\n  const type = mapTypeId(props.typeId);\n\n  return (\n    <div className='alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center'>\n      <SvgContainer\n        svgName={cvSvgLibrary.Archive}\n        size={SvgContainerSize.Standard}\n        className='me-2 svg-container'\n      />\n    \n      <div className='w-100'>\n        <p className='fw-semibold mb-0'>{getPhrase('archivedInfoTitle', { type })}</p>\n        {(!props.hasStudentExperience || type === EntityType.Video) && (\n          <p className='mb-1'>{getPhrase('archivedInfo', { type: `${type}s` })}</p>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RestrictionType } from 'libs/shared/enums/RestrictionType';\nimport { Restrictions, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'shared.playPage';\n\ninterface RestrictionBannerProps {\n  restrictions: Restrictions;\n  yearGroups: YearGroup[];\n  objectId: string;\n  objectTypeId: MasterType;\n  canManageVideoAccess: boolean;\n}\n\nexport function RestrictionBanner(props: RestrictionBannerProps): JSX.Element {\n  if (!props.restrictions?.value?.length || !props.yearGroups || !props.canManageVideoAccess)\n    return <></>;\n\n  const restriction = RestrictionHelper.getWeightedRestriction(props.restrictions.value);\n\n  if (restriction.type !== RestrictionType.Custom)\n    return <></>;\n\n  const baseClassName = RestrictionHelper.mapRestrictionToClass(props.restrictions);\n  const className = `${baseClassName} fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center`;\n\n  return (\n    <div className={className}>\n      <div className='d-flex align-items-center'>\n        <SvgContainer\n          svgName={RestrictionHelper.mapRestrictionToSvg(props.restrictions)}\n          size={SvgContainerSize.Large}\n        />\n        <span className='ps-1'>\n          {RestrictionHelper.mapRestrictionToText(props.restrictions, props.yearGroups)}\n        </span>\n      </div>\n      \n      <AppLink\n        appLink={{\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.APPROVE_VIDEO,\n          params: {\n            objectId: props.objectId,\n            objectTypeId: props.objectTypeId\n          }\n        }}\n        className='btn btn-outline-dark'\n      >\n        <Text namespace={namespace} phrase='approve' />\n      </AppLink>\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, CurrentUser, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'shared.relatedVideos';\n\ninterface RelatedVideosProps {\n  currentVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  currentUser: CurrentUser;\n  audiences: PresentationAudience[];\n  getVideoAppLink: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  moviesAndTv: boolean;\n  isPlugin: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function RelatedVideos(props: RelatedVideosProps): JSX.Element {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const { hasPermissions } = usePermissions();\n\n  if (!props.currentUser?.isAuthenticated) // Don't render if user is unauthenticated\n    return <></>;\n\n  if (props.relatedVideos.hasError) // Don't render if request has errored\n    return <></>;\n\n  if (props.relatedVideos.hasCompleted && !props.relatedVideos.videos?.length) // Don't render if response is empty\n    return <></>;\n\n  if (!props.relatedVideos.isFetching && !props.relatedVideos.hasCompleted) // Don't render if request is never made\n    return <></>;\n\n  // We don't support autoplaying from interactives. This means the related videos heading won't say \"Up next\"\n  const canAutoplay = !VideoHelper.isInteractive(props.currentVideo);\n\n  return (\n    <section\n      id={PlayPageAnchor.RelatedVideos}\n      className='play-page-section'\n      ref={el => {\n        (el && props.headingRef?.current\n        && !!props.relatedVideos.videos?.length)\n        && props.headingRef.current.set(PlayPageAnchor.RelatedVideos, el);\n      }}\n    >\n      <VideoActionsContext.Provider value={videoActions}>\n        <h2 className='h4 mb-0'>\n          <Text namespace={namespace} phrase={canAutoplay ? 'upNext' : 'relatedVideos'} />\n        </h2>\n        {props.relatedVideos.hasCompleted ? (\n          <VideoList\n            videos={props.relatedVideos.videos}\n            yearGroups={props.yearGroups}\n            getSubTextAppLink={video => {\n              return SeriesAppLinkHelper.getSeriesAppLink(video.series, props.moviesAndTv ? { mtv: true } : null);\n            }}\n            getVideoAppLink={props.getVideoAppLink}\n            hasPermissions={hasPermissions}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            presentationAudiences={props.audiences}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        ) : <PartialVideoList />\n        }\n        {props.relatedVideos.hasMore && (\n          <InfiniteScrollFooter\n            isFetching={props.relatedVideos.isFetching}\n            fetchNext={props.relatedVideos.fetchNext}\n          />\n        )}\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { Flight } from 'libs/common/flight';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nexport function useShouldPreviewInteractive() {\n  const { hasPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  return !hasPermissions(PermissionName.StudentExperience) &&\n    hasProduct(ProductId.Primary) &&\n    currentUser.data.isAuthenticated;\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst CHUNK_SIZE = 50;\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [...r] ;\n\n      ArrayHelper.chunk<string>(unhydratedVideos, CHUNK_SIZE).forEach(chunk => {\n        newRequests.push(VideoRequests.videoMixinAssocs(chunk, options.flightNamespace));\n\n        if (currentUser.data?.isAuthenticated)\n          newRequests.push(ClassificationRequests.hasCurriculumLinks(chunk, null, options.flightNamespace));\n      });\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["getPhrase","BreadcrumbItem","props","ref","breadcrumb","name","appLink","active","withBackIcon","trimmedName","title","length","slice","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","second","secondLast","last","rest","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","namespace","ExpandableText","lines","expanded","setExpanded","containerRef","memoClientHeight","clientHeight","scrollHeight","showButton","setShowButton","useExpandableTextButton","TextComponent","children","DivButton","Text","phrase","InfiniteScrollFooter","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","Spinner","as","animation","role","SvgContainer","defaultProps","InteractiveWidgetItemV2","interactive","data","thumbnailSize","preloadImage","questionsAppLink","args","id","questionsNumber","_timepoints","value","type","textPosition","video","getAppLink","imageOptions","preload","analyticsData","analyticsOptions","setFavourite","canFavourite","hideDuration","imageCdnUrl","isPlugin","showOwner","ariaLabel","count","smartCount","options","PartialVideoList","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","VideoOwnerText","owner","isClickViewCurated","SvgContainer2","UserHelper","Avatar","initials","surname","imageUrl","avatar","url","InteractiveWidgetItem","VideoThumbnail","ThumbnailTextPosition","location","AppLink","_isClickViewCurated","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","PlayPageAnchor","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Math","max","floor","random","PlayInteractive","locationContext","shareLink","showHeading","setShowHeading","isArchived","summaryPortalNode","u","hasPermissions","typeId","hasStudentExperience","config","currentUser","viewKey","startTime","onShowSummary","showing","token","publicName","profileId","tooltipPlacement","yearGroups","node","currentVideo","relatedVideos","audiences","getVideoAppLink","v","context","queryParams","contextId","playNext","shareId","moviesAndTv","mtv","LanguageService","InteractiveAlertBanner","isPreviewPreventScrubbingEnabled","Tooltip","trigger","spanHack","ToggleSwitch","on","isPreviewingPreventScrubbing","toggleStudentMode","PreviewInteractive","previewPreventInteractive","togglePreviewPreventInteractive","otherInteractives","backToName","backAppLink","playerContext","setIsPreviewingPreventScrubbing","canConsume","VideoHelper","videoActions","useVideoActions","useLiteFavourites","hasPlayPageV2","useSettings","playerRef","togglePreviewPreventScrubbing","sourceVideo","interactives","filter","toString","application","action","TextHelper","isDraft","CurationStatus","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","canManageVideoAccess","GlobalPlayerConsumer","t","mode","Actions","actions","getVideoActions","actionsDropdownClassName","fetchMore","fetchMoreActions","RestrictionPadlock","description","questionListPortalNode","contents","WidgetContents","collection","prefetched","getChildAppLink","childComponent","extraChildComponentProps","widgetId","RelatedVideos","VideoAppLinkHelper","ArchivedBanner","mapTypeId","baseClassName","params","isAuthenticated","hasError","hasCompleted","videos","canAutoplay","el","headingRef","set","getSubTextAppLink","series","presentationAudiences","getPreviewQuestionsAppLink","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","hasMore","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","useShouldPreviewInteractive","hasProduct","CHUNK_SIZE","useVideoMixin","objects","hydratedVideos","Set","o","getValidObjects","videoIds","request","setRequest","unhydratedVideos","has","push","add","r","newRequests","chunk","flightNamespace","bsPrefix","Component","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName"],"sourceRoot":""}

package/dist/scripts/6118-d069072bb6-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/6118-d069072bb6-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/items/popout-video-widget-item/PopoutVideoWidgetItem.tsx","file:///app/packages/libs/shared/src/components/widgets/items/popout-video-widget-item/popout-video-widget-item.scss","file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/UseMergeAudiences.ts","file:///app/packages/libs/shared/src/utils/audience-helper/AudienceStringBuilders.ts","file:///app/packages/libs/shared/src/utils/audience-helper/AudienceHelper.ts","file:///app/packages/projects/lite/src/apps/default/views/popup-plugin/components/nav-tiles.scss","file:///app/packages/projects/lite/src/apps/default/views/popup-plugin/components/Navtiles.tsx","file:///app/packages/projects/lite/src/apps/default/views/popup-plugin/PopupPluginView.tsx","file:///app/packages/projects/lite/src/apps/default/views/popup-plugin/hooks/useGetVideoHistoryVideos.ts","file:///app/packages/projects/lite/src/apps/watch-history/flight-requests/VideoHistoryRequests.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoSubTextType } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { FixedWidgetItemProps } from 'libs/shared/components/widgets/items/FixedWidgetItemProps';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { CanFavouriteFunc, FavouriteFunc, PresentationAudience, Video, VideoTypes, WidgetType, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './popout-video-widget-item.scss';\n\nexport interface PopoutVideoWidgetItemProps extends FixedWidgetItemProps<VideoTypes> {\n  canFavourite: CanFavouriteFunc;\n  setFavourite: FavouriteFunc;\n  presentationAudiences: PresentationAudience[];\n  imageCdnUrl: string;\n  yearGroups: YearGroup[];\n  showVideoGuidance: boolean;\n  hideTitle?: boolean;\n  hideSeries?: boolean;\n  companyLogoFallbackUrl?: string;\n  subTextType?: VideoSubTextType;\n  getSubTextAppLink?: (video: Video) => Core.AppLink;\n  getInteractiveGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getResourceGuidanceAppLink: (id: string, type: MasterType) => Core.AppLink;\n  getClassroomGuideAppLink: (id: string, type: MasterType) => Core.AppLink;\n  preventPopout?: boolean;\n  isPlugin: boolean;\n  showNewVideoIndicator?: boolean;\n}\n\nexport const PopoutVideoWidgetItem = React.memo(function(props: PopoutVideoWidgetItemProps): JSX.Element {\n  const { data: video, getSubTextAppLink, context, thumbnailSize, preloadImage, presentationAudiences } = props;\n  \n  const videoAudiences = video?.subjectPresentationAudiences?.data;\n  const mergedAudience = useMergeAudiences(videoAudiences, presentationAudiences);\n\n  const breakpoints = useBreakpoints();\n\n  let width = styles.rowWidth;\n\n  if (context.type === WidgetType.LargeRow)\n    width = styles.largeRowWidth;\n\n  return (\n    <div className={`px-1 flex-shrink-0 position-relative ${width}`}>\n      <VideoThumbnail\n        type={props.preventPopout || breakpoints.xs ? 'static' : 'popout'}\n        textPosition={ThumbnailTextPosition.Below}\n        video={video}\n        appLink={props.getAppLink(video)}\n        subTextAppLink={VideoHelper.isVideo(video) && getSubTextAppLink?.(video)}\n        imageOptions={{ size: thumbnailSize }}\n        preload={preloadImage}\n        analyticsData={props.analyticsData}\n        analyticsOptions={props.analyticsOptions}\n        canFavourite={props.canFavourite}\n        setFavourite={props.setFavourite}\n        imageCdnUrl={props.imageCdnUrl}\n        audience={mergedAudience}\n        hideRating={!!mergedAudience}\n        hideDuration={false}\n        yearGroups={props.yearGroups}\n        hideTitle={props.hideTitle}\n        showVideoGuidance={props.showVideoGuidance}\n        companyLogoFallbackUrl={props.companyLogoFallbackUrl}\n        subTextType={props.subTextType}\n        isPlugin={props.isPlugin}\n        getInteractiveGuidanceAppLink={props.getInteractiveGuidanceAppLink}\n        getResourceGuidanceAppLink={props.getResourceGuidanceAppLink}\n        getClassroomGuideAppLink={props.getClassroomGuideAppLink}\n        showNewVideoIndicator={props.showNewVideoIndicator}\n      />\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"rowWidth\":\"JSM4l\",\"largeRowWidth\":\"YYpNz\"};","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { Flight } from 'libs/common/flight';\nimport { ApplicationState, HashObject } from 'libs/common/react/interfaces';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const [ idBatches, setIdBatches ] = React.useState<string[][]>([]);\n\n  React.useEffect(() => {\n    if (!itemIds?.length)\n      return;\n\n    const newBatches = [...idBatches];\n    newBatches.push([]);\n\n    itemIds.forEach(id => {\n      if (newBatches.find(batch => batch.find(_id => _id === id)))\n        return;\n\n      newBatches[newBatches.length - 1].push(id);\n    });\n\n    setIdBatches(newBatches.filter(batch => batch.length));\n  }, [itemIds ? itemIds.join(',') : null]);\n\n  const dispatch = useDispatch();\n\n  const state = useSelector((state: ApplicationState) => state);\n\n  React.useEffect(() => {\n    idBatches.forEach(idBatch => {\n      const request = getRequest(idBatch);\n      const response = Flight.getResponse<T[]>(state, request.key);\n\n      if (response.shouldFetch)\n        Flight.fetch(dispatch, request);\n    });\n  }, [idBatches?.length]);\n\n  if (!idBatches?.length)\n    return { items: null, isFetching: false };\n  \n  const items: { [key: string]: T} = {};\n\n  /* Used locally to only return our items if we've fetched all of them */\n  const responses: HashObject<Flight.Response<T[]>> = {};\n  \n  idBatches.forEach((idBatch, i) => {\n    const request = getRequest(idBatch);\n    const response = Flight.getResponse<T[]>(state, request.key);\n    responses[i] = response;\n\n    if (response.data)\n      response.data.forEach(v => items[v.id] = v);\n  });\n\n  return {\n    items: Object.keys(responses).some(k => !!responses[k].data) ? items : null,\n    isFetching: !!Object.keys(responses).some(k => responses[k].isFetching)\n  };\n}","import React from 'react';\n\nimport { Audience, PresentationAudience } from '../interfaces';\nimport { AudienceHelper } from '../utils/audience-helper/AudienceHelper';\n\nexport function useMergeAudiences(\n  audiences: Audience[],\n  presentationAudiences: PresentationAudience[]\n): PresentationAudience {\n  // Memoize the audience functions as they are somewhat expensive and the result shouldn't change\n  const sortedAudiences = React.useMemo(() => {\n    if (!audiences?.length || !presentationAudiences || !AudienceHelper.shouldShowAudiences(presentationAudiences))\n      return null;\n\n    return AudienceHelper.getSortedPresentationAudiences(audiences, presentationAudiences);\n  }, [audiences]);\n\n  const mergedAudience = React.useMemo(() => {\n    if (!sortedAudiences?.length)\n      return null;\n\n    return AudienceHelper.getMergedPresentationAudienceString(sortedAudiences);\n  }, [sortedAudiences]);\n\n  return mergedAudience;\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nconst HAS_NUMBER_REGEX = /\\d/;\nconst COUNT_OFFSET = 1;\n\nexport const AudienceStringBuilders = {\n  /**\n   * Handles audience sets like:\n   * - Year 7, Year 8, etc\n   * - Kindergarten, Grade 1, Grade 2, etc\n   */\n  yearsAndGradesBuilder(audiences: PresentationAudience[]): string {\n    /**\n     * Create a string with all of the audiences\n     */\n    const combinedNames = audiences.map(a => a.name).join(' ');\n\n    /**\n     * Extract all the numbers and matches from the string\n     */\n    const numberList = combinedNames.split(' ').filter(name => !isNaN(+name)).map(num => +num) || [];\n    const wordList = combinedNames.split(' ').filter(name => isNaN(+name)) || [];\n\n    // Find an audience that doesn't have a number, like \"Kindergarten\" or \"Foundation\".\n    const audienceWithoutNum = audiences.find(p => {\n      return !HAS_NUMBER_REGEX.test(p.name);\n    });\n\n    // Get audience label prefix\n    let prefix = wordList.find(name => name !== audienceWithoutNum?.name);\n\n    // Pluralise the prefix is there are multiple audiences\n    if (audiences.length > 1)\n      prefix += 's';\n\n    if (audienceWithoutNum && numberList.length)\n      return `${prefix} ${audienceWithoutNum.name.charAt(0)} - ${numberList.pop()}`;\n\n    /**\n    * Build set of logical audience ranges\n    */\n    const audienceRange = processAudienceRanges(numberList);\n\n    return `${prefix} ${audienceRange.join(', ')}`;\n  },\n\n  internationalSecondaryBuilder(audiences: PresentationAudience[]): string {\n    return AudienceStringBuilders.englandSecondaryBuilder(audiences);\n  },\n\n  scotlandPrimaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    let [firstAudienceLevel] = firstAudience.name.split(' ');\n    let [lastAudienceLevel] = lastAudience.name.split(' ');\n\n    if (firstAudienceLevel === 'First')\n      firstAudienceLevel = '1st';\n\n    if (lastAudienceLevel === 'First')\n      lastAudienceLevel = '1st';\n\n    if (firstAudienceLevel === 'Second')\n      firstAudienceLevel = '2nd';\n\n    if (lastAudienceLevel === 'Second')\n      lastAudienceLevel = '2nd';\n\n    if (firstAudienceLevel === lastAudienceLevel)\n      return `${firstAudienceLevel} Level`;\n\n    return `${firstAudienceLevel} - ${lastAudienceLevel} Level`;\n  },\n\n  internationalPrimaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    if (firstAudience.name === lastAudience.name)\n      return firstAudience.name;\n\n    let [firstAudienceLevel] = firstAudience.name.split(' ');\n    let [lastAudienceLevel] = lastAudience.name.split(' ');\n\n    if (firstAudienceLevel === 'Lower')\n      firstAudienceLevel = 'Low';\n\n    if (lastAudienceLevel === 'Lower')\n      lastAudienceLevel = 'Low';\n\n    if (firstAudienceLevel === 'Middle')\n      firstAudienceLevel = 'Mid';\n\n    if (lastAudienceLevel === 'Middle')\n      lastAudienceLevel = 'Mid';\n\n    return `${firstAudienceLevel} - ${lastAudienceLevel} Pri`;\n  },\n\n  /**\n   * Handles the english secondary audiences, which can be: Lower Secondary, Upper Secondary, and Advanced\n   */\n  englandSecondaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    if (firstAudience.name === lastAudience.name)\n      return firstAudience.name;\n\n    if (lastAudience.name === 'Advanced') {\n      const [level] = firstAudience.name.split(' ');\n\n      if (level.toLowerCase() === 'lower')\n        return 'Lower Sec - Adv';\n\n      return 'Upper Sec - Adv';\n    }\n\n    return 'Lower - Upper Sec';\n  },\n\n  scotlandSecondaryBuilder(audiences: PresentationAudience[]): string {\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    if (firstAudience.name === lastAudience.name)\n      return firstAudience.name;\n\n    if (lastAudience.name === 'Senior Phase')\n      return `${firstAudience.name} - Senior`;\n\n    return 'Third - Fourth Level';\n  },\n\n  /**\n   * Handles the audience set: Reception, Key Stage 1, Lower Key Stage 2, and Upper Key Stage 2\n   */\n  englandPrimaryBuilder(audiences: PresentationAudience[]): string {\n    // The first and last audience will build out the range\n    const firstAudience = ArrayHelper.first(audiences);\n    const lastAudience = ArrayHelper.last(audiences);\n\n    // The first word in the strings will either be \"Upper\", \"Lower\", \"Key\", or \"Reception\"\n    const firstAudienceFirstWord = ArrayHelper.first(firstAudience.name.split(' '));\n    const lastAudienceFirstWord = ArrayHelper.first(lastAudience.name.split(' '));\n\n    // Each audience in this set except for \"Reception\" has a number. Get the numbers for the first and last audiences\n    const firstAudienceNumber = firstAudience.name.split(' ').find(word => !isNaN(+word));\n    const lastAudienceNumber = lastAudience.name.split(' ').find(word => !isNaN(+word));\n\n    // If there's only one audience on the video:\n    if (firstAudience === lastAudience) {\n      // For these 2 audiences, return the full name as it's short enough already\n      if (firstAudienceFirstWord === 'Key' || firstAudienceFirstWord === 'Reception')\n        return firstAudience.name;\n\n      // For the Upper/Lower key stage audiences, abbreviate the \"key stage\" part to KS1/KS2\n      return `${firstAudienceFirstWord} KS${firstAudienceNumber}`;\n    }\n\n    /**\n     * Handle when the object has >1 audience\n     */\n\n    let firstAudienceString = '';\n    let lastAudienceString = '';\n\n    // Reception is always shortened to \"R\" when in a range\n    if (firstAudienceFirstWord === 'Reception') {\n      firstAudienceString = 'R';\n    } else {\n      // All other audiences will be abbreviated to \"KS1/KS2\"\n      firstAudienceString = `KS${firstAudienceNumber}`;\n    }\n\n    // The last audience will always be a key stage, so abbreviate this too\n    lastAudienceString = `KS${lastAudienceNumber}`;\n\n    // If the audience range contains both the \"Lower\" and \"Upper\" audiences, abbreviate those and return\n    if (firstAudienceFirstWord === 'Lower' && lastAudienceFirstWord === 'Upper') {\n      return `L ${firstAudienceString} - U ${lastAudienceString}`;\n    }\n\n    // Add \"Lower\" and \"Upper\" to the strings if it's needed\n    if (firstAudienceFirstWord === 'Lower') {\n      firstAudienceString = `Lower ${firstAudienceString}`;\n    }\n\n    if (lastAudienceFirstWord === 'Upper') {\n      lastAudienceString = `Upper ${lastAudienceString}`;\n    }\n\n    // This handles a case where the range is Reception - Key Stage 1. In which case we don't abbreviate the key stage part to KS1.\n    if (lastAudienceFirstWord === 'Key') {\n      lastAudienceString = lastAudience.name;\n    }\n\n    return `${firstAudienceString} - ${lastAudienceString}`;\n  }\n};\n\nfunction processAudienceRanges(audienceValues: number[]): string[] {\n  /**\n   * Lookahead by increments of offset\n   */\n  const offset = COUNT_OFFSET;\n\n  let initialVal; let nextVal;\n  let isContinguous: boolean = false;\n\n  const ranges: string[] = [];\n\n  // Audience values need to be in ascending order\n  audienceValues = audienceValues.sort((a, b) => a - b);\n\n  let i; let j;\n\n  for (i = 0; i < audienceValues.length; i++) {\n    j = i + 1;\n\n    // Set our lower boundary to compare against\n    if (!isContinguous)\n      initialVal = audienceValues[i];\n\n    nextVal = audienceValues[j];\n\n    /**\n     * Where the next number is also the next incremental value\n     * we're going to continue iterating until the next value\n     * is no longer contiguos.\n     */\n    if (audienceValues[i] + offset === nextVal) {\n      isContinguous = true;\n    } else if (isContinguous) {\n      /**\n       * Where we were tracking a contiguous set, format appropriately \n       * and store the vals\n       */\n\n      ranges.push(`${initialVal} - ${audienceValues[i]}`);\n      isContinguous = false;\n    } else {\n      /**\n       * Where the values arent contiguous, just store the current value\n       */\n\n      ranges.push(`${audienceValues[i]}`);\n      isContinguous = false;\n    }\n  }\n\n  return ranges;\n}","import { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { Audience, BaseObject, PresentationAudience } from 'libs/shared/interfaces';\n\nimport { AudienceStringBuilders } from './AudienceStringBuilders';\n\nconst DIGIT_REGEX = /([0-9]+)/ig;\nconst SPACE_REGEX = /\\s|\\+/ig;\n\n/**\n * Where there is 1 or less audiences on a presentation, it provides little value to\n * the user's experience, so we'll hide audiences altogether.\n */\nconst MIN_AUDIENCE_THRESHOLD = 1;\n\nexport const AudienceHelper = {\n  /**\n   * This is needed to sort an object's audiences, as they are not sorted by the backend.\n   * To do this, we take the presentation audiences (sorted) and filter them by the object's\n   * audiences, leaving behind a sorted array of object audiences.\n   */\n  getSortedPresentationAudiences(\n    objectAudiences: Audience[],\n    presentationAudiences: PresentationAudience[]\n  ): PresentationAudience[] {\n    /**\n     * Atm there is a bug in flight's optimize, around multiple parts of the page \n     * fetching the same object with a different response. We are filtering out\n     * falsey values in our object audience ids until that's fixed. - Sha\n     */\n    const objectAudienceIds = objectAudiences\n      .filter(v => !!v)\n      .map(audience => audience.id.toString());\n\n    /**\n     * Remove audiences that aren't relevant for the user's current presentation\n     */\n    const filteredAudiences = presentationAudiences.filter(presAudience => {\n      return objectAudienceIds.includes(presAudience.masterId.toString());\n    });\n\n    return filteredAudiences;\n  },\n\n  /**\n   * This function accepts a set of presentation audiences, and returns a single\n   * audience where the name is a merged string of the names of all of the audiences passed in.\n   *\n   * As we add more presentations that have different audience sets, we'll need to extend the `switch`\n   * statement below to either include new string builder functions, or to include new presentation IDs\n   * for existing string builder functions.\n   */\n  getMergedPresentationAudienceString(presentationAudiences: PresentationAudience[]): PresentationAudience {\n    const { presentationId } = ArrayHelper.first(presentationAudiences);\n\n    let mergedAudienceString = '';\n\n    switch (+presentationId) {\n      // Generic `Name Number`. Sometimes has just name. Examples: Year 12, Grade 4, Kindergarten\n      case HardCoded.PresentationIds.DEFAULT:\n      case HardCoded.PresentationIds.AU_SECONDARY:\n      case HardCoded.PresentationIds.US_ELEMENTARY:\n      case HardCoded.PresentationIds.AU_PRIMARY:\n      case HardCoded.PresentationIds.STREAMABLE_LEARNING:\n        if (presentationAudiences.length === 1)\n          return presentationAudiences[0];\n\n        mergedAudienceString = AudienceStringBuilders.yearsAndGradesBuilder(presentationAudiences);\n        break;\n\n      case HardCoded.PresentationIds.INTERNATIONAL_SECONDARY:\n        if (presentationAudiences.length === 1)\n          return presentationAudiences[0];\n\n        // TODO: Implement this properly\n        mergedAudienceString = AudienceStringBuilders.internationalSecondaryBuilder(presentationAudiences);\n        break;\n\n      case HardCoded.PresentationIds.INTERNATIONAL_PRIMARY:\n        mergedAudienceString = AudienceStringBuilders.internationalPrimaryBuilder(presentationAudiences);\n        break;\n\n      case HardCoded.PresentationIds.SCOTLAND_PRIMARY:\n        mergedAudienceString = AudienceStringBuilders.scotlandPrimaryBuilder(presentationAudiences);\n        break;\n\n      case HardCoded.PresentationIds.ENGLISH_SECONDARY:\n        mergedAudienceString = AudienceStringBuilders.englandSecondaryBuilder(presentationAudiences);\n        break;\n\n      \n      case HardCoded.PresentationIds.SCOTLAND_SECONDARY:\n        mergedAudienceString = AudienceStringBuilders.scotlandSecondaryBuilder(presentationAudiences);\n        break;\n\n      // Key Stage 1, Lower Key Stage 2, etc.\n      case HardCoded.PresentationIds.ENGLAND_PRIMARY:\n        mergedAudienceString = AudienceStringBuilders.englandPrimaryBuilder(presentationAudiences);\n        break;\n\n      // These presentations only have 1 audience mapped. These are never shown as badges in the product.\n      case HardCoded.PresentationIds.US_MIDDLE:\n      case HardCoded.PresentationIds.US_HIGH:\n      case HardCoded.PresentationIds.AU_TERTIARY:\n      default:\n        break;\n    }\n\n    if (!mergedAudienceString)\n      return null;\n\n    return { name: mergedAudienceString } as PresentationAudience;\n  },\n\n  /**\n   * This function assumes the members array passed in is ordered by `name`.\n   */\n  sortMembersWithDuplicateNamesByAudience(members: BaseObject[]): BaseObject[] {\n    // Returns the lowest level audience out of an array of audience objects by looking at the name\n    const getLowestAudience = (audiences: Audience[]) => {\n      if (!audiences.length)\n        return null;\n\n      let lowestAudience: Audience;\n      let lowestAudienceDigit: number;\n\n      audiences.forEach(audience => {\n        const digit = +ArrayHelper.first(audience.name.match(DIGIT_REGEX));\n\n        if (!lowestAudience) {\n          lowestAudience = audience;\n          lowestAudienceDigit = digit;\n          return;\n        }\n\n        if (digit < lowestAudienceDigit)\n          lowestAudience = audience;\n      });\n\n      return lowestAudience;\n    };\n\n    // This is used to track how many times a member's name appears in the collection\n    const nameCountMap: HashObject<number> = {};\n\n    let sorted: BaseObject[] = [];\n\n    members.forEach(member => {\n      if (!nameCountMap[member.name]) {\n        nameCountMap[member.name] = 1;\n        sorted.push(member);\n        return;\n      }\n\n      sorted.push(member);\n      nameCountMap[member.name]++;\n\n      // Take the slice of duplicates that we want to sort by audience\n      const slice = sorted.splice(sorted.length - nameCountMap[member.name]);\n\n      // Sort the slice by lowest audience\n      const sortedSlice = slice.sort((a: any, b: any) => {\n        const firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);\n        const secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);\n\n        if (!firstObjLowestAudience && secondObjLowestAudience)\n          return 1;\n\n        if (!secondObjLowestAudience)\n          return -1;\n\n        const comparison = firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);\n\n        if (comparison === 0) return comparison;\n\n        return comparison > 0 ? -1 : 1;\n      });\n\n      sorted = sorted.concat(sortedSlice);\n    });\n\n    return sorted;\n  },\n\n  getActiveAudiencesFromParams(audiences: PresentationAudience[], params: HashObject = {}): PresentationAudience[] {\n    if (!ObjectHelper.isObject(params) || ObjectHelper.isEmpty(params))\n      return;\n\n    if (!audiences || !audiences.length)\n      return;\n\n    if (!AudienceHelper.shouldShowAudiences(audiences))\n      return;\n\n    // 'a' is shorthand for audience\n    let { a } = params;\n\n    if (!a)\n      return;\n\n    // Only a single query param was passed, we'll wrap it in an array\n    if (typeof a === 'string')\n      a = [a];\n\n    const normalizeAudienceName = (audienceName: string) => {\n      return audienceName.replace(SPACE_REGEX, '').toLowerCase();\n    };\n\n    // Build an audience lookup\n    const audienceLookup = a.reduce((state: HashObject, audienceStr: string) => {\n      state[normalizeAudienceName(audienceStr)] = audienceStr;\n      return state;\n    }, {});\n\n    // Filter out our active audience based on whether their name matches the lookup object\n    return audiences.filter((audience: PresentationAudience) => {\n      return audienceLookup[normalizeAudienceName(audience.name)];\n    });\n  },\n\n  getAudienceParams(audiences: PresentationAudience[]): HashObject {\n    if (!audiences?.length)\n      return null;\n\n    return { a: audiences.map(a => a.name) };\n  },\n\n  shouldShowAudiences(audiences: PresentationAudience[] = []): boolean {\n    if (!audiences)\n      return false;\n\n    return audiences.length > MIN_AUDIENCE_THRESHOLD;\n  }\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"leftNavIcon\":\"ssG3i\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { IconCircle } from 'libs/shared/components/icon-circle/IconCircle';\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { HasPermissionsFunc } from 'libs/shared/hooks/usePermissions';\nimport { CuratedDashboard, Library } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { LeftNavId } from 'shared/enums/LeftNavId';\nimport { LeftNavConfig } from 'shared/views/left-nav/LeftNavConfig';\n\nimport { LibraryHelper } from 'apps/libraries/utils/LibraryHelper';\n\nimport styles from './nav-tiles.scss';\n\nconst namespace = 'default.popupPlugin';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface NavItemTileProps {\n  id: LeftNavId;\n  name: string;\n  imageUrl?: string;\n  iconClassName: string;\n  svgName: string;\n  appLink: Core.AppLink;\n}\n\nfunction NavItemTile(props: NavItemTileProps): JSX.Element {\n  return (\n    <li className={`columns-of-five-md col-6 mb-3`}>\n      <AppLink\n        appLink={props.appLink}\n        className={`border rounded-3 d-flex align-items-center\n          justify-content-center flex-column text-decoration-none h-100 py-3 px-1 text-center`}\n      >\n        <div className={`${styles.leftNavIcon} ${props.iconClassName} mx-auto mb-3`}>\n          <IconCircle\n            imageUrl={ImageHelper.createUrl(props.imageUrl, { size: ImageSize.Small })}\n            svgName={props.svgName}\n            svgSize={SvgContainerSize.Large}\n          />\n        </div>\n        <div className='h6'>\n          {props.name}\n        </div>\n      </AppLink>\n    </li>\n  );\n}\n\ninterface NavTilesProps {\n  hasPermissions: HasPermissionsFunc;\n  moviesAndTvDashboard: CuratedDashboard;\n  libraries: Library[];\n}\n\nexport function NavTiles(props: NavTilesProps): JSX.Element {\n  const { hasPermissions, moviesAndTvDashboard, libraries } = props;\n\n  function shouldShowLibraries(): boolean {\n    if (!libraries?.length)\n      return false;\n  \n    if (!hasPermissions(PermissionName.StudentExperience))\n      return true;\n\n    return hasPermissions(PermissionName.ViewLibraries);\n  }\n\n  function showNavItem(leftNavId: LeftNavId) {\n    switch (leftNavId) {\n      case LeftNavId.StudentFeed: return hasPermissions(PermissionName.StudentExperience);\n      case LeftNavId.Discover: return hasPermissions(PermissionName.ViewDiscover);\n      case LeftNavId.MoviesAndTv: return hasPermissions(PermissionName.ViewMoviesTv);\n      case LeftNavId.Libraries: return shouldShowLibraries();\n      case LeftNavId.Classrooms: return hasPermissions(PermissionName.ViewClassrooms);\n      default: return true;\n    }\n  }\n\n  return (\n    <ul className='list-unstyled row'>\n      {showNavItem(LeftNavId.StudentFeed) && (\n        <NavItemTile\n          id={LeftNavId.StudentFeed}\n          appLink={LeftNavConfig[LeftNavId.StudentFeed].appLink}\n          name={getPhrase('home')}\n          iconClassName='bg-purple'\n          svgName={cvSvgLibrary.House}\n        />\n      )}\n      {showNavItem(LeftNavId.Discover) && (\n        <NavItemTile\n          id={LeftNavId.Discover}\n          appLink={LeftNavConfig[LeftNavId.Discover].appLink}\n          name={getPhrase('discover')}\n          iconClassName='bg-blue'\n          svgName={cvSvgLibrary.Compass}\n        />\n      )}\n      {showNavItem(LeftNavId.MoviesAndTv) && !!moviesAndTvDashboard && (\n        <NavItemTile\n          id={LeftNavId.MoviesAndTv}\n          appLink={LeftNavConfig[LeftNavId.MoviesAndTv].appLink}\n          name={getPhrase('moviesAndTv')}\n          iconClassName='bg-indigo'\n          svgName={cvSvgLibrary.Popcorn}\n        />\n      )}\n      <NavItemTile\n        id={LeftNavId.Playlists}\n        appLink={LeftNavConfig[LeftNavId.Playlists].appLink}\n        name={getPhrase('playlists')}\n        iconClassName='bg-green'\n        svgName={cvSvgLibrary.Playlist}\n      />\n      <NavItemTile\n        id={LeftNavId.MyVideos}\n        appLink={LeftNavConfig[LeftNavId.MyVideos].appLink}\n        name={getPhrase('myVideos')}\n        iconClassName='bg-orange'\n        svgName={cvSvgLibrary.Video}\n      />\n      {showNavItem(LeftNavId.Libraries) && (\n        LibraryHelper.sort(libraries).map((library, index) => (\n          <NavItemTile\n            key={index}\n            id={LeftNavId.Library}\n            name={library.name}\n            appLink={{\n              ...LeftNavConfig[LeftNavId.Library].appLink,\n              args: [ library.id, TextHelper.slugify(library.name) ]\n            }}\n            iconClassName='bg-teal'\n            imageUrl={library.owner?.logo?.url}\n            svgName={!(library.owner?.logo?.url) && cvSvgLibrary.Library}\n          />\n        ))\n      )}\n    </ul>\n  );\n}","import React from 'react';\nimport { Radio } from 'backbone';\n\nimport { CommonChannels } from 'libs/common/backbone/constants/CommonChannels';\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { useFocusSearchBar } from 'libs/shared/components/search-bar/SearchUtils';\nimport { FixedWidget, PartialFixedWidget } from 'libs/shared/components/widgets/fixed-widget';\nimport { PopoutVideoWidgetItem, PopoutVideoWidgetItemProps } from 'libs/shared/components/widgets/items/popout-video-widget-item/PopoutVideoWidgetItem';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { FavouriteRequests } from 'libs/shared/flight-requests/FavouriteRequests';\nimport { LibraryRequests } from 'libs/shared/flight-requests/LibraryRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useListenOn } from 'libs/shared/hooks/UseListenOn';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser, DashboardTargetType, Library, PresentationAudience, VideoTypesCollection, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentation } from 'shared/hooks/usePresentation';\nimport { useFetchCuratedDashboard } from 'shared/utils/DashboardHelper';\nimport { LayoutHelper } from 'shared/utils/LayoutHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { NavTiles } from 'apps/default/views/popup-plugin/components/Navtiles';\nimport { useGetVideoHistory } from 'apps/default/views/popup-plugin/hooks/useGetVideoHistoryVideos';\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'default.popupPlugin';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\nexport function PopupPluginView(): JSX.Element {\n  const { isPlugin } = usePluginHelper();\n  const { focusSearchBar } = useFocusSearchBar();\n\n  /**\n   * Required for video widgets\n   */\n  const { activePresentation } = usePresentation();\n  const { hasPermissions, isLoaded } = usePermissions();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    activePresentation &&\n    AudienceRequests.audiencesByPresentationId(activePresentation.id)\n  );\n\n  /**\n   * Watch history videos\n   */\n  const videoHistory = useGetVideoHistory();\n\n  /**\n   * Favourite videos\n   */\n  const favouriteVideos = Flight.useBasicFetch<VideoTypesCollection>(\n    currentUser.data && FavouriteRequests.getFavourites(currentUser.data.id)\n  );\n\n  /**\n   * Required for displaying our Nav item tiles.\n   */\n  const libraries = Flight.useBasicFetch<Library[]>(\n    hasPermissions(PermissionName.ViewLibraries) &&\n    LibraryRequests.domainLibraries([ 'customLibrary', 'sharedLibrary' ])\n  );\n  const {\n    dashboard: moviesAndTvDashboard\n  } = useFetchCuratedDashboard({\n    targetType: DashboardTargetType.MoviesAndTv,\n    queryParams: {}\n  });\n  Flight.useBasicFetch(!!libraries.data?.length &&\n    LibraryRequests.librariesWithOwnerLogos(libraries.data.map(s => s.id)));\n\n  useListenOn(CommonChannels.SHELL, Core.EventNames.ROUTE, appLink => {\n    /**\n     * Ignore applinks with no href. Like the embed popup - Sha\n     */\n    if (!Core.AppLinkHelper.getHref(appLink))\n      return;\n\n    /**\n     * Enable the nav as we leave our popup view - Sha\n     */\n    LayoutHelper.enableNav();\n\n    /**\n     * Re-focus the search bar when the routing has ended.\n     * We need to do this because the user may be mid typing, but the layout\n     * re-render causes the search bar to lose focus - Sha\n     */\n    Radio.channel(CommonChannels.SHELL).once('routing:end', focusSearchBar);\n  });\n\n  const hasLoaded = (\n    moviesAndTvDashboard.hasCompleted &&\n    isLoaded &&\n    (!hasPermissions(PermissionName.ViewLibraries) || libraries.hasCompleted) &&\n    config.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <div className='px-4'>\n      <NavTiles\n        hasPermissions={hasPermissions}\n        moviesAndTvDashboard={moviesAndTvDashboard.data}\n        libraries={libraries.data}\n      />\n\n      {videoHistory.hasCompleted ?\n        <div className='mb-3'>\n          <FixedWidget<PopoutVideoWidgetItemProps>\n            name={getPhrase('recentlyWatched')}\n            collection={videoHistory.data || []}\n            contents={WidgetContents.Videos}\n            childComponent={PopoutVideoWidgetItem}\n            extraChildComponentProps={{\n              setFavourite,\n              canFavourite,\n              presentationAudiences: audiences.data,\n              getSubTextAppLink: SeriesAppLinkHelper.getSeriesAppLink,\n              imageCdnUrl: config.data.imageCdnUrl,\n              yearGroups: yearGroups.data,\n              showVideoGuidance: VideoHelper.showVideoGuidance(hasPermissions),\n              isPlugin,\n              getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n              getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n              getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink\n            }}\n            getChildAppLink={VideoAppLinkHelper.getAppLink}\n            appLink={{\n              application: AppChannels.WATCH_HISTORY,\n              action: Actions.WatchHistory.HOME\n            }}\n            prefetched\n          />\n        </div> :\n        <div className='mb-3'><PartialFixedWidget /></div>\n      }\n\n      {favouriteVideos.hasCompleted ?\n        <FixedWidget<PopoutVideoWidgetItemProps>\n          name={getPhrase('favourites')}\n          collection={favouriteVideos.data.data || []}\n          contents={WidgetContents.Videos}\n          childComponent={PopoutVideoWidgetItem}\n          extraChildComponentProps={{\n            setFavourite,\n            canFavourite,\n            presentationAudiences: audiences.data,\n            getSubTextAppLink: SeriesAppLinkHelper.getSeriesAppLink,\n            imageCdnUrl: config.data.imageCdnUrl,\n            yearGroups: yearGroups.data,\n            showVideoGuidance: VideoHelper.showVideoGuidance(hasPermissions),\n            isPlugin,\n            getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n            getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n            getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink\n          }}\n          getChildAppLink={VideoAppLinkHelper.getAppLink}\n          appLink={{\n            application: AppChannels.DEFAULT,\n            action: Actions.MyFavourites.MY_FAVOURITES\n          }}\n          prefetched\n        /> :\n        <PartialFixedWidget />\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { VideoHistoryCollection, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { VideoHistoryRequests } from 'apps/watch-history/flight-requests/VideoHistoryRequests';\n\nexport function useGetVideoHistory() {\n  const videoHistory = Flight.useBasicFetch<VideoHistoryCollection>(VideoHistoryRequests.userVideoHistory());\n\n  const videosFetchResult = useBatchFetch<VideoTypes>(\n    videoHistory.data?.data?.map(v => v.videoId) ?? [],\n    VideoRequests.watchHistoryVideos\n  );\n\n  /**\n   * We must do this to get the videos back into the correct order - Sha\n   */\n  const videoHistoryVideos = React.useMemo(() => {\n    const videosMap = new Map<string, VideoTypes>();\n\n    videoHistory.data?.data?.forEach(history => {\n      if (videosMap.has(history.videoId))\n        return;\n\n      const video = videosFetchResult.items?.[history.videoId];\n\n      if (video)\n        videosMap.set(history.videoId, video);\n    });\n\n    return [...videosMap.values()];\n  }, [ videosFetchResult.items, videoHistory.data ]);\n  \n  useVideoMixin(videoHistoryVideos);\n\n  return {\n    data: videoHistoryVideos,\n    hasCompleted: !videosFetchResult.isFetching\n  };\n}","\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { VideoHistoryCollection } from 'libs/shared/interfaces';\n\nexport const VideoHistoryRequests = {\n  userVideoHistory(\n    cursor?: string,\n    success?: (data: HashObject) => void,\n    error?: (Xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    let key = 'video:history';\n    let url = `{gateway}/v1/users/me/watch-history`;\n\n    if (cursor) {\n      key += `:${cursor}`;\n      url += `?cursor=${cursor}`;\n    }\n\n    return {\n      key,\n      url,\n      formatData: (historyCollection: VideoHistoryCollection) => {\n        return {\n          data: historyCollection.data.map(historyData => {\n            // Convert last watched times from UTC to local time\n            const lastTimeWatchedLocal = DateHelper.format(historyData.lastTimeWatched);\n            const lastDateWatchedLocal = DateHelper.format(lastTimeWatchedLocal, 'YYYY-MM-DD');\n\n            return {\n              ...historyData,\n              lastTimeWatched: lastTimeWatchedLocal,\n              lastDateWatched: lastDateWatchedLocal\n            };\n          }),\n          pagination: historyCollection.pagination\n        };\n      },\n      success,\n      error,\n      always\n    };\n  },\n\n  videoHistory(\n    ids: string[],\n    namespace?: string,\n    success?: (data: HashObject) => void,\n    error?: (Xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    const params = ids.sort().map(i => `videoId=${i}`);\n\n    return {\n      key: `video:history:videos:${params.join('&')}`,\n      url: `{gateway}/v1/videos/history?${params.join('&')}`,\n      normalizeOptions: {\n        namespace\n      },\n      formatData: (historyCollection: HashObject[]) => {\n        if (!historyCollection?.length)\n          return historyCollection;\n\n        /**\n         * Data is formatted to enable it to be merged with the existing video object in the store\n         * Where we need to merge more history properties with the video object, map them below.\n         */\n        return historyCollection.map((watchHistory: HashObject) => ({\n          id: watchHistory.videoId,\n          lastProgressPoint: watchHistory.lastProgressPoint\n        }));\n      },\n      success,\n      error,\n      always\n    };\n  }\n};","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Clip, ClipCollection, CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nconst CHUNK_SIZE = 50;\n\ntype Types = Video[] | VideoCollection | Clip[] | ClipCollection;\n\nfunction getValidObjects(objects: Types): (Video | Clip)[] {\n  if (!objects)\n    return [];\n\n  if (Array.isArray(objects))\n    return objects.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  if ('data' in objects)\n    return objects.data.filter(o => !!o && (VideoHelper.isVideo(o) || VideoHelper.isClip(o)));\n\n  return [];\n}\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(objects: Types, options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videos = getValidObjects(objects);\n\n  const videoIds = videos.map(v => v.id);\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [...r] ;\n\n      ArrayHelper.chunk<string>(unhydratedVideos, CHUNK_SIZE).forEach(chunk => {\n        newRequests.push(VideoRequests.videoMixinAssocs(chunk, options.flightNamespace));\n\n        if (currentUser.data?.isAuthenticated)\n          newRequests.push(ClassificationRequests.hasCurriculumLinks(chunk, null, options.flightNamespace));\n      });\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["PopoutVideoWidgetItem","props","video","data","getSubTextAppLink","context","thumbnailSize","preloadImage","presentationAudiences","videoAudiences","subjectPresentationAudiences","mergedAudience","breakpoints","useBreakpoints","width","type","className","VideoThumbnail","preventPopout","xs","textPosition","ThumbnailTextPosition","appLink","getAppLink","subTextAppLink","VideoHelper","imageOptions","size","preload","analyticsData","analyticsOptions","canFavourite","setFavourite","imageCdnUrl","audience","hideRating","hideDuration","yearGroups","hideTitle","showVideoGuidance","companyLogoFallbackUrl","subTextType","isPlugin","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","getClassroomGuideAppLink","showNewVideoIndicator","useBatchFetch","itemIds","getRequest","idBatches","setIdBatches","length","newBatches","push","forEach","id","find","batch","_id","filter","join","dispatch","state","idBatch","request","key","shouldFetch","items","isFetching","responses","i","response","v","Object","keys","some","k","useMergeAudiences","audiences","sortedAudiences","HAS_NUMBER_REGEX","AudienceStringBuilders","yearsAndGradesBuilder","combinedNames","map","a","name","numberList","split","isNaN","num","wordList","audienceWithoutNum","p","test","prefix","charAt","pop","audienceRange","audienceValues","initialVal","nextVal","j","isContinguous","ranges","sort","b","processAudienceRanges","internationalSecondaryBuilder","englandSecondaryBuilder","scotlandPrimaryBuilder","firstAudience","ArrayHelper","lastAudience","firstAudienceLevel","lastAudienceLevel","internationalPrimaryBuilder","toLowerCase","scotlandSecondaryBuilder","englandPrimaryBuilder","firstAudienceFirstWord","lastAudienceFirstWord","firstAudienceNumber","word","lastAudienceNumber","firstAudienceString","lastAudienceString","DIGIT_REGEX","SPACE_REGEX","AudienceHelper","getSortedPresentationAudiences","objectAudiences","objectAudienceIds","toString","presAudience","includes","masterId","getMergedPresentationAudienceString","mergedAudienceString","presentationId","HardCoded","sortMembersWithDuplicateNamesByAudience","members","getLowestAudience","digit","match","lowestAudience","lowestAudienceDigit","nameCountMap","sorted","member","sortedSlice","splice","firstObjLowestAudience","secondObjLowestAudience","comparison","localeCompare","concat","getActiveAudiencesFromParams","params","ObjectHelper","shouldShowAudiences","normalizeAudienceName","audienceName","replace","audienceLookup","reduce","audienceStr","getAudienceParams","getPhrase","LanguageService","NavItemTile","AppLink","iconClassName","IconCircle","imageUrl","ImageHelper","svgName","svgSize","SvgContainer","S","NavTiles","hasPermissions","moviesAndTvDashboard","libraries","showNavItem","leftNavId","LeftNavId","PermissionName","LeftNavConfig","LibraryHelper","library","index","args","TextHelper","owner","logo","url","PopupPluginView","usePluginHelper","focusSearchBar","activePresentation","usePresentation","usePermissions","isLoaded","useLiteFavourites","u","config","ConfigRequests","currentUser","UserRequests","isAuthenticated","CustomerRequests","customerId","AudienceRequests","videoHistory","VideoHistoryRequests","videosFetchResult","videoId","VideoRequests","videoHistoryVideos","videosMap","Map","history","has","set","values","useVideoMixin","hasCompleted","useGetVideoHistory","favouriteVideos","FavouriteRequests","LibraryRequests","targetType","queryParams","dashboard","s","CommonChannels","LayoutHelper","Radio","once","collection","contents","WidgetContents","childComponent","extraChildComponentProps","SeriesAppLinkHelper","VideoAppLinkHelper","getChildAppLink","application","action","prefetched","userVideoHistory","cursor","success","error","always","formatData","historyCollection","historyData","lastTimeWatchedLocal","lastTimeWatched","lastDateWatchedLocal","lastDateWatched","pagination","ids","namespace","normalizeOptions","watchHistory","lastProgressPoint","CHUNK_SIZE","objects","options","hydratedVideos","Set","videos","Array","isArray","o","getValidObjects","videoIds","setRequest","unhydratedVideos","current","add","r","newRequests","chunk","flightNamespace"],"sourceRoot":""}