@clickview/lite 0.64.0-rc.0 → 0.64.0-rc.2

package/dist/scripts/1820-3b5d0a340d-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/1820-3b5d0a340d-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/utils/PortalHelper.ts","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/coming-soon-tag.scss","file:///app/packages/libs/shared/src/apps/calendar/components/coming-soon-tag/ComingSoonTag.tsx","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/generic-calendar-date.scss","file:///app/packages/libs/shared/src/apps/calendar/components/generic-calendar-date/GenericCalendarDate.tsx","file:///app/packages/libs/shared/src/components/back-button/BackButton.tsx","file:///app/packages/libs/shared/src/components/banner-header/banner-header.scss","file:///app/packages/libs/shared/src/components/banner-header/BannerHeader.tsx","file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","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/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteScroll.ts","file:///app/packages/libs/shared/src/hooks/UseInfiniteList.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/utils/PlaylistHelper.ts","file:///app/packages/libs/shared/src/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeaderUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/playlist-header.scss","file:///app/packages/projects/lite/src/apps/playlists/components/playlist-header/PlaylistHeader.tsx","file:///app/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/empty-state/PlaylistEmptyState.tsx","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistViewUtils.ts","file:///app/packages/projects/lite/src/apps/playlists/views/playlist/PlaylistView.tsx","file:///app/packages/libs/shared/src/hooks/UseReorderedItems.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport const PortalHelper = {\n  renderInPortalIfExists(component: React.ReactElement, portalContainer: Element | null): React.ReactElement {\n    if (portalContainer)\n      return createPortal(component, portalContainer);\n\n    return component;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"tag\":\"XRj8d\",\"tooltip\":\"X6mLk\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './coming-soon-tag.scss';\n\nconst namespace = 'specialEventCalendar.comingSoonTag';\n\ninterface ComingSoonProps {\n  className?: string;\n  onlyIcon?: boolean;\n}\n\nexport function ComingSoonTag(props: ComingSoonProps): JSX.Element {\n  return (\n    <Tooltip title={LanguageService.getPhrase(namespace, 'tooltip')} spanHackClassName={`d-block ${styles.tooltip}`} spanHack>\n      <div className={`d-flex text-dark align-items-center ${styles.tag} ${props.className}`}>\n        <SvgContainer svgName={cvSvgLibrary.Timer} />\n        {!props.onlyIcon && LanguageService.getPhrase(namespace, 'comingSoon')}\n      </div>\n    </Tooltip>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"dateItem\":\"I3SBm\",\"label\":\"PRORs\",\"body\":\"RfiM_\",\"bodyDay\":\"ZOVny\",\"bodyRange\":\"vYhXN\",\"bodyMonth\":\"mYslO\",\"month\":\"EPkkQ\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './generic-calendar-date.scss';\n\nexport interface GenericCalendarDateProps {\n  label?: string;\n  body: {\n    type: 'month' | 'range' | 'day';\n    text: string;\n  };\n  month?: string;\n  getAppLink?: () => Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  className?: string;\n  theme?: CalendarTheme;\n}\n\nexport function GenericCalendarDate(props: GenericCalendarDateProps): JSX.Element {\n  function getBodyClass(): string {\n    switch (props.body.type) {\n      case 'range':\n        return styles.bodyRange;\n      case 'day':\n        return styles.bodyDay;\n      case 'month':\n        return styles.bodyMonth;\n    }\n  }\n\n  return (\n    <AppLink\n      appLink={props.getAppLink?.()}\n      className={`text-decoration-none text-center bg-white text-dark border border-3 ${props.theme?.border} rounded-3 d-block fw-semibold ${props.className}`}\n      analyticsData={props.analyticsData}\n      analyticsOptions={props.analyticsOptions}\n    >\n      <div className={`position-relative ${styles.dateItem}`}>\n        <div className={`${props.theme?.background} py-1 ${styles.label} d-flex align-items-center justify-content-center`}>\n          {props.label ? props.label : <>&nbsp;</>}\n        </div>\n        <div className={`${getBodyClass()} ${styles.body} my-2`}>\n          {props.body.text}\n        </div>\n        <div className={`mb-0 ${styles.month}`}>\n          {props.month}\n        </div>\n      </div>\n    </AppLink>\n  );\n}","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 { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.backButton';\n\ninterface BackButtonProps {\n  appLink: Core.AppLink;\n  backToName?: string;\n  color?: 'black' | 'white';\n  extraClasses?: string;\n  /**\n   * Whether or not the button text has a text shadow. Defaults to true\n   */\n  textShadow?: boolean;\n}\n\nBackButton.defaultProps = {\n  color: 'black',\n  extraClasses: ''\n};\n\nexport function BackButton(props: BackButtonProps): React.ReactElement {\n  const { backToName, appLink, color, extraClasses, textShadow } = {\n    textShadow: true,\n    ...props\n  };\n\n  const backPhrase = backToName\n    ? LanguageService.getPhrase(namespace, 'backTo', { backToName })\n    : LanguageService.getPhrase(namespace, 'back');\n\n  const colorClass = color === 'black' ? '' : 'text-white';\n  const textShadowClass = textShadow ? 'text-shadow' : '';\n\n  return (\n    <AppLink\n      appLink={appLink}\n      className={`d-inline-flex align-items-center h5 mb-0 ${extraClasses} ${colorClass} ${textShadowClass}`}\n    >\n      <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Medium} />\n      <span className='ms-1'>{backPhrase}</span>\n    </AppLink>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"bannerContent\":\"sSCTB\",\"actionsContainer\":\"Z5WI2\",\"bannerContentWithLogo\":\"rgs7Q\",\"container\":\"M51HJ\",\"logoContainer\":\"vkeJk\",\"logoContainerLeft\":\"M3U9B\",\"logoHeading\":\"EtRwC\",\"specialEventContainer\":\"rOxDc\",\"headingLarge\":\"_8pnV\",\"heading\":\"JXVBH\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { PortalHelper } from 'libs/common/react/utils/PortalHelper';\n\nimport { ComingSoonTag } from 'libs/shared/apps/calendar/components/coming-soon-tag/ComingSoonTag';\nimport { GenericCalendarDate } from 'libs/shared/apps/calendar/components/generic-calendar-date/GenericCalendarDate';\nimport { CalendarTheme } from 'libs/shared/apps/calendar/interfaces/CalendarTheme';\nimport { ActionOptions, Actions } from 'libs/shared/components/actions/Actions';\nimport { BackButton } from 'libs/shared/components/back-button/BackButton';\nimport { LazyImage } from 'libs/shared/components/lazy-image/LazyImage';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ImageMinDimensions } from 'libs/shared/constants/ImageSizes';\nimport { BannerPortalContext } from 'libs/shared/context/BannerPortalContext';\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\nimport { Banner, CalendarEvent, Logo } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './banner-header.scss';\n\nconst RATIO = `${ImageMinDimensions[ImageType.Banners].width}:${ImageMinDimensions[ImageType.Banners].height}`;\nconst DEFAULT_WIDTH = 1200; // This is ImageSize.Large for a Banner.\nconst LARGE_SCREEN_WIDTH = 1920;\n\nfunction useGetImageWidth(): number {\n  const breakpoints = useBreakpoints();\n\n  if (breakpoints.xxl)\n    return LARGE_SCREEN_WIDTH;\n\n  return DEFAULT_WIDTH;\n}\n\nfunction getSizeClass(heading: string): string {\n  if (heading.length < 160)\n    return 'h1';\n\n  return styles.headingLarge;\n}\n\ninterface BannerHeaderProps {\n  heading: string;\n  banner?: Banner;\n  bannerClassName?: string;\n  imageCdnUrl?: string;\n  logo?: Logo;\n  actions?: ActionOptions[];\n  specialEvent?: CalendarEvent;\n  backButtonAppLink?: Core.AppLink;\n  backButtonText?: string;\n  backButtonClasses?: string;\n  sortComponent?: JSX.Element;\n  blockColourClass?: string;\n  actionsDropdownClassName?: string;\n  detailsComponent?: () => React.ReactElement;\n  imageOptions?: ImageOptions;\n  showComingSoon?: boolean;\n  alignLogoLeft?: boolean;\n  calendarTheme?: CalendarTheme;\n}\n\nconst namespace = 'shared.bannerHeader';\n\nexport const BannerHeader = React.memo(function(props: React.PropsWithChildren<BannerHeaderProps>): React.ReactElement {\n  const { heading, banner, imageCdnUrl, actions, sortComponent, blockColourClass, specialEvent } = props;\n\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  const imageWidth = useGetImageWidth();\n\n  const specialEventIsToday = React.useMemo(() => {\n    if (!specialEvent || props.showComingSoon)\n      return false;\n\n    const today = DateHelper.format(new Date(), 'YYYY-MM-DD');\n\n    if (!specialEvent.endDate)\n      return specialEvent.startDate === today;\n\n    return specialEvent.startDate <= today && specialEvent.endDate >= today;\n  }, [specialEvent]);\n\n  function getSpecialEventMonthText(specialEvent: CalendarEvent): string {\n    if (!specialEvent.endDate)\n      return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n    if (DateHelper.isSame(specialEvent.startDate, specialEvent.endDate, 'month'))\n      return DateHelper.format(specialEvent.startDate, 'MMMM');\n\n    return `${DateHelper.format(specialEvent.startDate, 'MMM')} - ${DateHelper.format(specialEvent.endDate, 'MMM')}`;\n  }\n\n  const imageOptions = props.imageOptions || {\n    width: imageWidth,\n    ratio: RATIO,\n    resizeType: ResizeType.Cover\n  };\n\n  const url = !!banner && !!imageCdnUrl && ImageHelper.createBannerUrl(banner, {\n    fallbackBaseUrl: imageCdnUrl,\n    fallbackCategoryName: heading,\n    type: ImageType.Banners\n  }, imageOptions);\n\n  const containerProps: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> = {\n    className: `banner banner-header ${props.bannerClassName}`,\n    style: url ? { backgroundImage: `url('${url}')` } : {}\n  };\n\n  if (!banner && blockColourClass) {\n    delete containerProps.style;\n    containerProps.className += ` ${blockColourClass}`;\n  }\n\n  const DetailsComponent = props.detailsComponent;\n\n  return PortalHelper.renderInPortalIfExists(\n    // \"banner\" is used in playlists in Online. banner-header is used by all other projects\n    <header {...containerProps}>\n      <div className={`container ${styles.container} position-relative inner-banner`}>\n        {props.backButtonAppLink && (\n          <div className='pt-3'>\n            <BackButton\n              appLink={props.backButtonAppLink}\n              backToName={props.backButtonText}\n              extraClasses={props.backButtonClasses}\n              color='white'\n            />\n          </div>\n        )}\n        \n        <div className={`${props.alignLogoLeft ? 'position-absolute top-50 start-0 translate-middle-y w-100 ps-4' : `${styles.bannerContent} px-2 ${props.logo?.url ? styles.bannerContentWithLogo : ''}`}`}>\n          {!!specialEvent && (\n            <div className={`position-relative ${styles.specialEventContainer}`}>\n              <GenericCalendarDate\n                body={{\n                  type: specialEvent.endDate ? 'range' : 'day',\n                  text: specialEvent.endDate\n                    ? `${DateHelper.format(specialEvent.startDate, 'DD')}-${DateHelper.format(specialEvent.endDate, 'DD')}`\n                    : DateHelper.format(specialEvent.startDate, 'DD')\n                }}\n                month={getSpecialEventMonthText(specialEvent)}\n                theme={props.calendarTheme}\n              />\n            </div>\n          )}\n          <div>\n            {specialEventIsToday && (\n              <div className='rounded-pill py-1 px-2 my-1 me-1 fw-semibold bg-light-blue lh-1 d-inline-block'>\n                <Text namespace={namespace} phrase='onToday' />\n              </div>\n            )}\n            {props.showComingSoon && (\n              <ComingSoonTag className='pe-2 fw-semibold mb-1 rounded-pill justify-content-start text-nowrap' />\n            )}\n            <div className='d-flex align-items-center'>\n              {props.alignLogoLeft &&\n                <div className={`${styles.logoContainerLeft} d-none d-md-block partial-loading-background rounded-circle overflow-hidden me-3`}>\n                  {props.logo?.url &&\n                    <LazyImage src={ImageHelper.createUrl(props.logo?.url, { size: ImageSize.Medium })} />}\n                </div>\n              }\n              <h1 className={`text-white text-shadow pe-3 position-static ${styles.heading} ${getSizeClass(heading)} ${props.alignLogoLeft ? 'w-50' : ''}`}>\n                {heading}\n                {DetailsComponent && <DetailsComponent />}\n              </h1>\n            </div>\n          </div>\n          {!!actions && (\n            <div className={styles.actionsContainer}>\n              <Actions\n                actions={actions}\n                sortComponent={sortComponent}\n                actionsDropdownClassName={props.actionsDropdownClassName}\n              />\n            </div>\n          )}\n        </div>\n        {!props.alignLogoLeft && !!props.logo?.url &&\n          <div className={styles.logoContainer}>\n            <img\n              src={ImageHelper.createUrl(props.logo.url, { size: ImageSize.Small })}\n              className='rounded-circle'\n            />\n          </div>\n        }\n      </div>\n    </header>,\n    portalContainerContext?.container\n  );\n}, (prevProps, nextProps): boolean => (\n  prevProps.actions === nextProps.actions\n  && prevProps.heading === nextProps.heading\n  && prevProps.logo?.url === nextProps.logo?.url\n));\n\nexport function PartialBannerHeader(): JSX.Element {\n  const portalContainerContext = React.useContext(BannerPortalContext);\n\n  return PortalHelper.renderInPortalIfExists(\n    <div className={`partial-banner partial-loading-background ${styles.banner}`} />,\n    portalContainerContext?.container\n  );\n}","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 {\"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 { 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  internalServerError?: 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  internalServerError: 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.InternalServer) {\n    if (!ignoreMap.internalServerError)\n      Core.ErrorHelper.throw(new UnspecifiedError());\n    return;\n  }\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}","import { useEffect } from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst SCROLL_TOLERANCE = 400; // value in px\n\ninterface UseInfiniteScrollOptions {\n  fetchNextPage: () => void;\n  hasMore: boolean;\n  isFetching: boolean;\n  scrollContainer?: HTMLElement;\n}\n\nexport function useInfiniteScroll(options: UseInfiniteScrollOptions): void {\n  const handleScroll = (): void => {\n    if (options.isFetching)\n      return;\n\n    if (!options.scrollContainer) {\n      const currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;\n  \n      const totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    } else {\n      const { scrollContainer } = options;\n      const currentScrollHeight = scrollContainer.getBoundingClientRect().height + scrollContainer.scrollTop;\n  \n      const totalHeight = scrollContainer.scrollHeight - SCROLL_TOLERANCE;\n  \n      if (currentScrollHeight < totalHeight)\n        return;\n    }\n\n    options.fetchNextPage();\n  };\n\n  useEffect(() => {\n    const onScroll = FunctionHelper.throttle(handleScroll, 200);\n\n    const scrollContainer = options.scrollContainer || window;\n\n    if (options.hasMore)\n      scrollContainer.addEventListener('scroll', onScroll);\n\n    return () => scrollContainer.removeEventListener('scroll', onScroll);\n  }, [ options.hasMore, options.fetchNextPage, options.scrollContainer ]);\n}","import { useEffect, useState } from 'react';\n\nimport { HttpStatus, HttpStatusClass } from 'libs/common/backbone/enums/HttpStatus';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { BaseObject, BasePaginatedCollection } from 'libs/shared/interfaces';\n\nimport { useInfiniteScroll } from './UseInfiniteScroll';\nimport { useSelectAllPages } from './UseSelectAllPages';\n\nexport interface UseInfiniteListResult<T extends BaseObject> {\n  items: T[];\n  hasMore: boolean;\n  isFetching: boolean;\n  nextCursor: string;\n  totalItems?: number;\n  hasFirstPageCompleted: boolean;\n}\n\n/**\n * Hook to extract an infinite list from the application state,\n * save it locally in state and only update when new data\n * is fetched.\n * \n * @param getRequest - callback function to get the request for each page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n * \n * @param fetchNext - callback function to fetch a page.\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\n */\nexport function useInfiniteList<TObject = BaseObject, TResponse = BasePaginatedCollection<TObject>>(\n  getRequest: ((cursor?: string) => Flight.Request) | false,\n  fetchNext: ((cursor?: string) => void) | false,\n  onError?: (pageNumber: number, statusCode: HttpStatus) => void,\n  getItems?: (responseData: TResponse) => TObject[],\n  getCursor?: (responseData: TResponse) => string,\n  scrollContainer?: HTMLElement\n): UseInfiniteListResult<TObject> {\n  const [ pagesFetched, setPagesFetched ] = useState(0);\n\n  const fetchNextFn = fetchNext as (cursor?: string) => void;\n\n  function getKey(cursor?: string): string {\n    if (!getRequest)\n      return null;\n\n    const request = getRequest(cursor);\n\n    if (!request)\n      return null;\n\n    return request.key;\n  }\n\n  const response = useSelectAllPages<TObject, TResponse>(\n    getKey,\n    getItems,\n    getCursor\n  );\n\n  function fetchNextPage(): void {\n    if (!fetchNext || !getRequest || !response)\n      return;\n\n    setPagesFetched(currentVal => currentVal + 1);\n    return fetchNextFn(response.nextCursor);\n  }\n\n  useInfiniteScroll({\n    fetchNextPage,\n    hasMore: !!response?.nextCursor,\n    isFetching: response?.isFetching,\n    scrollContainer\n  });\n\n  useEffect(() => {\n    if (!response)\n      return;\n\n    if (response.shouldInitialFetch && fetchNext) {\n      fetchNextFn();\n      setPagesFetched(currentVal => currentVal + 1);\n    }\n  }, [ response?.shouldInitialFetch, fetchNext ]);\n\n  useEffect(() => {\n    if (!response?.statusCode || !FunctionHelper.isFunction(onError))\n      return;\n\n    const httpStatusClass: HttpStatusClass = +(response.statusCode?.toString()?.substr(0, 1));\n\n    if (httpStatusClass !== HttpStatusClass.ClientError && httpStatusClass !== HttpStatusClass.ServerError)\n      return;\n\n    onError(pagesFetched, response.statusCode);\n  }, [response?.statusCode]);\n\n  return {\n    items: response?.items,\n    hasMore: !!response?.nextCursor,\n    nextCursor: response?.nextCursor,\n    isFetching: response?.isFetching,\n    totalItems: response?.totalItems,\n    hasFirstPageCompleted: response?.hasFirstPageCompleted\n  };\n}","import React from 'react';\n\nimport { Breadcrumb } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BreadcrumbService } from 'libs/shared/services/BreadcrumbService';\n\nexport function useBreadcrumbs(current: Breadcrumb): Breadcrumb[] {\n  const [ match, useBuilder ] = React.useMemo(() => BreadcrumbService.getBuilder(), []);\n\n  const breadcrumbs = useBuilder(match);\n\n  if (!breadcrumbs || !current)\n    return breadcrumbs;\n\n  return [ ...breadcrumbs, { ...current, active: true }];\n}\n\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 { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { BaseObject, CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nexport const PlaylistHelper = {\n  isPlaylist(obj: BaseObject): obj is Playlist {\n    return obj?.typeId === MasterType.Playlist;\n  },\n\n  isOwner(playlist: Playlist, currentUser: CurrentUser): boolean {\n    if (!currentUser || !playlist || ObjectHelper.isEmpty(playlist._liteOwner))\n      return false;\n\n    return playlist._liteOwner.id.toString() === currentUser.id?.toString();\n  },\n\n  getVideoCount(playlist: Playlist): number {\n    if (!playlist)\n      return;\n\n    let count = 0;\n\n    if (playlist.videos?.count)\n      count += playlist.videos.count;\n\n    if (playlist.clips?.count)\n      count += playlist.clips.count;\n\n    if (playlist.interactives?.count)\n      count += playlist.interactives.count;\n\n    return count;\n  }\n};","import React from 'react';\n\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ClickViewAvatar } from 'libs/shared/components/clickview-avatar/ClickViewAvatar';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurrentUser, Playlist } from 'libs/shared/interfaces';\n\nconst namespace = 'playlists.playlistHeaderDetails';\n\nconst Separator = ({ className }: { className: string }) =>\n  <span className={className}>&bull;</span>;\n\nfunction getPlaylistOwnerName(playlist: Playlist): string {\n  const { _liteOwner } = playlist;\n\n  if (!_liteOwner)\n    return;\n\n  if (_liteOwner.name && _liteOwner.surname)\n    return TextHelper.toTitleCase(_liteOwner.name + ' ' + _liteOwner.surname.substring(0, 1));\n\n  if (_liteOwner.name)\n    return _liteOwner.name.split(' ')[0];\n}\n\nfunction getLastUpdated(playlist: Playlist): string {\n  if (!playlist.contentModifiedDate)\n    return '';\n\n  const now = new Date();\n  const lastUpdated = DateHelper.convertUTCToLocal(playlist.contentModifiedDate);\n\n  // Don't show if last updated over a month ago\n  if (DateHelper.isBefore(lastUpdated, DateHelper.subtract(now, 1, 'month')))\n    return '';\n\n  return DateHelper.fromNow(lastUpdated);\n}\n\ninterface PlaylistHeaderDetailsProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  totalVideos: number;\n  \n  hideOwnerName?: boolean;\n\n  // Custom classes for everything as online and lite use different styles\n  detailsClassName: string;\n  clickViewAvatarClassName: string;\n  separatorClassName: string;\n}\n\nexport function PlaylistHeaderDetails(props: PlaylistHeaderDetailsProps): React.ReactElement {\n  const currentUserIsOwner = PlaylistHelper.isOwner(props.playlist, props.currentUser);\n\n  const followerCount = props.playlist.followers?.count;\n\n  const lastUpdated = getLastUpdated(props.playlist);\n\n  return (\n    <div className={props.detailsClassName}>\n      {/* Owner name */}\n      {(!props.hideOwnerName && !currentUserIsOwner) && (\n        <>\n          {props.playlist._isClickViewCurated?.value ? (\n            <>\n              <div className={props.clickViewAvatarClassName}>\n                <ClickViewAvatar />\n              </div>\n              <span>ClickView</span>\n            </>\n          ) : (\n            <Text namespace={namespace} phrase='createdBy' options={{ user: getPlaylistOwnerName(props.playlist) }} />\n          )}\n\n          <Separator className={props.separatorClassName} />\n        </>\n      )}\n\n      {/* Video count */}\n      {typeof props.totalVideos === 'number' && (\n        <Text namespace={namespace} phrase='videos' options={{ smartCount: props.totalVideos }} />\n      )}\n\n      {/* Follower count */}\n      {followerCount > 0 && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='followers' options={{ smartCount: followerCount }} />\n        </>\n      )}\n\n      {/* Last updated */}\n      {!!lastUpdated && (\n        <>\n          <Separator className={props.separatorClassName} />\n          <Text namespace={namespace} phrase='lastUpdated' options={{ timeAgo: lastUpdated }} />\n        </>\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialDescription\":\"vDX0m\"};","import React from 'react';\n\nimport { PartialBannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\n\nimport styles from './partial-playlist-header.scss';\n\nexport function PartialPlaylistHeader(): JSX.Element {\n  return (\n    <>\n      <PartialBannerHeader />\n      <div className='mb-2'>\n        <div className={`partial-loading-background my-2 border-bottom ${styles.partialDescription}`} />\n      </div>\n    </>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions, EntityType, EventVersion, LocationContext, ToggleDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { getOpenInCurationStudioLabel } from 'libs/shared/hooks/useCurationStudio';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { PlaylistHeaderProps } from './PlaylistHeader';\n\nconst namespace = 'playlists.playlistHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GetPlaylistActionsArgs {\n  isAuthenticated: boolean;\n  isPlugin: boolean;\n  isMobile: boolean;\n  setIsFollowing: (val: boolean) => void;\n  isFollowing: boolean;\n  setShowFollowSpinner: (val: boolean) => void;\n  showFollowSpinner: boolean;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n}\n\nexport const PlaylistHeaderUtils = {\n  getPlaylistActions(headerProps: PlaylistHeaderProps, args: GetPlaylistActionsArgs): ActionOptions[] {\n    const {\n      isAuthenticated,\n      isPlugin,\n      isMobile,\n      setIsFollowing,\n      isFollowing,\n      setShowFollowSpinner,\n      showFollowSpinner,\n      isUserCurator,\n      openInCuratorLink\n    } = args;\n\n    const analyticsData = {\n      id: headerProps.playlist.id,\n      name: headerProps.playlist.name,\n      followerCount: headerProps.playlist.followers?.count,\n      videoCount: headerProps.playlist.videos?.count,\n      interactiveCount: headerProps.playlist.interactives?.count,\n      clipCount: headerProps.playlist.clips?.count,\n      isClickViewPlaylist: headerProps.playlist._isClickViewCurated?.value\n    };\n\n    const analyticsOptions: AnalyticsOptions = {\n      location: LocationContext.Banner,\n      entity: EntityType.Playlist,\n      workflowPhase: WorkflowPhase.Start\n    };\n\n    const actions: ActionOptions[] = [];\n\n    if (!isAuthenticated)\n      return actions;\n\n    const isOwner = PlaylistHelper.isOwner(headerProps.playlist, headerProps.currentUser);\n\n    if (!isPlugin) {\n      if (headerProps.playAllAppLink) {\n        actions.push({\n          label: getPhrase('playAll'),\n          appLink: headerProps.playAllAppLink,\n          svgName: cvSvgLibrary.Play,\n          className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n          button: !isMobile,\n          analyticsData,\n          analyticsOptions: {\n            ...analyticsOptions,\n            actionType: UserAction.Play\n          }\n        });\n      }\n\n      if (isUserCurator)\n        actions.push({\n          label: getOpenInCurationStudioLabel(),\n          href: openInCuratorLink,\n          openInNewTab: true\n        });\n\n      actions.push({\n        label: getPhrase('share'),\n        appLink: {\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.SHARE,\n          args: [headerProps.playlist.id],\n          params: { entityType: 'playlist' }\n        },\n        svgName: cvSvgLibrary.Share,\n        className: !isMobile ? 'btn btn-outline-dark me-2' : '',\n        button: !isMobile,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Share,\n          eventVersion: EventVersion.V3\n        }\n      });\n    }\n\n    if (!isOwner) {\n      actions.push({\n        label: getPhrase(isFollowing ? 'following' : 'follow'),\n        onClick: () => {\n          setIsFollowing(!isFollowing);\n          setShowFollowSpinner(true);\n          headerProps.follow(\n            !isFollowing,\n            () => {\n              setShowFollowSpinner(false);\n              AnalyticsHelper.logUserAction(analyticsData, {\n                ...analyticsOptions,\n                actionType: UserAction.Follow,\n                descriptor: isFollowing ? ToggleDescriptor.Off : ToggleDescriptor.On,\n                workflowPhase: WorkflowPhase.Complete\n              });\n            },\n            () => {\n              setShowFollowSpinner(false);\n              setIsFollowing(isFollowing);\n            }\n          );\n        },\n        svgName: isFollowing ? cvSvgLibrary.BellFilled : cvSvgLibrary.Bell,\n        className: !isMobile\n          ? `btn follow-btn btn-${isFollowing ? 'outline-dark' : 'dark'} me-2`\n          : '',\n        button: !isMobile,\n        showSpinner: showFollowSpinner\n      });\n    }\n\n    if (isOwner) {\n      actions.push({\n        label: getPhrase('edit'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.EDIT_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Edit,\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Edit\n        }\n      });\n\n      actions.push({\n        label: getPhrase('delete'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.DELETE_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        svgName: cvSvgLibrary.Delete,\n        className: 'text-danger',\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Delete\n        }\n      });\n    }\n\n    if (headerProps.playlist._isClickViewCurated?.value) {\n      actions.push({\n        label: getPhrase('copy'),\n        appLink: {\n          application: AppChannels.PLAYLISTS,\n          action: Actions.Playlists.COPY_PLAYLIST,\n          args: [headerProps.playlist.id]\n        },\n        button: false,\n        analyticsData,\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Copy\n        }\n      });\n    }\n\n    return actions;\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"clickViewAvatar\":\"PHe9c\"};","import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PlaylistHeaderDetails } from 'libs/shared/apps/playlists/components/playlist-header-details/PlaylistHeaderDetails';\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\nimport { Breadcrumb, Breadcrumbs, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Classification, CurrentUser, Playlist } from 'libs/shared/interfaces';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\n\nimport { PartialPlaylistHeader } from './partial-loading/PartialPlaylistHeader';\nimport { PlaylistHeaderUtils } from './PlaylistHeaderUtils';\n\nimport styles from './playlist-header.scss';\n\nexport interface PlaylistHeaderProps {\n  playlist: Playlist;\n  currentUser: CurrentUser;\n  isFollowing: boolean;\n  follow: (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => void;\n  imageCdnUrl: string;\n  showPartialLoading: boolean;\n  playAllAppLink: Core.AppLink;\n  isUserCurator: boolean;\n  openInCuratorLink: string;\n\n  // For breadcrumbs\n  getBreadcrumbs: () => Breadcrumb[];\n  topicPath: Classification[];\n  moviesAndTv: boolean;\n  classificationId: string;\n  totalVideos: number;\n}\n\nexport function PlaylistHeader(props: PlaylistHeaderProps): JSX.Element {\n  const { isPlugin } = usePluginHelper();\n\n  // Store isFollowing in local state so that it updates immediately.\n  const [ isFollowing, setIsFollowing ] = React.useState(props.isFollowing);\n  const [ showFollowSpinner, setShowFollowSpinner ] = React.useState(false);\n\n  React.useEffect(() => setIsFollowing(props.isFollowing), [props.isFollowing]);\n\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (props.showPartialLoading)\n    return <PartialPlaylistHeader />;\n\n  const description = props.playlist.description;\n\n  const actions: ActionOptions[] = PlaylistHeaderUtils.getPlaylistActions(props, {\n    isAuthenticated: props.currentUser.isAuthenticated,\n    isPlugin,\n    isMobile,\n    setIsFollowing,\n    isFollowing,\n    setShowFollowSpinner,\n    showFollowSpinner,\n    isUserCurator: props.isUserCurator,\n    openInCuratorLink: props.openInCuratorLink\n  });\n\n  const breadcrumbs = props.getBreadcrumbs();\n\n  return (\n    <>\n      <BannerHeader\n        heading={props.playlist.name}\n        banner={props.playlist.banner}\n        imageCdnUrl={props.imageCdnUrl}\n        actions={actions.length && actions}\n        actionsDropdownClassName='btn btn-outline-dark'\n        blockColourClass={getBgColorClass(props.playlist.name, BG_COLOUR_CLASS_NAMES)}\n        detailsComponent={() => (\n          <PlaylistHeaderDetails\n            playlist={props.playlist}\n            currentUser={props.currentUser}\n            detailsClassName='mb-n1 font-size-normal fw-normal mt-1'\n            clickViewAvatarClassName={styles.clickViewAvatar}\n            separatorClassName='mx-1'\n            totalVideos={props.totalVideos}\n          />\n        )}\n      />\n      {(!!description || !!breadcrumbs?.length) && (\n        <div className='border-bottom py-3'>\n          {(() => {\n            if (!props.playlist || (props.classificationId && !props.topicPath))\n              return <PartialBreadcrumbs />;\n\n            return (\n              <div className='pb-2'>\n                <Breadcrumbs breadcrumbs={breadcrumbs} />\n              </div>\n            );\n          })()}\n          {!!description && <p className='mb-0'>{description}</p>}\n        </div>\n      )}\n    </>\n  );\n}\n","import * as React from 'react';\nimport { DragEndEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\n\nimport { SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\nimport { YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface SortableVideoListContainerProps extends VideoListProps {\n  playlistId: string;\n  yearGroups: YearGroup[];\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\n  onSortStart?: (index: number) => void;\n  canEdit?: boolean;\n  showPartialLoading?: boolean;\n  fetchRestrictions?: () => void;\n  showSignIn?: boolean;\n}\n\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\n\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\n\n  const onSortStartHandler = (event: DragStartEvent) => {\n    const index = props.videos.findIndex(v => v.id.toString() === event.active.id.toString());\n\n    setCurrentSortingIndex(index);\n\n    if (FunctionHelper.isFunction(onSortStart))\n      onSortStart(index);\n  };\n\n  const onSortEnd = (event: DragEndEvent) => {\n    setCurrentSortingIndex(null);\n\n    const { active, over } = event;\n    \n    const oldIndex = props.videos.findIndex(v => v.id.toString() === active.id.toString());\n    const newIndex = props.videos.findIndex(v => v.id.toString() === over.id.toString());\n\n    if (!FunctionHelper.isFunction(onSortComplete)) {\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\n      return;\n    }\n    \n    onSortComplete(oldIndex, newIndex);\n  };\n\n  if (showPartialLoading)\n    return <PartialVideoList withReordering={props.canEdit || props.showIndexes} />;\n\n  if (!props.canEdit)\n    return <VideoList {...videoListProps} />;\n\n  return (\n    <SortableVideoList\n      {...videoListProps}\n      currentSortingIndex={currentSortingIndex}\n      onSortStart={onSortStartHandler}\n      onSortEnd={onSortEnd}\n      dragHandleIcon={cvSvgLibrary.Hamburger}\n      dragHandleIconSize={SvgContainerSize.XXL}\n      presentationAudiences={props.presentationAudiences}\n    />\n  );\n}","import React from 'react';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nconst namespace = 'playlists.playlistEmptyState';\n\nexport function PlaylistEmptyState(): JSX.Element {\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <EmptyState>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Playlists.PLAYLIST_VIDEOS} />\n\n        <EmptyState.Heading><Text phrase='heading' /></EmptyState.Heading>\n\n        <EmptyState.Info><Text phrase='info' /></EmptyState.Info>\n      </EmptyState>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AssocDescriptor, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { CurrentUser, Playlist, Video, VideoTypes } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { PlaylistNotFoundError } from 'shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError';\nimport { PlaylistPrivateError } from 'shared/errors/playlists/playlist-private/PlaylistPrivateError';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\n\nconst getPhrase = LanguageService.encloseNamespace('playlists.playlist');\n\n/**\n * NOTE:\n * This will be wrong if we increase the playlist limit from 100, or\n * stop fetching all 100 videos at once.\n */\nexport function getLastUpdatedDate(videos: Video[]): string {\n  const videoLastUpdatedDates: string[] = videos && videos.length && videos.map(v => v.dateAssociated);\n\n  return (videoLastUpdatedDates && videoLastUpdatedDates.length)\n    ? ArrayHelper.max<string, number>(videoLastUpdatedDates, (date: string) => new Date(date).getTime())\n    : null;\n}\n\nexport function usePlaylistViewVideoActions(\n  playlist: Playlist,\n  currentUser: CurrentUser,\n  shareId: string\n) {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem, shareId });\n\n  if (!PlaylistHelper.isOwner(playlist, currentUser))\n    return videoActions;\n\n  const getVideoActions = (video: VideoTypes, options?: VideoActionsOptions) => {\n    const { canConsume } = VideoHelper.getCanBeConsumed(video);\n\n    const removeFromPlaylistAction = {\n      label: getPhrase('removeFromPlaylist'),\n      button: false,\n      svgName: cvSvgLibrary.Delete,\n      appLink: {\n        application: AppChannels.PLAYLISTS,\n        action: Actions.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,\n        args: [ video.id, playlist.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        entity: EntityType.Video,\n        actionType: UserAction.Dissociate,\n        location: LocationContext.VideoListItem,\n        workflowPhase: WorkflowPhase.Start,\n        descriptor: AssocDescriptor.Playlist\n      },\n      analyticsData: {\n        id: video.id,\n        playlistId: playlist.id\n      },\n      group: 'delete'\n    };\n\n    if (!canConsume)\n      return [removeFromPlaylistAction];\n\n    return [ ...videoActions.getVideoActions(video, options), removeFromPlaylistAction ];\n  };\n\n  return {\n    ...videoActions,\n    getVideoActions\n  };\n}\n\nexport function logSortAction(playlistId: string, videoId: string, workflowPhase: WorkflowPhase): void {\n  AnalyticsHelper.logUserAction({ id: videoId, playlistId }, {\n    location: LocationContext.VideoList,\n    entity: EntityType.Video,\n    actionType: UserAction.Move,\n    workflowPhase\n  });\n}\n\nexport const playlistErrors = {\n  notFound: PlaylistNotFoundError,\n  forbidden: {\n    privacy: PlaylistPrivateError\n  }\n};","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PlaylistHelper } from 'libs/shared/apps/playlists/utils/PlaylistHelper';\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCurationStudio } from 'libs/shared/hooks/useCurationStudio';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useInfiniteList } from 'libs/shared/hooks/UseInfiniteList';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useReorderedItems } from 'libs/shared/hooks/UseReorderedItems';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classification, Config, Following, OnlineCurrentUser, Playlist, Presentation, PresentationAudience, Series, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\nimport { ReorderHelper } from 'libs/shared/utils/ReorderHelper';\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 { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { SeoHelper } from 'shared/utils/SeoHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { PlaylistHeader } from 'apps/playlists/components/playlist-header/PlaylistHeader';\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list/SortableVideoListContainer';\n\nimport { PlaylistEmptyState } from './empty-state/PlaylistEmptyState';\nimport { logSortAction, playlistErrors, usePlaylistViewVideoActions } from './PlaylistViewUtils';\n\nconst namespace = 'playlists.playlist';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlaylistViewProps {\n  playlistId: string;\n  shareId?: string;\n  classificationId?: string;\n  getSeriesAppLink: (series: Series) => Core.AppLink;\n  moviesAndTv?: boolean;\n  hideBreadCrumbs?: boolean;\n}\n\nexport function PlaylistView(props: PlaylistViewProps): React.ReactElement {\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<OnlineCurrentUser>(UserRequests.currentUser());\n  const { isUserCurator, getOpenInCurationStudioLink } = useCurationStudio();\n  const { hasPermissions } = usePermissions();\n  const { isPlugin } = usePluginHelper();\n\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const topicPath = Flight.useBasicFetch<Classification[]>(\n    props.classificationId &&\n    ClassificationRequests.path(props.classificationId)\n  );\n\n  const classification = Flight.useBasicFetch<Classification>(\n    props.classificationId &&\n    ClassificationRequests.classification(props.classificationId, currentUser.data?.id)\n  );\n\n  const classificationPresentation = Flight.useBasicFetch<Presentation>(\n    classification.hasCompleted &&\n    ClassificationRequests.presentationById(classification.data?.presentationId)\n  );\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    (!props.classificationId || classificationPresentation.hasCompleted) &&\n    AudienceRequests.presentationAudiences(classificationPresentation.data?.id)\n  );\n\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n\n  const playlistRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylist(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylist(props.playlistId);\n\n  const playlistItemCountRequest = props.shareId\n    ? PlaylistRequests.getSharedPlaylistVideosCount(props.playlistId, props.shareId)\n    : PlaylistRequests.getPlaylistVideosCount(props.playlistId);\n\n  const playlist = Flight.useBasicFetch<Playlist>(playlistRequest);\n  const playlistWithCounts = Flight.useBasicFetch<Playlist>(playlistItemCountRequest);\n\n  const getVideoItemActions = usePlaylistViewVideoActions(playlist.data, currentUser.data, props.shareId);\n\n  useHandleObjectError(playlist, playlistErrors);\n\n  const getVideosRequest = (cursor?: string) => {\n    return props.shareId\n      ? PlaylistRequests.getSharedPlaylistVideos(props.playlistId, props.shareId, cursor)\n      : PlaylistRequests.getPlaylistVideos(props.playlistId, cursor);\n  };\n\n  const following = Flight.useBasicFetch<Following>(\n    currentUser.data?.id &&\n    PlaylistRequests.getIsFollowingPlaylist(props.playlistId, currentUser.data?.id)\n  );\n\n  const fetchNext = (cursor?: string) => {\n    Flight.getFetch(dispatch)(getVideosRequest(cursor));\n  };\n\n  const { items: videos, hasMore, isFetching } = useInfiniteList<VideoTypes>(getVideosRequest, fetchNext);\n\n  useVideoMixin(videos);\n\n  // Locally stored array of videos used to immediately reflect changes in order.\n  const [ reorderedVideos, setReorderedVideos ] = useReorderedItems(videos);\n\n  useDeepLinks({ id: props.playlistId, app: 'playlists', shareId: props.shareId });\n  useSetPageMetadata(PageMetadataHelper.getPlaylistMetadata({\n    content: playlist.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    },\n    canonicalLink: SeoHelper.getCanonicalLink({ stripPresentationSlug: true }),\n    allowIndexing: false\n  }));\n\n  const onSortStart = (index: number) => {\n    const video = videos[index];\n\n    if (video)\n      logSortAction(props.playlistId, video.id, WorkflowPhase.Start);\n  };\n\n  const onSortComplete = (oldIdx: number, newIdx: number) => {\n    if (oldIdx === newIdx)\n      return;\n\n    const video = videos[oldIdx];\n\n    if (!video)\n      return;\n\n    const { reorderedItems, reorderRequest } = ReorderHelper.reorder(videos, oldIdx, newIdx);\n    setReorderedVideos(reorderedItems);\n\n    logSortAction(props.playlistId, video.id, WorkflowPhase.Complete);\n\n    const onError = () => {\n      setReorderedVideos(null);\n    };\n\n    Flight.fetch(dispatch, PlaylistRequests.reorderVideos(props.playlistId, reorderRequest, null, onError));\n  };\n\n  const follow = (shouldFollow: boolean, onSuccess: () => void, onError: () => void) => {\n    const req = shouldFollow\n      ? PlaylistRequests.followPlaylist\n      : PlaylistRequests.unfollowPlaylist;\n\n    const error = () => {\n      onError();\n      alerts.error(getPhrase(shouldFollow ? 'followError' : 'unfollowError'));\n    };\n\n    Flight.fetch(dispatch, req(props.playlistId, currentUser.data?.id, onSuccess, error));\n  };\n\n  const playlistIsEmpty = !!videos && videos.length === 0;\n\n  const getVideoAppLink = (\n    video: VideoTypes,\n    playNext: boolean,\n    options: GetVideoAppLinkOptions = {}\n  ) => {\n    return VideoAppLinkHelper.getAppLink(video, {\n      ...options,\n      contextId: props.playlistId,\n      context: RelatedVideosContext.Playlist,\n      shareId: props.shareId,\n      moviesAndTv: props.moviesAndTv,\n      playNext,\n      includeContext: currentUser.data?.isAuthenticated\n    });\n  };\n\n  const isFollowingComplete = !currentUser.data?.isAuthenticated || !!following.hasCompleted;\n\n  // The play all applink should start from the first consumable video\n  const firstPlayAllVideo = videos?.find(v => VideoHelper.getCanBeConsumed(v)?.canConsume);\n  const canEdit = PlaylistHelper.isOwner(playlist.data, currentUser.data);\n\n  const videoDataLoaded = (\n    videos && currentUser.data && config.data\n  );\n\n  const getSignInAppLink = (appLink: Core.AppLink): Core.AppLink => {\n    const redirectUrl = Core.AppLinkHelper.getHref(appLink);\n    const params = redirectUrl !== '/' ? { redirectUrl } : {};\n    \n    return {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.CHALLENGE,\n      params\n    };\n  };\n\n  const breadcrumbs = useBreadcrumbs({ name: playlist.data?.name });\n\n  return (\n    <VideoActionsContext.Provider value={currentUser.data?.isAuthenticated && getVideoItemActions}>\n      <div className='bg-white px-3'>\n        <PlaylistHeader\n          playlist={playlist.data}\n          currentUser={currentUser.data}\n          isFollowing={following.data?.isFollowing}\n          follow={follow}\n          playAllAppLink={firstPlayAllVideo && getVideoAppLink(firstPlayAllVideo, true)}\n          showPartialLoading={!playlist.data || !videoDataLoaded || !isFollowingComplete}\n          imageCdnUrl={!!config.data && config.data.imageCdnUrl}\n          getBreadcrumbs={() => props.hideBreadCrumbs ? null : breadcrumbs}\n          topicPath={topicPath.data}\n          moviesAndTv={props.moviesAndTv}\n          classificationId={props.classificationId}\n          isUserCurator={isUserCurator}\n          openInCuratorLink={getOpenInCurationStudioLink(playlist.data?.typeId, playlist.data?.id)}\n          totalVideos={PlaylistHelper.getVideoCount(playlistWithCounts.data)}\n        />\n        <div className='mt-2'>\n          {!playlistIsEmpty\n            ? (\n              <SortableVideoListContainer\n                videos={reorderedVideos || videos}\n                yearGroups={yearGroups.data}\n                playlistId={!!playlist.data && playlist.data.id}\n                onSortStart={onSortStart}\n                onSortComplete={onSortComplete}\n                canEdit={canEdit}\n                showPartialLoading={!videoDataLoaded}\n                getVideoAppLink={(v, opts) => getVideoAppLink(v, false, opts)}\n                getSubTextAppLink={video => props.getSeriesAppLink(video.series)}\n                setFavourite={setFavourite}\n                canFavourite={canFavourite}\n                showSignIn={!currentUser.data?.isAuthenticated}\n                getSignInAppLink={getSignInAppLink}\n                canRemovePrivateVideos={canEdit}\n                presentationAudiences={props.moviesAndTv ? null : audiences.data}\n                showIndexes={true}\n                hasPermissions={hasPermissions}\n                getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n                imageCdnUrl={config.data?.imageCdnUrl}\n                isPlugin={isPlugin}\n                getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n                getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n                getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n              />\n            ) : <PlaylistEmptyState />\n          }\n        </div>\n        {(hasMore || isFetching) && <InfiniteScrollFooter isFetching={isFetching} fetchNext={fetchNext} />}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nfunction isOrderEqual(arr1: BaseObject[], arr2: BaseObject[]): boolean {\n  let isEqual = true;\n\n  if (arr1.length !== arr2.length)\n    return false;\n\n  for (let i = 0; i < arr1.length; i++) {\n    if (arr1[i].id !== arr2[i].id) {\n      isEqual = false;\n      break;\n    }\n  }\n\n  return isEqual;\n}\n\n/**\n * This function can be used to temporarily store an array of reordered objects\n * until the array obtained from the application store updates to the new order.\n * \n * @param items array of objects from application store.\n */\nexport function useReorderedItems<T extends BaseObject>(\n  items: T[]\n): [ T[], React.Dispatch<React.SetStateAction<T[]>> ] {\n  const [ reorderedItems, setReorderedItems ] = useState<T[]>();\n\n  useEffect(() => {\n    if (!reorderedItems)\n      return;\n\n    if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems))\n      setReorderedItems(null);\n  }, [items]);\n\n  return [ reorderedItems, setReorderedItems ];\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":["PortalHelper","renderInPortalIfExists","component","portalContainer","createPortal","namespace","ComingSoonTag","props","Tooltip","title","LanguageService","spanHackClassName","spanHack","className","SvgContainer","svgName","onlyIcon","GenericCalendarDate","AppLink","appLink","getAppLink","theme","border","analyticsData","analyticsOptions","background","label","body","type","getBodyClass","text","month","BackButton","textShadow","backToName","color","extraClasses","backPhrase","colorClass","textShadowClass","size","S","defaultProps","RATIO","width","height","getSizeClass","heading","length","BannerHeader","banner","imageCdnUrl","actions","sortComponent","blockColourClass","specialEvent","portalContainerContext","BannerPortalContext","imageWidth","useBreakpoints","xxl","specialEventIsToday","showComingSoon","today","DateHelper","Date","endDate","startDate","imageOptions","ratio","resizeType","url","ImageHelper","fallbackBaseUrl","fallbackCategoryName","containerProps","bannerClassName","style","backgroundImage","DetailsComponent","detailsComponent","backButtonAppLink","backButtonText","backButtonClasses","alignLogoLeft","logo","getSpecialEventMonthText","calendarTheme","Text","phrase","LazyImage","src","Actions","actionsDropdownClassName","container","prevProps","nextProps","PartialBannerHeader","getPhrase","BreadcrumbItem","ref","breadcrumb","name","active","withBackIcon","trimmedName","slice","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","dangerouslySetInnerHTML","__html","InfiniteScrollFooter","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","Spinner","as","animation","role","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","internalServerError","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","Array","isArray","useEffect","forEach","SCROLL_TOLERANCE","useInfiniteList","getRequest","onError","getItems","getCursor","scrollContainer","options","handleScroll","useState","pagesFetched","setPagesFetched","fetchNextFn","response","cursor","request","fetchNextPage","currentVal","hasMore","getBoundingClientRect","scrollTop","scrollHeight","window","innerHeight","document","documentElement","onScroll","FunctionHelper","addEventListener","removeEventListener","shouldInitialFetch","httpStatusClass","toString","substr","HttpStatus","items","totalItems","hasFirstPageCompleted","useBreadcrumbs","match","useBuilder","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Math","max","floor","random","PlaylistHelper","isPlaylist","typeId","MasterType","isOwner","playlist","currentUser","ObjectHelper","_liteOwner","id","getVideoCount","count","videos","clips","interactives","Separator","getPlaylistOwnerName","surname","TextHelper","substring","split","PlaylistHeaderDetails","currentUserIsOwner","followerCount","followers","lastUpdated","contentModifiedDate","now","getLastUpdated","detailsClassName","hideOwnerName","_isClickViewCurated","value","clickViewAvatarClassName","ClickViewAvatar","user","separatorClassName","totalVideos","smartCount","timeAgo","PartialPlaylistHeader","PlaylistHeaderUtils","getPlaylistActions","headerProps","args","isAuthenticated","isPlugin","setIsFollowing","isFollowing","setShowFollowSpinner","showFollowSpinner","isUserCurator","openInCuratorLink","videoCount","interactiveCount","clipCount","isClickViewPlaylist","location","entity","workflowPhase","playAllAppLink","push","button","actionType","href","openInNewTab","application","action","params","entityType","eventVersion","follow","AnalyticsHelper","descriptor","showSpinner","PlaylistHeader","usePluginHelper","showPartialLoading","description","getBreadcrumbs","getBgColorClass","classificationId","topicPath","SortableVideoListContainer","onSortComplete","onSortStart","videoListProps","currentSortingIndex","setCurrentSortingIndex","PartialVideoList","withReordering","canEdit","showIndexes","event","index","findIndex","v","onSortEnd","over","oldIndex","newIndex","DevError","dragHandleIcon","dragHandleIconSize","presentationAudiences","VideoList","PlaylistEmptyState","EmptyState","ImageUrls","logSortAction","playlistId","videoId","playlistErrors","PlaylistPrivateError","PlaylistView","dispatch","alerts","config","ConfigRequests","UserRequests","useCurationStudio","getOpenInCurationStudioLink","hasPermissions","usePermissions","yearGroups","data","CustomerRequests","customerId","ClassificationRequests","classification","classificationPresentation","hasCompleted","presentationId","audiences","AudienceRequests","useLiteFavourites","u","setFavourite","canFavourite","playlistRequest","shareId","PlaylistRequests","playlistItemCountRequest","playlistWithCounts","getVideoItemActions","videoActions","useVideoActions","getVideoActions","video","canConsume","VideoHelper","removeFromPlaylistAction","group","usePlaylistViewVideoActions","getVideosRequest","following","useVideoMixin","reorderedItems","setReorderedItems","arr1","arr2","isEqual","i","isOrderEqual","reorderedVideos","setReorderedVideos","useDeepLinks","app","useSetPageMetadata","PageMetadataHelper","content","phraseContext","phraseHandler","titlePhrase","descriptionPhrase","canonicalLink","SeoHelper","stripPresentationSlug","allowIndexing","playlistIsEmpty","playNext","VideoAppLinkHelper","contextId","context","RelatedVideosContext","moviesAndTv","includeContext","isFollowingComplete","firstPlayAllVideo","find","videoDataLoaded","VideoActionsContext","shouldFollow","onSuccess","req","error","hideBreadCrumbs","oldIdx","newIdx","ReorderHelper","reorderRequest","getVideoAppLink","getSubTextAppLink","getSeriesAppLink","series","showSignIn","getSignInAppLink","redirectUrl","canRemovePrivateVideos","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","CHUNK_SIZE","objects","hydratedVideos","Set","filter","o","getValidObjects","videoIds","setRequest","unhydratedVideos","has","add","r","newRequests","chunk","flightNamespace","Row","bsPrefix","Component","decoratedBsPrefix","breakpoints","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","displayName"],"sourceRoot":""}

