@clickview/lite 0.105.0-rc.0 → 0.105.0-rc.1

package/dist/scripts/{DQNW-R2Y.chunk.js.map → DdVzer9F.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DQNW-R2Y.chunk.js","names":[],"sources":["../../src/shared/flight-requests/TranscriptRequests.ts","../../src/shared/components/play-page/components/play-page-curriculum-links/curriculum-links.module.scss","../../src/shared/components/play-page/components/play-page-curriculum-links/PlayPageCurriculumLinks.tsx","../../src/shared/views/play/components/play-page/PlayPage.tsx","../../src/shared/views/play/hooks/useShowVideoTranscript.ts"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { Chapter, Subtitle } from 'libs/shared/interfaces';\n\nexport interface TranscriptResponse {\n  subtitles: Subtitle[];\n  chapters: Chapter[];\n}\n\nexport const TranscriptRequests = {\n  chaptersAndSubtitles(videoId: string, contentRegion?: string): Flight.PublicRequest {\n    const queryStringObj = {\n      query: 'subtitles[customer],chapters',\n      permissionFilterOption: PermissionFilterOption.StripMetadata,\n      contentRegion\n    };\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/objects/${videoId}`, queryStringObj),\n      publicUrl: UrlHelper.urlBuilder(`/api/objects/${videoId}/subtitles`, queryStringObj),\n      key: `videos:${videoId}:subtitles:chapters:${PermissionFilterOption.StripMetadata}`,\n      formatData: (data: any) => {\n        return { subtitles: data.subtitles.data, chapters: data.chapters.data };\n      }\n    };\n  },\n\n  subtitleVtt(url: string, subtitleObj: Subtitle): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder(`{player}/srt-to-vtt`, {\n        url,\n        fullSentences: true\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/player/srt-to-vtt`, {\n        url,\n        fullSentences: true\n      }),\n      key: `subtitle:${url}`,\n      formatData: (data: any) => {\n        return {\n          ...subtitleObj,\n          vtt: data\n        };\n      }\n    };\n  }\n};\n","@import '~styles/utils/include-media';\n:local {\n  .dropdown {\n    width: 75%;\n    \n    @include media(\">=md\") {\n      width: 50%;\n    }\n  }\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { SEARCH_CURRICULUM_CODE_PARAM } from 'libs/shared/apps/search/utils/SharedSearchHelper';\nimport { CurriculumDropdown } from 'libs/shared/components/curriculum-links/CurriculumDropdown';\nimport { CurriculumLinks } from 'libs/shared/components/curriculum-links/CurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumData, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { SearchHelper } from 'apps/search/utils';\n\nimport styles from './curriculum-links.module.scss';\n\nconst namespace = 'shared.curriculumLinks';\n\ninterface PlayPageCurriculumLinksProps {\n  curriculums: CurriculumData;\n  height: number;\n  canViewCurriculumLinks: boolean;\n  video: Video;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  hasNewSearch: boolean;\n}\n\nexport function PlayPageCurriculumLinks(props: PlayPageCurriculumLinksProps): JSX.Element {\n  const {\n    preferredCurriculum,\n    availableCurriculums,\n    curriculumLinks,\n    updateCurriculum\n  } = props.curriculums;\n\n  function onChangeCurriculum(curriculumId: string): void {\n    updateCurriculum(curriculumId, {\n      shouldLog: true,\n      locationContext: LocationContext.PlayPage,\n      video: props.video\n    });\n  }\n\n  if (!props.canViewCurriculumLinks || (!curriculumLinks?.length && !props.curriculums.mappedCurriculums.length))\n    return <></>;\n\n  return (\n    <section\n      id={PlayPageAnchor.CurriculumLinks}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n      }}\n      className='play-page-section'\n    >\n      <h2 className='h4 me-2 h-100'>\n        <Text namespace={namespace} phrase='heading' />\n      </h2>\n      <CurriculumDropdown\n        availableCurriculums={availableCurriculums}\n        onChangeCurriculum={onChangeCurriculum}\n        selectedCurriculum={preferredCurriculum}\n        className={styles.dropdown}\n      />\n\n      <div className='rounded border position-relative'>\n        <Scrollbars autoHeight autoHeightMax={props.height}>\n          <div className='p-3'>\n            <CurriculumLinks\n              curriculumLinks={props.curriculums.curriculumLinks}\n              onChangeCurriculum={onChangeCurriculum}\n              hasCompleted={props.curriculums.hasCompleted}\n              mappedCurriculums={props.curriculums.mappedCurriculums}\n              isFetching={props.curriculums.isFetching}\n              getCodeAppLink={(query, isCode) => {\n                if (!props.hasNewSearch)\n                  return null;\n              \n                return SearchHelper.getSearchAppLink(query, { [SEARCH_CURRICULUM_CODE_PARAM]: isCode });\n              }}\n              locationContext={LocationContext.PlayPage}\n            />\n          </div>\n        </Scrollbars>\n      </div>\n    </section>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\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 { getResources, PlayPageResources } from 'libs/shared/components/play-page/resources-widget/PlayPageResources';\nimport { PlayPageTranscription } from 'libs/shared/components/play-page/transcription/PlayPageTranscription';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\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 { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { Classification, Clip, CurrentUser, CurriculumData, InteractiveMetadata, PointOfInterest, PresentationAudience, RelatedClassification, Subtitle, Video, VttSubtitleResponse } from 'libs/shared/interfaces';\nimport { Chapter } from 'libs/shared/interfaces/Chapter';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { DownloadHelper } from 'libs/shared/utils/DownloadHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { CitationWidget } from 'shared/components/citations/CitationWidget';\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { PlayPageClips } from 'shared/components/play-page/components/play-page-clips/PlayPageClips';\nimport { PlayPageCurriculumLinks } from 'shared/components/play-page/components/play-page-curriculum-links/PlayPageCurriculumLinks';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/play-page-interactives/PlayPageInteractives';\nimport { PlayPageSidePanel } from 'shared/components/play-page/components/side-panel/PlayPageSidePanel';\nimport { TOC_IGNORE_BOUNDARY } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { MobileRelatedTopics } from 'shared/components/related-topics/MobileRelatedTopics';\nimport { RelatedTopics } from 'shared/components/related-topics/RelatedTopics';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\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 { ResourceHelper } from 'shared/utils/ResourceHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { useResourcePopup } from 'shared/views/play/components/play-page/hooks/useResourcePopup';\nimport { getContentClassName, getIsTheatreMode, 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 { useTheatreModeStyle } from 'shared/views/play/hooks/useTheatreStyle';\nimport { PlayPageUtils } from 'shared/views/play/PlayPageUtil';\n\nimport styles from './play-page.module.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageProps {\n  presentationSlug: string | null;\n  video: Video;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  relatedVideos: RelatedVideosHash;\n  audiences: PresentationAudience[];\n  currentUser: CurrentUser;\n  pointsOfInterest?: PointOfInterest[];\n  playNext: boolean;\n  shareId?: string;\n  curriculums: CurriculumData;\n  featureAccess: VideoFeaturesHash;\n  params?: PlayViewQueryParams;\n  canManageVideoAccess: boolean;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  hasTheatreMode: boolean;\n  shouldShowTranscript: boolean;\n  hasNewSearch: boolean;\n  breadcrumbs?: Breadcrumb[];\n  vttSubtitles: VttSubtitleResponse[];\n  subtitles: Subtitle[];\n  chapters: Chapter[];\n  commonVideoProps: CommonVideoProps;\n  isBot: boolean;\n  playerApiUrl: string;\n  liteUrl: string;\n  resourcePopupId?: string;\n  relatedTopics?: RelatedClassification[];\n  getRelatedTopicAppLink?: (classification: Classification) => Core.AppLink;\n}\n\nexport function PlayPage(props: PlayPageProps): JSX.Element {\n  const playerContext = usePlayerContext();\n  const isPaused = playerContext.playerRef.current?.isPaused?.();\n  const hasStarted = playerContext.playerRef?.current?.hasStarted?.();\n\n  const { hasPermissions } = usePermissions();\n  const settings = useSettings(null);\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const theatreMode = getIsTheatreMode(props.hasTheatreMode, playerContext);\n  const shouldUseTheatreModeStyle = useTheatreModeStyle(\n    props.hasTheatreMode,\n    playerContext.mode,\n    playerContext.defaultDisplayMode\n  );\n\n  function toggleTheatreMode(value: boolean) {\n    // when exit theatre mode turn off transcript\n    if (!value) {\n      toggleTranscript(false);\n    }\n\n    playerContext.setDefaultDisplayMode?.(value ? 'theatre' : 'normal');\n    playerContext.playerRef?.current?.toggleTheatreMode?.(value);\n  }\n\n  function toggleTranscript(value: boolean) {\n    playerContext.playerRef?.current?.toggleTranscript?.(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.video) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(el => {\n    return {\n      id: el.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        el.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n        }\n      )\n    };\n  });\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\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  const appLinkFns = getAppLinks({ settings, presentationSlug: props.presentationSlug });\n\n  const getResourceAppLink = appLinkFns.getResourceAppLink(\n    props.video.id,\n    props.shareId,\n    props.featureAccess.canViewResourceItems\n  );\n\n  useResourcePopup({\n    resourcePopupId: props.resourcePopupId,\n    resources: props.video.resources?.data,\n    getResourceAppLink\n  });\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  const calcClassNameProps = {\n    hasTheatreMode: props.hasTheatreMode,\n    shouldShowSideTableOfContents: props.shouldShowSideTableOfContents,\n    tableOfContentsExpanded,\n    theatreMode: shouldUseTheatreModeStyle\n  };\n  const mainClassName = getMainClassName(calcClassNameProps);\n  const contentClassName = getContentClassName(calcClassNameProps);\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || (props.featureAccess.canViewPublicLayout && !props.video._canBeConsumed.value);\n \n  const [ , setContainerClassName ] = useViewModel(ViewModelKeys.PLAY_PAGE_CONTAINER_CLASS_NAME);\n\n  const subTextType = props.commonVideoProps.getSubTextType?.(props.video);\n  const getSubtextAppLink = props.commonVideoProps.getSubTextAppLink(props.video);\n  const companyLogoFallbackUrl = props.commonVideoProps.getCompanyLogoFallbackUrl?.(props.video);\n\n  const resources = getResources(props.video, hasPermissions(PermissionName.StudentExperience));\n  const downloadableResources = resources.filter(MasterTypeHelper.isResource);\n\n  const showRelatedTopics = props.shouldShowSideTableOfContents && props.relatedTopics?.length > 0;\n  const showMobileRelatedTopics = !props.shouldShowSideTableOfContents && props.relatedTopics?.length > 0;\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  function goToSignUp() {\n    Core.AppLinkHelper.trigger({ action: Actions.SignUp.SIGN_UP, application: AppChannels.SIGN_UP });\n  }\n\n  function onShowTranscriptInVideo() {\n    if (!canConsume)\n      return goToSignUp();\n\n    if (!hasStarted)\n      playerContext.playerRef.current?.play();\n\n    toggleTranscript(true);\n\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  function setStartTime(time: number) {\n    playerContext.playerRef.current?.currentTime(time);\n  }\n\n  function onDownloadClick() {\n    if (downloadableResources.length === 1) {\n      DownloadHelper.downloadResource(\n        downloadableResources[0],\n        { videoId: props.video?.id, videoName: props.video.name },\n        { location: LocationContext.PlayPage, actionType: UserAction.Download, entity: EntityType.Resource }\n      );\n      return;\n    }\n  \n    Core.AppLinkHelper.trigger({\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.RESOURCE_DOWNLOAD,\n      args: [ props.video?.id, props.shareId ]\n    });\n  }\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\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.video._restrictions}\n            yearGroups={props.commonVideoProps.yearGroups}\n            objectId={props.video.id}\n            objectTypeId={MasterType.Video}\n            canManageVideoAccess={props.canManageVideoAccess}\n          />\n\n          {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n          <section\n            id={PlayPageAnchor.Video}\n            className={`mb-3 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n            ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n          >\n            {canConsume && (\n              <GlobalPlayerConsumer\n                key={props.video.id}\n                objectId={props.video.id}\n                objectTypeId={props.video.typeId}\n                shareId={props.shareId}\n                context={props.params?.context}\n                contextId={props.params?.contextId}\n                playNext={props.params?.playNext}\n                moviesAndTv={props.params?.mtv}\n                startTime={props.params?.t ?? props.params?.startTime}\n                endTime={props.params?.endTime}\n                mode='default'\n                location='play-page'\n              />\n            )}\n              \n            <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n              <PlayerPlaceholder\n                video={props.video}\n                appLink={{\n                  application: AppChannels.SIGN_UP,\n                  action: Actions.SignUp.SIGN_UP\n                }}\n                type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n              />\n            </div>\n          </section>\n\n          <div className={contentClassName}>\n            <div className={shouldUseTheatreModeStyle ? `${styles.theatreModeLeftContent}` : 'w-100'}>\n              <PlayPageTitleAndActions\n                presentationSlug={props.presentationSlug}\n                media={props.video}\n                subTextType={subTextType}\n                subtextAppLink={getSubtextAppLink}\n                yearGroups={props.commonVideoProps.yearGroups}\n                audiences={props.audiences}\n                featureAccess={props.featureAccess}\n                shareId={props.shareId}\n                showTitlePadlock={!props.commonVideoProps.hasStudentExperience\n                  && !props.commonVideoProps.hasGuestExperience}\n                companyLogoFallbackUrl={companyLogoFallbackUrl}\n                imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n              />\n\n              {/* if no glance render video details here */}\n              {hasGlance ? (\n                <VideoAtAGlanceV2\n                  video={props.video}\n                  pointsOfInterest={props.pointsOfInterest}\n                  setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  canViewGlance={hasGlance}\n                />\n              ) : (\n                <VideoDetailsWithScrollbarV2\n                  video={props.video}\n                  currentUser={props.currentUser}\n                  headingRef={headingRef}\n                  onLaunchImmersiveReader={onLaunchImmersiveReader}\n                  onExitImmersiveReader={onExitImmersiveReader}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  getPartnerProfileAppLink={appLinkFns.getPartnerProfileAppLink}\n                  getPartnerDashboardHubAppLink={appLinkFns.getPartnerDashboardHubAppLink}\n                  getLibraryAppLink={hasPermissions(PermissionName.ViewLibraries) ? appLinkFns.getLibraryAppLink : null}\n                  getFolderAppLink={hasPermissions(PermissionName.ViewLibraries) ? appLinkFns.getFolderAppLink : null}\n                />\n              )}\n\n              <PlayPageCurriculumLinks\n                height={MINIMUM_GLANCE_HEIGHT}\n                curriculums={props.curriculums}\n                canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n                headingRef={headingRef}\n                video={props.video}\n                hasNewSearch={props.hasNewSearch}\n              />\n\n              <PlayPageResources\n                headingRef={headingRef}\n                video={props.video}\n                canViewResources={props.featureAccess.canViewResourceItems}\n                imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n                getAppLink={getResourceAppLink}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                getImageThumbnailFallbackUrl={ResourceHelper.getImageThumbnailFallbackUrl}\n                onDownloadClick={onDownloadClick}\n                resources={resources}\n                downloadableResources={downloadableResources}\n                aboutResourcesAppLink={VideoAppLinkHelper.getAboutResourceAppLink()}\n              />\n\n              <PlayPageInteractives\n                presentationSlug={props.presentationSlug}\n                headingRef={headingRef}\n                video={props.video}\n                interactives={props.interactives}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                canViewInteractives={props.featureAccess.canViewInteractives}\n                commonVideoProps={props.commonVideoProps}\n              />\n\n              <PlayPageClips\n                presentationSlug={props.presentationSlug}\n                video={props.video}\n                headingRef={headingRef}\n                clips={props.clips}\n                canViewClips={props.featureAccess.canViewClips}\n                audiences={props.audiences}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                commonVideoProps={props.commonVideoProps}\n              />\n\n              {/* if has glance, render video details here */}\n              {hasGlance && (\n                <VideoDetailsWithScrollbarV2\n                  video={props.video}\n                  currentUser={props.currentUser}\n                  headingRef={headingRef}\n                  onLaunchImmersiveReader={onLaunchImmersiveReader}\n                  onExitImmersiveReader={onExitImmersiveReader}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  showHeading\n                  getPartnerProfileAppLink={appLinkFns.getPartnerProfileAppLink}\n                  getPartnerDashboardHubAppLink={appLinkFns.getPartnerDashboardHubAppLink}\n                  getLibraryAppLink={appLinkFns.getLibraryAppLink}\n                  getFolderAppLink={appLinkFns.getFolderAppLink}\n                />\n              )}\n\n              {props.shouldShowTranscript && (\n                <PlayPageTranscription\n                  headingRef={headingRef}\n                  video={props.video}\n                  subtitles={props.subtitles}\n                  vttSubtitles={props.vttSubtitles}\n                  chapters={props.chapters}\n                  onShowInVideo={onShowTranscriptInVideo}\n                  signUpLink={{ action: Actions.SignUp.SIGN_UP, application: AppChannels.SIGN_UP }}\n                  setStartTime={setStartTime}\n                  isBot={props.isBot}\n                  isPaused={isPaused}\n                  isAuthenticated={props.currentUser.isAuthenticated}\n                  playerApiUrl={props.playerApiUrl}\n                />\n              )}\n\n              {props.featureAccess.canViewCitations && (\n                <CitationWidget\n                  headingRef={headingRef}\n                  media={props.video}\n                  contentRegion={props.currentUser.contentRegion}\n                  shareId={props.shareId}\n                  presentationSlug={props.presentationSlug}\n                />\n              )}\n\n              {showMobileRelatedTopics &&\n                <MobileRelatedTopics\n                  topics={props.relatedTopics}\n                  getAppLink={props.getRelatedTopicAppLink}\n                />\n              }\n\n              <RelatedVideos\n                presentationSlug={props.presentationSlug}\n                currentVideo={props.video}\n                headingRef={headingRef}\n                commonVideoProps={props.commonVideoProps}\n                relatedVideos={props.relatedVideos}\n                currentUser={props.currentUser}\n                getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n                  ...opts,\n                  context: props.params.context,\n                  contextId: props.params.contextId,\n                  playNext: props.params.playNext,\n                  shareId: props.shareId,\n                  moviesAndTv: props.params.mtv,\n                  includeContext: props.currentUser?.isAuthenticated\n                }, props.presentationSlug)}\n                audiences={props.audiences}\n                moviesAndTv={props.params.mtv}\n              />\n            </div>\n            {theatreMode && (\n              <PlayPageSidePanel\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.video.id, videoName: props.video.name }}\n                showInSide={props.shouldShowSideTableOfContents}\n                isTheatreMode={false}\n                hasTranscription={props.hasTheatreMode}\n                shouldShowToc={items.length >= TOC_IGNORE_BOUNDARY}\n                additionalComponents={[\n                  showRelatedTopics ? (\n                    <RelatedTopics className='mt-2' topics={props.relatedTopics} getAppLink={props.getRelatedTopicAppLink}/>\n                  ) : undefined\n                ]}\n              />\n            )}\n          </div>\n        </main>\n\n        {!theatreMode && (\n          <PlayPageSidePanel\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.video.id, videoName: props.video.name }}\n            showInSide={props.shouldShowSideTableOfContents}\n            isTheatreMode={false}\n            hasTranscription={props.hasTheatreMode}\n            shouldShowToc={items.length >= TOC_IGNORE_BOUNDARY}\n            additionalComponents={[\n              showRelatedTopics ? (\n                <RelatedTopics className='mt-2' topics={props.relatedTopics} getAppLink={props.getRelatedTopicAppLink}/>\n              ) : undefined\n            ]}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import { Flight } from 'libs/common/react/index';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, Video } from 'libs/shared/interfaces';\n\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\n\nexport function useShowTranscriptForVideo(videoId: string, shareId?: string) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const { canViewTranscript } = useVideoFeatureAccess({\n    objectId: videoId,\n    objectTypeId: MasterType.Video\n  });\n\n  const video = Flight.useBasicFetch<Video>(\n    shareId ? VideoRequests.sharedVideo(videoId, shareId) : VideoRequests.video(videoId)\n  );\n\n  const shouldShowTranscript = canViewTranscript && !!video.data?._curationTags?.value?.isClickViewCurated;\n  return {\n    shouldShowTranscript,\n    shouldFetchTranscript: shouldShowTranscript && !currentUser.data?.isAuthenticated\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"DdVzer9F.chunk.js","names":[],"sources":["../../src/shared/flight-requests/TranscriptRequests.ts","../../src/shared/components/play-page/components/play-page-curriculum-links/curriculum-links.module.scss","../../src/shared/components/play-page/components/play-page-curriculum-links/PlayPageCurriculumLinks.tsx","../../src/shared/views/play/components/play-page/PlayPage.tsx","../../src/shared/views/play/hooks/useShowVideoTranscript.ts"],"sourcesContent":["import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { Chapter, Subtitle } from 'libs/shared/interfaces';\n\nexport interface TranscriptResponse {\n  subtitles: Subtitle[];\n  chapters: Chapter[];\n}\n\nexport const TranscriptRequests = {\n  chaptersAndSubtitles(videoId: string, contentRegion?: string): Flight.PublicRequest {\n    const queryStringObj = {\n      query: 'subtitles[customer],chapters',\n      permissionFilterOption: PermissionFilterOption.StripMetadata,\n      contentRegion\n    };\n\n    return {\n      url: UrlHelper.urlBuilder(`{gateway}/v1/objects/${videoId}`, queryStringObj),\n      publicUrl: UrlHelper.urlBuilder(`/api/objects/${videoId}/subtitles`, queryStringObj),\n      key: `videos:${videoId}:subtitles:chapters:${PermissionFilterOption.StripMetadata}`,\n      formatData: (data: any) => {\n        return { subtitles: data.subtitles.data, chapters: data.chapters.data };\n      }\n    };\n  },\n\n  subtitleVtt(url: string, subtitleObj: Subtitle): Flight.PublicRequest {\n    return {\n      url: UrlHelper.urlBuilder(`{player}/srt-to-vtt`, {\n        url,\n        fullSentences: true\n      }),\n      publicUrl: UrlHelper.urlBuilder(`/api/player/srt-to-vtt`, {\n        url,\n        fullSentences: true\n      }),\n      key: `subtitle:${url}`,\n      formatData: (data: any) => {\n        return {\n          ...subtitleObj,\n          vtt: data\n        };\n      }\n    };\n  }\n};\n","@import '~styles/utils/include-media';\n:local {\n  .dropdown {\n    width: 75%;\n    \n    @include media(\">=md\") {\n      width: 50%;\n    }\n  }\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { SEARCH_CURRICULUM_CODE_PARAM } from 'libs/shared/apps/search/utils/SharedSearchHelper';\nimport { CurriculumDropdown } from 'libs/shared/components/curriculum-links/CurriculumDropdown';\nimport { CurriculumLinks } from 'libs/shared/components/curriculum-links/CurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumData, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { SearchHelper } from 'apps/search/utils';\n\nimport styles from './curriculum-links.module.scss';\n\nconst namespace = 'shared.curriculumLinks';\n\ninterface PlayPageCurriculumLinksProps {\n  curriculums: CurriculumData;\n  height: number;\n  canViewCurriculumLinks: boolean;\n  video: Video;\n  headingRef: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n  hasNewSearch: boolean;\n}\n\nexport function PlayPageCurriculumLinks(props: PlayPageCurriculumLinksProps): JSX.Element {\n  const {\n    preferredCurriculum,\n    availableCurriculums,\n    curriculumLinks,\n    updateCurriculum\n  } = props.curriculums;\n\n  function onChangeCurriculum(curriculumId: string): void {\n    updateCurriculum(curriculumId, {\n      shouldLog: true,\n      locationContext: LocationContext.PlayPage,\n      video: props.video\n    });\n  }\n\n  if (!props.canViewCurriculumLinks || (!curriculumLinks?.length && !props.curriculums.mappedCurriculums.length))\n    return <></>;\n\n  return (\n    <section\n      id={PlayPageAnchor.CurriculumLinks}\n      ref={el => {\n        (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n      }}\n      className='play-page-section'\n    >\n      <h2 className='h4 me-2 h-100'>\n        <Text namespace={namespace} phrase='heading' />\n      </h2>\n      <CurriculumDropdown\n        availableCurriculums={availableCurriculums}\n        onChangeCurriculum={onChangeCurriculum}\n        selectedCurriculum={preferredCurriculum}\n        className={styles.dropdown}\n      />\n\n      <div className='rounded border position-relative'>\n        <Scrollbars autoHeight autoHeightMax={props.height}>\n          <div className='p-3'>\n            <CurriculumLinks\n              curriculumLinks={props.curriculums.curriculumLinks}\n              onChangeCurriculum={onChangeCurriculum}\n              hasCompleted={props.curriculums.hasCompleted}\n              mappedCurriculums={props.curriculums.mappedCurriculums}\n              isFetching={props.curriculums.isFetching}\n              getCodeAppLink={(query, isCode) => {\n                if (!props.hasNewSearch)\n                  return null;\n              \n                return SearchHelper.getSearchAppLink(query, { [SEARCH_CURRICULUM_CODE_PARAM]: isCode });\n              }}\n              locationContext={LocationContext.PlayPage}\n            />\n          </div>\n        </Scrollbars>\n      </div>\n    </section>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\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 { getResources, PlayPageResources } from 'libs/shared/components/play-page/resources-widget/PlayPageResources';\nimport { PlayPageTranscription } from 'libs/shared/components/play-page/transcription/PlayPageTranscription';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\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 { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { Classification, Clip, CurrentUser, CurriculumData, InteractiveMetadata, PointOfInterest, PresentationAudience, RelatedClassification, Subtitle, Video, VttSubtitleResponse } from 'libs/shared/interfaces';\nimport { Chapter } from 'libs/shared/interfaces/Chapter';\nimport { CommonVideoProps } from 'libs/shared/interfaces/CommonVideoProps';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { DownloadHelper } from 'libs/shared/utils/DownloadHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { CitationWidget } from 'shared/components/citations/CitationWidget';\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { PlayPageClips } from 'shared/components/play-page/components/play-page-clips/PlayPageClips';\nimport { PlayPageCurriculumLinks } from 'shared/components/play-page/components/play-page-curriculum-links/PlayPageCurriculumLinks';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/play-page-interactives/PlayPageInteractives';\nimport { PlayPageSidePanel } from 'shared/components/play-page/components/side-panel/PlayPageSidePanel';\nimport { TOC_IGNORE_BOUNDARY } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { MobileRelatedTopics } from 'shared/components/related-topics/MobileRelatedTopics';\nimport { RelatedTopics } from 'shared/components/related-topics/RelatedTopics';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\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 { ResourceHelper } from 'shared/utils/ResourceHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { useResourcePopup } from 'shared/views/play/components/play-page/hooks/useResourcePopup';\nimport { getContentClassName, getIsTheatreMode, 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 { useTheatreModeStyle } from 'shared/views/play/hooks/useTheatreStyle';\nimport { PlayPageUtils } from 'shared/views/play/PlayPageUtil';\n\nimport styles from './play-page.module.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageProps {\n  presentationSlug: string | null;\n  video: Video;\n  clips: Clip[];\n  interactives: InteractiveMetadata[];\n  relatedVideos: RelatedVideosHash;\n  audiences: PresentationAudience[];\n  currentUser: CurrentUser;\n  pointsOfInterest?: PointOfInterest[];\n  playNext: boolean;\n  shareId?: string;\n  curriculums: CurriculumData;\n  featureAccess: VideoFeaturesHash;\n  params?: PlayViewQueryParams;\n  canManageVideoAccess: boolean;\n  tableOfContentsId: string;\n  shouldShowSideTableOfContents: boolean;\n  hasTheatreMode: boolean;\n  shouldShowTranscript: boolean;\n  hasNewSearch: boolean;\n  breadcrumbs?: Breadcrumb[];\n  vttSubtitles: VttSubtitleResponse[];\n  subtitles: Subtitle[];\n  chapters: Chapter[];\n  commonVideoProps: CommonVideoProps;\n  isBot: boolean;\n  playerApiUrl: string;\n  liteUrl: string;\n  resourcePopupId?: string;\n  relatedTopics?: RelatedClassification[];\n  getRelatedTopicAppLink?: (classification: Classification) => Core.AppLink;\n}\n\nexport function PlayPage(props: PlayPageProps): JSX.Element {\n  const playerContext = usePlayerContext();\n  const isPaused = playerContext.playerRef.current?.isPaused?.();\n  const hasStarted = playerContext.playerRef?.current?.hasStarted?.();\n\n  const { hasPermissions } = usePermissions();\n  const settings = useSettings(null);\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n  const theatreMode = getIsTheatreMode(props.hasTheatreMode, playerContext);\n  const shouldUseTheatreModeStyle = useTheatreModeStyle(\n    props.hasTheatreMode,\n    playerContext.mode,\n    playerContext.defaultDisplayMode\n  );\n\n  function toggleTheatreMode(value: boolean) {\n    // when exit theatre mode turn off transcript\n    if (!value) {\n      toggleTranscript(false);\n    }\n\n    playerContext.setDefaultDisplayMode?.(value ? 'theatre' : 'normal');\n    playerContext.playerRef?.current?.toggleTheatreMode?.(value);\n  }\n\n  function toggleTranscript(value: boolean) {\n    playerContext.playerRef?.current?.toggleTranscript?.(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.video) && props.featureAccess.canViewGlance;\n\n  const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n  const items = headingElements.map(el => {\n    return {\n      id: el.id as PlayPageAnchor,\n      name: PlayPageUtils.getSectionHeading(\n        el.id as PlayPageAnchor,\n        {\n          clips: props.clips,\n          interactives: props.interactives,\n          resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n        }\n      )\n    };\n  });\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n  useTableOfContentsActiveHeading({\n    setActiveId: setTableOfContentsActiveId,\n    headingElements,\n    controlledId,\n    setControlledId\n  });\n\n  useTableOfContentsScroll(headingElements, controlledId);\n\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  const appLinkFns = getAppLinks({ settings, presentationSlug: props.presentationSlug });\n\n  const getResourceAppLink = appLinkFns.getResourceAppLink(\n    props.video.id,\n    props.shareId,\n    props.featureAccess.canViewResourceItems\n  );\n\n  useResourcePopup({\n    resourcePopupId: props.resourcePopupId,\n    resources: props.video.resources?.data,\n    getResourceAppLink\n  });\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  const calcClassNameProps = {\n    hasTheatreMode: props.hasTheatreMode,\n    shouldShowSideTableOfContents: props.shouldShowSideTableOfContents,\n    tableOfContentsExpanded,\n    theatreMode: shouldUseTheatreModeStyle\n  };\n  const mainClassName = getMainClassName(calcClassNameProps);\n  const contentClassName = getContentClassName(calcClassNameProps);\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || (props.featureAccess.canViewPublicLayout && !props.video._canBeConsumed.value);\n \n  const [ , setContainerClassName ] = useViewModel(ViewModelKeys.PLAY_PAGE_CONTAINER_CLASS_NAME);\n\n  const subTextType = props.commonVideoProps.getSubTextType?.(props.video);\n  const getSubtextAppLink = props.commonVideoProps.getSubTextAppLink(props.video);\n  const companyLogoFallbackUrl = props.commonVideoProps.getCompanyLogoFallbackUrl?.(props.video);\n\n  const resources = getResources(props.video, hasPermissions(PermissionName.StudentExperience));\n  const downloadableResources = resources.filter(MasterTypeHelper.isResource);\n\n  const showRelatedTopics = props.shouldShowSideTableOfContents && props.relatedTopics?.length > 0;\n  const showMobileRelatedTopics = !props.shouldShowSideTableOfContents && props.relatedTopics?.length > 0;\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  function goToSignUp() {\n    Core.AppLinkHelper.trigger({ action: Actions.SignUp.SIGN_UP, application: AppChannels.SIGN_UP });\n  }\n\n  function onShowTranscriptInVideo() {\n    if (!canConsume)\n      return goToSignUp();\n\n    if (!hasStarted)\n      playerContext.playerRef.current?.play();\n\n    toggleTranscript(true);\n\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  function setStartTime(time: number) {\n    playerContext.playerRef.current?.currentTime(time);\n  }\n\n  function onDownloadClick() {\n    if (downloadableResources.length === 1) {\n      DownloadHelper.downloadResource(\n        downloadableResources[0],\n        { videoId: props.video?.id, videoName: props.video.name },\n        { location: LocationContext.PlayPage, actionType: UserAction.Download, entity: EntityType.Resource }\n      );\n      return;\n    }\n  \n    Core.AppLinkHelper.trigger({\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.RESOURCE_DOWNLOAD,\n      args: [ props.video?.id, props.shareId ]\n    });\n  }\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\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.video._restrictions}\n            yearGroups={props.commonVideoProps.yearGroups}\n            objectId={props.video.id}\n            objectTypeId={MasterType.Video}\n            canManageVideoAccess={props.canManageVideoAccess}\n          />\n\n          {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n          <section\n            id={PlayPageAnchor.Video}\n            className={`mb-3 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n            ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n          >\n            {canConsume && (\n              <GlobalPlayerConsumer\n                key={props.video.id}\n                objectId={props.video.id}\n                objectTypeId={props.video.typeId}\n                shareId={props.shareId}\n                context={props.params?.context}\n                contextId={props.params?.contextId}\n                playNext={props.params?.playNext}\n                moviesAndTv={props.params?.mtv}\n                startTime={props.params?.t ?? props.params?.startTime}\n                endTime={props.params?.endTime}\n                mode='default'\n                location='play-page'\n              />\n            )}\n              \n            <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n              <PlayerPlaceholder\n                video={props.video}\n                appLink={{\n                  application: AppChannels.SIGN_UP,\n                  action: Actions.SignUp.SIGN_UP\n                }}\n                type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n              />\n            </div>\n          </section>\n\n          <div className={contentClassName}>\n            <div className={shouldUseTheatreModeStyle ? `${styles.theatreModeLeftContent}` : 'w-100'}>\n              <PlayPageTitleAndActions\n                presentationSlug={props.presentationSlug}\n                media={props.video}\n                subTextType={subTextType}\n                subtextAppLink={getSubtextAppLink}\n                yearGroups={props.commonVideoProps.yearGroups}\n                audiences={props.audiences}\n                featureAccess={props.featureAccess}\n                shareId={props.shareId}\n                showTitlePadlock={!props.commonVideoProps.hasStudentExperience\n                  && !props.commonVideoProps.hasGuestExperience}\n                companyLogoFallbackUrl={companyLogoFallbackUrl}\n                imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n              />\n\n              {/* if no glance render video details here */}\n              {hasGlance ? (\n                <VideoAtAGlanceV2\n                  video={props.video}\n                  pointsOfInterest={props.pointsOfInterest}\n                  setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  canViewGlance={hasGlance}\n                />\n              ) : (\n                <VideoDetailsWithScrollbarV2\n                  video={props.video}\n                  currentUser={props.currentUser}\n                  headingRef={headingRef}\n                  onLaunchImmersiveReader={onLaunchImmersiveReader}\n                  onExitImmersiveReader={onExitImmersiveReader}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  getPartnerProfileAppLink={appLinkFns.getPartnerProfileAppLink}\n                  getPartnerDashboardHubAppLink={appLinkFns.getPartnerDashboardHubAppLink}\n                  getLibraryAppLink={hasPermissions(PermissionName.ViewLibraries) ? appLinkFns.getLibraryAppLink : null}\n                  getFolderAppLink={hasPermissions(PermissionName.ViewLibraries) ? appLinkFns.getFolderAppLink : null}\n                />\n              )}\n\n              <PlayPageCurriculumLinks\n                height={MINIMUM_GLANCE_HEIGHT}\n                curriculums={props.curriculums}\n                canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n                headingRef={headingRef}\n                video={props.video}\n                hasNewSearch={props.hasNewSearch}\n              />\n\n              <PlayPageResources\n                headingRef={headingRef}\n                video={props.video}\n                canViewResources={props.featureAccess.canViewResourceItems}\n                imageCdnUrl={props.commonVideoProps.imageCdnUrl}\n                getAppLink={getResourceAppLink}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                getImageThumbnailFallbackUrl={ResourceHelper.getImageThumbnailFallbackUrl}\n                onDownloadClick={onDownloadClick}\n                resources={resources}\n                downloadableResources={downloadableResources}\n                aboutResourcesAppLink={VideoAppLinkHelper.getAboutResourceAppLink()}\n              />\n\n              <PlayPageInteractives\n                presentationSlug={props.presentationSlug}\n                headingRef={headingRef}\n                video={props.video}\n                interactives={props.interactives}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                canViewInteractives={props.featureAccess.canViewInteractives}\n                commonVideoProps={props.commonVideoProps}\n              />\n\n              <PlayPageClips\n                presentationSlug={props.presentationSlug}\n                video={props.video}\n                headingRef={headingRef}\n                clips={props.clips}\n                canViewClips={props.featureAccess.canViewClips}\n                audiences={props.audiences}\n                analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n                commonVideoProps={props.commonVideoProps}\n              />\n\n              {/* if has glance, render video details here */}\n              {hasGlance && (\n                <VideoDetailsWithScrollbarV2\n                  video={props.video}\n                  currentUser={props.currentUser}\n                  headingRef={headingRef}\n                  onLaunchImmersiveReader={onLaunchImmersiveReader}\n                  onExitImmersiveReader={onExitImmersiveReader}\n                  getTagAppLink={appLinkFns.getTagAppLink}\n                  suppressInteractivity={props.featureAccess.canViewPublicLayout}\n                  showHeading\n                  getPartnerProfileAppLink={appLinkFns.getPartnerProfileAppLink}\n                  getPartnerDashboardHubAppLink={appLinkFns.getPartnerDashboardHubAppLink}\n                  getLibraryAppLink={appLinkFns.getLibraryAppLink}\n                  getFolderAppLink={appLinkFns.getFolderAppLink}\n                />\n              )}\n\n              {props.shouldShowTranscript && (\n                <PlayPageTranscription\n                  headingRef={headingRef}\n                  video={props.video}\n                  subtitles={props.subtitles}\n                  vttSubtitles={props.vttSubtitles}\n                  chapters={props.chapters}\n                  onShowInVideo={onShowTranscriptInVideo}\n                  signUpLink={{ action: Actions.SignUp.SIGN_UP, application: AppChannels.SIGN_UP }}\n                  setStartTime={setStartTime}\n                  isBot={props.isBot}\n                  isPaused={isPaused}\n                  isAuthenticated={props.currentUser.isAuthenticated}\n                  playerApiUrl={props.playerApiUrl}\n                />\n              )}\n\n              {props.featureAccess.canViewCitations && (\n                <CitationWidget\n                  headingRef={headingRef}\n                  media={props.video}\n                  contentRegion={props.currentUser.contentRegion}\n                  shareId={props.shareId}\n                  presentationSlug={props.presentationSlug}\n                />\n              )}\n\n              {showMobileRelatedTopics &&\n                <MobileRelatedTopics\n                  topics={props.relatedTopics}\n                  getAppLink={props.getRelatedTopicAppLink}\n                />\n              }\n\n              <RelatedVideos\n                presentationSlug={props.presentationSlug}\n                currentVideo={props.video}\n                headingRef={headingRef}\n                commonVideoProps={props.commonVideoProps}\n                relatedVideos={props.relatedVideos}\n                currentUser={props.currentUser}\n                getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n                  ...opts,\n                  context: props.params.context,\n                  contextId: props.params.contextId,\n                  playNext: props.params.playNext,\n                  shareId: props.shareId,\n                  moviesAndTv: props.params.mtv,\n                  includeContext: props.currentUser?.isAuthenticated\n                }, props.presentationSlug)}\n                audiences={props.audiences}\n                moviesAndTv={props.params.mtv}\n              />\n            </div>\n            {theatreMode && (\n              <PlayPageSidePanel\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.video.id, videoName: props.video.name }}\n                showInSide={props.shouldShowSideTableOfContents}\n                isTheatreMode={false}\n                hasTranscription={props.hasTheatreMode}\n                shouldShowToc={items.length >= TOC_IGNORE_BOUNDARY}\n                additionalComponents={[\n                  showRelatedTopics ? (\n                    <RelatedTopics className='mt-2' topics={props.relatedTopics} getAppLink={props.getRelatedTopicAppLink}/>\n                  ) : undefined\n                ]}\n              />\n            )}\n          </div>\n        </main>\n\n        {!theatreMode && (\n          <PlayPageSidePanel\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.video.id, videoName: props.video.name }}\n            showInSide={props.shouldShowSideTableOfContents}\n            isTheatreMode={false}\n            hasTranscription={props.hasTheatreMode}\n            shouldShowToc={items.length >= TOC_IGNORE_BOUNDARY}\n            additionalComponents={[\n              showRelatedTopics ? (\n                <RelatedTopics className='mt-2' topics={props.relatedTopics} getAppLink={props.getRelatedTopicAppLink}/>\n              ) : undefined\n            ]}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import { Flight } from 'libs/common/react/index';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, Video } from 'libs/shared/interfaces';\n\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\n\nexport function useShowTranscriptForVideo(videoId: string, shareId?: string) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const { canViewTranscript } = useVideoFeatureAccess({\n    objectId: videoId,\n    objectTypeId: MasterType.Video\n  });\n\n  const video = Flight.useBasicFetch<Video>(\n    shareId ? VideoRequests.sharedVideo(videoId, shareId) : VideoRequests.video(videoId)\n  );\n\n  const shouldShowTranscript = canViewTranscript && !!video.data?._curationTags?.value?.isClickViewCurated;\n  return {\n    shouldShowTranscript,\n    shouldFetchTranscript: shouldShowTranscript && !currentUser.data?.isAuthenticated\n  };\n}\n"],"mappings":"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"}

package/dist/scripts/{cu48iYhG.chunk.js → DkA7_vQC.chunk.js}

@@ -1,3 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["scripts/iEP6nnLh2.chunk.js","scripts/DAXXjFlN.chunk.js","scripts/BftnFbcr.chunk.js","scripts/CMDJWWg3.chunk.js","scripts/DPtsihFR.chunk.js","scripts/DMnm3Ewv.chunk.js","scripts/C2w0pmFW.chunk.js","scripts/wrLrTezN.chunk.js","scripts/BHvdJc9z.chunk.js","scripts/BHNi8JGM.chunk.js","scripts/CvE4SVf2.chunk.js","scripts/e57H3T-k.chunk.js","scripts/BVnMI-dl.chunk.js","scripts/Dr3Lux2e.chunk.js","scripts/wdQVW3s5.chunk.js","scripts/BGGL8m_U.chunk.js","scripts/B_N30_Kb.chunk.js","scripts/rPN1bfU1.chunk.js","scripts/BIzu5ufQ.chunk.js","scripts/CVHQXNzi2.chunk.js","scripts/hQ9iY4r0.chunk.js","scripts/DFZS3Ffo.chunk.js","scripts/Bbp2U9GK.chunk.js","scripts/B8AENY2U.chunk.js","css/9awfngRG.chunk.css","scripts/B2INd6bh.chunk.js","scripts/5ONJSThP.chunk.js","scripts/C7HU4huj.chunk.js","scripts/CE8lfzJE2.chunk.js","css/DVhPtkT7.chunk.css","scripts/WvK58Ge12.chunk.js","scripts/D3-wtcxf.chunk.js","scripts/B3fF5gkg.chunk.js","scripts/BrRtnZP-.chunk.js","scripts/CQyJ7YGa.chunk.js","scripts/BDwjs8qz2.chunk.js","scripts/C0exjRXJ.chunk.js","scripts/BteVhTv72.chunk.js","scripts/Chgge8yX.chunk.js","scripts/De16zmhB.chunk.js","scripts/BBEIIgZ6.chunk.js","css/BgzV9aK4.chunk.css","scripts/C6Zhd91H.chunk.js","scripts/YjWbDb2Y.chunk.js","scripts/BRcHS92O2.chunk.js","scripts/Bs2PKr1I2.chunk.js","scripts/DZX1tZ-D2.chunk.js","scripts/DLHY_jxl2.chunk.js","scripts/BlGyXBAH2.chunk.js","scripts/Dc1hYuQ12.chunk.js","css/CuSUr3Gp.chunk.css","css/Cj3zNWJl.chunk.css","scripts/B5wSBW5a.chunk.js","scripts/m-0QChXa2.chunk.js","css/DBshtiPC.chunk.css","scripts/D_Txk-Lv.chunk.js","scripts/c7DC36s9.chunk.js","scripts/BVm7hIyo.chunk.js","scripts/BYSskNbK.chunk.js","scripts/BoN0D_lY.chunk.js","scripts/Bzihudtn.chunk.js","scripts/BFXddaSP.chunk.js","scripts/B3TDTJSl.chunk.js","scripts/C1QXHdqn.chunk.js","scripts/CVqxBe99.chunk.js","scripts/CNxJMwxC.chunk.js","scripts/CQRza4Ga.chunk.js","scripts/ByIC_M_8.chunk.js","scripts/Epqx0J1v.chunk.js","scripts/B5TCUfQl.chunk.js","css/zFl67mql.chunk.css","scripts/CXnhm0VS2.chunk.js","scripts/iZ7EqNA72.chunk.js","scripts/OL3Z6Yp62.chunk.js","scripts/TTO6HcNP.chunk.js","scripts/BJUbYu222.chunk.js","scripts/BBDxSGT52.chunk.js","scripts/jAbfamoi.chunk.js","scripts/DUXPuDp72.chunk.js","scripts/CdYjo8_g2.chunk.js","scripts/CbOJtYeK.chunk.js","scripts/DvqomG3B.chunk.js","scripts/B6bB9two.chunk.js","scripts/VZcMg4Fw.chunk.js","scripts/C1SLt-ar.chunk.js","scripts/CpFtf-tI2.chunk.js","scripts/CKOWgMyj2.chunk.js","scripts/D5yUWL7p2.chunk.js","scripts/DAcNgjTQ.chunk.js","scripts/Dn1hp1IN2.chunk.js","scripts/B_BV48Fy.chunk.js","scripts/CEamUdnf.chunk.js","scripts/BruX4yYB.chunk.js","scripts/Bjt_-lTs.chunk.js","scripts/Ky1--4w3.chunk.js","scripts/CZgWQFsJ.chunk.js","scripts/BGswYbRT.chunk.js","scripts/B9VCwo3g2.chunk.js","scripts/DsBWAM3I.chunk.js","scripts/u5dYfNkx2.chunk.js","scripts/CZk8pKGx2.chunk.js","scripts/CjA4Q5pm.chunk.js","scripts/CmcCVXi32.chunk.js","scripts/BcibGFe42.chunk.js","scripts/Cy6lZVxk.chunk.js","scripts/DYKH_3un.chunk.js","scripts/CunDpHqX2.chunk.js","css/0ZqRj7up.chunk.css","scripts/BfGWS3N1.chunk.js","scripts/DIENjKhZ.chunk.js","css/D2t3ESms.chunk.css","scripts/B_9JhhOa.chunk.js","scripts/BAkU_szZ.chunk.js","css/DnhOr8Y7.chunk.css","scripts/CnnDkGmK.chunk.js","scripts/C3Wa868y.chunk.js","css/DvO5Hl4o.chunk.css","scripts/CB13vtRK.chunk.js","scripts/CecBf_FP.chunk.js","scripts/lhZ5v-iN2.chunk.js","css/BU5l8u5C.chunk.css","scripts/BiKac8UT2.chunk.js","scripts/P9unbQX_2.chunk.js","scripts/DNIQUWeP.chunk.js","scripts/CsF4wDV1.chunk.js","scripts/CcP8dF9l.chunk.js","scripts/DlEtkSBj2.chunk.js","scripts/BgCDdgjL.chunk.js","scripts/BDJoMZst.chunk.js","scripts/C2sWe2wE.chunk.js","scripts/DST0EBM3.chunk.js","scripts/ss6ZpC3s.chunk.js","scripts/DXxxMFXj.chunk.js","scripts/_JLSVjsR.chunk.js","scripts/Bw9Xd-pF.chunk.js","scripts/CvNHBl0q.chunk.js","scripts/sDWiXxfn.chunk.js","scripts/BLm6PYXX.chunk.js","scripts/BM2EJL9g.chunk.js","scripts/DqXpeRGy.chunk.js","scripts/DX2KH4av2.chunk.js","scripts/CXVBjdpb.chunk.js","scripts/gl4k7dtw.chunk.js","scripts/CQ0MgG2c.chunk.js","scripts/_jJAx6fU.chunk.js","scripts/CLjADRa42.chunk.js","css/DVdh6HWj.chunk.css"])))=>i.map(i=>d[i]);
-import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{d as r}from"./CEamUdnf.chunk.js";import{t as i}from"./CZgWQFsJ.chunk.js";import{t as a}from"./D_gWf2lC.chunk.js";var o=e(t()),s={embeddedPlayer:`_embeddedPlayer_1cqbo_1`,placeholder:`_placeholder_1cqbo_8`},c=n();function l(e){let t=r(a.config()),n=t.hasCompleted,l=o.useMemo(()=>o.lazy(()=>i(()=>import(`./iEP6nnLh2.chunk.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146]))),[]);if(!n)return(0,c.jsx)(c.Fragment,{});let u=l;return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(`div`,{className:s.placeholder}),children:(0,c.jsx)(u,{viewKey:e.viewKey,playerApi:new URL(t.data.playerApiUrl),imageCdnUrl:t.data.imageCdnUrl,autoplay:!0,embed:!0,hotkeyElQuerySelector:`body`,className:s.embeddedPlayer})})}export{l as SmartEmbedView};
-//# sourceMappingURL=cu48iYhG.chunk.js.map
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["scripts/D9POCoFw2.chunk.js","scripts/DAXXjFlN.chunk.js","scripts/BftnFbcr.chunk.js","scripts/CMDJWWg3.chunk.js","scripts/DPtsihFR.chunk.js","scripts/DMnm3Ewv.chunk.js","scripts/C2w0pmFW.chunk.js","scripts/wrLrTezN.chunk.js","scripts/BHvdJc9z.chunk.js","scripts/BHNi8JGM.chunk.js","scripts/CvE4SVf2.chunk.js","scripts/e57H3T-k.chunk.js","scripts/BVnMI-dl.chunk.js","scripts/Dr3Lux2e.chunk.js","scripts/wdQVW3s5.chunk.js","scripts/BGGL8m_U.chunk.js","scripts/B_N30_Kb.chunk.js","scripts/rPN1bfU1.chunk.js","scripts/BIzu5ufQ.chunk.js","scripts/CVHQXNzi2.chunk.js","scripts/hQ9iY4r0.chunk.js","scripts/DFZS3Ffo.chunk.js","scripts/Bbp2U9GK.chunk.js","scripts/B8AENY2U.chunk.js","css/9awfngRG.chunk.css","scripts/B2INd6bh.chunk.js","scripts/5ONJSThP.chunk.js","scripts/C7HU4huj.chunk.js","scripts/CE8lfzJE2.chunk.js","css/DVhPtkT7.chunk.css","scripts/WvK58Ge12.chunk.js","scripts/D3-wtcxf.chunk.js","scripts/B3fF5gkg.chunk.js","scripts/BrRtnZP-.chunk.js","scripts/CQyJ7YGa.chunk.js","scripts/BDwjs8qz2.chunk.js","scripts/C0exjRXJ.chunk.js","scripts/BteVhTv72.chunk.js","scripts/Chgge8yX.chunk.js","scripts/De16zmhB.chunk.js","scripts/BBEIIgZ6.chunk.js","css/BgzV9aK4.chunk.css","scripts/C6Zhd91H.chunk.js","scripts/YjWbDb2Y.chunk.js","scripts/BRcHS92O2.chunk.js","scripts/Bs2PKr1I2.chunk.js","scripts/DZX1tZ-D2.chunk.js","scripts/DLHY_jxl2.chunk.js","scripts/BlGyXBAH2.chunk.js","scripts/Dc1hYuQ12.chunk.js","css/CuSUr3Gp.chunk.css","css/Cj3zNWJl.chunk.css","scripts/B5wSBW5a.chunk.js","scripts/m-0QChXa2.chunk.js","css/DBshtiPC.chunk.css","scripts/WDOpswDS.chunk.js","scripts/c7DC36s9.chunk.js","scripts/BVm7hIyo.chunk.js","scripts/BYSskNbK.chunk.js","scripts/BoN0D_lY.chunk.js","scripts/Bzihudtn.chunk.js","scripts/BFXddaSP.chunk.js","scripts/B3TDTJSl.chunk.js","scripts/C1QXHdqn.chunk.js","scripts/CVqxBe99.chunk.js","scripts/CNxJMwxC.chunk.js","scripts/CQRza4Ga.chunk.js","scripts/ByIC_M_8.chunk.js","scripts/Epqx0J1v.chunk.js","scripts/B5TCUfQl.chunk.js","css/zFl67mql.chunk.css","scripts/CXnhm0VS2.chunk.js","scripts/iZ7EqNA72.chunk.js","scripts/OL3Z6Yp62.chunk.js","scripts/TTO6HcNP.chunk.js","scripts/BJUbYu222.chunk.js","scripts/BBDxSGT52.chunk.js","scripts/jAbfamoi.chunk.js","scripts/DUXPuDp72.chunk.js","scripts/CdYjo8_g2.chunk.js","scripts/CbOJtYeK.chunk.js","scripts/DvqomG3B.chunk.js","scripts/B6bB9two.chunk.js","scripts/VZcMg4Fw.chunk.js","scripts/C1SLt-ar.chunk.js","scripts/CpFtf-tI2.chunk.js","scripts/CKOWgMyj2.chunk.js","scripts/D5yUWL7p2.chunk.js","scripts/DAcNgjTQ.chunk.js","scripts/Dn1hp1IN2.chunk.js","scripts/B_BV48Fy.chunk.js","scripts/CEamUdnf.chunk.js","scripts/BruX4yYB.chunk.js","scripts/Bjt_-lTs.chunk.js","scripts/Ky1--4w3.chunk.js","scripts/CZgWQFsJ.chunk.js","scripts/BGswYbRT.chunk.js","scripts/B9VCwo3g2.chunk.js","scripts/DsBWAM3I.chunk.js","scripts/u5dYfNkx2.chunk.js","scripts/CZk8pKGx2.chunk.js","scripts/CjA4Q5pm.chunk.js","scripts/CmcCVXi32.chunk.js","scripts/BcibGFe42.chunk.js","scripts/Cy6lZVxk.chunk.js","scripts/DYKH_3un.chunk.js","scripts/CunDpHqX2.chunk.js","css/0ZqRj7up.chunk.css","scripts/BfGWS3N1.chunk.js","scripts/DIENjKhZ.chunk.js","css/D2t3ESms.chunk.css","scripts/B_9JhhOa.chunk.js","scripts/BAkU_szZ.chunk.js","css/DnhOr8Y7.chunk.css","scripts/CnnDkGmK.chunk.js","scripts/C3Wa868y.chunk.js","css/DvO5Hl4o.chunk.css","scripts/DuFYtiN6.chunk.js","scripts/DqZVK9mn.chunk.js","scripts/lhZ5v-iN2.chunk.js","css/BU5l8u5C.chunk.css","scripts/BiKac8UT2.chunk.js","scripts/FxuURp3k2.chunk.js","scripts/DNIQUWeP.chunk.js","scripts/CsF4wDV1.chunk.js","scripts/CcP8dF9l.chunk.js","scripts/DlEtkSBj2.chunk.js","scripts/BgCDdgjL.chunk.js","scripts/BDJoMZst.chunk.js","scripts/C2sWe2wE.chunk.js","scripts/DST0EBM3.chunk.js","scripts/ss6ZpC3s.chunk.js","scripts/DXxxMFXj.chunk.js","scripts/_JLSVjsR.chunk.js","scripts/Bw9Xd-pF.chunk.js","scripts/CvNHBl0q.chunk.js","scripts/sDWiXxfn.chunk.js","scripts/BLm6PYXX.chunk.js","scripts/BM2EJL9g.chunk.js","scripts/DqXpeRGy.chunk.js","scripts/DX2KH4av2.chunk.js","scripts/CXVBjdpb.chunk.js","scripts/gl4k7dtw.chunk.js","scripts/CQ0MgG2c.chunk.js","scripts/_jJAx6fU.chunk.js","scripts/CLjADRa42.chunk.js","css/DVdh6HWj.chunk.css"])))=>i.map(i=>d[i]);
+import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{d as r}from"./CEamUdnf.chunk.js";import{t as i}from"./CZgWQFsJ.chunk.js";import{t as a}from"./D_gWf2lC.chunk.js";var o=e(t()),s={embeddedPlayer:`_embeddedPlayer_1cqbo_1`,placeholder:`_placeholder_1cqbo_8`},c=n();function l(e){let t=r(a.config()),n=t.hasCompleted,l=o.useMemo(()=>o.lazy(()=>i(()=>import(`./D9POCoFw2.chunk.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146]))),[]);if(!n)return(0,c.jsx)(c.Fragment,{});let u=l;return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(`div`,{className:s.placeholder}),children:(0,c.jsx)(u,{viewKey:e.viewKey,playerApi:new URL(t.data.playerApiUrl),imageCdnUrl:t.data.imageCdnUrl,autoplay:!0,embed:!0,hotkeyElQuerySelector:`body`,className:s.embeddedPlayer})})}export{l as SmartEmbedView};
+//# sourceMappingURL=DkA7_vQC.chunk.js.map

