@clickview/lite 0.70.0-rc.1 → 0.70.0-rc.3

package/dist/scripts/{3677-9445118a8d-lite.chunk.js.map → 3677-f48c335f7a-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/3677-9445118a8d-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/components/play-clip/play-clip.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/components/play-clip/PlayClip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const getKey = _getKey || ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n\n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(getRequest) ]));\n  }, [objs?.length]);\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\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","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n  hasCommonVideoPropsCompleted: boolean;\n  commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n  locationContext: LocationContext,\n  mtv?: boolean;\n  flightNamespace?: string;\n  sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n  const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n  const { isPlugin } = usePluginHelper();\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n  const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n  const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n    if (!('series' in video))\n      return null;\n\n    /**\n     * We do not allow navigating to series on shared playlists when the user is not signed in\n     * because most series are customer created and will be empty for public users\n     * \n     * We do not have to do this for shared series, because all the series links are self referencing\n     *  - Sha\n     */\n    if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n      return null;\n  \n    return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n  }\n\n  const hasCommonVideoPropsCompleted = (\n    !isLoadingSettings &&\n    hasLoadedPermissions &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n  );\n\n  return {\n    hasCommonVideoPropsCompleted,\n    commonVideoProps: {\n      subTextType: 'series',\n      getSubTextAppLink,\n      isPlugin,\n      canFavourite,\n      setFavourite,\n      imageCdnUrl: config.data?.imageCdnUrl,\n      yearGroups: yearGroups.data,\n      getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n      getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n      getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n      showNewVideoIndicator: hasTopicDirectories,\n      companyLogoFallbackUrl: null,\n      hasStudentExperience\n    }\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\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 videoIds = getValidObjects(objects).map(v => v.id);\n\n  useGrowingBatchFetch(videoIds, ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace));\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CurrentUser, PresentationAudience, VideoTypes } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClip';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  currentUser: CurrentUser;\n  commonVideoProps: CommonVideoProps;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\n      <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n      <VideoActionsContext.Provider value={videoActions}>\n        <VideoList\n          videos={[props.originalVideo]}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv,\n            includeContext: props.currentUser?.isAuthenticated\n          })}\n          hasPermissions={hasPermissions}\n          presentationAudiences={props.audiences}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          commonVideoProps={props.commonVideoProps}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"ULvZW\",\"expandedToc\":\"W3k9M\",\"theatreMode\":\"KOUGv\",\"theatreModeContent\":\"fWNAc\",\"theatreModePlayPageContainer\":\"RJ5nP\",\"theatreModeLeftContent\":\"dllgG\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page/glance/VideoAtAGlanceV2';\nimport { PlayPageResources } from 'libs/shared/components/play-page/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { Clip, CurrentUser, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { PlayPageClips } from 'shared/components/play-page/components/play-page-clips/PlayPageClips';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/play-page-interactives/PlayPageInteractives';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { getContentClassName, getMainClassName } from 'shared/views/play/components/play-page/PlayPageUtils';\nimport { usePlayPageTableOfContent } from 'shared/views/play/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/hooks/useSectionHeadings';\nimport { useTheatreStyle } from 'shared/views/play/hooks/useTheatreStyle';\nimport { PlayPageUtils } from 'shared/views/play/PlayPageUtil';\nimport { ClippedFrom } from 'shared/views/play-clip/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip.scss';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\n\ninterface PlayClipProps {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  relatedVideos: RelatedVideosHash;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  hasTopicDirectories: boolean;\n  hasTheatreMode: boolean;\n  breadcrumbs?: Breadcrumb[];\n  commonVideoProps: CommonVideoProps;\n}\n\nexport function PlayClip(props: PlayClipProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const theatreMode = props.hasTheatreMode && playerContext.mode === 'theatre';\n  const shouldUseTheareModeStyle = useTheatreStyle(props.hasTheatreMode, theatreMode);\n\n  function toggleTheatreMode(value: boolean) {\n    playerContext.playerRef?.current?.toggleTheatreMode?.(value);\n  }\n\n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId, props.hasTheatreMode, theatreMode);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return false;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return false;\n\n    if (hasStudentExperience)\n      return false;\n\n    return true;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  const calcClassNameProps = {\n    hasTheatreMode: props.hasTheatreMode,\n    shouldShowSideTableOfContents: props.shouldShowSideTableOfContents,\n    tableOfContentsExpanded,\n    theatreMode\n  };\n  const mainClassName = getMainClassName(calcClassNameProps);\n  const contentClassName = getContentClassName(calcClassNameProps);\n\n  const [ , setContainerClassName ] = useViewModel(ViewModelKeys.PLAY_PAGE_CONTAINER_CLASS_NAME);\n  \n  React.useEffect(() => {\n    if (!theatreMode) {\n      setContainerClassName('');\n    } else {\n      setContainerClassName(styles.theatreModePlayPageContainer);\n    }\n  }, [theatreMode]);\n\n  React.useEffect(() => {\n    return () => setContainerClassName('');\n  }, []);\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row g-0' : ''}`}>\n      <main className={`${styles.main} ${mainClassName}`}>\n        {!!props.breadcrumbs?.length && (\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        )}\n\n        <RestrictionBanner\n          restrictions={props.clip._restrictions}\n          yearGroups={props.commonVideoProps.yearGroups}\n          objectId={props.clip.id}\n          objectTypeId={MasterType.Clip}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        {isArchived && (\n          <ArchivedBanner\n            typeId={props.clip.typeId}\n            hasStudentExperience={hasStudentExperience}\n          />\n        )}\n\n        <section\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\n          {canConsume && (\n            <GlobalPlayerConsumer\n              key={props.clip.id}\n              objectId={props.clip.id}\n              objectTypeId={props.clip.typeId}\n              shareId={props.shareId}\n              context={props.queryParams?.context}\n              contextId={props.queryParams?.contextId}\n              moviesAndTv={props.queryParams?.mtv}\n              playNext={props.queryParams?.playNext}\n              startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n              mode={playerContext.mode || 'default'}\n              location='play-page'\n            />\n          )}\n\n          <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n            <PlayerPlaceholder\n              video={props.clip}\n              type='pip'\n            />\n          </div>\n        </section>\n\n        <div className={contentClassName}>\n          <div className={shouldUseTheareModeStyle ? `${styles.theatreModeLeftContent}` : ''}>\n            <PlayPageTitleAndActions\n              media={props.clip}\n              yearGroups={props.commonVideoProps.yearGroups}\n              audiences={props.audiences}\n              originalVideoAppLink={getOriginalVideoAppLink()}\n              featureAccess={props.featureAccess}\n              shareId={props.shareId}\n              showTitlePadlock={!props.commonVideoProps.hasStudentExperience}\n            />\n\n            {/* if no glance render video details here */}\n            {hasGlance ? (\n              <VideoAtAGlanceV2\n                video={props.clip}\n                pointsOfInterest={props.pointsOfInterest}\n                setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                canViewGlance={hasGlance}\n              />\n            ) : (\n              <VideoDetailsWithScrollbarV2\n                video={props.clip}\n                currentUser={props.currentUser}\n                onLaunchImmersiveReader={onLaunchImmersiveReader}\n                onExitImmersiveReader={onExitImmersiveReader}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                headingRef={headingRef}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n              />\n            )}\n\n            <PlayPageResources\n              video={props.clip}\n              canViewResources={props.featureAccess.canViewResourceItems}\n              imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n              getAppLink={\n                getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n              }\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n              headingRef={headingRef}\n            />\n\n            <PlayPageInteractives\n              video={props.clip}\n              interactives={props.interactives}\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              canViewInteractives={props.featureAccess.canViewInteractives}\n              headingRef={headingRef}\n              commonVideoProps={props.commonVideoProps}\n            />\n\n            <PlayPageClips\n              clips={otherClips || []}\n              video={props.clip}\n              canViewClips={props.featureAccess.canViewClips}\n              audiences={props.audiences}\n              headingRef={headingRef}\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              commonVideoProps={props.commonVideoProps}\n            />\n\n            {/* if has glance, render video details here */}\n            {hasGlance && (\n              <VideoDetailsWithScrollbarV2\n                video={props.clip}\n                currentUser={props.currentUser}\n                onLaunchImmersiveReader={onLaunchImmersiveReader}\n                onExitImmersiveReader={onExitImmersiveReader}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                headingRef={headingRef}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                showHeading\n              />\n            )}\n     \n            {!!canAccessOriginal() && (\n              <ClippedFrom\n                originalVideo={props.originalVideo}\n                shareId={props.shareId}\n                queryParams={props.queryParams}\n                audiences={props.audiences}\n                headingRef={headingRef}\n                currentUser={props.currentUser}\n                commonVideoProps={props.commonVideoProps}\n              />\n            )}\n\n            <RelatedVideos\n              currentVideo={props.clip}\n              relatedVideos={props.relatedVideos}\n              currentUser={props.currentUser}\n              audiences={props.audiences}\n              getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n                ...opts,\n                context: props.queryParams.context,\n                contextId: props.queryParams.contextId,\n                playNext: props.queryParams.playNext,\n                shareId: props.shareId,\n                moviesAndTv: props.queryParams.mtv,\n                includeContext: props.currentUser?.isAuthenticated\n              })}\n              moviesAndTv={props.queryParams.mtv}\n              commonVideoProps={props.commonVideoProps}\n            />\n          </div>\n          {theatreMode && (\n            <TableOfContentsContainer\n              isExpanded={tableOfContentsExpanded}\n              setIsExpanded={onToggleTableOfContents}\n              toggleTheatreMode={ null}\n              items={items}\n              activeId={tableOfContentsActiveId}\n              setControlledId={setControlledId}\n              analyticsData={{ videoId: props.clip.id, videoName: props.clip.name }}\n              showInSide={props.shouldShowSideTableOfContents}\n              isTheatreMode={true}\n              hasTranscription={props.hasTheatreMode}\n            />\n          )}\n        </div>\n      </main>\n\n      {!theatreMode && (\n        <TableOfContentsContainer\n          isExpanded={tableOfContentsExpanded}\n          setIsExpanded={onToggleTableOfContents}\n          toggleTheatreMode={props.hasTheatreMode ? toggleTheatreMode : null}\n          items={items}\n          activeId={tableOfContentsActiveId}\n          setControlledId={setControlledId}\n          analyticsData={{ videoId: props.clip.id, videoName: props.clip.name }}\n          showInSide={props.shouldShowSideTableOfContents}\n          isTheatreMode={false}\n          hasTranscription={props.hasTheatreMode}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","length","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","getKey","obj","fetchedItems","Set","setRequests","unfetchedItems","forEach","key","current","has","push","add","r","hasFirstRequestCompleted","hasCompleted","useBreadcrumbs","match","breadcrumbs","useBuilder","active","useCommonVideoProps","options","locationContext","mtv","flightNamespace","sharedPlaylist","isPlugin","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasPermissions","hasLoadedPermissions","isLoaded","hasStudentExperience","config","currentUser","yearGroups","isAuthenticated","customerId","hasCommonVideoPropsCompleted","commonVideoProps","subTextType","getSubTextAppLink","video","series","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","useVideoFeatureAccess","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","useVideoMixin","objects","videoIds","Array","isArray","filter","o","getValidObjects","v","ids","namespace","ClippedFrom","props","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","set","Text","phrase","VideoActionsContext","value","VideoList","videos","originalVideo","getVideoAppLink","opts","VideoAppLinkHelper","context","queryParams","contextId","playNext","shareId","moviesAndTv","includeContext","presentationAudiences","audiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClip","playerContext","canConsume","VideoHelper","clip","theatreMode","hasTheatreMode","mode","shouldUseTheareModeStyle","useTheatreStyle","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","useSectionHeadings","headingElements","ele","name","PlayPageUtil","clips","interactives","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","otherClips","c","toString","calcClassNameProps","shouldShowSideTableOfContents","mainClassName","contentClassName","setContainerClassName","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","showTitlePadlock","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","PlayPageClips","showHeading","RelatedVideos","currentVideo","relatedVideos","TableOfContents","isExpanded","setIsExpanded","toggleTheatreMode","activeId","videoName","showInSide","isTheatreMode","hasTranscription"],"sourceRoot":""}
+{"version":3,"file":"scripts/3677-f48c335f7a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/libs/shared/src/hooks/useBreadcrumbs.ts","file:///app/packages/projects/lite/src/shared/hooks/useCommonVideoProps.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file:///app/packages/projects/lite/src/shared/views/play-clip/components/clipped-from/ClippedFrom.tsx","file:///app/packages/projects/lite/src/shared/views/play-clip/components/play-clip/play-clip.scss","file:///app/packages/projects/lite/src/shared/views/play-clip/components/play-clip/PlayClip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const getKey = _getKey || ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n\n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(getRequest) ]));\n  }, [objs?.length]);\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\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","import { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\n\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { usePluginHelper } from './use-plugin-helper/usePluginHelper';\nimport { useLiteFavourites } from './useLiteFavourites';\n\ninterface UseCommonVideoPropsResult {\n  hasCommonVideoPropsCompleted: boolean;\n  commonVideoProps: CommonVideoProps;\n}\n\ninterface UseCommonVideoPropsOptions {\n  locationContext: LocationContext,\n  mtv?: boolean;\n  flightNamespace?: string;\n  sharedPlaylist?: boolean;\n}\n\nexport function useCommonVideoProps(options: UseCommonVideoPropsOptions): UseCommonVideoPropsResult {\n  const { locationContext, mtv, flightNamespace, sharedPlaylist } = options || {};\n\n  const { isPlugin } = usePluginHelper();\n  const { setFavourite, canFavourite } = useLiteFavourites(locationContext, flightNamespace);\n  const { hasTopicDirectories, isLoadingSettings } = useSettings(null);\n  const { hasPermissions, isLoaded: hasLoadedPermissions } = usePermissions();\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getSubTextAppLink(video: VideoTypes): Core.AppLink {\n    if (!('series' in video))\n      return null;\n\n    /**\n     * We do not allow navigating to series on shared playlists when the user is not signed in\n     * because most series are customer created and will be empty for public users\n     * \n     * We do not have to do this for shared series, because all the series links are self referencing\n     *  - Sha\n     */\n    if (sharedPlaylist && !currentUser.data?.isAuthenticated)\n      return null;\n  \n    return SeriesAppLinkHelper.getSeriesAppLink(video.series, { mtv });\n  }\n\n  const hasCommonVideoPropsCompleted = (\n    !isLoadingSettings &&\n    hasLoadedPermissions &&\n    config.hasCompleted &&\n    currentUser.hasCompleted &&\n    (!currentUser.data?.isAuthenticated || yearGroups.hasCompleted)\n  );\n\n  return {\n    hasCommonVideoPropsCompleted,\n    commonVideoProps: {\n      subTextType: 'series',\n      getSubTextAppLink,\n      isPlugin,\n      canFavourite,\n      setFavourite,\n      imageCdnUrl: config.data?.imageCdnUrl,\n      yearGroups: yearGroups.data,\n      getClassroomGuideAppLink: VideoAppLinkHelper.getClassroomGuideAppLink,\n      getInteractiveGuidanceAppLink: VideoAppLinkHelper.getInteractiveGuidanceAppLink,\n      getResourceGuidanceAppLink: VideoAppLinkHelper.getResourceGuidanceAppLink,\n      showNewVideoIndicator: hasTopicDirectories,\n      companyLogoFallbackUrl: null,\n      hasStudentExperience\n    }\n  };\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useGrowingBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { Clip, ClipCollection, Video, VideoCollection } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\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 videoIds = getValidObjects(objects).map(v => v.id);\n\n  useGrowingBatchFetch(videoIds, ids => VideoRequests.videoMixinAssocs(ids, options.flightNamespace));\n}","import React from 'react';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CurrentUser, PresentationAudience, VideoTypes } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst namespace = 'shared.playClip';\n\ninterface ClippedFromProps {\n  originalVideo: VideoTypes;\n  queryParams: PlayViewQueryParams;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  currentUser: CurrentUser;\n  commonVideoProps: CommonVideoProps;\n}\n\nexport function ClippedFrom(props: ClippedFromProps) {\n  const { hasPermissions } = usePermissions();\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  return (\n    <section\n      className='play-page-section'\n      id={PlayPageAnchor.ClippedFrom}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.ClippedFrom, el);\n      }}\n    >\n      <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n      <VideoActionsContext.Provider value={videoActions}>\n        <VideoList\n          videos={[props.originalVideo]}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv,\n            includeContext: props.currentUser?.isAuthenticated\n          })}\n          hasPermissions={hasPermissions}\n          presentationAudiences={props.audiences}\n          getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n          commonVideoProps={props.commonVideoProps}\n        />\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"ULvZW\",\"expandedToc\":\"W3k9M\",\"theatreMode\":\"KOUGv\",\"theatreModeContent\":\"fWNAc\",\"theatreModePlayPageContainer\":\"RJ5nP\",\"theatreModeLeftContent\":\"dllgG\"};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page/glance/VideoAtAGlanceV2';\nimport { PlayPageResources } from 'libs/shared/components/play-page/resources-widget/PlayPageResources';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { Clip, CurrentUser, InteractiveMetadata, Link, PointOfInterest, PresentationAudience, Resource, Video } from 'libs/shared/interfaces';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { PlayPageClips } from 'shared/components/play-page/components/play-page-clips/PlayPageClips';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/play-page-interactives/PlayPageInteractives';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { getContentClassName, getMainClassName } from 'shared/views/play/components/play-page/PlayPageUtils';\nimport { usePlayPageTableOfContent } from 'shared/views/play/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/hooks/useSectionHeadings';\nimport { useTheatreStyle } from 'shared/views/play/hooks/useTheatreStyle';\nimport { PlayPageUtils } from 'shared/views/play/PlayPageUtil';\nimport { ClippedFrom } from 'shared/views/play-clip/components/clipped-from/ClippedFrom';\n\nimport styles from './play-clip.scss';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\n\ninterface PlayClipProps {\n  clip: Clip;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  relatedVideos: RelatedVideosHash;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  hasTopicDirectories: boolean;\n  hasTheatreMode: boolean;\n  breadcrumbs?: Breadcrumb[];\n  commonVideoProps: CommonVideoProps;\n}\n\nexport function PlayClip(props: PlayClipProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const theatreMode = props.hasTheatreMode && playerContext.mode === 'theatre';\n  const shouldUseTheareModeStyle = useTheatreStyle(props.hasTheatreMode, theatreMode);\n\n  function toggleTheatreMode(value: boolean) {\n    playerContext.playerRef?.current?.toggleTheatreMode?.(value);\n  }\n\n  const {\n    tableOfContentsActiveId,\n    setTableOfContentsActiveId,\n    controlledId,\n    setControlledId,\n    tableOfContentsExpanded,\n    onToggleTableOfContents\n  } = usePlayPageTableOfContent(props.tableOfContentsId, props.hasTheatreMode, theatreMode);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(ele => {\n    return {\n      id: ele.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        ele.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: props.clip.resources?.data,\n          isPlayClipPage: true\n        }\n      )\n    };\n  });\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return false;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return false;\n\n    if (hasStudentExperience)\n      return false;\n\n    return true;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.clips?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  const calcClassNameProps = {\n    hasTheatreMode: props.hasTheatreMode,\n    shouldShowSideTableOfContents: props.shouldShowSideTableOfContents,\n    tableOfContentsExpanded,\n    theatreMode\n  };\n  const mainClassName = getMainClassName(calcClassNameProps);\n  const contentClassName = getContentClassName(calcClassNameProps);\n\n  const [ , setContainerClassName ] = useViewModel(ViewModelKeys.PLAY_PAGE_CONTAINER_CLASS_NAME);\n  \n  React.useEffect(() => {\n    if (!theatreMode) {\n      setContainerClassName('');\n    } else {\n      setContainerClassName(styles.theatreModePlayPageContainer);\n    }\n  }, [theatreMode]);\n\n  React.useEffect(() => {\n    return () => setContainerClassName('');\n  }, []);\n\n  return (\n    <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row g-0' : ''}`}>\n      <main className={`${styles.main} ${mainClassName}`}>\n        {!!props.breadcrumbs?.length && (\n          <div className='mb-2'>\n            <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n          </div>\n        )}\n\n        <RestrictionBanner\n          restrictions={props.clip._restrictions}\n          yearGroups={props.commonVideoProps.yearGroups}\n          objectId={props.clip.id}\n          objectTypeId={MasterType.Clip}\n          canManageVideoAccess={props.canManageVideoAccess}\n        />\n\n        {isArchived && (\n          <ArchivedBanner\n            typeId={props.clip.typeId}\n            hasStudentExperience={hasStudentExperience}\n          />\n        )}\n\n        <section\n          id={PlayPageAnchor.Video}\n          className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n          ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n        >\n          {canConsume && (\n            <GlobalPlayerConsumer\n              key={props.clip.id}\n              objectId={props.clip.id}\n              objectTypeId={props.clip.typeId}\n              shareId={props.shareId}\n              context={props.queryParams?.context}\n              contextId={props.queryParams?.contextId}\n              moviesAndTv={props.queryParams?.mtv}\n              playNext={props.queryParams?.playNext}\n              startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n              mode={playerContext.mode || 'default'}\n              location='play-page'\n            />\n          )}\n\n          <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n            <PlayerPlaceholder\n              video={props.clip}\n              type='pip'\n            />\n          </div>\n        </section>\n\n        <div className={contentClassName}>\n          <div className={shouldUseTheareModeStyle ? `${styles.theatreModeLeftContent}` : 'w-100'}>\n            <PlayPageTitleAndActions\n              media={props.clip}\n              yearGroups={props.commonVideoProps.yearGroups}\n              audiences={props.audiences}\n              originalVideoAppLink={getOriginalVideoAppLink()}\n              featureAccess={props.featureAccess}\n              shareId={props.shareId}\n              showTitlePadlock={!props.commonVideoProps.hasStudentExperience}\n            />\n\n            {/* if no glance render video details here */}\n            {hasGlance ? (\n              <VideoAtAGlanceV2\n                video={props.clip}\n                pointsOfInterest={props.pointsOfInterest}\n                setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                canViewGlance={hasGlance}\n              />\n            ) : (\n              <VideoDetailsWithScrollbarV2\n                video={props.clip}\n                currentUser={props.currentUser}\n                onLaunchImmersiveReader={onLaunchImmersiveReader}\n                onExitImmersiveReader={onExitImmersiveReader}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                headingRef={headingRef}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n              />\n            )}\n\n            <PlayPageResources\n              video={props.clip}\n              canViewResources={props.featureAccess.canViewResourceItems}\n              imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n              getAppLink={\n                getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResourceItems)\n              }\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n              headingRef={headingRef}\n            />\n\n            <PlayPageInteractives\n              video={props.clip}\n              interactives={props.interactives}\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              canViewInteractives={props.featureAccess.canViewInteractives}\n              headingRef={headingRef}\n              commonVideoProps={props.commonVideoProps}\n            />\n\n            <PlayPageClips\n              clips={otherClips || []}\n              video={props.clip}\n              canViewClips={props.featureAccess.canViewClips}\n              audiences={props.audiences}\n              headingRef={headingRef}\n              analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n              commonVideoProps={props.commonVideoProps}\n            />\n\n            {/* if has glance, render video details here */}\n            {hasGlance && (\n              <VideoDetailsWithScrollbarV2\n                video={props.clip}\n                currentUser={props.currentUser}\n                onLaunchImmersiveReader={onLaunchImmersiveReader}\n                onExitImmersiveReader={onExitImmersiveReader}\n                getTagAppLink={tag => ({\n                  application: AppChannels.SEARCH,\n                  action: Actions.Search.HOME,\n                  params: { tagOrClassification: tag.name }\n                })}\n                headingRef={headingRef}\n                suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                showHeading\n              />\n            )}\n     \n            {!!canAccessOriginal() && (\n              <ClippedFrom\n                originalVideo={props.originalVideo}\n                shareId={props.shareId}\n                queryParams={props.queryParams}\n                audiences={props.audiences}\n                headingRef={headingRef}\n                currentUser={props.currentUser}\n                commonVideoProps={props.commonVideoProps}\n              />\n            )}\n\n            <RelatedVideos\n              currentVideo={props.clip}\n              relatedVideos={props.relatedVideos}\n              currentUser={props.currentUser}\n              audiences={props.audiences}\n              getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n                ...opts,\n                context: props.queryParams.context,\n                contextId: props.queryParams.contextId,\n                playNext: props.queryParams.playNext,\n                shareId: props.shareId,\n                moviesAndTv: props.queryParams.mtv,\n                includeContext: props.currentUser?.isAuthenticated\n              })}\n              moviesAndTv={props.queryParams.mtv}\n              commonVideoProps={props.commonVideoProps}\n            />\n          </div>\n          {theatreMode && (\n            <TableOfContentsContainer\n              isExpanded={tableOfContentsExpanded}\n              setIsExpanded={onToggleTableOfContents}\n              toggleTheatreMode={ null}\n              items={items}\n              activeId={tableOfContentsActiveId}\n              setControlledId={setControlledId}\n              analyticsData={{ videoId: props.clip.id, videoName: props.clip.name }}\n              showInSide={props.shouldShowSideTableOfContents}\n              isTheatreMode={true}\n              hasTranscription={props.hasTheatreMode}\n            />\n          )}\n        </div>\n      </main>\n\n      {!theatreMode && (\n        <TableOfContentsContainer\n          isExpanded={tableOfContentsExpanded}\n          setIsExpanded={onToggleTableOfContents}\n          toggleTheatreMode={props.hasTheatreMode ? toggleTheatreMode : null}\n          items={items}\n          activeId={tableOfContentsActiveId}\n          setControlledId={setControlledId}\n          analyticsData={{ videoId: props.clip.id, videoName: props.clip.name }}\n          showInSide={props.shouldShowSideTableOfContents}\n          isTheatreMode={false}\n          hasTranscription={props.hasTheatreMode}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","length","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","getKey","obj","fetchedItems","Set","setRequests","unfetchedItems","forEach","key","current","has","push","add","r","hasFirstRequestCompleted","hasCompleted","useBreadcrumbs","match","breadcrumbs","useBuilder","active","useCommonVideoProps","options","locationContext","mtv","flightNamespace","sharedPlaylist","isPlugin","u","setFavourite","canFavourite","hasTopicDirectories","isLoadingSettings","hasPermissions","hasLoadedPermissions","isLoaded","hasStudentExperience","config","currentUser","yearGroups","isAuthenticated","customerId","hasCommonVideoPropsCompleted","commonVideoProps","subTextType","getSubTextAppLink","video","series","imageCdnUrl","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","showNewVideoIndicator","companyLogoFallbackUrl","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","useVideoFeatureAccess","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","useVideoMixin","objects","videoIds","Array","isArray","filter","o","getValidObjects","v","ids","namespace","ClippedFrom","props","usePermissions","videoActions","useVideoActions","location","className","PlayPageAnchor","ref","el","headingRef","set","Text","phrase","VideoActionsContext","value","VideoList","videos","originalVideo","getVideoAppLink","opts","VideoAppLinkHelper","context","queryParams","contextId","playNext","shareId","moviesAndTv","includeContext","presentationAudiences","audiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","getResourceAppLink","videoId","canViewResource","resource","application","action","args","params","PlayClip","playerContext","canConsume","VideoHelper","clip","theatreMode","hasTheatreMode","mode","shouldUseTheareModeStyle","useTheatreStyle","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","useSectionHeadings","headingElements","ele","name","PlayPageUtil","clips","interactives","resources","isPlayClipPage","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","isArchived","PermissionName","shouldPlayOnExitImmersiveReader","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","canAccessOriginal","_canBeConsumed","ProductId","showPlayerPlaceholder","otherClips","c","toString","calcClassNameProps","shouldShowSideTableOfContents","mainClassName","contentClassName","setContainerClassName","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","startTime","t","PlayerPlaceholder","type","PlayPageTitleAndActions","media","originalVideoAppLink","TextHelper","showTitlePadlock","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","PlayPageResources","getAppLink","analyticsData","clipId","clipName","resourceThumbnailFallbackUrl","ImageUrls","PlayPageInteractives","PlayPageClips","showHeading","RelatedVideos","currentVideo","relatedVideos","TableOfContents","isExpanded","setIsExpanded","toggleTheatreMode","activeId","videoName","showInSide","isTheatreMode","hasTranscription"],"sourceRoot":""}