package/dist/scripts/1857-d3af9d98eb-lite.chunk.js

@@ -1,3 +0,0 @@
-/*! For license information please see 1857-d3af9d98eb-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1857],{53353:(e,t,n)=>{n.d(t,{c:()=>h,l:()=>v});var r=n(32735),i=n(232),a=n.n(i),o=n(8604),c=n(83345);const l={heatMap:"epapa",legend:"uhH4p"};function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var s="shared.engagementHeatMap",f="#f1f1f1",p=a().scale(["#daf07d","#08bd1a"]),d=[0,.01,.25,.5,.75,1];function y(e,t){return e?p(e/t).hex():f}function m(e,t){for(var n=[],r=0;r<e.length;r++){var i=r>0&&e[r-1],a=e[r],o=r<e.length-1&&e[r+1];a===i&&a===o||n.push("".concat(y(a,t)," ").concat(100/e.length*r,"%"))}return"linear-gradient(to right, ".concat(n.join(","),")")}function v(){var e=Math.max.apply(Math,d),t=100/d.length;return r.createElement("div",{className:"d-flex justify-content-between w-100"},r.createElement(c.x,{namespace:s,phrase:"less"}),r.createElement("div",{className:"d-flex mx-1 flex-grow-1 ".concat(l.legend)},d.map((function(n,i){return r.createElement("div",{key:i,style:{width:"".concat(t,"%"),backgroundColor:y(n,e)}})}))),r.createElement(c.x,{namespace:s,phrase:"more"}))}function h(e){var t,n,i,a=(0,o.O)(e.engagement),c=null!==(t=e.max)&&void 0!==t?t:Math.max.apply(Math,function(e){if(Array.isArray(e))return u(e)}(i=a)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());return r.createElement("div",{className:"border rounded ".concat(l.heatMap," ").concat(null!==(n=e.className)&&void 0!==n?n:""),style:{background:m(a,c)}})}},25216:(e,t,n)=>{n.d(t,{L:()=>o});var r=n(32735),i=n(83914);const a={icon:"sAmpy",count:"faDs4"};function o(e){return r.createElement("section",{className:"d-flex flex-column border border-light rounded p-3 h-100"},r.createElement("div",{className:"d-flex ".concat(e.subtitle?"align-items-top":"align-items-center"," mb-2")},r.createElement("div",{className:"".concat(a.icon," ").concat(e.svgClassName," rounded-circle d-flex justify-content-center align-items-center")},r.createElement(i.x,{svgName:e.svgName,size:i.S.Small})),r.createElement("div",{className:"d-flex flex-column ms-2"},r.createElement("h2",{className:"h6 mb-0"},e.title),e.subtitle&&r.createElement("p",{className:"text-secondary font-size-sm mb-0"},e.subtitle)),"number"==typeof e.count&&r.createElement("div",{className:"".concat(a.count," d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto")},e.count)),e.children)}},70072:(e,t,n)=>{n.d(t,{d:()=>r});var r={fontSize:"12px",fontFamily:'"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',fontWeight:"400",color:"#313543"}},71553:(e,t,n)=>{n.d(t,{I:()=>o});var r=n(99940),i=n(62875);function a(e,t){return{currentUserId:e.id,currentCustomerId:e.customerId,dateRange:{start:t.start,end:t.end},userIds:t.userId,classroomsAndGroups:t.groupId}}var o={interactiveResultSet:function(e,t,n,o,c,l,u,s){return{url:c?"/api/domain/v3/analytics/interactives/".concat(e,"/metadata/").concat(t):"/api/domain/v2/analytics/interactives/".concat(e,"/metadata/").concat(t),key:(0,i.H)("interactive:result:set:".concat(e,":").concat(t),o),data:a(n,o),type:r.k.POST,normalize:!1,formatData:function(e){return Object.assign(Object.assign({},e),{students:e.students.map((function(e){return e.name&&e.profileId?Object.assign(Object.assign({},e),{publicUser:{profileId:e.profileId,name:e.name}}):e}))})},success:l,error:u,always:s}},mark:function(e,t,n,i,a,o,c){return{url:"/api/domain/v1/analytics/answers/".concat(n),key:"mark:answer:".concat(n,":").concat(i.resultId),type:r.k.PUT,data:i,normalize:!1,invalidationKeys:"interactive:result:set:".concat(e,":").concat(t),success:a,error:o,always:c}},pendingReviews:function(e){return{url:"/api/domain/v1/analytics/interactives/pending-reviews/summary",key:"interactives:pending:reviews",type:r.k.POST,data:e}},interactiveResultsReport:function(e){return{url:"{gateway}/v2/analytics/interactives/report",key:"interactive:results:report",data:e,type:r.k.POST,normalize:!1}}}},41196:(e,t,n)=>{n.d(t,{W:()=>c});var r=n(20354),i=n(71553),a=n(20768),o=n(31949);function c(e,t,n){var c,l=r.a.useBasicFetch(o.N.currentUser()),u=r.a.useBasicFetch(!!e&&a.b.interactiveMetadata(e)),s=r.a.useBasicFetch(!!(null===(c=u.data)||void 0===c?void 0:c.interactiveId)&&a.b.interactive(u.data.interactiveId)),f=!!l.data&&!!s.data&&!!t;return r.a.useBasicFetch(f&&i.I.interactiveResultSet(u.data.interactiveId,u.data.id,l.data,t,n))}},8604:(e,t,n)=>{function r(e){return new Array(Math.ceil(e.videoDuration)).fill(null).map((function(t,n){return e.heatMap[n]||0}))}n.d(t,{O:()=>r})},94644:(e,t,n)=>{n.d(t,{r:()=>s});var r=n(50242),i=n(81886),a=n(67058),o=n(14553),c=n(49267),l=n(49075),u={notFound:a.d,forbidden:{rating:o.q,yearLevel:o.q,region:c.a,privacy:o.q},badRequest:l._,internalServerError:l._};function s(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var a;a="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},u),t);a&&i.Q.Ry.isStatusCodeError(a)&&(a!==r.o.InternalServer?a!==r.o.NotFound?a!==r.o.Forbidden?n.badRequest||i.Q.Ry.throw(new o.badRequest):n.forbidden||i.Q.Ry.throw(new o.forbidden.privacy):n.notFound||i.Q.Ry.throw(new o.notFound):n.internalServerError||i.Q.Ry.throw(new l._))}}},91286:(e,t,n)=>{n.d(t,{v:()=>o});var r=n(32735),i=n(94644);function a(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];(0,r.useEffect)((function(){o.forEach((function(e){(0,i.r)(e.statusCode,t,n)}))}),[a(o),t,n])}},93322:(e,t,n)=>{n.d(t,{F:()=>a});var r=n(32735),i=n(13126);function a(){r.useEffect((function(){return i.e.lockContentWidth(),function(){return i.e.unlockContentWidth()}}),[])}},49914:(e,t,n)=>{n.r(t),n.d(t,{InsightsHeatmapView:()=>mt});var r=n(32735),i=n(23481),a=n(2948),o=n(20354),c=n(69674),l=n(53353),u=n(26136),s=n(20789),f=n(40782),p=n(64818);const d={heatMap:"rwDjh",avatarContainer:"kW4ZM"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=i.T.encloseNamespace("shared.engagementTable");function v(e){var t;return r.createElement("div",{className:"".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function h(e){return r.createElement(v,{className:"d-inline-block ".concat(e.column.isSorted?"fw-bold":"")},m(e.phraseKey))}function g(e){return r.useMemo((function(){var t,n,i=(t=e.engagement,n=0,t.forEach((function(e){var t,r=Math.max.apply(Math,function(e){if(Array.isArray(e))return y(e)}(t=e.heatMap)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());r>n&&(n=r)})),n);return[{Header:function(e){var t=e.column;return r.createElement(h,{column:t,phraseKey:"name"})},width:22,accessor:"user",sortType:function(t,n){return(0,u.B)(t.values.user,e.anonymiseUsers)>(0,u.B)(n.values.user,e.anonymiseUsers)?1:-1},Cell:function(t){var n,i,a,o,c=t.value,l=(i=c,a=e.anonymiseUsers,{name:(o=(0,u.B)(i,a).split(" ").filter((function(e){return!!e})))[0],surname:o.slice(1).join(" ")}),f=l.name,y=l.surname;return r.createElement(v,{className:"d-flex align-items-center h-100"},r.createElement("span",{className:d.avatarContainer},r.createElement(s.q,{imageCdnUrl:e.imageCdnUrl,initials:p.l.getInitials(f,y),imageUrl:!e.anonymiseUsers&&"avatar"in c?null===(n=c.avatar)||void 0===n?void 0:n.url:null,showAnonymousUser:"profileId"in c})),r.createElement("span",{className:"ms-2 clamp-1"},f," ",y))}},{Header:function(e){var t=e.column;return r.createElement(h,{column:t,phraseKey:"views"})},accessor:"viewCount",width:15,sortType:"basic",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.createElement(v,{className:"d-flex align-items-center h-100"},r.createElement("div",null,t))}},{Header:function(e){var t=e.column;return r.createElement(h,{column:t,phraseKey:"engagement"})},accessor:"engagementRate",width:20,sortType:"basic",sortDescFirst:!0,Cell:function(e){var t=e.value;return r.createElement(v,{className:"w-33"},r.createElement(f.O,{percentage:t,layout:f.I.LabelBefore}))}},{Header:function(e){var t=e.column;return r.createElement(h,{column:t,phraseKey:"heatMap"})},accessor:"heatMap",width:48,disableSortBy:!0,Cell:function(e){var t=e.row.original;return r.createElement(v,{className:"d-flex align-items-center h-100"},r.createElement(l.c,{engagement:t,max:i,className:"".concat(d.heatMap," flex-grow-1")}))}}]}),[e.anonymiseUsers])}var b={table:"bg-white border border-light rounded px-0",header:"border-bottom",headerCell:"m-3",cell:"mx-3 my-2"};function w(e){var t,n,i,a=g({engagement:e.engagement,imageCdnUrl:e.imageCdnUrl,anonymiseUsers:e.anonymiseUsers}),o=(t=e.engagement,n=e.users,i=e.interactiveResults,r.useMemo((function(){var e=[];return t.forEach((function(t){var r,a=null==n?void 0:n.find((function(e){return e.id===t.userId})),o=null===(r=null==i?void 0:i.find((function(e){var n;return(null===(n=e.publicUser)||void 0===n?void 0:n.profileId)===t.profileId})))||void 0===r?void 0:r.publicUser;a?e.push(Object.assign(Object.assign({},t),{user:a})):o&&e.push(Object.assign(Object.assign({},t),{user:o}))})),e}),[null==n?void 0:n.length]));return o.length?r.createElement(c.i,{columns:a,data:o,theme:b,enableSort:!0}):r.createElement(r.Fragment,null)}var E=n(25216);function O(e){return r.createElement(f.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}var j=n(83345),S=n(35223),C="shared.insightAmountWatched",P=i.T.encloseNamespace(C);function k(e){var t,n=(null===(t=e.engagement)||void 0===t?void 0:t.engagementRate)>0?e.engagement.engagementRate:null,i=Math.round(100*e.engagement.engagementRate),a=!e.params.users&&!e.params.classrooms&&!e.params.classroomGroups;return r.createElement(E.L,{title:P("title"),svgName:S.vn.Timer,svgClassName:"bg-light-green text-green"},r.createElement("div",{className:"d-flex flex-column align-items-center my-auto gap-2"},!!e.engagement&&r.createElement(r.Fragment,null,r.createElement(f.O,{percentage:n,layout:f.I.LabelInside}),r.createElement("p",{className:"text-center"},"number"==typeof n?a?r.createElement(j.x,{namespace:C,phrase:"everyoneWatched",options:{percentage:i}}):r.createElement(j.x,{namespace:C,phrase:"usersWatched",options:{percentage:i}}):r.createElement(j.x,{namespace:C,phrase:"notWatched"}))),!e.engagement&&r.createElement(r.Fragment,null,r.createElement(O,{layout:f.I.LabelInside}))))}var T=n(72306),_=n.n(T),I=n(70312),x=n.n(I),N=n(70072),M=n(75896),A=["#FF9300","#38A2E8","#7A76E8","#B679C7","#F7847B","#D9584F","#FFCD52","#5DC786","#40BCC3","#40C2BB"];function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var L=n(23232),F="shared.insightTotalViews",B=i.T.encloseNamespace(F),D={title:{text:null},credits:{enabled:!1},chart:{backgroundColor:"transparent",spacing:[0,0,0,0]},legend:{itemStyle:N.d,itemDistance:8},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!1},showInLegend:!0,borderWidth:0,size:"80%"}}};function U(e){var t,n,i,a,o,c,l,u=function(e){var t,n,r=e.findIndex((function(e){return"Staff"===e.name}));if(r>-1){var i=(t=e.splice(r,1),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];e.unshift(i)}return e.sort((function(e,t){var n,r;return parseInt(null===(n=e.name.match(/\d+/))||void 0===n?void 0:n[0])-parseInt(null===(r=t.name.match(/\d+/))||void 0===r?void 0:r[0])}))}((i=e.events,a=[],o=function(e){return"Unknown"===e?"Staff":e},c={},null==(l=i["yearGroupCount"])||l.forEach((function(e){var t;e.name&&!(null==a?void 0:a.includes(e.name.toLowerCase()))&&(c[e.name]=null!==(t=c[e.name])&&void 0!==t?t:0,c[e.name]+=e.count)})),M.m.sortBy(Object.keys(c).map((function(e){return{name:o?o(e):e,y:c[e],type:"pie"}})),"name").map((function(e,t){return Object.assign(Object.assign({},e),{color:A[t%A.length]})})))),s=null!==(n=null==(t=u)?void 0:t.reduce((function(e,t){return e+t.y}),0))&&void 0!==n?n:null;return r.createElement(E.L,{title:B("title"),svgClassName:"bg-light-blue text-blue",svgName:S.vn.VisibleOn},(null==u?void 0:u.length)?r.createElement(r.Fragment,null,r.createElement("p",{className:"mb-0"},r.createElement(j.x,{namespace:F,phrase:"totalViews",options:{totalViews:s}})),r.createElement("div",{className:"d-flex justify-content-center h-75"},r.createElement(x(),{highcharts:_(),options:function(e){return Object.assign(Object.assign({},D),{series:[{type:"pie",name:B("title"),data:e}]})}(u),containerProps:{className:"w-100"}}))):r.createElement(L.u,{className:"pt-0 my-auto"},r.createElement(L.u.Image,{src:e.emptyStateImage,className:"w-75 h-auto"}),r.createElement(L.u.Heading,{className:"h4"},r.createElement(j.x,{namespace:F,phrase:"noViews"})),r.createElement(L.u.Info,{className:"w-100"},r.createElement(j.x,{namespace:F,phrase:"notWatched"}))))}var H=n(4606),V=n(41196),z=n(26025),Z=n(74901),W=n(40003),G=n(4594),K=n(60051),q=n(39151),Q=n(47812),$=n(31949),Y=n(17913),X=n(91286),J=n(93322),ee=n(79612),te=n(31908),ne=n(99742),re=n(86702),ie=n(8604),ae=n(36527),oe=n(41386),ce=n(93861);function le(e){return le="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},le(e)}function ue(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,se(r.key),r)}}function se(e){var t=function(e){if("object"!=le(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=le(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==le(t)?t:t+""}function fe(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(fe=function(){return!!e})()}function pe(){return pe="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=de(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},pe.apply(null,arguments)}function de(e){return de=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},de(e)}function ye(e,t){return ye=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},ye(e,t)}var me=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=de(t),function(e,t){if(t&&("object"==le(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,fe()?Reflect.construct(t,n||[],de(e).constructor):t.apply(e,n))}(this,t,[e,n])).overlayVisible=n.overlayVisible,r.toggle(r.overlayVisible),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&ye(e,t)}(t,e),n=t,r=[{key:"handleToggle",value:function(){this.toggle(!this.overlayVisible)}},{key:"toggle",value:function(e){e?this.toggleOn():this.toggleOff()}},{key:"toggleOn",value:function(){ce.Z.dom.addClass(this.toggleEl,"on"),this.overlayVisible=!0,this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible),this.player().addClass("cv-reports-player-overlay-visible")}},{key:"toggleOff",value:function(){ce.Z.dom.removeClass(this.toggleEl,"on"),this.overlayVisible=!1,this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible),this.player().removeClass("cv-reports-player-overlay-visible")}},{key:"handleClick",value:function(e){e.stopImmediatePropagation()}},{key:"createEl",value:function(e,n,r){this.handlerBound||(this.handleToggle=this.handleToggle.bind(this),this.handlerBound=!0),this.toggleEl&&this.toggleEl.removeEventListener("click",this.handleToggle),this.toggleEl=ce.Z.dom.createEl("div",{className:"custom-toggle custom-toggle-info toggle-option float-end",innerHTML:'<span class="handle"></span></div>'}),this.toggleEl.addEventListener("click",this.handleToggle);var i,a,o,c=(i=t,a=this,"function"==typeof(o=pe(de(1&3?i.prototype:i),"createEl",a))?function(e){return o.apply(a,e)}:o)([e,{className:"vjs-menu-item cv-cog-menu-item",innerHTML:'\n      <span class="vjs-menu-item-text">Heat Map</span>\n      <span class="cv-toggle-container"></span>'},r]);return c.children[1].appendChild(this.toggleEl),c}}],r&&ue(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(ce.Z.getComponent("MenuItem"));ce.Z.registerComponent("EngagementOverlayMenuItem",me);var ve=n(74161),he=n(86572);function ge(e){var t,n=e.interactive.timepoints.find((function(t){var n=t.visibleAt/1e3;return Math.floor(e.time)===Math.floor(n)||Math.ceil(e.time)===Math.ceil(n)}));if(!(null===(t=null==n?void 0:n.interactions)||void 0===t?void 0:t.length))return r.createElement(r.Fragment,null);var i=n.interactions.length>3?n.interactions.slice(0,2):n.interactions,a=n.interactions.length-i.length;return r.createElement("div",{className:"d-flex justify-content-end ms-2"},i.map((function(e,t){return r.createElement(he.y,{key:t,interaction:e,showQuestion:!1,iconClassName:"ms-1"})})),!!a&&r.createElement("div",{className:"interaction-type-icon d-flex justify-content-center align-items-center border border-dark text-body ms-1"},"+".concat(a)))}var be=n(42503);function we(e){return function(e){if(Array.isArray(e))return Ee(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ee(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ee(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var Oe={title:{text:null},xAxis:{visible:!1,minPadding:0,maxPadding:0},legend:{enabled:!1},credits:{enabled:!1},defs:{gradient:{tagName:"linearGradient",id:"area-gradient",x1:0,y1:1,x2:0,y2:0,children:[{tagName:"stop",offset:0},{tagName:"stop",offset:1}]}}};function je(e,t){return{styledMode:!0,spacing:[15,0,0,0],width:e,height:t}}function Se(e){return Se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Se(e)}function Ce(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Pe(r.key),r)}}function Pe(e){var t=function(e){if("object"!=Se(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Se(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Se(t)?t:t+""}function ke(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(ke=function(){return!!e})()}function Te(){return Te="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=_e(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},Te.apply(null,arguments)}function _e(e){return _e=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_e(e)}function Ie(e,t){return Ie=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ie(e,t)}var xe=ce.Z.getComponent("Component");_().AST.allowedTags.push("g"),_().AST.allowedAttributes.push("viewBox","transform");var Ne=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=_e(t),function(e,t){if(t&&("object"==Se(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,ke()?Reflect.construct(t,n||[],_e(e).constructor):t.apply(e,n))}(this,t,[e,n])).initialize(),r.bindListeners(),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ie(e,t)}(t,e),n=t,i=[{key:"initialize",value:function(){var e=this;this.player().ready((function(){return e.buildChart()}))}},{key:"buildCSSClass",value:function(){return"cv-engagement-overlay"}},{key:"createEl",value:function(e,n,r){var i,a,o;return(i=t,a=this,"function"==typeof(o=Te(_e(1&3?i.prototype:i),"createEl",a))?function(e){return o.apply(a,e)}:o)([e,Object.assign(Object.assign({},n),{className:this.buildCSSClass(),innerHTML:'<div class="cv-engagement-chart"></div><div class="cv-engagement-timepoint-indicator"></div>'}),r])}},{key:"toggleChart",value:function(e){e?this.buildChart():this.destroyChart()}},{key:"bindListeners",value:function(){var e=this;this.handleClick=this.handleClick.bind(this),this.resizeChart=this.resizeChart.bind(this),this.player().on("playerresize",this.resizeChart),this.on(this.el(),"mouseup",this.handleClick),this.player().on("dispose",(function(){e.player().off("playerresize",e.resizeChart),e.off(e.el(),"mouseup",e.handleClick)}))}},{key:"handleClick",value:function(e){ce.Z.dom.isSingleLeftClick(e)&&(this.player().paused()?this.player().play():this.player().pause())}},{key:"buildChart",value:function(){var e=this;if(!this.chart){var t=this.getChartDimensions();if(t){var n=this.el().querySelector(".cv-engagement-chart");this.chart=_().chart(n,this.getHighchartOptions(t))}else this.player().one("play",(function(){return e.buildChart()}))}}},{key:"resizeChart",value:function(){var e=this.getChartDimensions();this.chart&&e&&this.chart.setSize(e.width,e.height)}},{key:"destroyChart",value:function(){var e;null===(e=this.chart)||void 0===e||e.destroy(),this.chart=null}},{key:"getChartDimensions",value:function(){var e=this.player().getChild("collapserator"),t=null==e?void 0:e.currentHeight(),n=this.el().clientWidth;return t&&n?{width:n,height:this.player().currentDimensions().height-t}:null}},{key:"getHighchartOptions",value:function(e){var t,n,i,a=e.width,o=e.height;return Object.assign(Object.assign({},Oe),{chart:je(a,o),yAxis:(n=this.options_.heatMap,{max:1.05*Math.max.apply(Math,we(n)),min:0,minPadding:0,maxPadding:0,allowDecimals:!0,startOnTick:!1,endOnTick:!1,visible:!1}),tooltip:(i=this.options_.interactive,{formatter:function(){var e=i?function(e,t){return(0,ve.renderToStaticMarkup)(r.createElement(ge,{time:t,interactive:e}))}(i,this.x):"";return'<div class="cv-engagement-tooltip bg-white rounded"><div class="d-flex justify-content-between">'+"<strong>".concat((0,be.m)(this.x),"</strong>")+"".concat(e)+'</div><div class="d-flex justify-content-between rounded bg-light cv-view-count-container">'+'<strong>Views</strong> <span class="cv-view-count">'.concat(this.y,"</span>")+"</div></div>"},positioner:function(e,t,n){var r=this.chart.plotWidth-e,i=n.plotX-e/2;return{x:Math.min(Math.max(i,0),r),y:this.chart.plotTop}},useHTML:!0,padding:0}),plotOptions:(t=this.moveTimepointIndicator.bind(this),{area:{point:{events:{mouseOver:function(){t(this.x)},mouseOut:function(){t(null)}}}},series:{marker:{enabled:!1}}}),series:[{type:"area",data:this.options_.heatMap}]})}},{key:"moveTimepointIndicator",value:function(e){this.options_.onTimepointHover&&this.options_.onTimepointHover(e);var t=this.el().querySelector(".cv-engagement-timepoint-indicator");null!==e?(ce.Z.dom.addClass(t,"cv-engagement-timepoint-indicator-visible"),t.style.left="".concat(e/this.options_.heatMap.length*100,"%")):ce.Z.dom.removeClass(t,"cv-engagement-timepoint-indicator-visible")}}],i&&Ce(n.prototype,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,i}(xe);function Me(e){return Me="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Me(e)}function Ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Re(r.key),r)}}function Re(e){var t=function(e){if("object"!=Me(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Me(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Me(t)?t:t+""}function Le(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Le=function(){return!!e})()}function Fe(e){return Fe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Fe(e)}function Be(e,t){return Be=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Be(e,t)}ce.Z.registerComponent("EngagementOverlay",Ne);var De=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=Fe(t),function(e,t){if(t&&("object"==Me(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Le()?Reflect.construct(t,n||[],Fe(e).constructor):t.apply(e,n))}(this,t,[e,n])).options=n,e.ready((function(){r.initialize()})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Be(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){var e;this.hasHeatMapData()&&(this.player.addChild("engagementOverlay",{heatMap:this.options.heatMap,interactive:this.options.interactive,onTimepointHover:this.options.onTimepointHover}),(null===(e=this.player.getChild("collapserator"))||void 0===e?void 0:e.getChild("cogButton")).addItem({index:0,ctor:me,name:"EngagementOverlayMenuItem",options:{overlayVisible:!0}}))}},{key:"toggleOverlay",value:function(e){var t=this.player.getChild("engagementOverlay");null==t||t.toggleChart(e)}},{key:"hasHeatMapData",value:function(){var e;return(null===(e=this.options.heatMap)||void 0===e?void 0:e.reduce((function(e,t){return e+t}),0))>0}}])&&Ae(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(ce.Z.getPlugin("plugin"));ce.Z.registerPlugin("engagementOverlayPlugin",De),n(16852);var Ue=n(90915),He=n(10463);function Ve(e){return Ve="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ve(e)}function ze(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Ze(r.key),r)}}function Ze(e){var t=function(e){if("object"!=Ve(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Ve(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ve(t)?t:t+""}function We(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(We=function(){return!!e})()}function Ge(e){return Ge=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ge(e)}function Ke(e,t){return Ke=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ke(e,t)}n(41400);var qe=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=Ge(t),function(e,t){if(t&&("object"==Ve(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,We()?Reflect.construct(t,n||[],Ge(e).constructor):t.apply(e,n))}(this,t,[e])).options=n,r.player.one("loadedmetadata",(function(){return r.player.ready(r.initialize.bind(r))})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ke(e,t)}(t,e),n=t,(r=[{key:"initialize",value:function(){He.O.useTrack(this.player,"metadata","interactive",this.onTrackLoaded.bind(this)),this.player.addClass("cv-interactive-plugin")}},{key:"onTrackLoaded",value:function(e){this.addChildren(e)}},{key:"addChildren",value:function(e){this.player.controlBar.getChild("progressControl").getChild("SeekBar").addChild(new Ue.N(this.player,{interactive:this.options.interactive,track:e}))}}])&&ze(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(ce.Z.getPlugin("plugin"));function Qe(e){return Qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Qe(e)}function $e(){$e=function(){return t};var e,t={},n=Object.prototype,r=n.hasOwnProperty,i=Object.defineProperty||function(e,t,n){e[t]=n.value},a="function"==typeof Symbol?Symbol:{},o=a.iterator||"@@iterator",c=a.asyncIterator||"@@asyncIterator",l=a.toStringTag||"@@toStringTag";function u(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,n){return e[t]=n}}function s(e,t,n,r){var a=t&&t.prototype instanceof h?t:h,o=Object.create(a.prototype),c=new I(r||[]);return i(o,"_invoke",{value:P(e,n,c)}),o}function f(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=s;var p="suspendedStart",d="suspendedYield",y="executing",m="completed",v={};function h(){}function g(){}function b(){}var w={};u(w,o,(function(){return this}));var E=Object.getPrototypeOf,O=E&&E(E(x([])));O&&O!==n&&r.call(O,o)&&(w=O);var j=b.prototype=h.prototype=Object.create(w);function S(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function C(e,t){function n(i,a,o,c){var l=f(e[i],e,a);if("throw"!==l.type){var u=l.arg,s=u.value;return s&&"object"==Qe(s)&&r.call(s,"__await")?t.resolve(s.__await).then((function(e){n("next",e,o,c)}),(function(e){n("throw",e,o,c)})):t.resolve(s).then((function(e){u.value=e,o(u)}),(function(e){return n("throw",e,o,c)}))}c(l.arg)}var a;i(this,"_invoke",{value:function(e,r){function i(){return new t((function(t,i){n(e,r,t,i)}))}return a=a?a.then(i,i):i()}})}function P(t,n,r){var i=p;return function(a,o){if(i===y)throw Error("Generator is already running");if(i===m){if("throw"===a)throw o;return{value:e,done:!0}}for(r.method=a,r.arg=o;;){var c=r.delegate;if(c){var l=k(c,r);if(l){if(l===v)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(i===p)throw i=m,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);i=y;var u=f(t,n,r);if("normal"===u.type){if(i=r.done?m:d,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(i=m,r.method="throw",r.arg=u.arg)}}}function k(t,n){var r=n.method,i=t.iterator[r];if(i===e)return n.delegate=null,"throw"===r&&t.iterator.return&&(n.method="return",n.arg=e,k(t,n),"throw"===n.method)||"return"!==r&&(n.method="throw",n.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var a=f(i,t.iterator,n.arg);if("throw"===a.type)return n.method="throw",n.arg=a.arg,n.delegate=null,v;var o=a.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,v)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function _(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function I(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function x(t){if(t||""===t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,a=function n(){for(;++i<t.length;)if(r.call(t,i))return n.value=t[i],n.done=!1,n;return n.value=e,n.done=!0,n};return a.next=a}}throw new TypeError(Qe(t)+" is not iterable")}return g.prototype=b,i(j,"constructor",{value:b,configurable:!0}),i(b,"constructor",{value:g,configurable:!0}),g.displayName=u(b,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,b):(e.__proto__=b,u(e,l,"GeneratorFunction")),e.prototype=Object.create(j),e},t.awrap=function(e){return{__await:e}},S(C.prototype),u(C.prototype,c,(function(){return this})),t.AsyncIterator=C,t.async=function(e,n,r,i,a){void 0===a&&(a=Promise);var o=new C(s(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(e){return e.done?e.value:o.next()}))},S(j),u(j,l,"Generator"),u(j,o,(function(){return this})),u(j,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},t.values=x,I.prototype={constructor:I,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(_),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function i(r,i){return c.type="throw",c.arg=t,n.next=r,i&&(n.method="next",n.arg=e),!!i}for(var a=this.tryEntries.length-1;a>=0;--a){var o=this.tryEntries[a],c=o.completion;if("root"===o.tryLoc)return i("end");if(o.tryLoc<=this.prev){var l=r.call(o,"catchLoc"),u=r.call(o,"finallyLoc");if(l&&u){if(this.prev<o.catchLoc)return i(o.catchLoc,!0);if(this.prev<o.finallyLoc)return i(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return i(o.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return i(o.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var i=this.tryEntries[n];if(i.tryLoc<=this.prev&&r.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var a=i;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=e,o.arg=t,a?(this.method="next",this.next=a.finallyLoc,v):this.complete(o)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),_(n),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var i=r.arg;_(n)}return i}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:x(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),v}},t}function Ye(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,Xe(r.key),r)}}function Xe(e){var t=function(e){if("object"!=Qe(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Qe(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Qe(t)?t:t+""}function Je(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Je=function(){return!!e})()}function et(){return et="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=tt(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},et.apply(null,arguments)}function tt(e){return tt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},tt(e)}function nt(e,t){return nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},nt(e,t)}ce.Z.registerPlugin("interactiveSeekBarPlugin",qe);var rt=function(e){function t(e,n){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=tt(t),function(e,t){if(t&&("object"==Qe(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Je()?Reflect.construct(t,n||[],tt(e).constructor):t.apply(e,n))}(this,t,[e,n])}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&nt(e,t)}(t,e),n=t,r=[{key:"getPlayerClassName",value:function(){return"cv-reports-player"}},{key:"getAnalyticsPlayerType",value:function(){return"reports-player"}},{key:"additionalSetup",value:function(e){var n,r,i,a,o=this,c=Object.create(null,{additionalSetup:{get:function(){return e=t,n=o,et(tt(1&1?e.prototype:e),"additionalSetup",n);var e,n}}});return n=this,r=void 0,i=void 0,a=$e().mark((function t(){return $e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:c.additionalSetup.call(this,e),this.setupEngagementOverlayPlugin(e),this.setupUpClipPlugin(e),this.setupInteractiveSeekBarPlugin(e);case 4:case"end":return t.stop()}}),t,this)})),new(i||(i=Promise))((function(e,t){function o(e){try{l(a.next(e))}catch(e){t(e)}}function c(e){try{l(a.throw(e))}catch(e){t(e)}}function l(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(o,c)}l((a=a.apply(n,r||[])).next())}))}},{key:"setupEngagementOverlayPlugin",value:function(e){var t;this.player.engagementOverlayPlugin({heatMap:this.options.heatMap,interactive:null===(t=e.additionalData)||void 0===t?void 0:t.interactive,onTimepointHover:this.options.onTimepointHover})}},{key:"setupUpClipPlugin",value:function(e){var t,n,r="MasterClip"===e.mediaType,i="MasterInteractive"===e.mediaType;if((r||i)&&(r&&(n=e.additionalData),!i||(n=null===(t=e.additionalData)||void 0===t?void 0:t.clipData))){if(!n)throw Error("Invalid clip data");this.player.clipPlugin({startTime:n.startTime,endTime:n.endTime})}}},{key:"setupInteractiveSeekBarPlugin",value:function(e){var t,n,r=null===(t=e.additionalData)||void 0===t?void 0:t.interactive;(null===(n=e.additionalData)||void 0===n?void 0:n.interactive)&&(this.track=oe.h.getInteractiveTrack(this.player,e),this.player.interactiveSeekBarPlugin({interactive:r}))}},{key:"getSeekBarOptions",value:function(){return{ignoreChapters:!0}}}],r&&Ye(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(ae.r);function it(e){var t=r.useRef(),n=r.useRef();return r.useEffect((function(){n.current=new rt(t.current,e)}),[]),r.createElement("div",{ref:t})}const at={playerContainer:"hXVIx",playerPlaceholder:"fhZb2",heatMap:"PP9cQ",heatMapTimepointIndicator:"kQ5NO",heatMapTimepointIndicatorVisible:"J1dev",partialLoadingContainer:"xEqEk"};var ot=i.T.encloseNamespace("shared.videoEngagementOverlay");function ct(e){var t=r.useRef(),n=(0,ie.O)(e.engagement);return r.createElement("div",{className:"bg-white border border-light rounded overflow-hidden h-100"},r.createElement("div",{className:"position-relative"},r.createElement("div",{className:at.playerPlaceholder}),r.createElement("div",{className:at.playerContainer},r.createElement(it,{viewKey:e.viewKey,playerApi:new URL(e.playerApiUrl),hotkeyElQuerySelector:"body",heatMap:n,onTimepointHover:function(e){var r=t.current;r&&(null!==e?(r.classList.add(at.heatMapTimepointIndicatorVisible),r.style.left="".concat(e/n.length*100,"%")):r.classList.remove(at.heatMapTimepointIndicatorVisible))},aspectRatio:"16:9"}))),r.createElement("div",{className:"p-3"},r.createElement("div",{className:"position-relative"},r.createElement(l.c,{engagement:e.engagement,className:at.heatMap}),r.createElement("div",{ref:t,className:at.heatMapTimepointIndicator})),r.createElement("div",{className:"d-flex justify-content-between mt-2"},r.createElement("strong",null,ot("heatmap")),r.createElement("div",{className:"w-33"},r.createElement(l.l,null)))))}var lt=n(5672),ut=n(93116);const st={partialInsights:"x4ubh",videoContainer:"Vcovm"};function ft(){return r.createElement("div",null,r.createElement("div",{className:"row g-3 mb-3"},r.createElement("div",{className:"col"},r.createElement("div",{className:"".concat(st.partialInsights," rounded partial-loading-background")})),r.createElement("div",{className:"col"},r.createElement("div",{className:"".concat(st.partialInsights," rounded partial-loading-background")})),r.createElement("div",{className:st.videoContainer},r.createElement("div",{className:"".concat(st.partialInsights," rounded partial-loading-background")}))),r.createElement("div",{className:"row g-3 mb-5"},r.createElement("div",{className:"col-12"},r.createElement("div",{className:"".concat(st.partialInsights," rounded partial-loading-background")}))))}const pt={videoContainer:"ps_UZ"};function dt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var yt=i.T.encloseNamespace("shared.insightsHeatmap");function mt(e){var t,n,i,c,l,u,s,f,p,d,y=(p=(0,a.D)(re.y.ANONYMISE_USERS),d=1,function(e){if(Array.isArray(e))return e}(p)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,c=[],l=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=a.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return c}}(p,d)||function(e,t){if(e){if("string"==typeof e)return dt(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?dt(e,t):void 0}}(p,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];(0,J.F)();var m=o.a.useBasicFetch($.N.currentUser()),v=te.M.getVideoRequest(e.videoId,e.typeId),h=o.a.useBasicFetch(v),g=o.a.useBasicFetch(q.L.config()),b=z.B.getAudienceAppLinkParams(),E=z.B.getDateRangeAppLinkParams(),O=Object.assign(Object.assign({},(0,W.wO)((0,W.Hb)(),E)),(0,Z.K)(b)),j=(0,V.W)(e.typeId===G.E.Interactive&&(null===(t=h.data)||void 0===t?void 0:t.id),O,!0),S=r.useMemo((function(){var e,t;return!!(null===(t=null===(e=j.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.find((function(e){var t;return null===(t=e.publicUser)||void 0===t?void 0:t.profileId})))}),[j.data]),C=m.data&&(e.typeId!==G.E.Interactive||j.data),P=o.a.useBasicFetch(C&&Y.u.aggregateEngagement(e.videoId,O,m.data.id,S)),T=o.a.useBasicFetch(C&&Y.u.individualEngagement(e.videoId,O,null===(n=m.data)||void 0===n?void 0:n.id,S)),_=(0,H.U)((null===(c=null===(i=T.data)||void 0===i?void 0:i.data)||void 0===c?void 0:c.map((function(e){return e.userId})).filter(Boolean))||[]),I=_.users,x=_.isLoading,N=o.a.useBasicFetch(C&&Y.u.views(O,e.videoId,null===(l=m.data)||void 0===l?void 0:l.id,S)),M=o.a.useBasicFetch(Q.k.createViewKey(e.videoId,K.f.MasterObject));(0,ee.M)({title:h.data?yt("pageTitle",{video:null===(u=h.data)||void 0===u?void 0:u.name}):null}),(0,X.v)(h);var A,R,L=m.data&&N.data&&h.data&&P.data&&M.data&&(e.typeId!==G.E.Interactive||j.data),F=!(!T.data||T.data.data.length&&x),B=Object.assign(Object.assign({},b),E);return r.createElement("div",{className:"px-3"},r.createElement(ut.m,{video:h.data,audienceAppLinkParams:b,dateRangeAppLinkParams:E,tabs:e.typeId===G.E.Interactive?(0,lt.kj)(e.videoId,"heatmap",B):e.typeId===G.E.Clip?(0,lt.$o)(e.videoId,"heatmap",B):(0,lt.$6)(e.videoId,"heatmap",B)}),!L&&r.createElement(ft,null),r.createElement("div",{className:"row g-3 mb-3"},L&&r.createElement(r.Fragment,null,r.createElement("div",{className:"col"},r.createElement(U,{events:N.data,emptyStateImage:ne.W.EmptyStates.MY_VIDEOS})),r.createElement("div",{className:"col"},r.createElement(k,{engagement:P.data,params:b})),r.createElement("div",{className:pt.videoContainer},r.createElement(ct,{engagement:P.data,viewKey:M.data.viewKey,playerApiUrl:g.data.playerApiUrl,imageCdnUrl:g.data.imageCdnUrl}))),F&&r.createElement(w,{key:(A=Object.assign(Object.assign({},b),E),R=[],Object.keys(A).forEach((function(e){var t=A[e];t&&R.push("".concat(e,":").concat(Array.isArray(t)?t.join(","):t))})),R.join(":")),engagement:T.data.data,users:I,imageCdnUrl:null===(s=g.data)||void 0===s?void 0:s.imageCdnUrl,anonymiseUsers:y,interactiveResults:null===(f=j.data)||void 0===f?void 0:f.students})))}},16852:(e,t,n)=>{var r=n(93861);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}function o(e){var t=function(e){if("object"!=i(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=i(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(t)?t:t+""}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}function l(){return l="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=u(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},l.apply(null,arguments)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}var f=function(e){function t(e,n){var r;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),r=function(e,t,n){return t=u(t),function(e,t){if(t&&("object"==i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,c()?Reflect.construct(t,n||[],u(e).constructor):t.apply(e,n))}(this,t,[e]),void 0===n.startTime)throw Error("Invalid clip start");if(void 0===n.endTime)throw Error("Invalid clip end");if(n.startTime>n.endTime)throw Error("Clip start cannot be greater than clip end");return r._clipStart=parseFloat(n.startTime.toPrecision(4)),r._clipEnd=parseFloat(n.endTime.toPrecision(4)),r.playerEndedFn=r.player.ended.bind(e),r.playerDurationFn=r.player.duration.bind(e),r.playerCurrentTimeFn=r.player.currentTime.bind(e),r.playerbufferedFn=r.player.buffered.bind(e),r.player.ended=r.ended.bind(r),r.player.duration=r.duration.bind(r),r.player.currentTime=r.currentTime.bind(r),r.player.buffered=r.buffered.bind(r),r.initialize(),r.player.ready((function(){r.player.trigger("durationchange")})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(t,e),n=t,o=[{key:"clipStart",get:function(){var e=this.playerDurationFn();return this._clipStart>e?e:this._clipStart}},{key:"clipEnd",get:function(){var e=this.playerDurationFn();return e<=0?this._clipEnd:this._clipEnd>e?e:this._clipEnd}},{key:"dispose",value:function(){var e,n,r;this.player.off("timeupdate",this.onTimeUpdate),this.player.off("play",this.onPlay),this.player.ended=this.playerEndedFn,this.player.duration=this.playerDurationFn,this.player.currentTime=this.playerCurrentTimeFn,this.player.buffered=this.playerbufferedFn,this.player.trigger("durationchange"),(e=t,n=this,"function"==typeof(r=l(u(1&3?e.prototype:e),"dispose",n))?function(e){return r.apply(n,e)}:r)([])}},{key:"initialize",value:function(){this.onTimeUpdate=this.onTimeUpdate.bind(this),this.onPlay=this.onPlay.bind(this),this.player.on("timeupdate",this.onTimeUpdate),this.player.on("play",this.onPlay)}},{key:"onPlay",value:function(){this._isEnded&&this.player.currentTime(0)}},{key:"onTimeUpdate",value:function(){var e=this.getCurrentTime(!1);e>this.clipEnd?this._isEnded||(this.player.pause(),this.player.trigger("ended"),this._isEnded=!0):(this._isEnded=!1,e<this.clipStart-10&&this.playerCurrentTimeFn(this.clipStart,!0))}},{key:"ended",value:function(){return this.getCurrentTime(!1)>this.clipEnd}},{key:"duration",value:function(e){return e&&e>0&&(this.playerDurationFn()?console.info("The duration of the player has already been set. This is a no-op."):this.playerDurationFn(e)),this.clipEnd-this.clipStart}},{key:"currentTime",value:function(e){if("number"!=typeof e)return this.getCurrentTime(!0);for(var t=e+this.clipStart,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];this.playerCurrentTimeFn(t,r)}},{key:"getCurrentTime",value:function(e){var t=this.playerCurrentTimeFn(),n=0;return t>=this.clipStart&&(n=t-this.clipStart),this.player.getCache().currentTime=n,e?n:t}},{key:"buffered",value:function(){for(var e=this.playerbufferedFn(),t=[],n=0;n<e.length;n++)t[n]=[Math.max(0,e.start(n)-this.clipStart),Math.min(Math.max(0,e.end(n)-this.clipStart),this.player.duration())];return r.Z.createTimeRanges(t)}}],o&&a(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(r.Z.getPlugin("plugin"));r.Z.registerPlugin("clipPlugin",f)},90915:(e,t,n)=>{n.d(t,{N:()=>j});var r=n(93861),i=n(84120);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,c(r.key),r)}}function c(e){var t=function(e){if("object"!=a(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==a(t)?t:t+""}function l(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(l=function(){return!!e})()}function u(e,t,n,r){var i=s(f(1&r?e.prototype:e),t,n);return 2&r&&"function"==typeof i?function(e){return i.apply(n,e)}:i}function s(){return s="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=f(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},s.apply(null,arguments)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}var d=function(e){function t(e,n){var r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=f(t),function(e,t){if(t&&("object"==a(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,l()?Reflect.construct(t,n||[],f(e).constructor):t.apply(e,n))}(this,t,[e,n])).timepoint_=n.timepoint,r.time_=n.timepoint.visibleAt/1e3;var o=n.timepoint.interactions[0];o||r.hide();var c=i.w.getTypeInfo(o.typeId).bgClassName;return r.$(".vjs-icon-placeholder").classList.add(c),r.controlText(o.name),r.update(),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(t,e),n=t,r=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-item ".concat(u(t,"buildCSSClass",this,3)([]))}},{key:"createEl",value:function(e,n,r){return u(t,"createEl",this,3)([e,Object.assign(Object.assign({},n),{className:this.buildCSSClass()}),Object.assign(Object.assign({},r),{tabIndex:0})])}},{key:"update",value:function(){var e=this.player_.duration(),t=this.time_/e;this.el().style.left=100*t+"%",t>100||t<0?this.hide():this.show()}},{key:"handleClick",value:function(e){e.stopPropagation(),this.player_.currentTime(this.time_)}}],r&&o(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Z.getComponent("Button"));function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,h(r.key),r)}}function h(e){var t=function(e){if("object"!=y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==y(t)?t:t+""}function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}function b(e,t,n,r){var i=w(E(1&r?e.prototype:e),t,n);return 2&r&&"function"==typeof i?function(e){return i.apply(n,e)}:i}function w(){return w="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,n){var r=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=E(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(arguments.length<3?e:n):i.value}},w.apply(null,arguments)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function O(e,t){return O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},O(e,t)}var j=function(e){function t(e,n){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(r=function(e,t,n){return t=E(t),function(e,t){if(t&&("object"==y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,g()?Reflect.construct(t,n||[],E(e).constructor):t.apply(e,n))}(this,t,[e,n])).track_=n.track,r.interactive_=n.interactive,r.onDurationChange=r.onDurationChange.bind(r),r.createInteractionItems=r.createInteractionItems.bind(r),r.createInteractionItems(),r.track_.on("cv:cuechange",r.createInteractionItems),r.player_.on("durationchange",r.onDurationChange),r.player_.on("dispose",(function(){r.track_.off("cv:cuechange"),r.player_.off("durationchange",r.onDurationChange)})),r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&O(e,t)}(t,e),n=t,r=[{key:"buildCSSClass",value:function(){return"cv-interactive-bar-items ".concat(b(t,"buildCSSClass",this,3)([]))}},{key:"createEl",value:function(e,n,r){return b(t,"createEl",this,3)([e,Object.assign(Object.assign({},n),{className:this.buildCSSClass()}),r])}},{key:"update",value:function(){this.children_.forEach((function(e){e.update()}))}},{key:"createInteractionItems",value:function(){var e,t=this;if(this.track_){(function(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()})(this.children_).forEach((function(e){t.removeChild(e)}));for(var n=0;n<this.track_.cues.length;n++){var r=this.track_.cues[n],i=this.getTimepointById(r.text);i&&(null===(e=i.interactions)||void 0===e?void 0:e.length)&&this.addChild(new d(this.player_,{timepoint:i}))}}}},{key:"onDurationChange",value:function(){this.update()}},{key:"getTimepointById",value:function(e){var t;return null===(t=this.interactive_.timepoints)||void 0===t?void 0:t.find((function(t){return t.id.toString()===e.toString()}))}}],r&&v(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(r.Z.getComponent("Component"))},41386:(e,t,n)=>{n.d(t,{h:()=>r});var r={getInteractiveTrack:function(e,t){var n,r=e.addTextTrack("metadata","interactive"),i=t.additionalData.interactive,a=null===(n=t.additionalData.clipData)||void 0===n?void 0:n.startTime;return i.timepoints.forEach((function(e){var t,n=e.visibleAt/1e3,i=e.visibleFor?n+e.visibleFor/1e3:n+1;a&&(n+=a,i+=a),(null===(t=e.interactions)||void 0===t?void 0:t.length)&&r.addCue({startTime:Math.max(.001,n-.001),endTime:i,text:e.id})})),r}}},41400:()=>{}}]);
-//# sourceMappingURL=1857-d3af9d98eb-lite.chunk.js.map