package/dist/scripts/{cu48iYhG.chunk.js.map → DkA7_vQC.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":";8UAgBA,SAAgB,EAAe,EAAyC,CACtE,IAAM,EAAS,EAA6B,EAAe,OAAO,CAAC,EAE7D,EACJ,EAAO,aAGH,IAAmB,cAAoB,eAAW,OAAO,ygBAA+B,EAAG,CAAC,CAAC,EAEnG,GAAI,CAAC,EACH,OAAO,qBAAI,GAEb,IAAM,EAAS,EACf,OACE,WAAO,SAAP,CAAgB,UAAU,SAAC,MAAD,CAAK,UAAW,EAAO,WAAc,aAC7D,SAAC,EAAD,CAEE,QAAS,EAAM,QACf,UAAW,IAAI,IAAI,EAAO,KAAK,YAAY,EAC3C,YAAa,EAAO,KAAK,YAGzB,YACA,SAGA,sBAAsB,OACtB,UAAW,EAAO,cACnB,EACa,EAEpB","names":[],"ignoreList":[],"sources":["../../src/apps/embed/views/smart-embed/SmartEmbedView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config } from 'libs/shared/interfaces';\n\nimport type { ClickViewPlayer } from 'projects/player/react/Player';\n\nimport styles from './smart-embed.module.scss';\n\ninterface SmartEmbedViewProps {\n  viewKey: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SmartEmbedView(props: SmartEmbedViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const hasLoaded = (\n    config.hasCompleted\n  );\n\n  const LazyPlayer = React.useMemo(() => React.lazy(() => import('projects/player/react/Player')), []);\n\n  if (!hasLoaded)\n    return <></>;\n\n  const Player = LazyPlayer as typeof ClickViewPlayer;\n  return (\n    <React.Suspense fallback={<div className={styles.placeholder} />}>\n      <Player\n        // Fetched\n        viewKey={props.viewKey}\n        playerApi={new URL(config.data.playerApiUrl)}\n        imageCdnUrl={config.data.imageCdnUrl}\n\n        // Options\n        autoplay\n        embed\n\n        // Static\n        hotkeyElQuerySelector='body'\n        className={styles.embeddedPlayer}\n      />\n    </React.Suspense>\n  );\n}\n"],"file":"cu48iYhG.chunk.js"}
+{"version":3,"mappings":";8UAgBA,SAAgB,EAAe,EAAyC,CACtE,IAAM,EAAS,EAA6B,EAAe,OAAO,CAAC,EAE7D,EACJ,EAAO,aAGH,IAAmB,cAAoB,eAAW,OAAO,ygBAA+B,EAAG,CAAC,CAAC,EAEnG,GAAI,CAAC,EACH,OAAO,qBAAI,GAEb,IAAM,EAAS,EACf,OACE,WAAO,SAAP,CAAgB,UAAU,SAAC,MAAD,CAAK,UAAW,EAAO,WAAc,aAC7D,SAAC,EAAD,CAEE,QAAS,EAAM,QACf,UAAW,IAAI,IAAI,EAAO,KAAK,YAAY,EAC3C,YAAa,EAAO,KAAK,YAGzB,YACA,SAGA,sBAAsB,OACtB,UAAW,EAAO,cACnB,EACa,EAEpB","names":[],"ignoreList":[],"sources":["../../src/apps/embed/views/smart-embed/SmartEmbedView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { Config } from 'libs/shared/interfaces';\n\nimport type { ClickViewPlayer } from 'projects/player/react/Player';\n\nimport styles from './smart-embed.module.scss';\n\ninterface SmartEmbedViewProps {\n  viewKey: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SmartEmbedView(props: SmartEmbedViewProps): JSX.Element {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const hasLoaded = (\n    config.hasCompleted\n  );\n\n  const LazyPlayer = React.useMemo(() => React.lazy(() => import('projects/player/react/Player')), []);\n\n  if (!hasLoaded)\n    return <></>;\n\n  const Player = LazyPlayer as typeof ClickViewPlayer;\n  return (\n    <React.Suspense fallback={<div className={styles.placeholder} />}>\n      <Player\n        // Fetched\n        viewKey={props.viewKey}\n        playerApi={new URL(config.data.playerApiUrl)}\n        imageCdnUrl={config.data.imageCdnUrl}\n\n        // Options\n        autoplay\n        embed\n\n        // Static\n        hotkeyElQuerySelector='body'\n        className={styles.embeddedPlayer}\n      />\n    </React.Suspense>\n  );\n}\n"],"file":"DkA7_vQC.chunk.js"}

package/dist/scripts/{CecBf_FP.chunk.js → DqZVK9mn.chunk.js}

@@ -1,6 +1,6 @@
-import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{t as r}from"./lhZ5v-iN2.chunk.js";import{f as i,m as a,n as o}from"./D_Txk-Lv.chunk.js";var s=a.getComponent(`Button`),c=class extends s{constructor(e,t){super(e,t),this.update()}update(){this.options_.activityStatus===r.Complete?this.addClass(`cv-activity-completed`):this.removeClass(`cv-activity-completed`)}handleClick(...e){this.options_.activityStatus=this.getToggledActivityStatus(),this.update(),this.options_.clickHandler&&this.options_.clickHandler.call(this,e)}buildCSSClass(){return`cv-activity-status-button`}getToggledActivityStatus(){if(this.options_.activityStatus===r.None||this.options_.activityStatus===r.Incomplete)return r.Complete;if(this.options_.activityStatus===r.Complete)return r.Incomplete}};c.prototype.controlText_=`Complete`;var l=a.getPlugin(`plugin`),u=class extends l{setActivityStatus(e,t){e!==this.activityStatus&&(this.activityStatus=e,this.onToggleStatus=t,this.player.ready(()=>{this.renderActivityStatusButton()}))}renderActivityStatusButton(){this.button&&this.player.removeChild(this.button),this.button=new c(this.player,{activityStatus:this.activityStatus,clickHandler:this.onToggleStatus}),this.player.addChild(this.button)}};a.registerPlugin(`activityStatusPlugin`,u);var d=e(t()),f=n();function p(e){let[t,n]=d.useState(5);if(d.useEffect(()=>{let e=setInterval(()=>{n(e=>e-1)},1e3);return()=>{clearInterval(e)}},[]),d.useEffect(()=>{t===0&&e.onPlayNext()},[t]),!e.nextVideo||!e.onPlayNext)return(0,f.jsx)(f.Fragment,{});let r=Math.ceil(t),i=r===1?`second`:`seconds`;return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(`div`,{className:`cv-up-next-container`,children:[(0,f.jsx)(`div`,{className:`cv-cancel-up-next cursor-pointer`,role:`button`,onClick:e.onCancel,children:`×`}),(0,f.jsxs)(`div`,{className:`cv-up-next-heading`,children:[`Up next in `,r,` `,i,`:`]}),(0,f.jsx)(`div`,{className:`cv-up-next-image cursor-pointer`,onClick:e.onPlayNext,style:{backgroundImage:`url(${e.nextVideo?.thumbnailUrl})`}}),(0,f.jsx)(`div`,{className:`cv-up-next-title`,children:e.nextVideo.name})]})})}a.registerComponent(`UpNext`,o((e,t)=>(0,f.jsx)(p,{player:e,...t})));var m=a.getComponent(`MenuItem`),h=class extends m{constructor(e,t){super(e,t),this.bindListeners(),this.player_.nextVideoPlugin().getShouldPlayNext()&&this.toggleOn()}bindListeners(){this.onPlayNextChange=this.onPlayNextChange.bind(this),this.player_.on(`cv:playnext`,this.onPlayNextChange)}handleToggle(){let e=this.player_.nextVideoPlugin().getShouldPlayNext();this.player_.nextVideoPlugin().setShouldPlayNext(!e,!0)}onPlayNextChange(e,t){t?this.toggleOn():this.toggleOff()}toggleOn(){a.dom.addClass(this.toggleEl,`on`)}toggleOff(){a.dom.removeClass(this.toggleEl,`on`)}handleClick(e){e.stopImmediatePropagation()}createEl(e,t,n){this.handlerBound||=(this.handleToggle=this.handleToggle.bind(this),!0),this.toggleEl&&this.toggleEl.removeEventListener(`click`,this.handleToggle),this.toggleEl=a.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);let r=super.createEl(e,{className:`vjs-menu-item cv-cog-menu-item cv-play-next-toggle`,innerHTML:`
+import{o as e}from"./DAXXjFlN.chunk.js";import{t}from"./C2w0pmFW.chunk.js";import{t as n}from"./wrLrTezN.chunk.js";import{t as r}from"./lhZ5v-iN2.chunk.js";import{f as i,m as a,n as o}from"./WDOpswDS.chunk.js";var s=a.getComponent(`Button`),c=class extends s{constructor(e,t){super(e,t),this.update()}update(){this.options_.activityStatus===r.Complete?this.addClass(`cv-activity-completed`):this.removeClass(`cv-activity-completed`)}handleClick(...e){this.options_.activityStatus=this.getToggledActivityStatus(),this.update(),this.options_.clickHandler&&this.options_.clickHandler.call(this,e)}buildCSSClass(){return`cv-activity-status-button`}getToggledActivityStatus(){if(this.options_.activityStatus===r.None||this.options_.activityStatus===r.Incomplete)return r.Complete;if(this.options_.activityStatus===r.Complete)return r.Incomplete}};c.prototype.controlText_=`Complete`;var l=a.getPlugin(`plugin`),u=class extends l{setActivityStatus(e,t){e!==this.activityStatus&&(this.activityStatus=e,this.onToggleStatus=t,this.player.ready(()=>{this.renderActivityStatusButton()}))}renderActivityStatusButton(){this.button&&this.player.removeChild(this.button),this.button=new c(this.player,{activityStatus:this.activityStatus,clickHandler:this.onToggleStatus}),this.player.addChild(this.button)}};a.registerPlugin(`activityStatusPlugin`,u);var d=e(t()),f=n();function p(e){let[t,n]=d.useState(5);if(d.useEffect(()=>{let e=setInterval(()=>{n(e=>e-1)},1e3);return()=>{clearInterval(e)}},[]),d.useEffect(()=>{t===0&&e.onPlayNext()},[t]),!e.nextVideo||!e.onPlayNext)return(0,f.jsx)(f.Fragment,{});let r=Math.ceil(t),i=r===1?`second`:`seconds`;return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(`div`,{className:`cv-up-next-container`,children:[(0,f.jsx)(`div`,{className:`cv-cancel-up-next cursor-pointer`,role:`button`,onClick:e.onCancel,children:`×`}),(0,f.jsxs)(`div`,{className:`cv-up-next-heading`,children:[`Up next in `,r,` `,i,`:`]}),(0,f.jsx)(`div`,{className:`cv-up-next-image cursor-pointer`,onClick:e.onPlayNext,style:{backgroundImage:`url(${e.nextVideo?.thumbnailUrl})`}}),(0,f.jsx)(`div`,{className:`cv-up-next-title`,children:e.nextVideo.name})]})})}a.registerComponent(`UpNext`,o((e,t)=>(0,f.jsx)(p,{player:e,...t})));var m=a.getComponent(`MenuItem`),h=class extends m{constructor(e,t){super(e,t),this.bindListeners(),this.player_.nextVideoPlugin().getShouldPlayNext()&&this.toggleOn()}bindListeners(){this.onPlayNextChange=this.onPlayNextChange.bind(this),this.player_.on(`cv:playnext`,this.onPlayNextChange)}handleToggle(){let e=this.player_.nextVideoPlugin().getShouldPlayNext();this.player_.nextVideoPlugin().setShouldPlayNext(!e,!0)}onPlayNextChange(e,t){t?this.toggleOn():this.toggleOff()}toggleOn(){a.dom.addClass(this.toggleEl,`on`)}toggleOff(){a.dom.removeClass(this.toggleEl,`on`)}handleClick(e){e.stopImmediatePropagation()}createEl(e,t,n){this.handlerBound||=(this.handleToggle=this.handleToggle.bind(this),!0),this.toggleEl&&this.toggleEl.removeEventListener(`click`,this.handleToggle),this.toggleEl=a.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);let r=super.createEl(e,{className:`vjs-menu-item cv-cog-menu-item cv-play-next-toggle`,innerHTML:`
       <span class="vjs-menu-item-text">Play next video</span>
       <span class="cv-toggle-container"></span>`},n);return r.children[1].appendChild(this.toggleEl),r}dispose(){this.player_.off(`cv:playnext`,this.onPlayNextChange),super.dispose()}};a.registerComponent(`NextVideoMenuItem`,h);var g=`cv-persisttest`,_=`cv-play-next-video`,v=a.getPlugin(`plugin`),y=a.getComponent(`NextVideoMenuItem`),b=class extends v{constructor(e){if(super(e),this.setShouldPlayNext=this.setShouldPlayNext.bind(this),this.getShouldPlayNext=this.getShouldPlayNext.bind(this),this.getChapterTrack=this.getChapterTrack.bind(this),this.onTimeUpdate=this.onTimeUpdate.bind(this),this.hasLocalStorage=this.testHasLocalStorage(),this.shouldPlayNextVideo=!1,this.hasLocalStorage){let e=window.localStorage.getItem(_);this.shouldPlayNextVideo=e===`true`}e.ready(()=>{this.initialize()})}initialize(){this.player.isDisposed()||this.bindListeners()}getChapterTrack(){return i.getTrack(this.player,`chapters`,null)}setNextVideo(e,t,n){this.nextVideo=e,this.callback=n,t&&this.setShouldPlayNext(!0),(this.player.getChild(`collapserator`)?.getChild(`cogButton`)).addItem({ctor:y,name:`NextVideoMenuItem`})}getShouldPlayNext(){return this.shouldPlayNextVideo}setShouldPlayNext(e,t){this.shouldPlayNextVideo=e,this.player.trigger(`cv:playnext`,e),this.hasLocalStorage&&t&&window.localStorage.setItem(_,e.toString()),e&&this.player.loopVideoPlugin().loop(!1)}bindListeners(){this.player.on(`timeupdate`,this.onTimeUpdate)}dispose(){this.player.off(`timeupdate`,this.onTimeUpdate),this.hideUpNext(),super.dispose()}onTimeUpdate(){if(!(this.player.pictureInPicture&&this.player.isInPictureInPicture())){if(!this.getShouldPlayNext()){this.hideUpNext();return}if(this.upNextRendered&&this.player.currentTime()<this.player.duration()){this.hideUpNext();return}this.player.ended()&&this.showUpNext()}}showUpNext(){this.upNextRendered||(this.upNextRendered=!0,this.player.addChild(`UpNext`,{nextVideo:this.nextVideo,onPlayNext:this.callback,onCancel:()=>{this.hideUpNext(),this.setShouldPlayNext(!1)}}))}hideUpNext(){if(!this.upNextRendered)return;this.upNextRendered=!1;let e=this.player.getChild(`UpNext`);e&&(this.player.removeChild(e),e.dispose())}testHasLocalStorage(){try{return window.localStorage.setItem(g,`persistPlayNext`),window.localStorage.removeItem(g),!0}catch{return!1}}};a.registerPlugin(`nextVideoPlugin`,b);var x=a.getComponent(`MenuItem`),S=class extends x{constructor(e,t){super(e,t),this.onLoopVideoChange=this.onLoopVideoChange.bind(this),this.player_.on(`cv:loopvideo`,this.onLoopVideoChange),this.onLoopVideoChange(null,this.player_.loopVideoPlugin().loop())}onLoopVideoChange(e,t){t?this.toggleOn():this.toggleOff()}handleToggle(){let e=this.player_.loopVideoPlugin().loop();this.player_.loopVideoPlugin().loop(!e)}toggleOn(){a.dom.addClass(this.toggleEl,`on`)}toggleOff(){a.dom.removeClass(this.toggleEl,`on`)}handleClick(e){e.stopImmediatePropagation()}createEl(e,t,n){this.handlerBound||=(this.handleToggle=this.handleToggle.bind(this),!0),this.toggleEl&&this.toggleEl.removeEventListener(`click`,this.handleToggle),this.toggleEl=a.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);let r=super.createEl(e,{className:`vjs-menu-item cv-cog-menu-item cv-loop-video-toggle`,innerHTML:`
       <span class="vjs-menu-item-text">Loop video</span>
       <span class="cv-toggle-container"></span>`},n);return r.children[1].appendChild(this.toggleEl),r}dispose(){this.player_.off(`cv:loopvideo`,this.onLoopVideoChange),super.dispose()}};a.registerComponent(`LoopVideoMenuItem`,S);var C=a.getPlugin(`plugin`),w=a.getComponent(`LoopVideoMenuItem`),T=class extends C{constructor(e,t){super(e),t.allowLoop&&this.player.ready(()=>this.addButton()),this.onEnded=this.onEnded.bind(this),this.player.on(`ended`,this.onEnded)}addButton(){(this.player.getChild(`collapserator`)?.getChild(`cogButton`)).addItem({ctor:w,name:`LoopVideoMenuItem`})}onEnded(){this.player.loop()&&this.player.play()}loop(e){if(typeof e!=`boolean`)return this.player.loop();e&&this.player.nextVideoPlugin?.()?.setShouldPlayNext(!1,!1),this.player.trigger(`cv:loopvideo`,e),this.player.loop(e)}dispose(){this.player.off(`ended`,this.onEnded),super.dispose()}};a.registerPlugin(`loopVideoPlugin`,T);
-//# sourceMappingURL=CecBf_FP.chunk.js.map
+//# sourceMappingURL=DqZVK9mn.chunk.js.map

package/dist/scripts/{CecBf_FP.chunk.js.map → DqZVK9mn.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CecBf_FP.chunk.js","names":[],"sources":["../../../player/src/plugins/activity-status-plugin/components/activity-status-button.ts","../../../player/src/plugins/activity-status-plugin/activity-status-plugin.ts","../../../player/src/plugins/next-video-plugin/components/up-next/up-next.scss","../../../player/src/plugins/next-video-plugin/components/up-next/up-next.tsx","../../../player/src/components/next-video-menu-item/next-video-menu-item.ts","../../../player/src/plugins/next-video-plugin/next-video-plugin.ts","../../../player/src/plugins/loop-video-plugin/components/loop-video-menu-item.ts","../../../player/src/plugins/loop-video-plugin/loop-video-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';\n\nconst Button = videojs.getComponent('Button');\n\nimport './activity-status-button.scss';\n\ninterface ActivityStatusButtonOptions extends videojs.ComponentOptions {\n  activityStatus: ShareActivityStatus;\n  clickHandler: () => void;\n}\n\nexport class ActivityStatusButton extends Button {\n  public options_: ActivityStatusButtonOptions;\n  public controlText_: string;\n\n  constructor(player: VideoJsPlayer, options: ActivityStatusButtonOptions) {\n    super(player, options);\n\n    this.update();\n  }\n\n  public update(): void {\n    if (this.options_.activityStatus === ShareActivityStatus.Complete)\n      this.addClass('cv-activity-completed');\n    else\n      this.removeClass('cv-activity-completed');\n  }\n\n  public handleClick(...args: any[]) {\n    this.options_.activityStatus = this.getToggledActivityStatus();\n\n    this.update();\n    if (this.options_.clickHandler) {\n      this.options_.clickHandler.call(this, args);\n    }\n  }\n\n  public buildCSSClass(): string {\n    return 'cv-activity-status-button';\n  }\n\n  private getToggledActivityStatus(): ShareActivityStatus {\n    if (this.options_.activityStatus === ShareActivityStatus.None\n      || this.options_.activityStatus === ShareActivityStatus.Incomplete) {\n      return ShareActivityStatus.Complete;\n    }\n\n    if (this.options_.activityStatus === ShareActivityStatus.Complete) {\n      return ShareActivityStatus.Incomplete;\n    }\n  }\n}\n\nActivityStatusButton.prototype.controlText_ = 'Complete';\n","import videojs from 'video.js';\n\nimport { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';\n\nimport { ActivityStatusButton } from 'projects/player/plugins/activity-status-plugin/components/activity-status-button';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nclass ActivityStatusPlugin extends Plugin {\n  private activityStatus: ShareActivityStatus;\n  private onToggleStatus: () => void;\n  private button: ActivityStatusButton;\n\n  public setActivityStatus(activityStatus: ShareActivityStatus, onToggleStatus: () => void): void {\n    if (activityStatus === this.activityStatus)\n      return;\n\n    this.activityStatus = activityStatus;\n    this.onToggleStatus = onToggleStatus;\n\n    this.player.ready(() => {\n      this.renderActivityStatusButton();\n    });\n  }\n\n  // Remove old button and render new button when activity status is different from previous status\n  private renderActivityStatusButton(): void {\n    if (this.button) {\n      this.player.removeChild(this.button);\n    }\n\n    this.button = new ActivityStatusButton(this.player, {\n      activityStatus: this.activityStatus,\n      clickHandler: this.onToggleStatus\n    });\n\n    this.player.addChild(this.button);\n  }\n}\n\nvideojs.registerPlugin('activityStatusPlugin', ActivityStatusPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    activityStatusPlugin(): ActivityStatusPlugin;\n  }\n}\n","// This file is using some horrid valuies\n// It needs to be re-written this was just quickly thrown together\n// to show something at retro - Sha\n\n.video-js {\n  .cv-up-next-container {\n    position: absolute;\n    bottom: 1.5em;\n    color: $white;\n    padding: 0.8em;\n    width: 19em;\n    border-radius: 0.3333em;\n    background: $menu-bg;\n    right: 1.5em;\n    font-size: 1.5em;\n    z-index: 6;\n  }\n\n  .cv-cancel-up-next {\n    position: absolute;\n    top: 0;\n    right: 0.4em;\n    font-size: 2em;\n  }\n\n  .cv-up-next-image {\n    padding-bottom: 56.25%;\n    background-size: contain;\n    border-radius: 0.3333em;\n    background-color: linear-gradient(to right, $gray-300, $gray-100);\n  }\n\n  .cv-up-next-heading {\n    color: $white;\n    padding-bottom: 0.6em;\n  }\n\n  .cv-up-next-title {\n    color: $white;\n    padding-top: 0.6em;\n  }\n}","import * as React from 'react';\nimport videojs, { VideoJsPlayer } from 'video.js';\n\nimport { NextVideo } from 'projects/player/interfaces/NextVideo';\nimport { getReactComponent } from 'projects/player/react/react-component';\n\nimport './up-next.scss';\n\ninterface UpNextProps {\n  player: VideoJsPlayer;\n  nextVideo: NextVideo;\n  onPlayNext: () => void;\n  onCancel: () => void;\n}\n\nfunction UpNext(props: UpNextProps): JSX.Element {\n  const [ timeRemaining, setTimeRemaining ] = React.useState(5);\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeRemaining(prev => prev - 1);\n    }, 1000);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (timeRemaining === 0)\n      props.onPlayNext();\n  }, [timeRemaining]);\n\n  if (!props.nextVideo || !props.onPlayNext)\n    return <></>;\n\n  const roundedTimeRemaining = Math.ceil(timeRemaining);\n  const secondsString = roundedTimeRemaining === 1 ? 'second' : 'seconds';\n\n  return (\n    <>\n      <div className='cv-up-next-container'>\n        <div className='cv-cancel-up-next cursor-pointer' role='button' onClick={props.onCancel}>&times;</div>\n        <div className='cv-up-next-heading'>Up next in {roundedTimeRemaining} {secondsString}:</div>\n        <div\n          className='cv-up-next-image cursor-pointer'\n          onClick={props.onPlayNext}\n          style={{\n            backgroundImage: `url(${props.nextVideo?.thumbnailUrl})`\n          }}\n        ></div>\n        <div className='cv-up-next-title'>{props.nextVideo.name}</div>\n      </div>\n    </>\n  );\n}\n\nvideojs.registerComponent(\n  'UpNext',\n  getReactComponent(\n    (player: VideoJsPlayer, options: UpNextProps) => <UpNext player={player} {...options} />\n  )\n);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport './next-video-menu-item.scss';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\nclass NextVideoMenuItem extends MenuItem {\n  private toggleEl: Element;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: videojs.ComponentOptions) {\n    super(player, options);\n\n    this.bindListeners();\n\n    if (this.player_.nextVideoPlugin().getShouldPlayNext())\n      this.toggleOn();\n  }\n\n  private bindListeners(): void {\n    this.onPlayNextChange = this.onPlayNextChange.bind(this);\n\n    this.player_.on('cv:playnext', this.onPlayNextChange);\n  }\n\n  public handleToggle(): void {\n    const shouldPlayNext = this.player_.nextVideoPlugin().getShouldPlayNext();\n\n    this.player_.nextVideoPlugin().setShouldPlayNext(!shouldPlayNext, true);\n  }\n\n  private onPlayNextChange(_: any, enabled: boolean): void {\n    enabled ? this.toggleOn() : this.toggleOff();\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Play next video</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item cv-play-next-toggle',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n\n  public dispose(): void {\n    this.player_.off('cv:playnext', this.onPlayNextChange);\n    super.dispose();\n  }\n}\n\nvideojs.registerComponent('NextVideoMenuItem', NextVideoMenuItem);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\nimport { NextVideo } from 'projects/player/interfaces/NextVideo';\nimport { TrackHelper } from 'projects/player/utils/track-helper';\n\nimport 'projects/player/plugins/next-video-plugin/components/up-next/up-next';\nimport 'projects/player/components/next-video-menu-item/next-video-menu-item';\n\nconst TEST = 'cv-persisttest';\nconst PLAY_NEXT = 'cv-play-next-video';\n\nconst Plugin = videojs.getPlugin('plugin');\nconst NextVideoMenuItem = videojs.getComponent('NextVideoMenuItem') as unknown as typeof videojs.MenuItem;\n\nclass NextVideoPlugin extends Plugin {\n  private shouldPlayNextVideo: boolean;\n  private hasLocalStorage: boolean;\n  private nextVideoMenuItem: typeof videojs.MenuItem;\n\n  private upNextRendered: boolean;\n\n  private nextVideo: NextVideo;\n  private callback: () => void;\n  \n  constructor(player: VideoJsPlayer) {\n    super(player);\n\n    this.setShouldPlayNext = this.setShouldPlayNext.bind(this);\n    this.getShouldPlayNext = this.getShouldPlayNext.bind(this);\n    this.getChapterTrack = this.getChapterTrack.bind(this);\n    this.onTimeUpdate = this.onTimeUpdate.bind(this);\n\n    this.hasLocalStorage = this.testHasLocalStorage();\n\n    this.shouldPlayNextVideo = false;\n\n    if (this.hasLocalStorage) {\n      const item = window.localStorage.getItem(PLAY_NEXT);\n      this.shouldPlayNextVideo = item === 'true';\n    }\n\n    player.ready(() => {\n      this.initialize();\n    });\n  }\n  \n  private initialize(): void {\n    if ((this.player as any).isDisposed())\n      return;\n    \n    this.bindListeners();\n  }\n\n  private getChapterTrack(): TextTrack {\n    return TrackHelper.getTrack(this.player, 'chapters', null);\n  }\n\n  public setNextVideo(nextVideo: NextVideo, playNext: boolean, callback: () => void): void {\n    this.nextVideo = nextVideo;\n    this.callback = callback;\n\n    if (playNext)\n      this.setShouldPlayNext(true);\n\n    /**\n     * Check additionalItemOrder in cog-button.ts if you need to change the order. - Sha\n     */\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({ ctor: NextVideoMenuItem, name: 'NextVideoMenuItem' });\n  }\n\n  public getShouldPlayNext(): boolean {\n    return this.shouldPlayNextVideo;\n  }\n\n  public setShouldPlayNext(val: boolean, persist?: boolean): void {\n    this.shouldPlayNextVideo = val;\n    this.player.trigger('cv:playnext', val);\n\n    if (this.hasLocalStorage && persist)\n      window.localStorage.setItem(PLAY_NEXT, val.toString());\n\n    if (val)\n      this.player.loopVideoPlugin().loop(false);\n  }\n\n  private bindListeners(): void {\n    this.player.on('timeupdate', this.onTimeUpdate);\n  }\n\n  public dispose(): void {\n    this.player.off('timeupdate', this.onTimeUpdate);\n\n    this.hideUpNext();\n\n    super.dispose();\n  }\n\n  private onTimeUpdate(): void {\n    /**\n     * Do nothing when in picture in picture.\n     * TODO: Figure out how next video should work for PiP\n     */\n    if (this.player.pictureInPicture && this.player.isInPictureInPicture())\n      return;\n\n    if (!this.getShouldPlayNext()) {\n      this.hideUpNext();\n      return;\n    }\n\n    /*\n     * Always hide the up-next tile if the video is not at the end\n     */\n    if (this.upNextRendered && this.player.currentTime() < this.player.duration()) {\n      this.hideUpNext();\n      return;\n    }\n\n    /*\n     * Show the up-next tile when the video has finished\n     */\n    if (this.player.ended()) {\n      this.showUpNext();\n    }\n  }\n\n  private showUpNext(): void {\n    if (this.upNextRendered)\n      return;\n\n    this.upNextRendered = true;\n\n    this.player.addChild('UpNext', {\n      nextVideo: this.nextVideo,\n      onPlayNext: this.callback,\n      onCancel: () => {\n        this.hideUpNext();\n        this.setShouldPlayNext(false);\n      }\n    });\n  }\n\n  private hideUpNext(): void {\n    if (!this.upNextRendered)\n      return;\n\n    this.upNextRendered = false;\n\n    const upNext = this.player.getChild('UpNext');\n\n    if (upNext) {\n      this.player.removeChild(upNext);\n      upNext.dispose();\n    }\n  }\n\n  private testHasLocalStorage(): boolean {\n    try {\n      window.localStorage.setItem(TEST, 'persistPlayNext');\n      window.localStorage.removeItem(TEST);\n      return true;\n    } catch {\n      return false;\n    }\n  }\n}\n\nvideojs.registerPlugin('nextVideoPlugin', NextVideoPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    nextVideoPlugin(): NextVideoPlugin;\n  }\n}\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport './loop-video-menu-item.scss';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\nexport class LoopVideoMenuItem extends MenuItem {\n  private toggleEl: Element;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: videojs.ComponentOptions) {\n    super(player, options);\n\n    this.onLoopVideoChange = this.onLoopVideoChange.bind(this);\n\n    this.player_.on('cv:loopvideo', this.onLoopVideoChange);\n\n    this.onLoopVideoChange(null, this.player_.loopVideoPlugin().loop());\n  }\n\n  private onLoopVideoChange(_: any, enabled: boolean): void {\n    enabled ? this.toggleOn() : this.toggleOff();\n  }\n\n  public handleToggle(): void {\n    const loop = this.player_.loopVideoPlugin().loop();\n\n    this.player_.loopVideoPlugin().loop(!loop);\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Loop video</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item cv-loop-video-toggle',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n\n  public dispose(): void {\n    this.player_.off('cv:loopvideo', this.onLoopVideoChange);\n    super.dispose();\n  }\n}\n\nvideojs.registerComponent('LoopVideoMenuItem', LoopVideoMenuItem);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\n\nimport 'projects/player/plugins/loop-video-plugin/components/loop-video-menu-item';\n\nconst Plugin = videojs.getPlugin('plugin');\nconst LoopVideoMenuItem = videojs.getComponent('LoopVideoMenuItem') as unknown as typeof videojs.MenuItem;\n\ninterface LoopVideoPluginOptions {\n  allowLoop: boolean;\n}\n\nclass LoopVideoPlugin extends Plugin {\n  constructor(player: VideoJsPlayer, options: LoopVideoPluginOptions) {\n    super(player);\n\n    // Button must be added after ctor finishes, otherwise subsequent calls to\n    // this.player.loopVideoPlugin() will try make a new plugin - Sha\n    if (options.allowLoop)\n      this.player.ready(() => this.addButton());\n\n    this.onEnded = this.onEnded.bind(this);\n    this.player.on('ended', this.onEnded);\n  }\n\n  private addButton(): void {\n    /**\n     * Check additionalItemOrder in cog-button.ts if you need to change the order. - Sha\n     */\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({ ctor: LoopVideoMenuItem, name: 'LoopVideoMenuItem' });\n  }\n\n  private onEnded(): void {\n    // turns out the regular loop functionality doesn't work with clips.\n    // this call will just do nothing for videos - Sha\n    if (this.player.loop())\n      this.player.play();\n  }\n\n  public loop(enabled: boolean): void;\n  public loop(): boolean ;\n  public loop(enabled?: boolean): any {\n    if (typeof enabled !== 'boolean')\n      return this.player.loop();\n\n    if (enabled)\n      this.player.nextVideoPlugin?.()?.setShouldPlayNext(false, false);\n\n    this.player.trigger('cv:loopvideo', enabled);\n    this.player.loop(enabled);\n  }\n\n  public dispose(): void {\n    this.player.off('ended', this.onEnded);\n    super.dispose();\n  }\n}\n\nvideojs.registerPlugin('loopVideoPlugin', LoopVideoPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    loopVideoPlugin(options?: LoopVideoPluginOptions): LoopVideoPlugin;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"DqZVK9mn.chunk.js","names":[],"sources":["../../../player/src/plugins/activity-status-plugin/components/activity-status-button.ts","../../../player/src/plugins/activity-status-plugin/activity-status-plugin.ts","../../../player/src/plugins/next-video-plugin/components/up-next/up-next.scss","../../../player/src/plugins/next-video-plugin/components/up-next/up-next.tsx","../../../player/src/components/next-video-menu-item/next-video-menu-item.ts","../../../player/src/plugins/next-video-plugin/next-video-plugin.ts","../../../player/src/plugins/loop-video-plugin/components/loop-video-menu-item.ts","../../../player/src/plugins/loop-video-plugin/loop-video-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';\n\nconst Button = videojs.getComponent('Button');\n\nimport './activity-status-button.scss';\n\ninterface ActivityStatusButtonOptions extends videojs.ComponentOptions {\n  activityStatus: ShareActivityStatus;\n  clickHandler: () => void;\n}\n\nexport class ActivityStatusButton extends Button {\n  public options_: ActivityStatusButtonOptions;\n  public controlText_: string;\n\n  constructor(player: VideoJsPlayer, options: ActivityStatusButtonOptions) {\n    super(player, options);\n\n    this.update();\n  }\n\n  public update(): void {\n    if (this.options_.activityStatus === ShareActivityStatus.Complete)\n      this.addClass('cv-activity-completed');\n    else\n      this.removeClass('cv-activity-completed');\n  }\n\n  public handleClick(...args: any[]) {\n    this.options_.activityStatus = this.getToggledActivityStatus();\n\n    this.update();\n    if (this.options_.clickHandler) {\n      this.options_.clickHandler.call(this, args);\n    }\n  }\n\n  public buildCSSClass(): string {\n    return 'cv-activity-status-button';\n  }\n\n  private getToggledActivityStatus(): ShareActivityStatus {\n    if (this.options_.activityStatus === ShareActivityStatus.None\n      || this.options_.activityStatus === ShareActivityStatus.Incomplete) {\n      return ShareActivityStatus.Complete;\n    }\n\n    if (this.options_.activityStatus === ShareActivityStatus.Complete) {\n      return ShareActivityStatus.Incomplete;\n    }\n  }\n}\n\nActivityStatusButton.prototype.controlText_ = 'Complete';\n","import videojs from 'video.js';\n\nimport { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';\n\nimport { ActivityStatusButton } from 'projects/player/plugins/activity-status-plugin/components/activity-status-button';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nclass ActivityStatusPlugin extends Plugin {\n  private activityStatus: ShareActivityStatus;\n  private onToggleStatus: () => void;\n  private button: ActivityStatusButton;\n\n  public setActivityStatus(activityStatus: ShareActivityStatus, onToggleStatus: () => void): void {\n    if (activityStatus === this.activityStatus)\n      return;\n\n    this.activityStatus = activityStatus;\n    this.onToggleStatus = onToggleStatus;\n\n    this.player.ready(() => {\n      this.renderActivityStatusButton();\n    });\n  }\n\n  // Remove old button and render new button when activity status is different from previous status\n  private renderActivityStatusButton(): void {\n    if (this.button) {\n      this.player.removeChild(this.button);\n    }\n\n    this.button = new ActivityStatusButton(this.player, {\n      activityStatus: this.activityStatus,\n      clickHandler: this.onToggleStatus\n    });\n\n    this.player.addChild(this.button);\n  }\n}\n\nvideojs.registerPlugin('activityStatusPlugin', ActivityStatusPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    activityStatusPlugin(): ActivityStatusPlugin;\n  }\n}\n","// This file is using some horrid valuies\n// It needs to be re-written this was just quickly thrown together\n// to show something at retro - Sha\n\n.video-js {\n  .cv-up-next-container {\n    position: absolute;\n    bottom: 1.5em;\n    color: $white;\n    padding: 0.8em;\n    width: 19em;\n    border-radius: 0.3333em;\n    background: $menu-bg;\n    right: 1.5em;\n    font-size: 1.5em;\n    z-index: 6;\n  }\n\n  .cv-cancel-up-next {\n    position: absolute;\n    top: 0;\n    right: 0.4em;\n    font-size: 2em;\n  }\n\n  .cv-up-next-image {\n    padding-bottom: 56.25%;\n    background-size: contain;\n    border-radius: 0.3333em;\n    background-color: linear-gradient(to right, $gray-300, $gray-100);\n  }\n\n  .cv-up-next-heading {\n    color: $white;\n    padding-bottom: 0.6em;\n  }\n\n  .cv-up-next-title {\n    color: $white;\n    padding-top: 0.6em;\n  }\n}","import * as React from 'react';\nimport videojs, { VideoJsPlayer } from 'video.js';\n\nimport { NextVideo } from 'projects/player/interfaces/NextVideo';\nimport { getReactComponent } from 'projects/player/react/react-component';\n\nimport './up-next.scss';\n\ninterface UpNextProps {\n  player: VideoJsPlayer;\n  nextVideo: NextVideo;\n  onPlayNext: () => void;\n  onCancel: () => void;\n}\n\nfunction UpNext(props: UpNextProps): JSX.Element {\n  const [ timeRemaining, setTimeRemaining ] = React.useState(5);\n\n  React.useEffect(() => {\n    const timer = setInterval(() => {\n      setTimeRemaining(prev => prev - 1);\n    }, 1000);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (timeRemaining === 0)\n      props.onPlayNext();\n  }, [timeRemaining]);\n\n  if (!props.nextVideo || !props.onPlayNext)\n    return <></>;\n\n  const roundedTimeRemaining = Math.ceil(timeRemaining);\n  const secondsString = roundedTimeRemaining === 1 ? 'second' : 'seconds';\n\n  return (\n    <>\n      <div className='cv-up-next-container'>\n        <div className='cv-cancel-up-next cursor-pointer' role='button' onClick={props.onCancel}>&times;</div>\n        <div className='cv-up-next-heading'>Up next in {roundedTimeRemaining} {secondsString}:</div>\n        <div\n          className='cv-up-next-image cursor-pointer'\n          onClick={props.onPlayNext}\n          style={{\n            backgroundImage: `url(${props.nextVideo?.thumbnailUrl})`\n          }}\n        ></div>\n        <div className='cv-up-next-title'>{props.nextVideo.name}</div>\n      </div>\n    </>\n  );\n}\n\nvideojs.registerComponent(\n  'UpNext',\n  getReactComponent(\n    (player: VideoJsPlayer, options: UpNextProps) => <UpNext player={player} {...options} />\n  )\n);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport './next-video-menu-item.scss';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\nclass NextVideoMenuItem extends MenuItem {\n  private toggleEl: Element;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: videojs.ComponentOptions) {\n    super(player, options);\n\n    this.bindListeners();\n\n    if (this.player_.nextVideoPlugin().getShouldPlayNext())\n      this.toggleOn();\n  }\n\n  private bindListeners(): void {\n    this.onPlayNextChange = this.onPlayNextChange.bind(this);\n\n    this.player_.on('cv:playnext', this.onPlayNextChange);\n  }\n\n  public handleToggle(): void {\n    const shouldPlayNext = this.player_.nextVideoPlugin().getShouldPlayNext();\n\n    this.player_.nextVideoPlugin().setShouldPlayNext(!shouldPlayNext, true);\n  }\n\n  private onPlayNextChange(_: any, enabled: boolean): void {\n    enabled ? this.toggleOn() : this.toggleOff();\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Play next video</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item cv-play-next-toggle',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n\n  public dispose(): void {\n    this.player_.off('cv:playnext', this.onPlayNextChange);\n    super.dispose();\n  }\n}\n\nvideojs.registerComponent('NextVideoMenuItem', NextVideoMenuItem);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\nimport { NextVideo } from 'projects/player/interfaces/NextVideo';\nimport { TrackHelper } from 'projects/player/utils/track-helper';\n\nimport 'projects/player/plugins/next-video-plugin/components/up-next/up-next';\nimport 'projects/player/components/next-video-menu-item/next-video-menu-item';\n\nconst TEST = 'cv-persisttest';\nconst PLAY_NEXT = 'cv-play-next-video';\n\nconst Plugin = videojs.getPlugin('plugin');\nconst NextVideoMenuItem = videojs.getComponent('NextVideoMenuItem') as unknown as typeof videojs.MenuItem;\n\nclass NextVideoPlugin extends Plugin {\n  private shouldPlayNextVideo: boolean;\n  private hasLocalStorage: boolean;\n  private nextVideoMenuItem: typeof videojs.MenuItem;\n\n  private upNextRendered: boolean;\n\n  private nextVideo: NextVideo;\n  private callback: () => void;\n  \n  constructor(player: VideoJsPlayer) {\n    super(player);\n\n    this.setShouldPlayNext = this.setShouldPlayNext.bind(this);\n    this.getShouldPlayNext = this.getShouldPlayNext.bind(this);\n    this.getChapterTrack = this.getChapterTrack.bind(this);\n    this.onTimeUpdate = this.onTimeUpdate.bind(this);\n\n    this.hasLocalStorage = this.testHasLocalStorage();\n\n    this.shouldPlayNextVideo = false;\n\n    if (this.hasLocalStorage) {\n      const item = window.localStorage.getItem(PLAY_NEXT);\n      this.shouldPlayNextVideo = item === 'true';\n    }\n\n    player.ready(() => {\n      this.initialize();\n    });\n  }\n  \n  private initialize(): void {\n    if ((this.player as any).isDisposed())\n      return;\n    \n    this.bindListeners();\n  }\n\n  private getChapterTrack(): TextTrack {\n    return TrackHelper.getTrack(this.player, 'chapters', null);\n  }\n\n  public setNextVideo(nextVideo: NextVideo, playNext: boolean, callback: () => void): void {\n    this.nextVideo = nextVideo;\n    this.callback = callback;\n\n    if (playNext)\n      this.setShouldPlayNext(true);\n\n    /**\n     * Check additionalItemOrder in cog-button.ts if you need to change the order. - Sha\n     */\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({ ctor: NextVideoMenuItem, name: 'NextVideoMenuItem' });\n  }\n\n  public getShouldPlayNext(): boolean {\n    return this.shouldPlayNextVideo;\n  }\n\n  public setShouldPlayNext(val: boolean, persist?: boolean): void {\n    this.shouldPlayNextVideo = val;\n    this.player.trigger('cv:playnext', val);\n\n    if (this.hasLocalStorage && persist)\n      window.localStorage.setItem(PLAY_NEXT, val.toString());\n\n    if (val)\n      this.player.loopVideoPlugin().loop(false);\n  }\n\n  private bindListeners(): void {\n    this.player.on('timeupdate', this.onTimeUpdate);\n  }\n\n  public dispose(): void {\n    this.player.off('timeupdate', this.onTimeUpdate);\n\n    this.hideUpNext();\n\n    super.dispose();\n  }\n\n  private onTimeUpdate(): void {\n    /**\n     * Do nothing when in picture in picture.\n     * TODO: Figure out how next video should work for PiP\n     */\n    if (this.player.pictureInPicture && this.player.isInPictureInPicture())\n      return;\n\n    if (!this.getShouldPlayNext()) {\n      this.hideUpNext();\n      return;\n    }\n\n    /*\n     * Always hide the up-next tile if the video is not at the end\n     */\n    if (this.upNextRendered && this.player.currentTime() < this.player.duration()) {\n      this.hideUpNext();\n      return;\n    }\n\n    /*\n     * Show the up-next tile when the video has finished\n     */\n    if (this.player.ended()) {\n      this.showUpNext();\n    }\n  }\n\n  private showUpNext(): void {\n    if (this.upNextRendered)\n      return;\n\n    this.upNextRendered = true;\n\n    this.player.addChild('UpNext', {\n      nextVideo: this.nextVideo,\n      onPlayNext: this.callback,\n      onCancel: () => {\n        this.hideUpNext();\n        this.setShouldPlayNext(false);\n      }\n    });\n  }\n\n  private hideUpNext(): void {\n    if (!this.upNextRendered)\n      return;\n\n    this.upNextRendered = false;\n\n    const upNext = this.player.getChild('UpNext');\n\n    if (upNext) {\n      this.player.removeChild(upNext);\n      upNext.dispose();\n    }\n  }\n\n  private testHasLocalStorage(): boolean {\n    try {\n      window.localStorage.setItem(TEST, 'persistPlayNext');\n      window.localStorage.removeItem(TEST);\n      return true;\n    } catch {\n      return false;\n    }\n  }\n}\n\nvideojs.registerPlugin('nextVideoPlugin', NextVideoPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    nextVideoPlugin(): NextVideoPlugin;\n  }\n}\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport './loop-video-menu-item.scss';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\nexport class LoopVideoMenuItem extends MenuItem {\n  private toggleEl: Element;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: videojs.ComponentOptions) {\n    super(player, options);\n\n    this.onLoopVideoChange = this.onLoopVideoChange.bind(this);\n\n    this.player_.on('cv:loopvideo', this.onLoopVideoChange);\n\n    this.onLoopVideoChange(null, this.player_.loopVideoPlugin().loop());\n  }\n\n  private onLoopVideoChange(_: any, enabled: boolean): void {\n    enabled ? this.toggleOn() : this.toggleOff();\n  }\n\n  public handleToggle(): void {\n    const loop = this.player_.loopVideoPlugin().loop();\n\n    this.player_.loopVideoPlugin().loop(!loop);\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Loop video</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item cv-loop-video-toggle',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n\n  public dispose(): void {\n    this.player_.off('cv:loopvideo', this.onLoopVideoChange);\n    super.dispose();\n  }\n}\n\nvideojs.registerComponent('LoopVideoMenuItem', LoopVideoMenuItem);\n","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\n\nimport 'projects/player/plugins/loop-video-plugin/components/loop-video-menu-item';\n\nconst Plugin = videojs.getPlugin('plugin');\nconst LoopVideoMenuItem = videojs.getComponent('LoopVideoMenuItem') as unknown as typeof videojs.MenuItem;\n\ninterface LoopVideoPluginOptions {\n  allowLoop: boolean;\n}\n\nclass LoopVideoPlugin extends Plugin {\n  constructor(player: VideoJsPlayer, options: LoopVideoPluginOptions) {\n    super(player);\n\n    // Button must be added after ctor finishes, otherwise subsequent calls to\n    // this.player.loopVideoPlugin() will try make a new plugin - Sha\n    if (options.allowLoop)\n      this.player.ready(() => this.addButton());\n\n    this.onEnded = this.onEnded.bind(this);\n    this.player.on('ended', this.onEnded);\n  }\n\n  private addButton(): void {\n    /**\n     * Check additionalItemOrder in cog-button.ts if you need to change the order. - Sha\n     */\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({ ctor: LoopVideoMenuItem, name: 'LoopVideoMenuItem' });\n  }\n\n  private onEnded(): void {\n    // turns out the regular loop functionality doesn't work with clips.\n    // this call will just do nothing for videos - Sha\n    if (this.player.loop())\n      this.player.play();\n  }\n\n  public loop(enabled: boolean): void;\n  public loop(): boolean ;\n  public loop(enabled?: boolean): any {\n    if (typeof enabled !== 'boolean')\n      return this.player.loop();\n\n    if (enabled)\n      this.player.nextVideoPlugin?.()?.setShouldPlayNext(false, false);\n\n    this.player.trigger('cv:loopvideo', enabled);\n    this.player.loop(enabled);\n  }\n\n  public dispose(): void {\n    this.player.off('ended', this.onEnded);\n    super.dispose();\n  }\n}\n\nvideojs.registerPlugin('loopVideoPlugin', LoopVideoPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    loopVideoPlugin(options?: LoopVideoPluginOptions): LoopVideoPlugin;\n  }\n}\n"],"mappings":"kNAIA,IAAM,EAAS,EAAQ,aAAa,QAAQ,EAS/B,EAAb,cAA0C,CAAO,CAI/C,YAAY,EAAuB,EAAsC,CACvE,MAAM,EAAQ,CAAO,EAErB,KAAK,OAAO,CACd,CAEA,QAAsB,CAChB,KAAK,SAAS,iBAAmB,EAAoB,SACvD,KAAK,SAAS,uBAAuB,EAErC,KAAK,YAAY,uBAAuB,CAC5C,CAEA,YAAmB,GAAG,EAAa,CACjC,KAAK,SAAS,eAAiB,KAAK,yBAAyB,EAE7D,KAAK,OAAO,EACR,KAAK,SAAS,cAChB,KAAK,SAAS,aAAa,KAAK,KAAM,CAAI,CAE9C,CAEA,eAA+B,CAC7B,MAAO,2BACT,CAEA,0BAAwD,CACtD,GAAI,KAAK,SAAS,iBAAmB,EAAoB,MACpD,KAAK,SAAS,iBAAmB,EAAoB,WACxD,OAAO,EAAoB,SAG7B,GAAI,KAAK,SAAS,iBAAmB,EAAoB,SACvD,OAAO,EAAoB,UAE/B,CACF,EAEA,EAAqB,UAAU,aAAe,WCjD9C,IAAM,EAAS,EAAQ,UAAU,QAAQ,EAEnC,EAAN,cAAmC,CAAO,CAKxC,kBAAyB,EAAqC,EAAkC,CAC1F,IAAmB,KAAK,iBAG5B,KAAK,eAAiB,EACtB,KAAK,eAAiB,EAEtB,KAAK,OAAO,UAAY,CACtB,KAAK,2BAA2B,CAClC,CAAC,EACH,CAGA,4BAA2C,CACrC,KAAK,QACP,KAAK,OAAO,YAAY,KAAK,MAAM,EAGrC,KAAK,OAAS,IAAI,EAAqB,KAAK,OAAQ,CAClD,eAAgB,KAAK,eACrB,aAAc,KAAK,cACrB,CAAC,EAED,KAAK,OAAO,SAAS,KAAK,MAAM,CAClC,CACF,EAEA,EAAQ,eAAe,uBAAwB,CAAoB,qBEzBnE,SAAS,EAAO,EAAiC,CAC/C,GAAM,CAAE,EAAe,GAAA,EAA2B,SAAS,CAAC,EAiB5D,GAfA,EAAM,cAAgB,CACpB,IAAM,EAAQ,gBAAkB,CAC9B,EAAiB,GAAQ,EAAO,CAAC,CACnC,EAAG,GAAI,EAEP,UAAa,CACX,cAAc,CAAK,CACrB,CACF,EAAG,CAAC,CAAC,EAEL,EAAM,cAAgB,CAChB,IAAkB,GACpB,EAAM,WAAW,CACrB,EAAG,CAAC,CAAa,CAAC,EAEd,CAAC,EAAM,WAAa,CAAC,EAAM,WAC7B,OAAO,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,EAEb,IAAM,EAAuB,KAAK,KAAK,CAAa,EAC9C,EAAgB,IAAyB,EAAI,SAAW,UAE9D,OACE,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,UACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,gCAAf,EACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,mCAAmC,KAAK,SAAS,QAAS,EAAM,kBAAU,GAAY,CAAA,GACrG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,8BAAf,CAAoC,cAAY,EAAqB,IAAE,EAAc,GAAM,KAC3F,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,UAAU,kCACV,QAAS,EAAM,WACf,MAAO,CACL,gBAAiB,OAAO,EAAM,WAAW,aAAa,EACxD,CACI,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4BAAoB,EAAM,UAAU,IAAU,CAAA,CAC1D,GACL,CAAA,CAEN,CAEA,EAAQ,kBACN,SACA,GACG,EAAuB,KAAyB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAgB,SAAQ,GAAI,CAAU,CAAA,CACzF,CACF,EC1DA,IAAM,EAAW,EAAQ,aAAa,UAAU,EAE1C,EAAN,cAAgC,CAAS,CAWvC,YAAY,EAAuB,EAAmC,CACpE,MAAM,EAAQ,CAAO,EAErB,KAAK,cAAc,EAEf,KAAK,QAAQ,gBAAgB,CAAC,CAAC,kBAAkB,GACnD,KAAK,SAAS,CAClB,CAEA,eAA8B,CAC5B,KAAK,iBAAmB,KAAK,iBAAiB,KAAK,IAAI,EAEvD,KAAK,QAAQ,GAAG,cAAe,KAAK,gBAAgB,CACtD,CAEA,cAA4B,CAC1B,IAAM,EAAiB,KAAK,QAAQ,gBAAgB,CAAC,CAAC,kBAAkB,EAExE,KAAK,QAAQ,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,EAAgB,EAAI,CACxE,CAEA,iBAAyB,EAAQ,EAAwB,CACvD,EAAU,KAAK,SAAS,EAAI,KAAK,UAAU,CAC7C,CAEA,UAAyB,CACvB,EAAQ,IAAI,SAAS,KAAK,SAAU,IAAI,CAC1C,CAEA,WAA0B,CACxB,EAAQ,IAAI,YAAY,KAAK,SAAU,IAAI,CAC7C,CAMA,YAAmB,EAAwC,CACzD,EAAM,yBAAyB,CACjC,CAEA,SAAgB,EAAkB,EAAkB,EAAiC,CAKnF,AAEE,KAAK,gBADL,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC3B,IAGlB,KAAK,UACP,KAAK,SAAS,oBAAoB,QAAS,KAAK,YAAY,EAE9D,KAAK,SAAW,EAAQ,IAAI,SAAS,MAAO,CAC1C,UAAW,2DACX,UAAW,oCACb,CAAC,EACD,KAAK,SAAS,iBAAiB,QAAS,KAAK,YAAY,EAMzD,IAAM,EAAK,MAAM,SAAS,EAAS,CACjC,UAAW,qDACX,UAAA;;gDACF,EAAG,CAAU,EAQb,OAFA,EAAG,SAAS,EAAE,CAAC,YAAY,KAAK,QAAQ,EAEjC,CACT,CAEA,SAAuB,CACrB,KAAK,QAAQ,IAAI,cAAe,KAAK,gBAAgB,EACrD,MAAM,QAAQ,CAChB,CACF,EAEA,EAAQ,kBAAkB,oBAAqB,CAAiB,EC5FhE,IAAM,EAAO,iBACP,EAAY,qBAEZ,EAAS,EAAQ,UAAU,QAAQ,EACnC,EAAoB,EAAQ,aAAa,mBAAmB,EAE5D,EAAN,cAA8B,CAAO,CAUnC,YAAY,EAAuB,CAYjC,GAXA,MAAM,CAAM,EAEZ,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EACzD,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EACzD,KAAK,gBAAkB,KAAK,gBAAgB,KAAK,IAAI,EACrD,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAE/C,KAAK,gBAAkB,KAAK,oBAAoB,EAEhD,KAAK,oBAAsB,GAEvB,KAAK,gBAAiB,CACxB,IAAM,EAAO,OAAO,aAAa,QAAQ,CAAS,EAClD,KAAK,oBAAsB,IAAS,MACtC,CAEA,EAAO,UAAY,CACjB,KAAK,WAAW,CAClB,CAAC,CACH,CAEA,YAA2B,CACpB,KAAK,OAAe,WAAW,GAGpC,KAAK,cAAc,CACrB,CAEA,iBAAqC,CACnC,OAAO,EAAY,SAAS,KAAK,OAAQ,WAAY,IAAI,CAC3D,CAEA,aAAoB,EAAsB,EAAmB,EAA4B,CACvF,KAAK,UAAY,EACjB,KAAK,SAAW,EAEZ,GACF,KAAK,kBAAkB,EAAI,GAKX,KAAK,OAAO,SAAS,eAAe,CAAC,EAAE,SAAS,WAAW,EAAA,CACnE,QAAQ,CAAE,KAAM,EAAmB,KAAM,mBAAoB,CAAC,CAC1E,CAEA,mBAAoC,CAClC,OAAO,KAAK,mBACd,CAEA,kBAAyB,EAAc,EAAyB,CAC9D,KAAK,oBAAsB,EAC3B,KAAK,OAAO,QAAQ,cAAe,CAAG,EAElC,KAAK,iBAAmB,GAC1B,OAAO,aAAa,QAAQ,EAAW,EAAI,SAAS,CAAC,EAEnD,GACF,KAAK,OAAO,gBAAgB,CAAC,CAAC,KAAK,EAAK,CAC5C,CAEA,eAA8B,CAC5B,KAAK,OAAO,GAAG,aAAc,KAAK,YAAY,CAChD,CAEA,SAAuB,CACrB,KAAK,OAAO,IAAI,aAAc,KAAK,YAAY,EAE/C,KAAK,WAAW,EAEhB,MAAM,QAAQ,CAChB,CAEA,cAA6B,CAKvB,UAAK,OAAO,kBAAoB,KAAK,OAAO,qBAAqB,GAGrE,IAAI,CAAC,KAAK,kBAAkB,EAAG,CAC7B,KAAK,WAAW,EAChB,MACF,CAKA,GAAI,KAAK,gBAAkB,KAAK,OAAO,YAAY,EAAI,KAAK,OAAO,SAAS,EAAG,CAC7E,KAAK,WAAW,EAChB,MACF,CAKI,KAAK,OAAO,MAAM,GACpB,KAAK,WAAW,CAdlB,CAgBF,CAEA,YAA2B,CACrB,KAAK,iBAGT,KAAK,eAAiB,GAEtB,KAAK,OAAO,SAAS,SAAU,CAC7B,UAAW,KAAK,UAChB,WAAY,KAAK,SACjB,aAAgB,CACd,KAAK,WAAW,EAChB,KAAK,kBAAkB,EAAK,CAC9B,CACF,CAAC,EACH,CAEA,YAA2B,CACzB,GAAI,CAAC,KAAK,eACR,OAEF,KAAK,eAAiB,GAEtB,IAAM,EAAS,KAAK,OAAO,SAAS,QAAQ,EAExC,IACF,KAAK,OAAO,YAAY,CAAM,EAC9B,EAAO,QAAQ,EAEnB,CAEA,qBAAuC,CACrC,GAAI,CAGF,OAFA,OAAO,aAAa,QAAQ,EAAM,iBAAiB,EACnD,OAAO,aAAa,WAAW,CAAI,EAC5B,EACT,MAAQ,CACN,MAAO,EACT,CACF,CACF,EAEA,EAAQ,eAAe,kBAAmB,CAAe,ECrKzD,IAAM,EAAW,EAAQ,aAAa,UAAU,EAEnC,EAAb,cAAuC,CAAS,CAW9C,YAAY,EAAuB,EAAmC,CACpE,MAAM,EAAQ,CAAO,EAErB,KAAK,kBAAoB,KAAK,kBAAkB,KAAK,IAAI,EAEzD,KAAK,QAAQ,GAAG,eAAgB,KAAK,iBAAiB,EAEtD,KAAK,kBAAkB,KAAM,KAAK,QAAQ,gBAAgB,CAAC,CAAC,KAAK,CAAC,CACpE,CAEA,kBAA0B,EAAQ,EAAwB,CACxD,EAAU,KAAK,SAAS,EAAI,KAAK,UAAU,CAC7C,CAEA,cAA4B,CAC1B,IAAM,EAAO,KAAK,QAAQ,gBAAgB,CAAC,CAAC,KAAK,EAEjD,KAAK,QAAQ,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAI,CAC3C,CAEA,UAAyB,CACvB,EAAQ,IAAI,SAAS,KAAK,SAAU,IAAI,CAC1C,CAEA,WAA0B,CACxB,EAAQ,IAAI,YAAY,KAAK,SAAU,IAAI,CAC7C,CAMA,YAAmB,EAAwC,CACzD,EAAM,yBAAyB,CACjC,CAEA,SAAgB,EAAkB,EAAkB,EAAiC,CAKnF,AAEE,KAAK,gBADL,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC3B,IAGlB,KAAK,UACP,KAAK,SAAS,oBAAoB,QAAS,KAAK,YAAY,EAE9D,KAAK,SAAW,EAAQ,IAAI,SAAS,MAAO,CAC1C,UAAW,2DACX,UAAW,oCACb,CAAC,EACD,KAAK,SAAS,iBAAiB,QAAS,KAAK,YAAY,EAMzD,IAAM,EAAK,MAAM,SAAS,EAAS,CACjC,UAAW,sDACX,UAAA;;gDACF,EAAG,CAAU,EAQb,OAFA,EAAG,SAAS,EAAE,CAAC,YAAY,KAAK,QAAQ,EAEjC,CACT,CAEA,SAAuB,CACrB,KAAK,QAAQ,IAAI,eAAgB,KAAK,iBAAiB,EACvD,MAAM,QAAQ,CAChB,CACF,EAEA,EAAQ,kBAAkB,oBAAqB,CAAiB,EC1FhE,IAAM,EAAS,EAAQ,UAAU,QAAQ,EACnC,EAAoB,EAAQ,aAAa,mBAAmB,EAM5D,EAAN,cAA8B,CAAO,CACnC,YAAY,EAAuB,EAAiC,CAClE,MAAM,CAAM,EAIR,EAAQ,WACV,KAAK,OAAO,UAAY,KAAK,UAAU,CAAC,EAE1C,KAAK,QAAU,KAAK,QAAQ,KAAK,IAAI,EACrC,KAAK,OAAO,GAAG,QAAS,KAAK,OAAO,CACtC,CAEA,WAA0B,EAIN,KAAK,OAAO,SAAS,eAAe,CAAC,EAAE,SAAS,WAAW,EAAA,CACnE,QAAQ,CAAE,KAAM,EAAmB,KAAM,mBAAoB,CAAC,CAC1E,CAEA,SAAwB,CAGlB,KAAK,OAAO,KAAK,GACnB,KAAK,OAAO,KAAK,CACrB,CAIA,KAAY,EAAwB,CAClC,GAAI,OAAO,GAAY,UACrB,OAAO,KAAK,OAAO,KAAK,EAEtB,GACF,KAAK,OAAO,kBAAkB,CAAC,EAAE,kBAAkB,GAAO,EAAK,EAEjE,KAAK,OAAO,QAAQ,eAAgB,CAAO,EAC3C,KAAK,OAAO,KAAK,CAAO,CAC1B,CAEA,SAAuB,CACrB,KAAK,OAAO,IAAI,QAAS,KAAK,OAAO,EACrC,MAAM,QAAQ,CAChB,CACF,EAEA,EAAQ,eAAe,kBAAmB,CAAe"}

package/dist/scripts/{CB13vtRK.chunk.js → DuFYtiN6.chunk.js}

@@ -1,2 +1,2 @@
-import{m as e}from"./D_Txk-Lv.chunk.js";var t=e.getPlugin(`plugin`),n=10,r=class extends t{constructor(e,t){if(super(e),t.startTime===void 0)throw Error(`Invalid clip start`);if(t.endTime===void 0)throw Error(`Invalid clip end`);if(t.startTime>t.endTime)throw Error(`Clip start cannot be greater than clip end`);this._clipStart=parseFloat(t.startTime.toPrecision(4)),this._clipEnd=parseFloat(t.endTime.toPrecision(4)),this.playerEndedFn=this.player.ended.bind(e),this.playerDurationFn=this.player.duration.bind(e),this.playerCurrentTimeFn=this.player.currentTime.bind(e),this.playerbufferedFn=this.player.buffered.bind(e),this.player.ended=this.ended.bind(this),this.player.duration=this.duration.bind(this),this.player.currentTime=this.currentTime.bind(this),this.player.buffered=this.buffered.bind(this),this.initialize(),this.player.ready(()=>{this.player.trigger(`durationchange`)})}get clipStart(){let e=this.playerDurationFn();return this._clipStart>e?e:this._clipStart}get clipEnd(){let e=this.playerDurationFn();return e<=0?this._clipEnd:this._clipEnd>e?e:this._clipEnd}dispose(){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`),super.dispose()}initialize(){this.onTimeUpdate=this.onTimeUpdate.bind(this),this.onPlay=this.onPlay.bind(this),this.player.on(`timeupdate`,this.onTimeUpdate),this.player.on(`play`,this.onPlay)}onPlay(){this._isEnded&&this.player.currentTime(0)}onTimeUpdate(){let e=this.getCurrentTime(!1);if(e>this.clipEnd){this._isEnded||=(this.player.pause(),this.player.trigger(`ended`),!0);return}this._isEnded=!1,e<this.clipStart-n&&this.playerCurrentTimeFn(this.clipStart,!0)}ended(){return this.getCurrentTime(!1)>this.clipEnd}duration(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}currentTime(e,...t){if(typeof e!=`number`)return this.getCurrentTime(!0);let n=e+this.clipStart;this.playerCurrentTimeFn(n,...t)}getCurrentTime(e){let t=this.playerCurrentTimeFn(),n=0;return t>=this.clipStart&&(n=t-this.clipStart),this.player.getCache().currentTime=n,e?n:t}buffered(){let t=this.playerbufferedFn(),n=[];for(let e=0;e<t.length;e++)n[e]=[Math.max(0,t.start(e)-this.clipStart),Math.min(Math.max(0,t.end(e)-this.clipStart),this.player.duration())];return e.createTimeRanges(n)}};e.registerPlugin(`clipPlugin`,r);
-//# sourceMappingURL=CB13vtRK.chunk.js.map
+import{m as e}from"./WDOpswDS.chunk.js";var t=e.getPlugin(`plugin`),n=10,r=class extends t{constructor(e,t){if(super(e),t.startTime===void 0)throw Error(`Invalid clip start`);if(t.endTime===void 0)throw Error(`Invalid clip end`);if(t.startTime>t.endTime)throw Error(`Clip start cannot be greater than clip end`);this._clipStart=parseFloat(t.startTime.toPrecision(4)),this._clipEnd=parseFloat(t.endTime.toPrecision(4)),this.playerEndedFn=this.player.ended.bind(e),this.playerDurationFn=this.player.duration.bind(e),this.playerCurrentTimeFn=this.player.currentTime.bind(e),this.playerbufferedFn=this.player.buffered.bind(e),this.player.ended=this.ended.bind(this),this.player.duration=this.duration.bind(this),this.player.currentTime=this.currentTime.bind(this),this.player.buffered=this.buffered.bind(this),this.initialize(),this.player.ready(()=>{this.player.trigger(`durationchange`)})}get clipStart(){let e=this.playerDurationFn();return this._clipStart>e?e:this._clipStart}get clipEnd(){let e=this.playerDurationFn();return e<=0?this._clipEnd:this._clipEnd>e?e:this._clipEnd}dispose(){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`),super.dispose()}initialize(){this.onTimeUpdate=this.onTimeUpdate.bind(this),this.onPlay=this.onPlay.bind(this),this.player.on(`timeupdate`,this.onTimeUpdate),this.player.on(`play`,this.onPlay)}onPlay(){this._isEnded&&this.player.currentTime(0)}onTimeUpdate(){let e=this.getCurrentTime(!1);if(e>this.clipEnd){this._isEnded||=(this.player.pause(),this.player.trigger(`ended`),!0);return}this._isEnded=!1,e<this.clipStart-n&&this.playerCurrentTimeFn(this.clipStart,!0)}ended(){return this.getCurrentTime(!1)>this.clipEnd}duration(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}currentTime(e,...t){if(typeof e!=`number`)return this.getCurrentTime(!0);let n=e+this.clipStart;this.playerCurrentTimeFn(n,...t)}getCurrentTime(e){let t=this.playerCurrentTimeFn(),n=0;return t>=this.clipStart&&(n=t-this.clipStart),this.player.getCache().currentTime=n,e?n:t}buffered(){let t=this.playerbufferedFn(),n=[];for(let e=0;e<t.length;e++)n[e]=[Math.max(0,t.start(e)-this.clipStart),Math.min(Math.max(0,t.end(e)-this.clipStart),this.player.duration())];return e.createTimeRanges(n)}};e.registerPlugin(`clipPlugin`,r);
+//# sourceMappingURL=DuFYtiN6.chunk.js.map

package/dist/scripts/{CB13vtRK.chunk.js.map → DuFYtiN6.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CB13vtRK.chunk.js","names":[],"sources":["../../../player/src/plugins/clip-plugin/clip-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nconst Plugin = videojs.getPlugin('plugin');\n\n/**\n * TODO:\n * The value below is set quite high to compensate for the ridiculous amount of drift that can occur\n * when casting to a Vivi device. This is a temporary fix until we can get Vivi to fix the issue on their end.\n */\nconst CLIP_SEEK_DRIFT_IN_SECONDS = 10;\n\nexport interface ClipPluginOptions {\n  startTime: number;\n  endTime: number;\n}\n\nexport class ClipPlugin extends Plugin {\n  private _clipStart: number;\n  private _clipEnd: number;\n  private _isEnded: boolean;\n\n  private playerEndedFn: () => boolean;\n  private playerDurationFn: (seconds?: number) => number;\n  private playerCurrentTimeFn: (seconds?: number, ...args: any[]) => number;\n  private playerbufferedFn: () => TimeRanges;\n\n  constructor(player: VideoJsPlayer, options: ClipPluginOptions) {\n    super(player);\n\n    // validate clip start/end\n    if (options.startTime === undefined) {\n      throw Error('Invalid clip start');\n    }\n\n    if (options.endTime === undefined) {\n      throw Error('Invalid clip end');\n    }\n\n    if (options.startTime > options.endTime) {\n      throw Error('Clip start cannot be greater than clip end');\n    }\n\n    this._clipStart = parseFloat(options.startTime.toPrecision(4));\n    this._clipEnd = parseFloat(options.endTime.toPrecision(4));\n\n    // save old player functions\n    this.playerEndedFn = this.player.ended.bind(player);\n    this.playerDurationFn = this.player.duration.bind(player);\n    this.playerCurrentTimeFn = this.player.currentTime.bind(player);\n    this.playerbufferedFn = this.player.buffered.bind(player);\n\n    // overwrite the base player function with our new fancy ones\n    this.player.ended = this.ended.bind(this);\n    this.player.duration = this.duration.bind(this);\n    this.player.currentTime = this.currentTime.bind(this);\n    this.player.buffered = this.buffered.bind(this);\n\n    this.initialize();\n\n    this.player.ready(() => {\n      // manually trigger a duation change since we have a new duration from the clip\n      this.player.trigger('durationchange');\n    });\n  }\n\n  /**\n   * Ensure that the clip start is not greater than the total video duration\n   */\n  public get clipStart(): number {\n    const videoDuration = this.playerDurationFn();\n\n    if (this._clipStart > videoDuration)\n      return videoDuration;\n\n    return this._clipStart;\n  }\n\n  /**\n   * Ensure that the clip end is not greater than the total video duration\n   */\n  public get clipEnd(): number {\n    const videoDuration = this.playerDurationFn();\n\n    // The video duration may not have been determined yet, so we can't do\n    // any clamping right now..\n    if (videoDuration <= 0)\n      return this._clipEnd;\n\n    // Clamp the clip end to the video duration\n    if (this._clipEnd > videoDuration)\n      return videoDuration;\n\n    return this._clipEnd;\n  }\n\n  public dispose(): void {\n    this.player.off('timeupdate', this.onTimeUpdate);\n    this.player.off('play', this.onPlay);\n\n    // put the original functions back\n    this.player.ended = this.playerEndedFn;\n    this.player.duration = this.playerDurationFn;\n    this.player.currentTime = this.playerCurrentTimeFn;\n    this.player.buffered = this.playerbufferedFn;\n\n    // trigger another durationchange since the duration will now go back to the original\n    this.player.trigger('durationchange');\n\n    super.dispose();\n  }\n\n  private initialize(): void {\n    this.onTimeUpdate = this.onTimeUpdate.bind(this);\n    this.onPlay = this.onPlay.bind(this);\n\n    this.player.on('timeupdate', this.onTimeUpdate);\n    this.player.on('play', this.onPlay);\n  }\n\n  private onPlay(): void {\n    // if we try to play but the clip has ended, go back to the start\n    if (this._isEnded) {\n      this.player.currentTime(0);\n    }\n  }\n\n  private onTimeUpdate(): void {\n    const currentTime = this.getCurrentTime(false);\n\n    // check ended\n    if (currentTime > this.clipEnd) {\n      if (!this._isEnded) {\n        this.player.pause();\n        this.player.trigger('ended');\n        \n        this._isEnded = true;\n      }\n\n      return;\n    }\n\n    this._isEnded = false;\n\n    // ensure video is playing from the correct clip start (taking into account some seek drift)\n    if (currentTime < (this.clipStart - CLIP_SEEK_DRIFT_IN_SECONDS)) {\n      this.playerCurrentTimeFn(this.clipStart, true);\n    }\n  }\n\n  private ended(): boolean {\n    return this.getCurrentTime(false) > this.clipEnd;\n  }\n\n  private duration(seconds?: number): number {\n    // set the underlying player duration (and cache) if it hasn't been set already\n    if (seconds && seconds > 0) {\n      const existingDuration = this.playerDurationFn();\n\n      if (existingDuration)\n        console.info('The duration of the player has already been set. This is a no-op.');\n      else\n        this.playerDurationFn(seconds);\n    }\n    \n    return this.clipEnd - this.clipStart;\n  }\n\n  private currentTime(seconds?: number, ...args: any[]): number {\n    if (typeof seconds !== 'number') {\n      return this.getCurrentTime(true);\n    }\n\n    const correctedSeconds = seconds + this.clipStart;\n\n    this.playerCurrentTimeFn(correctedSeconds, ...args);\n\n    return;\n  }\n\n  /**\n   * Gets the current time of the video and updates the videojs currentTime cache\n   * @param clipTime Set to true to return the current time in the context of a clip\n   */\n  private getCurrentTime(clipTime: boolean): number {\n    const playerCurrentTime = this.playerCurrentTimeFn();\n    let time = 0;\n\n    if (playerCurrentTime >= this.clipStart) {\n      time = playerCurrentTime - this.clipStart;\n    }\n\n    // ensure that the videojs currentTime cache reflects our fake time\n    this.player.getCache().currentTime = time;\n\n    if (clipTime)\n      return time;\n\n    return playerCurrentTime;\n  }\n\n  private buffered(): TimeRanges {\n    const buff = this.playerbufferedFn();\n    const ranges = [];\n\n    for (let i = 0; i < buff.length; i++) {\n      ranges[i] = [\n        Math.max(0, buff.start(i) - this.clipStart),\n        Math.min(Math.max(0, buff.end(i) - this.clipStart), this.player.duration())\n      ];\n    }\n\n    return videojs.createTimeRanges(ranges as any);\n  }\n}\n\nvideojs.registerPlugin('clipPlugin', ClipPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    clipPlugin(options: ClipPluginOptions): void;\n  }\n}\n"],"mappings":"wCAEA,IAAM,EAAS,EAAQ,UAAU,QAAQ,EAOnC,EAA6B,GAOtB,EAAb,cAAgC,CAAO,CAUrC,YAAY,EAAuB,EAA4B,CAI7D,GAHA,MAAM,CAAM,EAGR,EAAQ,YAAc,IAAA,GACxB,MAAM,MAAM,oBAAoB,EAGlC,GAAI,EAAQ,UAAY,IAAA,GACtB,MAAM,MAAM,kBAAkB,EAGhC,GAAI,EAAQ,UAAY,EAAQ,QAC9B,MAAM,MAAM,4CAA4C,EAG1D,KAAK,WAAa,WAAW,EAAQ,UAAU,YAAY,CAAC,CAAC,EAC7D,KAAK,SAAW,WAAW,EAAQ,QAAQ,YAAY,CAAC,CAAC,EAGzD,KAAK,cAAgB,KAAK,OAAO,MAAM,KAAK,CAAM,EAClD,KAAK,iBAAmB,KAAK,OAAO,SAAS,KAAK,CAAM,EACxD,KAAK,oBAAsB,KAAK,OAAO,YAAY,KAAK,CAAM,EAC9D,KAAK,iBAAmB,KAAK,OAAO,SAAS,KAAK,CAAM,EAGxD,KAAK,OAAO,MAAQ,KAAK,MAAM,KAAK,IAAI,EACxC,KAAK,OAAO,SAAW,KAAK,SAAS,KAAK,IAAI,EAC9C,KAAK,OAAO,YAAc,KAAK,YAAY,KAAK,IAAI,EACpD,KAAK,OAAO,SAAW,KAAK,SAAS,KAAK,IAAI,EAE9C,KAAK,WAAW,EAEhB,KAAK,OAAO,UAAY,CAEtB,KAAK,OAAO,QAAQ,gBAAgB,CACtC,CAAC,CACH,CAKA,IAAW,WAAoB,CAC7B,IAAM,EAAgB,KAAK,iBAAiB,EAK5C,OAHI,KAAK,WAAa,EACb,EAEF,KAAK,UACd,CAKA,IAAW,SAAkB,CAC3B,IAAM,EAAgB,KAAK,iBAAiB,EAW5C,OAPI,GAAiB,EACZ,KAAK,SAGV,KAAK,SAAW,EACX,EAEF,KAAK,QACd,CAEA,SAAuB,CACrB,KAAK,OAAO,IAAI,aAAc,KAAK,YAAY,EAC/C,KAAK,OAAO,IAAI,OAAQ,KAAK,MAAM,EAGnC,KAAK,OAAO,MAAQ,KAAK,cACzB,KAAK,OAAO,SAAW,KAAK,iBAC5B,KAAK,OAAO,YAAc,KAAK,oBAC/B,KAAK,OAAO,SAAW,KAAK,iBAG5B,KAAK,OAAO,QAAQ,gBAAgB,EAEpC,MAAM,QAAQ,CAChB,CAEA,YAA2B,CACzB,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC/C,KAAK,OAAS,KAAK,OAAO,KAAK,IAAI,EAEnC,KAAK,OAAO,GAAG,aAAc,KAAK,YAAY,EAC9C,KAAK,OAAO,GAAG,OAAQ,KAAK,MAAM,CACpC,CAEA,QAAuB,CAEjB,KAAK,UACP,KAAK,OAAO,YAAY,CAAC,CAE7B,CAEA,cAA6B,CAC3B,IAAM,EAAc,KAAK,eAAe,EAAK,EAG7C,GAAI,EAAc,KAAK,QAAS,CAC9B,AAIE,KAAK,YAHL,KAAK,OAAO,MAAM,EAClB,KAAK,OAAO,QAAQ,OAAO,EAEX,IAGlB,MACF,CAEA,KAAK,SAAW,GAGZ,EAAe,KAAK,UAAY,GAClC,KAAK,oBAAoB,KAAK,UAAW,EAAI,CAEjD,CAEA,OAAyB,CACvB,OAAO,KAAK,eAAe,EAAK,EAAI,KAAK,OAC3C,CAEA,SAAiB,EAA0B,CAWzC,OATI,GAAW,EAAU,IACE,KAAK,iBAE1B,EACF,QAAQ,KAAK,mEAAmE,EAEhF,KAAK,iBAAiB,CAAO,GAG1B,KAAK,QAAU,KAAK,SAC7B,CAEA,YAAoB,EAAkB,GAAG,EAAqB,CAC5D,GAAI,OAAO,GAAY,SACrB,OAAO,KAAK,eAAe,EAAI,EAGjC,IAAM,EAAmB,EAAU,KAAK,UAExC,KAAK,oBAAoB,EAAkB,GAAG,CAAI,CAGpD,CAMA,eAAuB,EAA2B,CAChD,IAAM,EAAoB,KAAK,oBAAoB,EAC/C,EAAO,EAYX,OAVI,GAAqB,KAAK,YAC5B,EAAO,EAAoB,KAAK,WAIlC,KAAK,OAAO,SAAS,CAAC,CAAC,YAAc,EAEjC,EACK,EAEF,CACT,CAEA,UAA+B,CAC7B,IAAM,EAAO,KAAK,iBAAiB,EAC7B,EAAS,CAAC,EAEhB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,OAAQ,IAC/B,EAAO,GAAK,CACV,KAAK,IAAI,EAAG,EAAK,MAAM,CAAC,EAAI,KAAK,SAAS,EAC1C,KAAK,IAAI,KAAK,IAAI,EAAG,EAAK,IAAI,CAAC,EAAI,KAAK,SAAS,EAAG,KAAK,OAAO,SAAS,CAAC,CAC5E,EAGF,OAAO,EAAQ,iBAAiB,CAAa,CAC/C,CACF,EAEA,EAAQ,eAAe,aAAc,CAAU"}
+{"version":3,"file":"DuFYtiN6.chunk.js","names":[],"sources":["../../../player/src/plugins/clip-plugin/clip-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nconst Plugin = videojs.getPlugin('plugin');\n\n/**\n * TODO:\n * The value below is set quite high to compensate for the ridiculous amount of drift that can occur\n * when casting to a Vivi device. This is a temporary fix until we can get Vivi to fix the issue on their end.\n */\nconst CLIP_SEEK_DRIFT_IN_SECONDS = 10;\n\nexport interface ClipPluginOptions {\n  startTime: number;\n  endTime: number;\n}\n\nexport class ClipPlugin extends Plugin {\n  private _clipStart: number;\n  private _clipEnd: number;\n  private _isEnded: boolean;\n\n  private playerEndedFn: () => boolean;\n  private playerDurationFn: (seconds?: number) => number;\n  private playerCurrentTimeFn: (seconds?: number, ...args: any[]) => number;\n  private playerbufferedFn: () => TimeRanges;\n\n  constructor(player: VideoJsPlayer, options: ClipPluginOptions) {\n    super(player);\n\n    // validate clip start/end\n    if (options.startTime === undefined) {\n      throw Error('Invalid clip start');\n    }\n\n    if (options.endTime === undefined) {\n      throw Error('Invalid clip end');\n    }\n\n    if (options.startTime > options.endTime) {\n      throw Error('Clip start cannot be greater than clip end');\n    }\n\n    this._clipStart = parseFloat(options.startTime.toPrecision(4));\n    this._clipEnd = parseFloat(options.endTime.toPrecision(4));\n\n    // save old player functions\n    this.playerEndedFn = this.player.ended.bind(player);\n    this.playerDurationFn = this.player.duration.bind(player);\n    this.playerCurrentTimeFn = this.player.currentTime.bind(player);\n    this.playerbufferedFn = this.player.buffered.bind(player);\n\n    // overwrite the base player function with our new fancy ones\n    this.player.ended = this.ended.bind(this);\n    this.player.duration = this.duration.bind(this);\n    this.player.currentTime = this.currentTime.bind(this);\n    this.player.buffered = this.buffered.bind(this);\n\n    this.initialize();\n\n    this.player.ready(() => {\n      // manually trigger a duation change since we have a new duration from the clip\n      this.player.trigger('durationchange');\n    });\n  }\n\n  /**\n   * Ensure that the clip start is not greater than the total video duration\n   */\n  public get clipStart(): number {\n    const videoDuration = this.playerDurationFn();\n\n    if (this._clipStart > videoDuration)\n      return videoDuration;\n\n    return this._clipStart;\n  }\n\n  /**\n   * Ensure that the clip end is not greater than the total video duration\n   */\n  public get clipEnd(): number {\n    const videoDuration = this.playerDurationFn();\n\n    // The video duration may not have been determined yet, so we can't do\n    // any clamping right now..\n    if (videoDuration <= 0)\n      return this._clipEnd;\n\n    // Clamp the clip end to the video duration\n    if (this._clipEnd > videoDuration)\n      return videoDuration;\n\n    return this._clipEnd;\n  }\n\n  public dispose(): void {\n    this.player.off('timeupdate', this.onTimeUpdate);\n    this.player.off('play', this.onPlay);\n\n    // put the original functions back\n    this.player.ended = this.playerEndedFn;\n    this.player.duration = this.playerDurationFn;\n    this.player.currentTime = this.playerCurrentTimeFn;\n    this.player.buffered = this.playerbufferedFn;\n\n    // trigger another durationchange since the duration will now go back to the original\n    this.player.trigger('durationchange');\n\n    super.dispose();\n  }\n\n  private initialize(): void {\n    this.onTimeUpdate = this.onTimeUpdate.bind(this);\n    this.onPlay = this.onPlay.bind(this);\n\n    this.player.on('timeupdate', this.onTimeUpdate);\n    this.player.on('play', this.onPlay);\n  }\n\n  private onPlay(): void {\n    // if we try to play but the clip has ended, go back to the start\n    if (this._isEnded) {\n      this.player.currentTime(0);\n    }\n  }\n\n  private onTimeUpdate(): void {\n    const currentTime = this.getCurrentTime(false);\n\n    // check ended\n    if (currentTime > this.clipEnd) {\n      if (!this._isEnded) {\n        this.player.pause();\n        this.player.trigger('ended');\n        \n        this._isEnded = true;\n      }\n\n      return;\n    }\n\n    this._isEnded = false;\n\n    // ensure video is playing from the correct clip start (taking into account some seek drift)\n    if (currentTime < (this.clipStart - CLIP_SEEK_DRIFT_IN_SECONDS)) {\n      this.playerCurrentTimeFn(this.clipStart, true);\n    }\n  }\n\n  private ended(): boolean {\n    return this.getCurrentTime(false) > this.clipEnd;\n  }\n\n  private duration(seconds?: number): number {\n    // set the underlying player duration (and cache) if it hasn't been set already\n    if (seconds && seconds > 0) {\n      const existingDuration = this.playerDurationFn();\n\n      if (existingDuration)\n        console.info('The duration of the player has already been set. This is a no-op.');\n      else\n        this.playerDurationFn(seconds);\n    }\n    \n    return this.clipEnd - this.clipStart;\n  }\n\n  private currentTime(seconds?: number, ...args: any[]): number {\n    if (typeof seconds !== 'number') {\n      return this.getCurrentTime(true);\n    }\n\n    const correctedSeconds = seconds + this.clipStart;\n\n    this.playerCurrentTimeFn(correctedSeconds, ...args);\n\n    return;\n  }\n\n  /**\n   * Gets the current time of the video and updates the videojs currentTime cache\n   * @param clipTime Set to true to return the current time in the context of a clip\n   */\n  private getCurrentTime(clipTime: boolean): number {\n    const playerCurrentTime = this.playerCurrentTimeFn();\n    let time = 0;\n\n    if (playerCurrentTime >= this.clipStart) {\n      time = playerCurrentTime - this.clipStart;\n    }\n\n    // ensure that the videojs currentTime cache reflects our fake time\n    this.player.getCache().currentTime = time;\n\n    if (clipTime)\n      return time;\n\n    return playerCurrentTime;\n  }\n\n  private buffered(): TimeRanges {\n    const buff = this.playerbufferedFn();\n    const ranges = [];\n\n    for (let i = 0; i < buff.length; i++) {\n      ranges[i] = [\n        Math.max(0, buff.start(i) - this.clipStart),\n        Math.min(Math.max(0, buff.end(i) - this.clipStart), this.player.duration())\n      ];\n    }\n\n    return videojs.createTimeRanges(ranges as any);\n  }\n}\n\nvideojs.registerPlugin('clipPlugin', ClipPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    clipPlugin(options: ClipPluginOptions): void;\n  }\n}\n"],"mappings":"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"}

package/dist/scripts/{DcWcozji.chunk.js → DwNluqCs.chunk.js}

@@ -1,2 +1,2 @@
-import"./DAXXjFlN.chunk.js";import{y as e}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{t}from"./CQyJ7YGa.chunk.js";import{t as n}from"./C2w0pmFW.chunk.js";import{t as r}from"./wrLrTezN.chunk.js";import{d as i}from"./CEamUdnf.chunk.js";import{t as a}from"./DIqO2TFN.chunk.js";import{t as o}from"./DTGfiG8Y.chunk.js";import{t as s}from"./By12qobm.chunk.js";import{t as c}from"./Bjt_-lTs.chunk.js";import{t as l}from"./D_gWf2lC.chunk.js";import{t as u}from"./Dy1f-lNJ.chunk.js";import{t as d}from"./Bqm7BykF2.chunk.js";import{n as f,t as p}from"./BWWumAle.chunk.js";import{t as m}from"./CHZLAcZ_2.chunk.js";import{t as h}from"./44nFhmDT.chunk.js";import{t as g}from"./C2sWe2wE.chunk.js";import{t as _}from"./sDWiXxfn.chunk.js";n();var v=r(),y=t.encloseNamespace(`views.upsellProductInfoView`);function b(t){let n=i(c.currentUser()),r=n.data?.instanceRegion,b=i(l.config()),x=d(),{applink:S}=h(),C=x.upsellPresentationType===o.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,w=(b.data?.liteUrl.includes(`staging`)?a.TutorialVideoHighlight[C].staging:a.TutorialVideoHighlight[C].production)?.[r],T=i(w&&s.sharedVideo(w.VIDEO,w.SHARE)),E=i(w&&p.createViewKey(w.SHARE,f.Share)),D=i(w.SHARE&&u.getShareObject(w.SHARE)),O=()=>{t.closePopup(),e.trigger(S)},k=n.hasCompleted&&b.hasCompleted,A=!w||T.hasCompleted&&E.hasCompleted,j=k&&A,M=!!T.data&&!!E.data,N=y(x.upsellPresentationType===o.Subject?`cv`:`cvlive`);return(0,v.jsxs)(g,{size:`lg`,closePopup:t.closePopup,showLoadingSpinner:!j,title:y(`header`,{productName:N}),children:[j&&M&&(0,v.jsx)(m,{config:b.data,currentUser:n.data,video:T?.data,viewKey:E.data,presentationSlug:null,shareLink:D.data,autoplay:!0}),(0,v.jsx)(`p`,{className:`mt-3`,children:y(`infoText`,{productName:N})}),(0,v.jsxs)(_,{children:[(0,v.jsx)(_.Cancel,{onClick:t.closePopup}),(0,v.jsx)(_.Submit,{onClick:O,text:y(`submitText`),variant:`dark`})]})]})}export{b as UpsellProductInfoView};
-//# sourceMappingURL=DcWcozji.chunk.js.map
+import"./DAXXjFlN.chunk.js";import{y as e}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{t}from"./CQyJ7YGa.chunk.js";import{t as n}from"./C2w0pmFW.chunk.js";import{t as r}from"./wrLrTezN.chunk.js";import{d as i}from"./CEamUdnf.chunk.js";import{t as a}from"./DIqO2TFN.chunk.js";import{t as o}from"./DTGfiG8Y.chunk.js";import{t as s}from"./By12qobm.chunk.js";import{t as c}from"./Bjt_-lTs.chunk.js";import{t as l}from"./D_gWf2lC.chunk.js";import{t as u}from"./Dy1f-lNJ.chunk.js";import{t as d}from"./Bqm7BykF2.chunk.js";import{n as f,t as p}from"./BWWumAle.chunk.js";import{t as m}from"./B-V5u42C2.chunk.js";import{t as h}from"./44nFhmDT.chunk.js";import{t as g}from"./C2sWe2wE.chunk.js";import{t as _}from"./sDWiXxfn.chunk.js";n();var v=r(),y=t.encloseNamespace(`views.upsellProductInfoView`);function b(t){let n=i(c.currentUser()),r=n.data?.instanceRegion,b=i(l.config()),x=d(),{applink:S}=h(),C=x.upsellPresentationType===o.Subject?`welcomeToClickView`:`welcomeToClickViewLive`,w=(b.data?.liteUrl.includes(`staging`)?a.TutorialVideoHighlight[C].staging:a.TutorialVideoHighlight[C].production)?.[r],T=i(w&&s.sharedVideo(w.VIDEO,w.SHARE)),E=i(w&&p.createViewKey(w.SHARE,f.Share)),D=i(w.SHARE&&u.getShareObject(w.SHARE)),O=()=>{t.closePopup(),e.trigger(S)},k=n.hasCompleted&&b.hasCompleted,A=!w||T.hasCompleted&&E.hasCompleted,j=k&&A,M=!!T.data&&!!E.data,N=y(x.upsellPresentationType===o.Subject?`cv`:`cvlive`);return(0,v.jsxs)(g,{size:`lg`,closePopup:t.closePopup,showLoadingSpinner:!j,title:y(`header`,{productName:N}),children:[j&&M&&(0,v.jsx)(m,{config:b.data,currentUser:n.data,video:T?.data,viewKey:E.data,presentationSlug:null,shareLink:D.data,autoplay:!0}),(0,v.jsx)(`p`,{className:`mt-3`,children:y(`infoText`,{productName:N})}),(0,v.jsxs)(_,{children:[(0,v.jsx)(_.Cancel,{onClick:t.closePopup}),(0,v.jsx)(_.Submit,{onClick:O,text:y(`submitText`),variant:`dark`})]})]})}export{b as UpsellProductInfoView};
+//# sourceMappingURL=DwNluqCs.chunk.js.map

package/dist/scripts/{DcWcozji.chunk.js.map → DwNluqCs.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DcWcozji.chunk.js","names":[],"sources":["../../src/shared/views/upsell-product-info/UpsellProductInfoView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Config, CurrentUser, PlayerViewKey, ShareLink, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useRequestAccessApplink } from 'shared/hooks/useRequestAccessApplink';\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\n\nimport { LitePlayerView } from '../lite-player/LitePlayerView';\n\nconst namespace = 'views.upsellProductInfoView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UpsellProductInfoViewProps {\n  presentationPreview: PresentationType;\n  closePopup: () => void;\n}\n\nexport function UpsellProductInfoView(props: UpsellProductInfoViewProps) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const instanceRegion = currentUser.data?.instanceRegion;\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const context = useUpsellContext();\n\n  const { applink: requestAccessApplink } = useRequestAccessApplink();\n\n  const type = context.upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n\n  const ids = config.data?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[type].staging :\n    HardCoded.TutorialVideoHighlight[type].production;\n\n  const videoIds = ids?.[instanceRegion as keyof typeof ids];\n\n  const video = Flight.useBasicFetch<VideoTypes>(\n    videoIds && VideoRequests.sharedVideo(videoIds.VIDEO, videoIds.SHARE)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    videoIds && PlayerRequests.createViewKey(videoIds.SHARE, MediaIdType.Share)\n  );\n\n  const shareLink = Flight.useBasicFetch<ShareLink>(\n    videoIds.SHARE && ShareRequests.getShareObject(videoIds.SHARE)\n  );\n\n  const onAccessRequest = () => {\n    props.closePopup();\n    Core.AppLinkHelper.trigger(requestAccessApplink);\n  };\n\n  const inputsLoaded = currentUser.hasCompleted && config.hasCompleted;\n  const videoLoaded = !videoIds || (video.hasCompleted && viewKey.hasCompleted);\n  const loaded = inputsLoaded && videoLoaded;\n  const hasVideo = !!video.data && !!viewKey.data;\n  \n  const productName = getPhrase(context.upsellPresentationType === PresentationType.Subject ? 'cv' : 'cvlive');\n\n  return (\n    <Popup\n      size='lg'\n      closePopup={props.closePopup}\n      showLoadingSpinner={!loaded}\n      title={getPhrase('header', { productName })}\n    >\n      {\n        loaded && hasVideo &&\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={video?.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          shareLink={shareLink.data}\n          autoplay\n        />\n      }\n\n      <p className='mt-3'>{getPhrase('infoText', { productName })}</p>\n      \n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit onClick={onAccessRequest} text={getPhrase('submitText')} variant='dark' />\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"kvBAwBM,EAAY,EAAgB,iBAAiB,6BAAS,EAO5D,SAAgB,EAAsB,EAAmC,CACvE,IAAM,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAiB,EAAY,MAAM,eACnC,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAU,EAAiB,EAE3B,CAAE,QAAS,GAAyB,EAAwB,EAE5D,EAAO,EAAQ,yBAA2B,EAAiB,QAAU,qBAAuB,yBAM5F,GAJM,EAAO,MAAM,QAAQ,SAAS,SAAS,EACjD,EAAU,uBAAuB,EAAK,CAAC,QACvC,EAAU,uBAAuB,EAAK,CAAC,WAAA,GAElB,GAEjB,EAAQ,EACZ,GAAY,EAAc,YAAY,EAAS,MAAO,EAAS,KAAK,CACtE,EAEM,EAAU,EACd,GAAY,EAAe,cAAc,EAAS,MAAO,EAAY,KAAK,CAC5E,EAEM,EAAY,EAChB,EAAS,OAAS,EAAc,eAAe,EAAS,KAAK,CAC/D,EAEM,MAAwB,CAC5B,EAAM,WAAW,EACjB,EAAmB,QAAQ,CAAoB,CACjD,EAEM,EAAe,EAAY,cAAgB,EAAO,aAClD,EAAc,CAAC,GAAa,EAAM,cAAgB,EAAQ,aAC1D,EAAS,GAAgB,EACzB,EAAW,CAAC,CAAC,EAAM,MAAQ,CAAC,CAAC,EAAQ,KAErC,EAAc,EAAU,EAAQ,yBAA2B,EAAiB,QAAU,KAAO,QAAQ,EAE3G,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,KAAK,KACL,WAAY,EAAM,WAClB,mBAAoB,CAAC,EACrB,MAAO,EAAU,SAAU,CAAE,aAAY,CAAC,WAJ5C,CAOI,GAAU,IACV,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,GAAO,KACd,QAAS,EAAQ,KACjB,iBAAkB,KAClB,UAAW,EAAU,KACrB,SAAA,EACD,CAAA,GAGH,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,WAAY,CAAE,aAAY,CAAC,CAAK,CAAA,GAE/D,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAM,UAAa,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAiB,KAAM,EAAU,YAAY,EAAG,QAAQ,MAAQ,CAAA,CAClF,CAAA,CAAA,CACT,GAEX"}
+{"version":3,"file":"DwNluqCs.chunk.js","names":[],"sources":["../../src/shared/views/upsell-product-info/UpsellProductInfoView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { HardCoded } from 'libs/shared/constants/HardCoded';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { Config, CurrentUser, PlayerViewKey, ShareLink, VideoTypes } from 'libs/shared/interfaces';\n\nimport { useRequestAccessApplink } from 'shared/hooks/useRequestAccessApplink';\nimport { useUpsellContext } from 'shared/hooks/useUpsellContext';\n\nimport { LitePlayerView } from '../lite-player/LitePlayerView';\n\nconst namespace = 'views.upsellProductInfoView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface UpsellProductInfoViewProps {\n  presentationPreview: PresentationType;\n  closePopup: () => void;\n}\n\nexport function UpsellProductInfoView(props: UpsellProductInfoViewProps) {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const instanceRegion = currentUser.data?.instanceRegion;\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const context = useUpsellContext();\n\n  const { applink: requestAccessApplink } = useRequestAccessApplink();\n\n  const type = context.upsellPresentationType === PresentationType.Subject ? 'welcomeToClickView' : 'welcomeToClickViewLive';\n\n  const ids = config.data?.liteUrl.includes('staging') ?\n    HardCoded.TutorialVideoHighlight[type].staging :\n    HardCoded.TutorialVideoHighlight[type].production;\n\n  const videoIds = ids?.[instanceRegion as keyof typeof ids];\n\n  const video = Flight.useBasicFetch<VideoTypes>(\n    videoIds && VideoRequests.sharedVideo(videoIds.VIDEO, videoIds.SHARE)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    videoIds && PlayerRequests.createViewKey(videoIds.SHARE, MediaIdType.Share)\n  );\n\n  const shareLink = Flight.useBasicFetch<ShareLink>(\n    videoIds.SHARE && ShareRequests.getShareObject(videoIds.SHARE)\n  );\n\n  const onAccessRequest = () => {\n    props.closePopup();\n    Core.AppLinkHelper.trigger(requestAccessApplink);\n  };\n\n  const inputsLoaded = currentUser.hasCompleted && config.hasCompleted;\n  const videoLoaded = !videoIds || (video.hasCompleted && viewKey.hasCompleted);\n  const loaded = inputsLoaded && videoLoaded;\n  const hasVideo = !!video.data && !!viewKey.data;\n  \n  const productName = getPhrase(context.upsellPresentationType === PresentationType.Subject ? 'cv' : 'cvlive');\n\n  return (\n    <Popup\n      size='lg'\n      closePopup={props.closePopup}\n      showLoadingSpinner={!loaded}\n      title={getPhrase('header', { productName })}\n    >\n      {\n        loaded && hasVideo &&\n        <LitePlayerView\n          config={config.data}\n          currentUser={currentUser.data}\n          video={video?.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n          shareLink={shareLink.data}\n          autoplay\n        />\n      }\n\n      <p className='mt-3'>{getPhrase('infoText', { productName })}</p>\n      \n      <PopupButtons>\n        <PopupButtons.Cancel onClick={props.closePopup} />\n        <PopupButtons.Submit onClick={onAccessRequest} text={getPhrase('submitText')} variant='dark' />\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"kvBAwBM,EAAY,EAAgB,iBAAiB,6BAAS,EAO5D,SAAgB,EAAsB,EAAmC,CACvE,IAAM,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAiB,EAAY,MAAM,eACnC,EAAS,EAA6B,EAAe,OAAO,CAAC,EAC7D,EAAU,EAAiB,EAE3B,CAAE,QAAS,GAAyB,EAAwB,EAE5D,EAAO,EAAQ,yBAA2B,EAAiB,QAAU,qBAAuB,yBAM5F,GAJM,EAAO,MAAM,QAAQ,SAAS,SAAS,EACjD,EAAU,uBAAuB,EAAK,CAAC,QACvC,EAAU,uBAAuB,EAAK,CAAC,WAAA,GAElB,GAEjB,EAAQ,EACZ,GAAY,EAAc,YAAY,EAAS,MAAO,EAAS,KAAK,CACtE,EAEM,EAAU,EACd,GAAY,EAAe,cAAc,EAAS,MAAO,EAAY,KAAK,CAC5E,EAEM,EAAY,EAChB,EAAS,OAAS,EAAc,eAAe,EAAS,KAAK,CAC/D,EAEM,MAAwB,CAC5B,EAAM,WAAW,EACjB,EAAmB,QAAQ,CAAoB,CACjD,EAEM,EAAe,EAAY,cAAgB,EAAO,aAClD,EAAc,CAAC,GAAa,EAAM,cAAgB,EAAQ,aAC1D,EAAS,GAAgB,EACzB,EAAW,CAAC,CAAC,EAAM,MAAQ,CAAC,CAAC,EAAQ,KAErC,EAAc,EAAU,EAAQ,yBAA2B,EAAiB,QAAU,KAAO,QAAQ,EAE3G,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CACE,KAAK,KACL,WAAY,EAAM,WAClB,mBAAoB,CAAC,EACrB,MAAO,EAAU,SAAU,CAAE,aAAY,CAAC,WAJ5C,CAOI,GAAU,IACV,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,OAAQ,EAAO,KACf,YAAa,EAAY,KACzB,MAAO,GAAO,KACd,QAAS,EAAQ,KACjB,iBAAkB,KAClB,UAAW,EAAU,KACrB,SAAA,EACD,CAAA,GAGH,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAU,gBAAQ,EAAU,WAAY,CAAE,aAAY,CAAC,CAAK,CAAA,GAE/D,EAAA,EAAA,KAAA,CAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAM,UAAa,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAa,OAAd,CAAqB,QAAS,EAAiB,KAAM,EAAU,YAAY,EAAG,QAAQ,MAAQ,CAAA,CAClF,CAAA,CAAA,CACT,GAEX"}

package/dist/scripts/{P9unbQX_2.chunk.js → FxuURp3k2.chunk.js}

@@ -1,2 +1,2 @@
-import{t as e}from"./DNIQUWeP.chunk.js";import{m as t}from"./D_Txk-Lv.chunk.js";var n=t.getPlugin(`plugin`),r=class extends n{constructor(e){super(e),this.player.dataLoaded(()=>this.initialize())}initialize(){e.setCanReload(!1)}dispose(){e.setCanReload(!0),super.dispose()}};t.registerPlugin(`oldVersionRefreshPlugin`,r);
-//# sourceMappingURL=P9unbQX_2.chunk.js.map
+import{t as e}from"./DNIQUWeP.chunk.js";import{m as t}from"./WDOpswDS.chunk.js";var n=t.getPlugin(`plugin`),r=class extends n{constructor(e){super(e),this.player.dataLoaded(()=>this.initialize())}initialize(){e.setCanReload(!1)}dispose(){e.setCanReload(!0),super.dispose()}};t.registerPlugin(`oldVersionRefreshPlugin`,r);
+//# sourceMappingURL=FxuURp3k2.chunk.js.map

package/dist/scripts/{P9unbQX_2.chunk.js.map → FxuURp3k2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"P9unbQX_2.chunk.js","names":[],"sources":["../../../player/src/plugins/old-version-refresh-plugin/old-version-refresh-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { OldVersionService } from 'libs/shared/services/OldVersionService';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nclass OldVersionRefreshPlugin extends Plugin {\n  constructor(player: VideoJsPlayer) {\n    super(player);\n    this.player.dataLoaded(() => this.initialize());\n  }\n\n  private initialize(): void {\n    OldVersionService.setCanReload(false);\n  }\n\n  public dispose(): void {\n    OldVersionService.setCanReload(true);\n    super.dispose();\n  }\n}\n\nvideojs.registerPlugin('oldVersionRefreshPlugin', OldVersionRefreshPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    oldVersionRefreshPlugin(): OldVersionRefreshPlugin;\n  }\n}\n\n"],"mappings":"gFAIA,IAAM,EAAS,EAAQ,UAAU,QAAQ,EAEnC,EAAN,cAAsC,CAAO,CAC3C,YAAY,EAAuB,CACjC,MAAM,CAAM,EACZ,KAAK,OAAO,eAAiB,KAAK,WAAW,CAAC,CAChD,CAEA,YAA2B,CACzB,EAAkB,aAAa,EAAK,CACtC,CAEA,SAAuB,CACrB,EAAkB,aAAa,EAAI,EACnC,MAAM,QAAQ,CAChB,CACF,EAEA,EAAQ,eAAe,0BAA2B,CAAuB"}
+{"version":3,"file":"FxuURp3k2.chunk.js","names":[],"sources":["../../../player/src/plugins/old-version-refresh-plugin/old-version-refresh-plugin.ts"],"sourcesContent":["import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { OldVersionService } from 'libs/shared/services/OldVersionService';\n\nconst Plugin = videojs.getPlugin('plugin');\n\nclass OldVersionRefreshPlugin extends Plugin {\n  constructor(player: VideoJsPlayer) {\n    super(player);\n    this.player.dataLoaded(() => this.initialize());\n  }\n\n  private initialize(): void {\n    OldVersionService.setCanReload(false);\n  }\n\n  public dispose(): void {\n    OldVersionService.setCanReload(true);\n    super.dispose();\n  }\n}\n\nvideojs.registerPlugin('oldVersionRefreshPlugin', OldVersionRefreshPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    oldVersionRefreshPlugin(): OldVersionRefreshPlugin;\n  }\n}\n\n"],"mappings":"gFAIA,IAAM,EAAS,EAAQ,UAAU,QAAQ,EAEnC,EAAN,cAAsC,CAAO,CAC3C,YAAY,EAAuB,CACjC,MAAM,CAAM,EACZ,KAAK,OAAO,eAAiB,KAAK,WAAW,CAAC,CAChD,CAEA,YAA2B,CACzB,EAAkB,aAAa,EAAK,CACtC,CAEA,SAAuB,CACrB,EAAkB,aAAa,EAAI,EACnC,MAAM,QAAQ,CAChB,CACF,EAEA,EAAQ,eAAe,0BAA2B,CAAuB"}