@clickview/lite 0.104.0-rc.7 → 0.104.0

package/dist/scripts/{Dtag-27K.chunk.js.map → DER8311r.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dtag-27K.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/video-details/video-details.module.scss","../../../../libs/shared/src/components/video-details/VideoDetails.tsx","../../src/apps/user-manager/views/students-video/StudentsVideoView.tsx"],"sourcesContent":[":local {\n  .closeButton {\n    position: absolute;\n    top: 1rem;\n    right: map-get($spacers, 3);\n  }\n  \n  @media (min-width: #{map-get($grid-breakpoints, md)}) {\n    .descriptionBorder {\n      border-right: 1px solid $gray-300;\n    }\n  }\n}","import * as React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImmersiveReader } from 'libs/shared/components/immersive-reader/ImmersiveReader';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { BaseObject, BasePaginatedCollection, CurrentUser, Tag, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { hasPPDD } from './VideoDetailsUtils';\n\nimport styles from './video-details.module.scss';\n\nconst namespace = 'shared.videoDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CommaListProps {\n  label: string;\n  items: BasePaginatedCollection<BaseObject>;\n  className?: string;\n}\n\nfunction CommaList(props: CommaListProps): React.ReactElement {\n  const { label, items, className } = props;\n\n  const hasItems = items && items.data && items.data.length;\n\n  if (!hasItems)\n    return <></>;\n\n  const commaSeperated = items.data.map(i => i.name).join(', ');\n\n  return (\n    <div className={className}>{label}: {commaSeperated}</div>\n  );\n}\n\nfunction DetailsSection(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video } = props;\n\n  if (!VideoHelper.isVideo(video) && !VideoHelper.isClip(video))\n    return <></>;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  return (\n    <div className={video.description ? 'col-md-5 ps-md-3 pt-3 pt-md-0' : 'col-12'}>\n      <h2 className='h6 mb-1'><Text phrase='details' /></h2>\n      {!!parentVideo.productionYear && (\n        <div className='mb-1'>\n          <Text phrase='productionYear' options={{ year: parentVideo.productionYear }} />\n        </div>\n      )}\n      <CommaList\n        label={getPhrase('productionCompanies', { smartCount: parentVideo.productionCompanies?.data?.length })}\n        items={parentVideo.productionCompanies}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('distributors', { smartCount: parentVideo.distributors?.data?.length })}\n        items={parentVideo.distributors}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('producers', { smartCount: parentVideo.producers?.data?.length })}\n        items={parentVideo.producers}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('directors', { smartCount: parentVideo.directors?.data?.length })}\n        items={parentVideo.directors}\n        className='mb-1'\n      />\n      {!!parentVideo.dateBroadcast && (\n        <div className='mb-1'>\n          <Text phrase='dateBroadcast' options={{ date: DateHelper.format(parentVideo.dateBroadcast, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n      {!!parentVideo.channel && (\n        <div className='mb-1'>\n          <Text phrase='channel' options={{ channel: parentVideo.channel.name }} />\n        </div>\n      )}\n      {VideoHelper.canViewUploadDate(props.video) && (\n        <div className='mb-1'>\n          <Text phrase='dateUploaded' options={{ date: DateHelper.format(video.dateCreated, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface VideoDetailsWithScrollbarProps {\n  video: VideoTypes;\n  currentUser?: CurrentUser;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onLaunchImmersiveReader?: () => void;\n  onExitImmersiveReader?: () => void;\n  onClickClose?: () => void;\n  onClickShowCurriculumLinks?: () => void;\n  maxHeight?: number;\n  suppressInteractivity?: boolean;\n  hideTags?: boolean;\n}\n\nexport function VideoDetailsWithScrollbar(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video, maxHeight = MINIMUM_GLANCE_HEIGHT } = props;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  const showDescription = !!props.video.description;\n\n  const showDetails = (\n    hasPPDD(props.video) ||\n    !!parentVideo.productionYear ||\n    !!parentVideo.dateBroadcast ||\n    !!parentVideo.channel ||\n    VideoHelper.canViewUploadDate(props.video)\n  );\n\n  const canClose = typeof props.onClickClose === 'function';\n  const showCurriculumLinks = typeof props.onClickShowCurriculumLinks === 'function';\n\n  function getTags(): Tag[] {\n    if (props.hideTags || VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags.data;\n  }\n\n  if (!showDescription && !showDetails)\n    return <></>;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='rounded border p-3 mb-3 position-relative'>\n        <Scrollbars autoHeight autoHeightMax={maxHeight}>\n          <div className='row g-0'>\n            {showDescription && (\n              <div className={showDetails ? `${styles.descriptionBorder} pe-3 col-md-7` : 'col-12'}>\n                <div className='d-flex align-items-center'>\n                  <h2 className='h6 mb-1'>\n                    <Text phrase='description' />\n                  </h2>\n                  <ImmersiveReader\n                    text={video.description}\n                    title={video.name}\n                    className='ps-2'\n                    onLaunch={props.onLaunchImmersiveReader}\n                    onExit={props.onExitImmersiveReader}\n                    analyticsOptions={{\n                      location: LocationContext.PlayPage,\n                      entity: EntityType.Video,\n                      actionType: UserAction.Click,\n                      descriptor: ClickDescriptor.LaunchImmersiveReader\n                    }}\n                    analyticsData={{ id: video.id, type: 'description' }}\n                  />\n                </div>\n                <p className='mb-0' dangerouslySetInnerHTML={{ __html: TextHelper.sanitize(LinkifyHelper.linkifyText(props.video.description, { nl2br: true })) }} />\n                <TagList\n                  tags={getTags()}\n                  {...TagHelper.getTagActionProps(props.getTagAppLink, null, props.suppressInteractivity)}\n                  className='mt-1'\n                />\n                {showCurriculumLinks && (\n                  <DivButton\n                    onClick={props.onClickShowCurriculumLinks}\n                    className='cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1'\n                  >\n                    <Text namespace={namespace} phrase='seeCurriculumLinks' />\n                  </DivButton>\n                )}\n              </div>\n            )}\n\n            {showDetails && (\n              <DetailsSection {...props} />\n            )}\n          </div>\n        </Scrollbars>\n\n        {canClose && (\n          <button\n            type='button'\n            className={`btn-close ${styles.closeButton}`}\n            aria-label='Close'\n            onClick={props.onClickClose}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsOptions, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Actions as ActionsButtons } from 'libs/shared/components/actions/Actions';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\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 { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { InfoSvg } from 'libs/shared/images/svg/status/InfoSvg';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getRequest(id: string, typeId: string): Flight.Request {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return ClipRequests.clip(id);\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return InteractiveRequests.interactiveMetadata(id);\n\n  return VideoRequests.video(id);\n}\n\nfunction getMessagePhrase(typeId: string): string {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return 'messageClip';\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return 'messageInteractive';\n\n  return 'messageVideo';\n}\n\ninterface StudentsVideoProps {\n  userId: string;\n  id: string;\n  typeId: string;\n}\n\nexport function StudentsVideoView(props: StudentsVideoProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.userId));\n\n  const video = Flight.useBasicFetch<VideoTypes>(getRequest(props.id, props.typeId));\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(PlayerRequests.createViewKey(props.id, MediaIdType.MasterObject));\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  useHandleObjectError([ user, video ]);\n  useSetPageMetadata({\n    title: user.data ?\n      LanguageService.getPhrase(\n        namespace,\n        'pageTitle',\n        { name: UserHelper.getFullName(user.data) }\n      ) :\n      ''\n  });\n\n  function getVideoActions(): ActionOptions[] {\n    const analyticsOptions: AnalyticsOptions = {\n      entity: VideoHelper.getAnalyticsEntity(video.data),\n      location: LocationContext.ViewStudentVideos\n    };\n  \n    const analyticsData = {\n      id: video.data.id\n    };\n  \n    const actions: ActionOptions[] = [];\n  \n    if (VideoHelper.isVideo(video.data)) {\n      actions.push({\n        order: 1,\n        label: getPhrase('download'),\n        appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.DOWNLOAD_VIDEO, args: [video.data.id]},\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Download,\n          workflowPhase: WorkflowPhase.Start\n        },\n        analyticsData\n      });\n    }\n  \n    actions.push({\n      order: 2,\n      label: getPhrase('delete'),\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.data.id ],\n        params: { typeId: video.data.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    });\n  \n    return actions;\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    video.hasCompleted &&\n    viewKey.hasCompleted &&\n    config.hasCompleted &&\n    currentUser.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svg={InfoSvg}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n  \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>\n              {getPhrase(\n                getMessagePhrase(props.typeId),\n                { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }\n              )}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className='mb-3'>\n        <LitePlayerView\n          config={config.data}\n          video={video.data}\n          currentUser={currentUser.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n        />\n      </div>\n      <div className='d-flex justify-content-between align-items-center mb-2'>\n        <div>\n          <h1 className='h3 d-inline-flex m-0 mb-2'>\n            {video.data.name}\n          </h1>\n        </div>\n        <ActionsButtons\n          actions={getVideoActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n        />\n      </div>\n      <VideoDetailsWithScrollbar video={video.data} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DER8311r.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/video-details/video-details.module.scss","../../../../libs/shared/src/components/video-details/VideoDetails.tsx","../../src/apps/user-manager/views/students-video/StudentsVideoView.tsx"],"sourcesContent":[":local {\n  .closeButton {\n    position: absolute;\n    top: 1rem;\n    right: map-get($spacers, 3);\n  }\n  \n  @media (min-width: #{map-get($grid-breakpoints, md)}) {\n    .descriptionBorder {\n      border-right: 1px solid $gray-300;\n    }\n  }\n}","import * as React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\nimport { LinkifyHelper } from 'libs/common/react/utils/LinkifyHelper';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { ClickDescriptor, EntityType, LocationContext, UserAction } from 'libs/analytics/interfaces';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImmersiveReader } from 'libs/shared/components/immersive-reader/ImmersiveReader';\nimport { TagHelper } from 'libs/shared/components/tags/TagHelper';\nimport { TagList } from 'libs/shared/components/tags/TagList';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { BaseObject, BasePaginatedCollection, CurrentUser, Tag, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { hasPPDD } from './VideoDetailsUtils';\n\nimport styles from './video-details.module.scss';\n\nconst namespace = 'shared.videoDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CommaListProps {\n  label: string;\n  items: BasePaginatedCollection<BaseObject>;\n  className?: string;\n}\n\nfunction CommaList(props: CommaListProps): React.ReactElement {\n  const { label, items, className } = props;\n\n  const hasItems = items && items.data && items.data.length;\n\n  if (!hasItems)\n    return <></>;\n\n  const commaSeperated = items.data.map(i => i.name).join(', ');\n\n  return (\n    <div className={className}>{label}: {commaSeperated}</div>\n  );\n}\n\nfunction DetailsSection(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video } = props;\n\n  if (!VideoHelper.isVideo(video) && !VideoHelper.isClip(video))\n    return <></>;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  return (\n    <div className={video.description ? 'col-md-5 ps-md-3 pt-3 pt-md-0' : 'col-12'}>\n      <h2 className='h6 mb-1'><Text phrase='details' /></h2>\n      {!!parentVideo.productionYear && (\n        <div className='mb-1'>\n          <Text phrase='productionYear' options={{ year: parentVideo.productionYear }} />\n        </div>\n      )}\n      <CommaList\n        label={getPhrase('productionCompanies', { smartCount: parentVideo.productionCompanies?.data?.length })}\n        items={parentVideo.productionCompanies}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('distributors', { smartCount: parentVideo.distributors?.data?.length })}\n        items={parentVideo.distributors}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('producers', { smartCount: parentVideo.producers?.data?.length })}\n        items={parentVideo.producers}\n        className='mb-1'\n      />\n      <CommaList\n        label={getPhrase('directors', { smartCount: parentVideo.directors?.data?.length })}\n        items={parentVideo.directors}\n        className='mb-1'\n      />\n      {!!parentVideo.dateBroadcast && (\n        <div className='mb-1'>\n          <Text phrase='dateBroadcast' options={{ date: DateHelper.format(parentVideo.dateBroadcast, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n      {!!parentVideo.channel && (\n        <div className='mb-1'>\n          <Text phrase='channel' options={{ channel: parentVideo.channel.name }} />\n        </div>\n      )}\n      {VideoHelper.canViewUploadDate(props.video) && (\n        <div className='mb-1'>\n          <Text phrase='dateUploaded' options={{ date: DateHelper.format(video.dateCreated, 'DD/MM/YYYY') }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\ninterface VideoDetailsWithScrollbarProps {\n  video: VideoTypes;\n  currentUser?: CurrentUser;\n  getTagAppLink?: (tag: Tag) => Core.AppLink;\n  onLaunchImmersiveReader?: () => void;\n  onExitImmersiveReader?: () => void;\n  onClickClose?: () => void;\n  onClickShowCurriculumLinks?: () => void;\n  maxHeight?: number;\n  suppressInteractivity?: boolean;\n  hideTags?: boolean;\n}\n\nexport function VideoDetailsWithScrollbar(props: VideoDetailsWithScrollbarProps): React.ReactElement {\n  const { video, maxHeight = MINIMUM_GLANCE_HEIGHT } = props;\n\n  const parentVideo = VideoHelper.getParentVideo(video);\n\n  const showDescription = !!props.video.description;\n\n  const showDetails = (\n    hasPPDD(props.video) ||\n    !!parentVideo.productionYear ||\n    !!parentVideo.dateBroadcast ||\n    !!parentVideo.channel ||\n    VideoHelper.canViewUploadDate(props.video)\n  );\n\n  const canClose = typeof props.onClickClose === 'function';\n  const showCurriculumLinks = typeof props.onClickShowCurriculumLinks === 'function';\n\n  function getTags(): Tag[] {\n    if (props.hideTags || VideoHelper.isInteractive(props.video) || !props.video.tags?.data?.length)\n      return null;\n\n    return props.video.tags.data;\n  }\n\n  if (!showDescription && !showDetails)\n    return <></>;\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <div className='rounded border p-3 mb-3 position-relative'>\n        <Scrollbars autoHeight autoHeightMax={maxHeight}>\n          <div className='row g-0'>\n            {showDescription && (\n              <div className={showDetails ? `${styles.descriptionBorder} pe-3 col-md-7` : 'col-12'}>\n                <div className='d-flex align-items-center'>\n                  <h2 className='h6 mb-1'>\n                    <Text phrase='description' />\n                  </h2>\n                  <ImmersiveReader\n                    text={video.description}\n                    title={video.name}\n                    className='ps-2'\n                    onLaunch={props.onLaunchImmersiveReader}\n                    onExit={props.onExitImmersiveReader}\n                    analyticsOptions={{\n                      location: LocationContext.PlayPage,\n                      entity: EntityType.Video,\n                      actionType: UserAction.Click,\n                      descriptor: ClickDescriptor.LaunchImmersiveReader\n                    }}\n                    analyticsData={{ id: video.id, type: 'description' }}\n                  />\n                </div>\n                <p className='mb-0' dangerouslySetInnerHTML={{ __html: TextHelper.sanitize(LinkifyHelper.linkifyText(props.video.description, { nl2br: true })) }} />\n                <TagList\n                  tags={getTags()}\n                  {...TagHelper.getTagActionProps(props.getTagAppLink, null, props.suppressInteractivity)}\n                  className='mt-1'\n                />\n                {showCurriculumLinks && (\n                  <DivButton\n                    onClick={props.onClickShowCurriculumLinks}\n                    className='cursor-pointer d-inline-block fw-semibold text-info mt-2 mb-1'\n                  >\n                    <Text namespace={namespace} phrase='seeCurriculumLinks' />\n                  </DivButton>\n                )}\n              </div>\n            )}\n\n            {showDetails && (\n              <DetailsSection {...props} />\n            )}\n          </div>\n        </Scrollbars>\n\n        {canClose && (\n          <button\n            type='button'\n            className={`btn-close ${styles.closeButton}`}\n            aria-label='Close'\n            onClick={props.onClickClose}\n          />\n        )}\n      </div>\n    </LanguageNamespaceContext.Provider>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { AnalyticsOptions, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Actions as ActionsButtons } from 'libs/shared/components/actions/Actions';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\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 { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { InfoSvg } from 'libs/shared/images/svg/status/InfoSvg';\nimport { Config, CurrentUser, PlayerViewKey, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { LitePlayerView } from 'shared/views/lite-player/LitePlayerView';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getRequest(id: string, typeId: string): Flight.Request {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return ClipRequests.clip(id);\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return InteractiveRequests.interactiveMetadata(id);\n\n  return VideoRequests.video(id);\n}\n\nfunction getMessagePhrase(typeId: string): string {\n  if (typeId.toString() === MasterType.Clip.toString())\n    return 'messageClip';\n\n  if (typeId.toString() === MasterType.Interactive.toString())\n    return 'messageInteractive';\n\n  return 'messageVideo';\n}\n\ninterface StudentsVideoProps {\n  userId: string;\n  id: string;\n  typeId: string;\n}\n\nexport function StudentsVideoView(props: StudentsVideoProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.userId));\n\n  const video = Flight.useBasicFetch<VideoTypes>(getRequest(props.id, props.typeId));\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(PlayerRequests.createViewKey(props.id, MediaIdType.MasterObject));\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  useHandleObjectError([ user, video ]);\n  useSetPageMetadata({\n    title: user.data ?\n      LanguageService.getPhrase(\n        namespace,\n        'pageTitle',\n        { name: UserHelper.getFullName(user.data) }\n      ) :\n      ''\n  });\n\n  function getVideoActions(): ActionOptions[] {\n    const analyticsOptions: AnalyticsOptions = {\n      entity: VideoHelper.getAnalyticsEntity(video.data),\n      location: LocationContext.ViewStudentVideos\n    };\n  \n    const analyticsData = {\n      id: video.data.id\n    };\n  \n    const actions: ActionOptions[] = [];\n  \n    if (VideoHelper.isVideo(video.data)) {\n      actions.push({\n        order: 1,\n        label: getPhrase('download'),\n        appLink: { application: AppChannels.VIDEOS, action: Actions.Videos.DOWNLOAD_VIDEO, args: [video.data.id]},\n        analyticsOptions: {\n          ...analyticsOptions,\n          actionType: UserAction.Download,\n          workflowPhase: WorkflowPhase.Start\n        },\n        analyticsData\n      });\n    }\n  \n    actions.push({\n      order: 2,\n      label: getPhrase('delete'),\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.data.id ],\n        params: { typeId: video.data.typeId }\n      },\n      className: 'text-danger',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    });\n  \n    return actions;\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    video.hasCompleted &&\n    viewKey.hasCompleted &&\n    config.hasCompleted &&\n    currentUser.hasCompleted\n  );\n\n  if (!dataLoaded)\n    return <></>;\n\n  return (\n    <div className='px-3'>\n      <div className='alert text-dark bg-light-blue px-2 rounded d-flex flex-column flex-lg-row justify-content-between mb-3 align-items-center' role='alert'>\n        <div className='d-flex align-items-center'>\n          <SvgContainer\n            svg={InfoSvg}\n            size={SvgContainerSize.Standard}\n            className='me-2 svg-container'\n          />\n  \n          <div className='w-100'>\n            <p className='fw-semibold mb-0'>\n              {getPhrase(\n                getMessagePhrase(props.typeId),\n                { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }\n              )}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className='mb-3'>\n        <LitePlayerView\n          config={config.data}\n          video={video.data}\n          currentUser={currentUser.data}\n          viewKey={viewKey.data}\n          presentationSlug={null}\n        />\n      </div>\n      <div className='d-flex justify-content-between align-items-center mb-2'>\n        <div>\n          <h1 className='h3 d-inline-flex m-0 mb-2'>\n            {video.data.name}\n          </h1>\n        </div>\n        <ActionsButtons\n          actions={getVideoActions()}\n          actionsDropdownClassName='btn btn-outline-dark'\n        />\n      </div>\n      <VideoDetailsWithScrollbar video={video.data} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{CmnbQiBA.chunk.js → DSZaceCq.chunk.js}

@@ -1,2 +1,2 @@
-import"./DAXXjFlN.chunk.js";import{t as e}from"./DMnm3Ewv.chunk.js";import{n as t}from"./B785hxeE.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./C2w0pmFW.chunk.js";import{t as i}from"./wrLrTezN.chunk.js";import{u as a}from"./BX0wDJmp.chunk.js";import{y as o}from"./NlCAcBdo.chunk.js";import{t as s}from"./DGmmTRu72.chunk.js";import{t as c}from"./DbSUQ2A12.chunk.js";import{t as l}from"./DZssmXj6.chunk.js";import{t as u}from"./BC8PeYqm.chunk.js";import{t as d}from"./LoQS6GjP.chunk.js";import{t as f}from"./CqrjHjAN.chunk.js";import{t as p}from"./XIE88U01.chunk.js";import{n as m,t as h}from"./C6-aC3vu.chunk.js";import{t as g}from"./7LGxCHGV.chunk.js";import{t as _}from"./Bbv3vbm7.chunk.js";import{t as v}from"./B3gsVN-_.chunk.js";import{l as y,r as b}from"./D-iyHqNw2.chunk.js";import{t as x}from"./Dfw0sxVt2.chunk.js";import{t as S}from"./C1loT8MD2.chunk.js";import{n as C}from"./ChnNWPOK2.chunk.js";import{t as w}from"./C9XBZFiR.chunk.js";import{t as T}from"./BnuuRu_J2.chunk.js";import{t as E}from"./CC5Dr9aG.chunk.js";import{t as D}from"./BYaCUOEW2.chunk.js";import{t as O}from"./DNuJUXpr2.chunk.js";import{v as k}from"./Bld7iWR52.chunk.js";import{t as A}from"./B_TE5XUR2.chunk.js";r();var j=i(),M=n.encloseNamespace(`shared.playClip`),N={notFound:p,forbidden:{privacy:_}};P.defaultProps={queryParams:{}};function P(n){let{context:r,contextId:i,mtv:p}=n.queryParams,{hasProduct:_}=x(),{commonVideoProps:P,hasCommonVideoPropsCompleted:F}=T({locationContext:o.PlayClip,mtv:p}),{hasPermissions:I}=v(),{hasTopicDirectories:L,hasPlayPageTranscript:R}=s(null),z=a(f.currentUser()),B=a(l.clip(n.id)),V=a(u.videoInteractives(n.id)),H=a(!!B.data?._parentVideo&&d.video(B.data._parentVideo.id));O([H.data]);let U=a(!!B.data?._parentVideo&&l.videoClips(B.data._parentVideo.id)),W=a(B.statusCode===e.Forbidden&&l.clip(n.id,c.StripMetadata)),G=b({video:H.data,context:r,contextId:i,moviesAndTv:p,currentUser:z.data}),K=D(),q=k(),J=y(n.id,!0),Y=S({objectId:B.data?.id,objectTypeId:B.data?.typeId}),X=E({name:B.data?.name});return h(m.getClipMetadata({content:B.data,phraseContext:{phraseHandler:M,titlePhrase:`pageTitle`,descriptionPhrase:`pageDescription`}})),w(B,N,{forbidden:!0}),O(G.videos??[]),g(W),C({id:n.id,app:`clips`}),B.data&&z.hasCompleted&&J.hasCompleted&&F?(0,j.jsx)(A,{clip:B.data,clips:U.data?.data,interactives:V.data?.data,currentUser:z.data,relatedVideos:r===`playlist`?G:{...G,videos:[]},hasProduct:_,queryParams:n.queryParams,audiences:K.data,canManageVideoAccess:I(t.ManageVideoAccess),pointsOfInterest:J.items,featureAccess:Y,tableOfContentsId:n.queryParams?.tocId,shouldShowSideTableOfContents:q,breadcrumbs:X,commonVideoProps:P,hasTopicDirectories:L,hasTheatreMode:R}):(0,j.jsx)(j.Fragment,{})}export{P as PlayClipView};
-//# sourceMappingURL=CmnbQiBA.chunk.js.map
+import"./DAXXjFlN.chunk.js";import{t as e}from"./DMnm3Ewv.chunk.js";import{n as t}from"./B785hxeE.chunk.js";import{t as n}from"./CQyJ7YGa.chunk.js";import{t as r}from"./C2w0pmFW.chunk.js";import{t as i}from"./wrLrTezN.chunk.js";import{u as a}from"./BX0wDJmp.chunk.js";import{y as o}from"./NlCAcBdo.chunk.js";import{t as s}from"./DGmmTRu72.chunk.js";import{t as c}from"./DbSUQ2A12.chunk.js";import{t as l}from"./DZssmXj6.chunk.js";import{t as u}from"./BC8PeYqm.chunk.js";import{t as d}from"./LoQS6GjP.chunk.js";import{t as f}from"./CqrjHjAN.chunk.js";import{t as p}from"./XIE88U01.chunk.js";import{n as m,t as h}from"./C6-aC3vu.chunk.js";import{t as g}from"./7LGxCHGV.chunk.js";import{t as _}from"./Bbv3vbm7.chunk.js";import{t as v}from"./B3gsVN-_.chunk.js";import{l as y,r as b}from"./CLvImDXv2.chunk.js";import{t as x}from"./Dfw0sxVt2.chunk.js";import{t as S}from"./C1loT8MD2.chunk.js";import{n as C}from"./ChnNWPOK2.chunk.js";import{t as w}from"./C9XBZFiR.chunk.js";import{t as T}from"./BnuuRu_J2.chunk.js";import{t as E}from"./CC5Dr9aG.chunk.js";import{t as D}from"./BYaCUOEW2.chunk.js";import{t as O}from"./DNuJUXpr2.chunk.js";import{v as k}from"./D-pn0sNx2.chunk.js";import{t as A}from"./CvilnM0u2.chunk.js";r();var j=i(),M=n.encloseNamespace(`shared.playClip`),N={notFound:p,forbidden:{privacy:_}};P.defaultProps={queryParams:{}};function P(n){let{context:r,contextId:i,mtv:p}=n.queryParams,{hasProduct:_}=x(),{commonVideoProps:P,hasCommonVideoPropsCompleted:F}=T({locationContext:o.PlayClip,mtv:p}),{hasPermissions:I}=v(),{hasTopicDirectories:L,hasPlayPageTranscript:R}=s(null),z=a(f.currentUser()),B=a(l.clip(n.id)),V=a(u.videoInteractives(n.id)),H=a(!!B.data?._parentVideo&&d.video(B.data._parentVideo.id));O([H.data]);let U=a(!!B.data?._parentVideo&&l.videoClips(B.data._parentVideo.id)),W=a(B.statusCode===e.Forbidden&&l.clip(n.id,c.StripMetadata)),G=b({video:H.data,context:r,contextId:i,moviesAndTv:p,currentUser:z.data}),K=D(),q=k(),J=y(n.id,!0),Y=S({objectId:B.data?.id,objectTypeId:B.data?.typeId}),X=E({name:B.data?.name});return h(m.getClipMetadata({content:B.data,phraseContext:{phraseHandler:M,titlePhrase:`pageTitle`,descriptionPhrase:`pageDescription`}})),w(B,N,{forbidden:!0}),O(G.videos??[]),g(W),C({id:n.id,app:`clips`}),B.data&&z.hasCompleted&&J.hasCompleted&&F?(0,j.jsx)(A,{clip:B.data,clips:U.data?.data,interactives:V.data?.data,currentUser:z.data,relatedVideos:r===`playlist`?G:{...G,videos:[]},hasProduct:_,queryParams:n.queryParams,audiences:K.data,canManageVideoAccess:I(t.ManageVideoAccess),pointsOfInterest:J.items,featureAccess:Y,tableOfContentsId:n.queryParams?.tocId,shouldShowSideTableOfContents:q,breadcrumbs:X,commonVideoProps:P,hasTopicDirectories:L,hasTheatreMode:R}):(0,j.jsx)(j.Fragment,{})}export{P as PlayClipView};
+//# sourceMappingURL=DSZaceCq.chunk.js.map

package/dist/scripts/{CmnbQiBA.chunk.js.map → DSZaceCq.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CmnbQiBA.chunk.js","names":[],"sources":["../../src/shared/views/play-clip/PlayClipView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, ClipCollection, CurrentUser, InteractiveCollection, Video } from 'libs/shared/interfaces';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/hooks/useShouldShowTableOfContents';\n\nimport { PlayClip } from './components/play-clip/PlayClip';\n\nexport interface PlayViewProps {\n  id: string;\n  queryParams?: PlayViewQueryParams;\n}\n\nconst namespace = 'shared.playClip';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n  notFound: NotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\nPlayClipView.defaultProps = {\n  queryParams: {}\n};\n\nexport function PlayClipView(props: PlayViewProps): JSX.Element {\n  const { context, contextId, mtv } = props.queryParams;\n\n  const { hasProduct } = useProducts();\n  const {\n    commonVideoProps,\n    hasCommonVideoPropsCompleted\n  } = useCommonVideoProps({ locationContext: LocationContext.PlayClip, mtv });\n  const { hasPermissions } = usePermissions();\n  const { hasTopicDirectories, hasPlayPageTranscript } = useSettings(null);\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n  const interactives = Flight.useBasicFetch<InteractiveCollection>(InteractiveRequests.videoInteractives(props.id));\n  const video = Flight.useBasicFetch<Video>(\n    !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n  );\n  useVideoMixin([video.data]);\n\n  const childClips = Flight.useBasicFetch<ClipCollection>(\n    !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n\n  const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n    ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context,\n    contextId,\n    moviesAndTv: mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n  \n  const featureAccess = useVideoFeatureAccess({\n    objectId: clip.data?.id,\n    objectTypeId: clip.data?.typeId\n  });\n\n  const breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n    content: clip.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    }\n  }));\n\n  useHandleObjectError(clip, clipErrors, { forbidden: true });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(strippedClip);\n  useDeepLinks({ id: props.id, app: 'clips' });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    pointsOfInterest.hasCompleted &&\n    hasCommonVideoPropsCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClip\n      clip={clip.data}\n      clips={childClips.data?.data}\n      interactives={interactives.data?.data}\n      currentUser={currentUser.data}\n      // we only show up next videos for clips in a playlist\n      relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      breadcrumbs={breadcrumbs}\n      commonVideoProps={commonVideoProps}\n      hasTopicDirectories={hasTopicDirectories}\n      hasTheatreMode={hasPlayPageTranscript}\n    />\n  );\n}\n"],"mappings":"2sCA4CM,EAAY,EAAgB,iBAAiB,iBAAS,EAEtD,EAAa,CACjB,SAAU,EACV,UAAW,CACT,QAAS,CACX,CACF,EAEA,EAAa,aAAe,CAC1B,YAAa,CAAC,CAChB,EAEA,SAAgB,EAAa,EAAmC,CAC9D,GAAM,CAAE,UAAS,YAAW,OAAQ,EAAM,YAEpC,CAAE,cAAe,EAAY,EAC7B,CACJ,mBACA,gCACE,EAAoB,CAAE,gBAAiB,EAAgB,SAAU,KAAI,CAAC,EACpE,CAAE,kBAAmB,EAAe,EACpC,CAAE,sBAAqB,yBAA0B,EAAY,IAAI,EAEjE,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAO,EAA2B,EAAa,KAAK,EAAM,EAAE,CAAC,EAE7D,EAAe,EAA4C,EAAoB,kBAAkB,EAAM,EAAE,CAAC,EAC1G,EAAQ,EACZ,CAAC,CAAC,EAAK,MAAM,cAAgB,EAAc,MAAM,EAAK,KAAK,aAAa,EAAE,CAC5E,EACA,EAAc,CAAC,EAAM,IAAI,CAAC,EAE1B,IAAM,EAAa,EACjB,CAAC,CAAC,EAAK,MAAM,cAAgB,EAAa,WAAW,EAAK,KAAK,aAAa,EAAE,CAChF,EAEM,EAAe,EAA2B,EAAK,aAAe,EAAW,WAC7E,EAAa,KAAK,EAAM,GAAI,EAAuB,aAAa,CAAC,EAC7D,EAAgB,EAAoB,CACxC,MAAO,EAAM,KACb,UACA,YACA,YAAa,EACb,YAAa,EAAY,IAC3B,CAAC,EACK,EAAY,EAAyB,EACrC,EAAgC,EAAiC,EAEjE,EAAmB,EAAyB,EAAM,GAAI,EAAI,EAE1D,EAAgB,EAAsB,CAC1C,SAAU,EAAK,MAAM,GACrB,aAAc,EAAK,MAAM,MAC3B,CAAC,EAEK,EAAc,EAAe,CAAE,KAAM,EAAK,MAAM,IAAK,CAAC,EA0B5D,OAxBA,EAAmB,EAAmB,gBAAgB,CACpD,QAAS,EAAK,KACd,cAAe,CACb,cAAe,EACf,YAAa,YACb,kBAAmB,iBACrB,CACF,CAAC,CAAC,EAEF,EAAqB,EAAM,EAAY,CAAE,UAAW,EAAK,CAAC,EAC1D,EAAc,EAAc,QAAU,CAAC,CAAC,EACxC,EAAsB,CAAY,EAClC,EAAa,CAAE,GAAI,EAAM,GAAI,IAAK,OAAQ,CAAC,EAGzC,EAAK,MACL,EAAY,cACZ,EAAiB,cACjB,GAOA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,KAAM,EAAK,KACX,MAAO,EAAW,MAAM,KACxB,aAAc,EAAa,MAAM,KACjC,YAAa,EAAY,KAEzB,cAAe,IAAY,WAAa,EAAgB,CAAE,GAAG,EAAe,OAAQ,CAAC,CAAC,EAC1E,aACZ,YAAa,EAAM,YACnB,UAAW,EAAU,KACrB,qBAAsB,EAAe,EAAe,iBAAiB,EACrE,iBAAkB,EAAiB,MACpB,gBACf,kBAAmB,EAAM,aAAa,MACP,gCAClB,cACK,mBACG,sBACrB,eAAgB,CACjB,CAAA,GAtBM,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,CAwBf"}
+{"version":3,"file":"DSZaceCq.chunk.js","names":[],"sources":["../../src/shared/views/play-clip/PlayClipView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionFilterOption } from 'libs/shared/enums/PermissionFilterOption';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { VideoPrivateError } from 'libs/shared/errors/videos/video-private/VideoPrivateError';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBreadcrumbs } from 'libs/shared/hooks/useBreadcrumbs';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Clip, ClipCollection, CurrentUser, InteractiveCollection, Video } from 'libs/shared/interfaces';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { useCommonVideoProps } from 'shared/hooks/useCommonVideoProps';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\nimport { useShouldShowSideTableOfContents } from 'shared/views/play/hooks/useShouldShowTableOfContents';\n\nimport { PlayClip } from './components/play-clip/PlayClip';\n\nexport interface PlayViewProps {\n  id: string;\n  queryParams?: PlayViewQueryParams;\n}\n\nconst namespace = 'shared.playClip';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst clipErrors = {\n  notFound: NotFoundError,\n  forbidden: {\n    privacy: VideoPrivateError\n  }\n};\n\nPlayClipView.defaultProps = {\n  queryParams: {}\n};\n\nexport function PlayClipView(props: PlayViewProps): JSX.Element {\n  const { context, contextId, mtv } = props.queryParams;\n\n  const { hasProduct } = useProducts();\n  const {\n    commonVideoProps,\n    hasCommonVideoPropsCompleted\n  } = useCommonVideoProps({ locationContext: LocationContext.PlayClip, mtv });\n  const { hasPermissions } = usePermissions();\n  const { hasTopicDirectories, hasPlayPageTranscript } = useSettings(null);\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.clip(props.id));\n\n  const interactives = Flight.useBasicFetch<InteractiveCollection>(InteractiveRequests.videoInteractives(props.id));\n  const video = Flight.useBasicFetch<Video>(\n    !!clip.data?._parentVideo && VideoRequests.video(clip.data._parentVideo.id)\n  );\n  useVideoMixin([video.data]);\n\n  const childClips = Flight.useBasicFetch<ClipCollection>(\n    !!clip.data?._parentVideo && ClipRequests.videoClips(clip.data._parentVideo.id)\n  );\n\n  const strippedClip = Flight.useBasicFetch<Clip>(clip.statusCode === HttpStatus.Forbidden &&\n    ClipRequests.clip(props.id, PermissionFilterOption.StripMetadata));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context,\n    contextId,\n    moviesAndTv: mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const shouldShowSideTableOfContents = useShouldShowSideTableOfContents();\n\n  const pointsOfInterest = useFetchPointsOfInterest(props.id, true);\n  \n  const featureAccess = useVideoFeatureAccess({\n    objectId: clip.data?.id,\n    objectTypeId: clip.data?.typeId\n  });\n\n  const breadcrumbs = useBreadcrumbs({ name: clip.data?.name });\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({\n    content: clip.data,\n    phraseContext: {\n      phraseHandler: getPhrase,\n      titlePhrase: 'pageTitle',\n      descriptionPhrase: 'pageDescription'\n    }\n  }));\n\n  useHandleObjectError(clip, clipErrors, { forbidden: true });\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(strippedClip);\n  useDeepLinks({ id: props.id, app: 'clips' });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    pointsOfInterest.hasCompleted &&\n    hasCommonVideoPropsCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClip\n      clip={clip.data}\n      clips={childClips.data?.data}\n      interactives={interactives.data?.data}\n      currentUser={currentUser.data}\n      // we only show up next videos for clips in a playlist\n      relatedVideos={context === 'playlist' ? relatedVideos : { ...relatedVideos, videos: []}}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      pointsOfInterest={pointsOfInterest.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.tocId}\n      shouldShowSideTableOfContents={shouldShowSideTableOfContents}\n      breadcrumbs={breadcrumbs}\n      commonVideoProps={commonVideoProps}\n      hasTopicDirectories={hasTopicDirectories}\n      hasTheatreMode={hasPlayPageTranscript}\n    />\n  );\n}\n"],"mappings":"2sCA4CM,EAAY,EAAgB,iBAAiB,iBAAS,EAEtD,EAAa,CACjB,SAAU,EACV,UAAW,CACT,QAAS,CACX,CACF,EAEA,EAAa,aAAe,CAC1B,YAAa,CAAC,CAChB,EAEA,SAAgB,EAAa,EAAmC,CAC9D,GAAM,CAAE,UAAS,YAAW,OAAQ,EAAM,YAEpC,CAAE,cAAe,EAAY,EAC7B,CACJ,mBACA,gCACE,EAAoB,CAAE,gBAAiB,EAAgB,SAAU,KAAI,CAAC,EACpE,CAAE,kBAAmB,EAAe,EACpC,CAAE,sBAAqB,yBAA0B,EAAY,IAAI,EAEjE,EAAc,EAAkC,EAAa,YAAY,CAAC,EAC1E,EAAO,EAA2B,EAAa,KAAK,EAAM,EAAE,CAAC,EAE7D,EAAe,EAA4C,EAAoB,kBAAkB,EAAM,EAAE,CAAC,EAC1G,EAAQ,EACZ,CAAC,CAAC,EAAK,MAAM,cAAgB,EAAc,MAAM,EAAK,KAAK,aAAa,EAAE,CAC5E,EACA,EAAc,CAAC,EAAM,IAAI,CAAC,EAE1B,IAAM,EAAa,EACjB,CAAC,CAAC,EAAK,MAAM,cAAgB,EAAa,WAAW,EAAK,KAAK,aAAa,EAAE,CAChF,EAEM,EAAe,EAA2B,EAAK,aAAe,EAAW,WAC7E,EAAa,KAAK,EAAM,GAAI,EAAuB,aAAa,CAAC,EAC7D,EAAgB,EAAoB,CACxC,MAAO,EAAM,KACb,UACA,YACA,YAAa,EACb,YAAa,EAAY,IAC3B,CAAC,EACK,EAAY,EAAyB,EACrC,EAAgC,EAAiC,EAEjE,EAAmB,EAAyB,EAAM,GAAI,EAAI,EAE1D,EAAgB,EAAsB,CAC1C,SAAU,EAAK,MAAM,GACrB,aAAc,EAAK,MAAM,MAC3B,CAAC,EAEK,EAAc,EAAe,CAAE,KAAM,EAAK,MAAM,IAAK,CAAC,EA0B5D,OAxBA,EAAmB,EAAmB,gBAAgB,CACpD,QAAS,EAAK,KACd,cAAe,CACb,cAAe,EACf,YAAa,YACb,kBAAmB,iBACrB,CACF,CAAC,CAAC,EAEF,EAAqB,EAAM,EAAY,CAAE,UAAW,EAAK,CAAC,EAC1D,EAAc,EAAc,QAAU,CAAC,CAAC,EACxC,EAAsB,CAAY,EAClC,EAAa,CAAE,GAAI,EAAM,GAAI,IAAK,OAAQ,CAAC,EAGzC,EAAK,MACL,EAAY,cACZ,EAAiB,cACjB,GAOA,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,KAAM,EAAK,KACX,MAAO,EAAW,MAAM,KACxB,aAAc,EAAa,MAAM,KACjC,YAAa,EAAY,KAEzB,cAAe,IAAY,WAAa,EAAgB,CAAE,GAAG,EAAe,OAAQ,CAAC,CAAC,EAC1E,aACZ,YAAa,EAAM,YACnB,UAAW,EAAU,KACrB,qBAAsB,EAAe,EAAe,iBAAiB,EACrE,iBAAkB,EAAiB,MACpB,gBACf,kBAAmB,EAAM,aAAa,MACP,gCAClB,cACK,mBACG,sBACrB,eAAgB,CACjB,CAAA,GAtBM,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAI,CAAA,CAwBf"}

package/dist/scripts/{CfNYFxJl2.chunk.js → D_1m0b_a2.chunk.js}

@@ -1,2 +1,2 @@
-import{o as e}from"./DAXXjFlN.chunk.js";import{y as t}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{n}from"./B785hxeE.chunk.js";import{t as r}from"./CQyJ7YGa.chunk.js";import{t as i}from"./C2w0pmFW.chunk.js";import{t as a}from"./wrLrTezN.chunk.js";import{t as o}from"./BXTI9cmX.chunk.js";import{u as s}from"./BX0wDJmp.chunk.js";import{t as c}from"./e1lz2ERJ2.chunk.js";import{t as l}from"./DGmmTRu72.chunk.js";import{t as u}from"./xwiwWcv12.chunk.js";import{t as d}from"./CVHQXNzi2.chunk.js";import{t as f}from"./BrbeV-Gn2.chunk.js";import{t as p}from"./BC8PeYqm.chunk.js";import{t as m}from"./CqrjHjAN.chunk.js";import{t as h}from"./eoAypzU3.chunk.js";import{t as g}from"./Kx-r9MXT.chunk.js";import{t as _}from"./CgCqPbjJ.chunk.js";import{t as v}from"./D_gWf2lC.chunk.js";import{t as y}from"./DruDe9vI.chunk.js";import{t as b}from"./7-GJWRH82.chunk.js";import{t as x}from"./dLd5d3X22.chunk.js";import{t as S}from"./C6-aC3vu.chunk.js";import{n as C,t as w}from"./BGhJ8TEx.chunk.js";import{t as T}from"./B3gsVN-_.chunk.js";import{n as E}from"./CpFtf-tI2.chunk.js";import{t as D}from"./DdwKMgn92.chunk.js";import{t as O}from"./9Eq3j62K.chunk.js";import{a as k,c as A,o as j,r as M}from"./DPySWa_g.chunk.js";import{t as N}from"./1pA_p8rV2.chunk.js";import{t as P}from"./j_TnVVKr.chunk.js";import{t as F}from"./C9XBZFiR.chunk.js";import{t as I}from"./DDmUhpUA.chunk.js";import{i as L,n as R,r as z}from"./0O76oUkQ.chunk.js";import{i as B,s as V}from"./B3ox8pZ0.chunk.js";import{n as H}from"./BLdZUAm2.chunk.js";import{t as ee}from"./-KvTbeQV.chunk.js";import{n as U,r as W,t as G}from"./DxCMdeNc2.chunk.js";import{o as K}from"./DUp_s5eM2.chunk.js";import{a as te,c as q,i as ne,n as re,o as ie,s as ae,t as oe}from"./DLGQjoMi2.chunk.js";import{t as se}from"./OuLaT5ha2.chunk.js";import{t as ce}from"./viauQ7-w2.chunk.js";var J=e(i());function Y(e){let{getGatedPermission:r,isLoaded:i}=T();J.useEffect(()=>{i&&r(n.ViewInsights)===`hard-gate`&&t.trigger({application:o.MY_SHARES,action:h.MyShares.HARD_GATE_INSIGHTS,args:[e]})},[i])}function le(e){let[t]=x(g.HIDE_STAFF_RESULTS),n=s(D.shareHeatMap(e)),r=W(e),i=n.data?.map(e=>e.userId).filter(e=>!!e)||[],a=N(i,m.getById);function o(e){return e.userId?a.items?.[e.userId]||{id:e.userId,deleted:!0}:r.items?.[e.sessionId]||{sessionId:e.sessionId}}let c={...r.items,...a.items};return{engagement:n.data?.filter(e=>{let n=c[e.userId||e.sessionId];return n&&n.userType===1&&t?null:e}).filter(e=>!!e),users:n.data?.map(e=>({...o(e),percentage:e.engagementRate})),hasCompleted:n.hasCompleted&&r.hasCompleted&&(!i?.length||a.hasCompleted)}}var X=a(),ue=r.encloseNamespace(`shared.insightsHeatmap`);function Z(e){let[t]=x(_.ANONYMISE_USERS),[r]=x(_.HIDE_STAFF_RESULTS);I();let{hasPermissions:i,getGatedPermission:a}=T(),o=s(y.getShare(e.shareId)),l=O.getClassroomIdFromShare(o.data),p=s(l&&c.getClassroom(l)),h=U(e.shareId),g=s(o.data&&f.getVideoRequest(o.data.objectId,o.data.objectTypeId)),b=s(v.config()),E=s(m.currentUser()),k=s(E.data&&u.yearGroups(E.data.customerId)),A=s(f.isInteractive(g.data)&&P.pendingReviews({interactives:[g.data].map(t=>({interactiveId:t.interactiveId,metadataId:t.id,shareId:e.shareId})),filters:{currentCustomerId:E.data.customerId,currentUserId:E.data.id}})).data?.[0]?.pendingReviewCount>0,j=s(D.shareHeatMapAggregation(e.shareId)),{users:M,engagement:N,hasCompleted:B}=le(e.shareId),V=s(D.shareAggregation(e.shareId,`year_group`)),H=s(o.data?.objectId&&w.createViewKey(o.data.objectId,C.MasterObject));S({title:g.data?ue(`pageTitle`,{video:g.data?.name}):null}),F([o,g]),Y(e.shareId);let W=o.hasCompleted&&g.hasCompleted&&b.hasCompleted&&j.hasCompleted&&V.hasCompleted&&H.hasCompleted&&k.hasCompleted;function G(){return o.data?.objectTypeId===d.Interactive?R(o.data,`heatmap`):z(o.data,`heatmap`)}return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:g.data,tabs:G(),hasSchoolAnalytics:i(n.ViewSchoolAnalytics),analyticsWebUrl:b.data?.analyticsWebUrl,share:o.data,yearGroups:k.data,classroom:p.data,markingRequired:A,hasData:!!N?.length,viewInsightsGatedPermission:a(n.ViewInsights)}),(0,X.jsx)(ee,{aggregateEngagement:j.data,individualEngagement:N,yearGroups:V.data,config:b.data,users:M,viewKey:H.data,hasDataLoaded:W,tableDataLoaded:B,anonymiseUsers:t,classroomStudents:h.items,hideStaffResults:r})]})}function de(e,t){return{resultsAppLink:j(e,null,t),questionsAppLink:k(e,null,t),heatmapAppLink:M(e,null,t)}}var fe=r.encloseNamespace(`insights.interactiveInsightsOverviewView`);function pe(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasPermissions:r,getGatedPermission:i}=T(),a=s(v.config()),o=s(m.currentUser()),l=s(o.data&&u.yearGroups(o.data.customerId)),d=s(y.getShare(e.shareId)),f=O.getClassroomIdFromShare(d.data),h=s(f&&c.getClassroom(f)),_=U(e.shareId),b=s(d.data?.objectId&&p.interactiveMetadata(d.data.objectId)),C=s(b.data?.interactiveId&&p.interactive(b.data.interactiveId)),w=G(e.shareId),E=s(D.shareHeatMap(e.shareId)),k=s(D.shareHeatMapAggregation(e.shareId)),A=s(D.shareAggregation(e.shareId,`os_name`));S({title:b.data?fe(`pageTitle`,{video:b.data?.name}):null}),F([d,C,b]),Y(e.shareId);let j=a.hasCompleted&&b.hasCompleted&&C.data&&k.hasCompleted&&E.hasCompleted&&A.hasCompleted&&w.hasCompleted&&l.hasCompleted,M=de(d.data),N=j&&K(C.data,w.data,H),P=N&&N.markingRequired.length>0;return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:b.data,tabs:R(d.data,`insights`),hasSchoolAnalytics:r(n.ViewSchoolAnalytics),analyticsWebUrl:a.data?.analyticsWebUrl,share:d.data,yearGroups:l.data,classroom:h.data,markingRequired:P,hasData:!!w.data?.students.length,viewInsightsGatedPermission:i(n.ViewInsights)}),(0,X.jsx)(oe,{aggregateEngagement:k.data,individualEngagement:E.data,interactive:C.data,interactiveMetadata:b.data,interactiveInsightsAppLinks:M,classroomStudents:_.items,results:w.data,osCount:A.data,config:a.data,anonymiseUsers:t,hasDataLoaded:j,share:d.data})]})}var me=r.encloseNamespace(`shared.interactiveInsightsQuestionsView`);function he(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasPermissions:r,getGatedPermission:i}=T(),a=s(m.currentUser()),o=s(v.config()),l=s(a.data&&u.yearGroups(a.data.customerId)),d=s(y.getShare(e.shareId)),f=O.getClassroomIdFromShare(d.data),h=s(f&&c.getClassroom(f)),_=s(d.data?.objectId&&p.interactiveMetadata(d.data?.objectId)),b=s(_.data?.interactiveId&&p.interactive(_.data.interactiveId)),C=G(e.shareId);S({title:_.data?me(`pageTitle`,{video:_.data?.name}):null}),F([d,b,_]),Y(e.shareId);let w=b.data&&_.data&&!!C.data&&!!l.data,E=w&&K(b.data,C.data,H),D=E&&E.markingRequired.length>0;return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{tabs:R(d.data,`questions`),video:_.data,hasSchoolAnalytics:r(n.ViewSchoolAnalytics),analyticsWebUrl:o.data?.analyticsWebUrl,share:d.data,yearGroups:l.data,classroom:h.data,markingRequired:D,hasData:!!C.data?.students.length,viewInsightsGatedPermission:i(n.ViewInsights)}),(0,X.jsx)(se,{interactive:b.data,interactiveMetadata:_.data,interactionId:e.interactionId,config:o.data,sortBy:e.sortBy,isFetching:!C.hasCompleted||b.isFetching,anonymiseUsers:t,results:C.data,hasDataLoaded:w})]})}var ge=r.encloseNamespace(`insights.interactiveInsightsStudents`);function _e(e){let[r]=x(g.ANONYMISE_USERS),[i]=x(g.HIDE_STAFF_RESULTS),{hasPermissions:a,getGatedPermission:l}=T(),d=s(m.currentUser()),f=s(v.config()),_=s(d.data&&u.yearGroups(d.data.customerId)),b=s(y.getShare(e.shareId)),C=O.getClassroomIdFromShare(b.data),w=s(C&&c.getClassroom(C)),E=s(b.data?.objectId&&p.interactiveMetadata(b.data.objectId)),D=s(E.data?.interactiveId&&p.interactive(E.data.interactiveId)),k=G(e.shareId),A=D.data&&E.data&&!!k.data&&!!_.data,j=A&&K(D.data,k.data,H),M=j&&j.markingRequired.length>0;S({title:E.data?ge(`pageTitle`,{video:E.data?.name}):null}),F([b,D,E]),Y(e.shareId);function N(n,r,i){t.trigger({application:o.MY_SHARES,action:h.MyShares.INTERACTIVE_STUDENT_RESULTS,params:{studentId:n.id,shareId:e.shareId,interactionId:i,sessionId:n.sessionId}})}return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{tabs:R(b.data,`results`),video:E.data,hasSchoolAnalytics:a(n.ViewSchoolAnalytics),analyticsWebUrl:f.data?.analyticsWebUrl,share:b.data,yearGroups:_.data,classroom:w.data,markingRequired:M,hasData:!!k.data?.students.length,viewInsightsGatedPermission:l(n.ViewInsights)}),(0,X.jsx)(ce,{interactiveMetadata:E.data,viewStudentResults:N,interactive:D.data,results:k.data,filterBy:e.filterBy,sortBy:e.sortBy,isFetching:k.isFetching,anonymiseUsers:r,hasDataLoaded:A,config:f.data,hideStaffResults:i})]})}var ve=r.encloseNamespace(`shared.insightStudentsNotWatched`);function ye(e){let t=e.students?.filter(t=>!e.watchedIds?.includes(t.id))||[];return(0,X.jsx)(B,{title:ve(`title`),svg:ne,svgClassName:`bg-light-teal text-teal`,children:(0,X.jsx)(q,{students:t,imageCdnUrl:e.imageCdnUrl,imageUrl:e.imageUrl,description:ve(`studentsDisplay`),anonymiseUsers:e.anonymiseUsers})})}var Q=r.encloseNamespace(`shared.insightStudentsWatched`);function be(e){return(0,X.jsx)(B,{title:Q(`title`),svg:ae,svgClassName:`bg-light-indigo text-indigo`,count:e.students.length,children:(0,X.jsx)(q,{students:e.students,imageCdnUrl:e.imageCdnUrl,imageUrl:e.imageUrl,description:Q(`studentsDisplay`),appLink:e.heatmapAppLink,appLinkText:Q(`viewAll`),anonymiseUsers:e.anonymiseUsers})})}var $={partialInsights:`_partialInsights_sk6kv_1`};function xe(){return(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h2`,{className:`h4 w-25 partial-loading-background`,children:`\xA0`}),(0,X.jsx)(`div`,{className:`row g-3 mb-5`,children:(0,X.jsx)(`div`,{className:`col-12`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})})}),(0,X.jsx)(`h2`,{className:`h4 w-25 partial-loading-background`,children:`\xA0`}),(0,X.jsxs)(`div`,{className:`row g-3 mb-5`,children:[(0,X.jsx)(`div`,{className:`col-6`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})}),(0,X.jsx)(`div`,{className:`col-6`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})})]})]})}var Se=`insights.videoInsightsOverview`;function Ce(e){let t=e.hasDataLoaded&&!!e.viewers?.length;function n(){return e.viewers?Object.values(e.viewers):[]}return(0,X.jsxs)(X.Fragment,{children:[!e.hasDataLoaded&&(0,X.jsx)(xe,{}),e.hasDataLoaded&&(0,X.jsxs)(re,{video:e.video,hasData:t,share:e.share,children:[(0,X.jsxs)(`section`,{className:`mb-5`,children:[(0,X.jsxs)(`h2`,{className:`h4`,children:[(0,X.jsx)(E,{namespace:Se,phrase:`studentViewing`}),(0,X.jsxs)(`span`,{children:[`: `,n().length,e.classroomStudents?`/${e.classroomStudents.length}`:``]})]}),(0,X.jsxs)(`div`,{className:`row g-3`,children:[!!e.classroomStudents?.length&&(0,X.jsx)(`div`,{className:`col-12 col-md`,children:(0,X.jsx)(ye,{students:e.classroomStudents,watchedIds:e.viewers?.map(e=>e.id),imageCdnUrl:e.config.imageCdnUrl,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,imageUrl:b.Insights.AVATAR,anonymiseUsers:e.anonymiseUsers})}),(0,X.jsx)(`div`,{className:`col-12 col-md`,children:(0,X.jsx)(be,{students:n(),imageCdnUrl:e.config.imageCdnUrl,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,imageUrl:b.Insights.AVATAR,anonymiseUsers:e.anonymiseUsers})})]})]}),(0,X.jsxs)(`section`,{className:`mb-5`,children:[(0,X.jsx)(`h2`,{className:`h4`,children:(0,X.jsx)(E,{namespace:Se,phrase:e.hasClassrooms?`classEngagement`:`engagement`})}),(0,X.jsxs)(`div`,{className:`row g-3`,children:[(0,X.jsx)(`div`,{className:`col-12 col-md-6`,children:(0,X.jsx)(ie,{osCount:e.osCount})}),(0,X.jsx)(`div`,{className:`col-12 col-md-6`,children:(0,X.jsx)(te,{engagement:e.aggregateEngagement,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,engagementRate:V(e.individualEngagement)})})]})]})]})]})}function we(e,t){return{heatmapAppLink:M(e,null,t)}}var Te=r.encloseNamespace(`insights.videoInsightsOverviewView`);function Ee(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasClassrooms:r}=l(null),{hasPermissions:i,getGatedPermission:a}=T(),o=s(v.config()),d=s(m.currentUser()),p=s(d.data&&u.yearGroups(d.data.customerId)),h=s(y.getShare(e.shareId)),_=O.getClassroomIdFromShare(h.data),b=s(_&&c.getClassroom(_)),C=U(e.shareId),w=s(h.data&&f.getVideoRequest(h.data.objectId,h.data.objectTypeId));S({title:w.data?Te(`pageTitle`,{video:w.data?.name}):null}),F([h,w]),Y(e.shareId);let E=s(D.shareHeatMap(e.shareId)),k=s(D.shareHeatMapAggregation(e.shareId)),A=s(D.shareAggregation(e.shareId,`os_name`)),{users:j,hasCompleted:M}=le(e.shareId),N=o.hasCompleted&&w.hasCompleted&&E.hasCompleted&&k.hasCompleted&&A.hasCompleted&&p.data&&M,P=we(h.data);return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:w.data,classroom:b.data,tabs:z(h.data,`insights`),hasSchoolAnalytics:i(n.ViewSchoolAnalytics),analyticsWebUrl:o.data?.analyticsWebUrl,share:h.data,yearGroups:p.data,hasData:N&&!!j?.length,viewInsightsGatedPermission:a(n.ViewInsights)}),(0,X.jsx)(Ce,{hasDataLoaded:!!N,hasClassrooms:r,anonymiseUsers:t,videoInsightsAppLinks:P,config:o.data,video:w.data,classroomStudents:C.items,viewers:j,individualEngagement:E.data,aggregateEngagement:k.data,share:h.data,osCount:A.data})]})}var De={[d.Video]:{insights:e=>(0,X.jsx)(Ee,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId})},[d.Clip]:{insights:e=>(0,X.jsx)(Ee,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId})},[d.Interactive]:{insights:e=>(0,X.jsx)(pe,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId}),questions:e=>(0,X.jsx)(he,{interactionId:e.interactionId,sortBy:e.sortBy,shareId:e.share.shareId}),results:e=>(0,X.jsx)(_e,{filterBy:e.filterBy,sortBy:e.sortBy,shareId:e.share.shareId})}};function Oe(e){let{share:t,tab:n}=e,r=De[t?.objectTypeId]?.[n];return r?r(e):(0,X.jsx)(X.Fragment,{})}function ke(e){let r=s(y.getShare(e.shareId)),{hasPermissions:i,isLoaded:a}=T(),c=Oe({share:r.data,tab:e.tab,interactionId:e.interactionId,sortBy:e.sortBy,filterBy:e.filterBy});return J.useEffect(()=>{if(!e.showShareOptions||!r.data)return;let n=A(r.data);n&&t.trigger(n)},[r.data,e.showShareOptions]),J.useEffect(()=>{a&&(i([n.ViewInsights,n.ViewAnalytics])||t.trigger({application:o.MY_SHARES,action:h.MyShares.HOME}))},[a]),a?(0,X.jsx)(X.Fragment,{children:c}):(0,X.jsx)(X.Fragment,{})}export{ke as BaseInsightsView};
-//# sourceMappingURL=CfNYFxJl2.chunk.js.map
+import{o as e}from"./DAXXjFlN.chunk.js";import{y as t}from"./BftnFbcr.chunk.js";import"./DFZS3Ffo.chunk.js";import{n}from"./B785hxeE.chunk.js";import{t as r}from"./CQyJ7YGa.chunk.js";import{t as i}from"./C2w0pmFW.chunk.js";import{t as a}from"./wrLrTezN.chunk.js";import{t as o}from"./BXTI9cmX.chunk.js";import{u as s}from"./BX0wDJmp.chunk.js";import{t as c}from"./e1lz2ERJ2.chunk.js";import{t as l}from"./DGmmTRu72.chunk.js";import{t as u}from"./xwiwWcv12.chunk.js";import{t as d}from"./CVHQXNzi2.chunk.js";import{t as f}from"./BrbeV-Gn2.chunk.js";import{t as p}from"./BC8PeYqm.chunk.js";import{t as m}from"./CqrjHjAN.chunk.js";import{t as h}from"./eoAypzU3.chunk.js";import{t as g}from"./Kx-r9MXT.chunk.js";import{t as _}from"./CgCqPbjJ.chunk.js";import{t as v}from"./D_gWf2lC.chunk.js";import{t as y}from"./DruDe9vI.chunk.js";import{t as b}from"./7-GJWRH82.chunk.js";import{t as x}from"./dLd5d3X22.chunk.js";import{t as S}from"./C6-aC3vu.chunk.js";import{n as C,t as w}from"./BGhJ8TEx.chunk.js";import{t as T}from"./B3gsVN-_.chunk.js";import{n as E}from"./CpFtf-tI2.chunk.js";import{t as D}from"./DdwKMgn92.chunk.js";import{t as O}from"./9Eq3j62K.chunk.js";import{a as k,c as A,o as j,r as M}from"./DPySWa_g.chunk.js";import{t as N}from"./1pA_p8rV2.chunk.js";import{t as P}from"./j_TnVVKr.chunk.js";import{t as F}from"./C9XBZFiR.chunk.js";import{t as I}from"./DDmUhpUA.chunk.js";import{i as L,n as R,r as z}from"./0O76oUkQ.chunk.js";import{i as B,s as V}from"./B3ox8pZ0.chunk.js";import{n as H}from"./BLdZUAm2.chunk.js";import{t as ee}from"./DhcRnxkp.chunk.js";import{n as U,r as W,t as G}from"./DxCMdeNc2.chunk.js";import{o as K}from"./DUp_s5eM2.chunk.js";import{a as te,c as q,i as ne,n as re,o as ie,s as ae,t as oe}from"./DLGQjoMi2.chunk.js";import{t as se}from"./OuLaT5ha2.chunk.js";import{t as ce}from"./viauQ7-w2.chunk.js";var J=e(i());function Y(e){let{getGatedPermission:r,isLoaded:i}=T();J.useEffect(()=>{i&&r(n.ViewInsights)===`hard-gate`&&t.trigger({application:o.MY_SHARES,action:h.MyShares.HARD_GATE_INSIGHTS,args:[e]})},[i])}function le(e){let[t]=x(g.HIDE_STAFF_RESULTS),n=s(D.shareHeatMap(e)),r=W(e),i=n.data?.map(e=>e.userId).filter(e=>!!e)||[],a=N(i,m.getById);function o(e){return e.userId?a.items?.[e.userId]||{id:e.userId,deleted:!0}:r.items?.[e.sessionId]||{sessionId:e.sessionId}}let c={...r.items,...a.items};return{engagement:n.data?.filter(e=>{let n=c[e.userId||e.sessionId];return n&&n.userType===1&&t?null:e}).filter(e=>!!e),users:n.data?.map(e=>({...o(e),percentage:e.engagementRate})),hasCompleted:n.hasCompleted&&r.hasCompleted&&(!i?.length||a.hasCompleted)}}var X=a(),ue=r.encloseNamespace(`shared.insightsHeatmap`);function Z(e){let[t]=x(_.ANONYMISE_USERS),[r]=x(_.HIDE_STAFF_RESULTS);I();let{hasPermissions:i,getGatedPermission:a}=T(),o=s(y.getShare(e.shareId)),l=O.getClassroomIdFromShare(o.data),p=s(l&&c.getClassroom(l)),h=U(e.shareId),g=s(o.data&&f.getVideoRequest(o.data.objectId,o.data.objectTypeId)),b=s(v.config()),E=s(m.currentUser()),k=s(E.data&&u.yearGroups(E.data.customerId)),A=s(f.isInteractive(g.data)&&P.pendingReviews({interactives:[g.data].map(t=>({interactiveId:t.interactiveId,metadataId:t.id,shareId:e.shareId})),filters:{currentCustomerId:E.data.customerId,currentUserId:E.data.id}})).data?.[0]?.pendingReviewCount>0,j=s(D.shareHeatMapAggregation(e.shareId)),{users:M,engagement:N,hasCompleted:B}=le(e.shareId),V=s(D.shareAggregation(e.shareId,`year_group`)),H=s(o.data?.objectId&&w.createViewKey(o.data.objectId,C.MasterObject));S({title:g.data?ue(`pageTitle`,{video:g.data?.name}):null}),F([o,g]),Y(e.shareId);let W=o.hasCompleted&&g.hasCompleted&&b.hasCompleted&&j.hasCompleted&&V.hasCompleted&&H.hasCompleted&&k.hasCompleted;function G(){return o.data?.objectTypeId===d.Interactive?R(o.data,`heatmap`):z(o.data,`heatmap`)}return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:g.data,tabs:G(),hasSchoolAnalytics:i(n.ViewSchoolAnalytics),analyticsWebUrl:b.data?.analyticsWebUrl,share:o.data,yearGroups:k.data,classroom:p.data,markingRequired:A,hasData:!!N?.length,viewInsightsGatedPermission:a(n.ViewInsights)}),(0,X.jsx)(ee,{aggregateEngagement:j.data,individualEngagement:N,yearGroups:V.data,config:b.data,users:M,viewKey:H.data,hasDataLoaded:W,tableDataLoaded:B,anonymiseUsers:t,classroomStudents:h.items,hideStaffResults:r})]})}function de(e,t){return{resultsAppLink:j(e,null,t),questionsAppLink:k(e,null,t),heatmapAppLink:M(e,null,t)}}var fe=r.encloseNamespace(`insights.interactiveInsightsOverviewView`);function pe(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasPermissions:r,getGatedPermission:i}=T(),a=s(v.config()),o=s(m.currentUser()),l=s(o.data&&u.yearGroups(o.data.customerId)),d=s(y.getShare(e.shareId)),f=O.getClassroomIdFromShare(d.data),h=s(f&&c.getClassroom(f)),_=U(e.shareId),b=s(d.data?.objectId&&p.interactiveMetadata(d.data.objectId)),C=s(b.data?.interactiveId&&p.interactive(b.data.interactiveId)),w=G(e.shareId),E=s(D.shareHeatMap(e.shareId)),k=s(D.shareHeatMapAggregation(e.shareId)),A=s(D.shareAggregation(e.shareId,`os_name`));S({title:b.data?fe(`pageTitle`,{video:b.data?.name}):null}),F([d,C,b]),Y(e.shareId);let j=a.hasCompleted&&b.hasCompleted&&C.data&&k.hasCompleted&&E.hasCompleted&&A.hasCompleted&&w.hasCompleted&&l.hasCompleted,M=de(d.data),N=j&&K(C.data,w.data,H),P=N&&N.markingRequired.length>0;return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:b.data,tabs:R(d.data,`insights`),hasSchoolAnalytics:r(n.ViewSchoolAnalytics),analyticsWebUrl:a.data?.analyticsWebUrl,share:d.data,yearGroups:l.data,classroom:h.data,markingRequired:P,hasData:!!w.data?.students.length,viewInsightsGatedPermission:i(n.ViewInsights)}),(0,X.jsx)(oe,{aggregateEngagement:k.data,individualEngagement:E.data,interactive:C.data,interactiveMetadata:b.data,interactiveInsightsAppLinks:M,classroomStudents:_.items,results:w.data,osCount:A.data,config:a.data,anonymiseUsers:t,hasDataLoaded:j,share:d.data})]})}var me=r.encloseNamespace(`shared.interactiveInsightsQuestionsView`);function he(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasPermissions:r,getGatedPermission:i}=T(),a=s(m.currentUser()),o=s(v.config()),l=s(a.data&&u.yearGroups(a.data.customerId)),d=s(y.getShare(e.shareId)),f=O.getClassroomIdFromShare(d.data),h=s(f&&c.getClassroom(f)),_=s(d.data?.objectId&&p.interactiveMetadata(d.data?.objectId)),b=s(_.data?.interactiveId&&p.interactive(_.data.interactiveId)),C=G(e.shareId);S({title:_.data?me(`pageTitle`,{video:_.data?.name}):null}),F([d,b,_]),Y(e.shareId);let w=b.data&&_.data&&!!C.data&&!!l.data,E=w&&K(b.data,C.data,H),D=E&&E.markingRequired.length>0;return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{tabs:R(d.data,`questions`),video:_.data,hasSchoolAnalytics:r(n.ViewSchoolAnalytics),analyticsWebUrl:o.data?.analyticsWebUrl,share:d.data,yearGroups:l.data,classroom:h.data,markingRequired:D,hasData:!!C.data?.students.length,viewInsightsGatedPermission:i(n.ViewInsights)}),(0,X.jsx)(se,{interactive:b.data,interactiveMetadata:_.data,interactionId:e.interactionId,config:o.data,sortBy:e.sortBy,isFetching:!C.hasCompleted||b.isFetching,anonymiseUsers:t,results:C.data,hasDataLoaded:w})]})}var ge=r.encloseNamespace(`insights.interactiveInsightsStudents`);function _e(e){let[r]=x(g.ANONYMISE_USERS),[i]=x(g.HIDE_STAFF_RESULTS),{hasPermissions:a,getGatedPermission:l}=T(),d=s(m.currentUser()),f=s(v.config()),_=s(d.data&&u.yearGroups(d.data.customerId)),b=s(y.getShare(e.shareId)),C=O.getClassroomIdFromShare(b.data),w=s(C&&c.getClassroom(C)),E=s(b.data?.objectId&&p.interactiveMetadata(b.data.objectId)),D=s(E.data?.interactiveId&&p.interactive(E.data.interactiveId)),k=G(e.shareId),A=D.data&&E.data&&!!k.data&&!!_.data,j=A&&K(D.data,k.data,H),M=j&&j.markingRequired.length>0;S({title:E.data?ge(`pageTitle`,{video:E.data?.name}):null}),F([b,D,E]),Y(e.shareId);function N(n,r,i){t.trigger({application:o.MY_SHARES,action:h.MyShares.INTERACTIVE_STUDENT_RESULTS,params:{studentId:n.id,shareId:e.shareId,interactionId:i,sessionId:n.sessionId}})}return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{tabs:R(b.data,`results`),video:E.data,hasSchoolAnalytics:a(n.ViewSchoolAnalytics),analyticsWebUrl:f.data?.analyticsWebUrl,share:b.data,yearGroups:_.data,classroom:w.data,markingRequired:M,hasData:!!k.data?.students.length,viewInsightsGatedPermission:l(n.ViewInsights)}),(0,X.jsx)(ce,{interactiveMetadata:E.data,viewStudentResults:N,interactive:D.data,results:k.data,filterBy:e.filterBy,sortBy:e.sortBy,isFetching:k.isFetching,anonymiseUsers:r,hasDataLoaded:A,config:f.data,hideStaffResults:i})]})}var ve=r.encloseNamespace(`shared.insightStudentsNotWatched`);function ye(e){let t=e.students?.filter(t=>!e.watchedIds?.includes(t.id))||[];return(0,X.jsx)(B,{title:ve(`title`),svg:ne,svgClassName:`bg-light-teal text-teal`,children:(0,X.jsx)(q,{students:t,imageCdnUrl:e.imageCdnUrl,imageUrl:e.imageUrl,description:ve(`studentsDisplay`),anonymiseUsers:e.anonymiseUsers})})}var Q=r.encloseNamespace(`shared.insightStudentsWatched`);function be(e){return(0,X.jsx)(B,{title:Q(`title`),svg:ae,svgClassName:`bg-light-indigo text-indigo`,count:e.students.length,children:(0,X.jsx)(q,{students:e.students,imageCdnUrl:e.imageCdnUrl,imageUrl:e.imageUrl,description:Q(`studentsDisplay`),appLink:e.heatmapAppLink,appLinkText:Q(`viewAll`),anonymiseUsers:e.anonymiseUsers})})}var $={partialInsights:`_partialInsights_sk6kv_1`};function xe(){return(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`h2`,{className:`h4 w-25 partial-loading-background`,children:`\xA0`}),(0,X.jsx)(`div`,{className:`row g-3 mb-5`,children:(0,X.jsx)(`div`,{className:`col-12`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})})}),(0,X.jsx)(`h2`,{className:`h4 w-25 partial-loading-background`,children:`\xA0`}),(0,X.jsxs)(`div`,{className:`row g-3 mb-5`,children:[(0,X.jsx)(`div`,{className:`col-6`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})}),(0,X.jsx)(`div`,{className:`col-6`,children:(0,X.jsx)(`div`,{className:`${$.partialInsights} rounded partial-loading-background`})})]})]})}var Se=`insights.videoInsightsOverview`;function Ce(e){let t=e.hasDataLoaded&&!!e.viewers?.length;function n(){return e.viewers?Object.values(e.viewers):[]}return(0,X.jsxs)(X.Fragment,{children:[!e.hasDataLoaded&&(0,X.jsx)(xe,{}),e.hasDataLoaded&&(0,X.jsxs)(re,{video:e.video,hasData:t,share:e.share,children:[(0,X.jsxs)(`section`,{className:`mb-5`,children:[(0,X.jsxs)(`h2`,{className:`h4`,children:[(0,X.jsx)(E,{namespace:Se,phrase:`studentViewing`}),(0,X.jsxs)(`span`,{children:[`: `,n().length,e.classroomStudents?`/${e.classroomStudents.length}`:``]})]}),(0,X.jsxs)(`div`,{className:`row g-3`,children:[!!e.classroomStudents?.length&&(0,X.jsx)(`div`,{className:`col-12 col-md`,children:(0,X.jsx)(ye,{students:e.classroomStudents,watchedIds:e.viewers?.map(e=>e.id),imageCdnUrl:e.config.imageCdnUrl,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,imageUrl:b.Insights.AVATAR,anonymiseUsers:e.anonymiseUsers})}),(0,X.jsx)(`div`,{className:`col-12 col-md`,children:(0,X.jsx)(be,{students:n(),imageCdnUrl:e.config.imageCdnUrl,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,imageUrl:b.Insights.AVATAR,anonymiseUsers:e.anonymiseUsers})})]})]}),(0,X.jsxs)(`section`,{className:`mb-5`,children:[(0,X.jsx)(`h2`,{className:`h4`,children:(0,X.jsx)(E,{namespace:Se,phrase:e.hasClassrooms?`classEngagement`:`engagement`})}),(0,X.jsxs)(`div`,{className:`row g-3`,children:[(0,X.jsx)(`div`,{className:`col-12 col-md-6`,children:(0,X.jsx)(ie,{osCount:e.osCount})}),(0,X.jsx)(`div`,{className:`col-12 col-md-6`,children:(0,X.jsx)(te,{engagement:e.aggregateEngagement,heatmapAppLink:e.videoInsightsAppLinks.heatmapAppLink,engagementRate:V(e.individualEngagement)})})]})]})]})]})}function we(e,t){return{heatmapAppLink:M(e,null,t)}}var Te=r.encloseNamespace(`insights.videoInsightsOverviewView`);function Ee(e){let[t]=x(g.ANONYMISE_USERS);I();let{hasClassrooms:r}=l(null),{hasPermissions:i,getGatedPermission:a}=T(),o=s(v.config()),d=s(m.currentUser()),p=s(d.data&&u.yearGroups(d.data.customerId)),h=s(y.getShare(e.shareId)),_=O.getClassroomIdFromShare(h.data),b=s(_&&c.getClassroom(_)),C=U(e.shareId),w=s(h.data&&f.getVideoRequest(h.data.objectId,h.data.objectTypeId));S({title:w.data?Te(`pageTitle`,{video:w.data?.name}):null}),F([h,w]),Y(e.shareId);let E=s(D.shareHeatMap(e.shareId)),k=s(D.shareHeatMapAggregation(e.shareId)),A=s(D.shareAggregation(e.shareId,`os_name`)),{users:j,hasCompleted:M}=le(e.shareId),N=o.hasCompleted&&w.hasCompleted&&E.hasCompleted&&k.hasCompleted&&A.hasCompleted&&p.data&&M,P=we(h.data);return(0,X.jsxs)(`div`,{className:`px-3`,children:[(0,X.jsx)(L,{video:w.data,classroom:b.data,tabs:z(h.data,`insights`),hasSchoolAnalytics:i(n.ViewSchoolAnalytics),analyticsWebUrl:o.data?.analyticsWebUrl,share:h.data,yearGroups:p.data,hasData:N&&!!j?.length,viewInsightsGatedPermission:a(n.ViewInsights)}),(0,X.jsx)(Ce,{hasDataLoaded:!!N,hasClassrooms:r,anonymiseUsers:t,videoInsightsAppLinks:P,config:o.data,video:w.data,classroomStudents:C.items,viewers:j,individualEngagement:E.data,aggregateEngagement:k.data,share:h.data,osCount:A.data})]})}var De={[d.Video]:{insights:e=>(0,X.jsx)(Ee,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId})},[d.Clip]:{insights:e=>(0,X.jsx)(Ee,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId})},[d.Interactive]:{insights:e=>(0,X.jsx)(pe,{shareId:e.share.shareId}),heatmap:e=>(0,X.jsx)(Z,{shareId:e.share.shareId}),questions:e=>(0,X.jsx)(he,{interactionId:e.interactionId,sortBy:e.sortBy,shareId:e.share.shareId}),results:e=>(0,X.jsx)(_e,{filterBy:e.filterBy,sortBy:e.sortBy,shareId:e.share.shareId})}};function Oe(e){let{share:t,tab:n}=e,r=De[t?.objectTypeId]?.[n];return r?r(e):(0,X.jsx)(X.Fragment,{})}function ke(e){let r=s(y.getShare(e.shareId)),{hasPermissions:i,isLoaded:a}=T(),c=Oe({share:r.data,tab:e.tab,interactionId:e.interactionId,sortBy:e.sortBy,filterBy:e.filterBy});return J.useEffect(()=>{if(!e.showShareOptions||!r.data)return;let n=A(r.data);n&&t.trigger(n)},[r.data,e.showShareOptions]),J.useEffect(()=>{a&&(i([n.ViewInsights,n.ViewAnalytics])||t.trigger({application:o.MY_SHARES,action:h.MyShares.HOME}))},[a]),a?(0,X.jsx)(X.Fragment,{children:c}):(0,X.jsx)(X.Fragment,{})}export{ke as BaseInsightsView};
+//# sourceMappingURL=D_1m0b_a2.chunk.js.map

package/dist/scripts/{CfNYFxJl2.chunk.js.map → D_1m0b_a2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CfNYFxJl2.chunk.js","names":[],"sources":["../../src/apps/my-shares/hooks/useHardGateInsights.ts","../../src/apps/my-shares/hooks/useInsightEngagement.ts","../../src/apps/my-shares/views/heatmap/InsightsHeatmapView.tsx","../../src/apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewUtils.ts","../../src/apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewView.tsx","../../src/apps/my-shares/views/interactive/questions/InteractiveInsightsQuestionsView.tsx","../../src/apps/my-shares/views/interactive/students/InteractiveInsightsStudentsView.tsx","../../../../libs/shared/src/apps/analytics/components/insights/students-not-watched/InsightStudentsNotWatched.tsx","../../../../libs/shared/src/apps/analytics/components/insights/students-watched/InsightStudentsWatched.tsx","../../src/apps/my-shares/components/video-insights-overview/partial-loading/partial-video-insights-overview.module.scss","../../src/apps/my-shares/components/video-insights-overview/partial-loading/PartialVideoInsightsOverview.tsx","../../src/apps/my-shares/components/video-insights-overview/VideoInsightsOvervew.tsx","../../src/apps/my-shares/views/video/overview/VideoInsightsOverviewUtils.ts","../../src/apps/my-shares/views/video/overview/VideoInsightsOverviewView.tsx","../../src/apps/my-shares/views/base-insights-view/useInsightsView.tsx","../../src/apps/my-shares/views/base-insights-view/BaseInsightsView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function useHardGateInsights(shareId: string) {\n  const { getGatedPermission, isLoaded } = usePermissions();\n\n  React.useEffect(() => {\n    if (!isLoaded)\n      return;\n\n    const permission = getGatedPermission(PermissionName.ViewInsights);\n\n    if (permission !== 'hard-gate')\n      return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.HARD_GATE_INSIGHTS,\n      args: [shareId]\n    });\n  }, [isLoaded]);\n}\n","import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { useAnonSessions } from 'apps/my-shares/hooks/useAnonSessions';\n\nexport function useInsightEngagement(shareId: string) {\n  const [hideStaffResults] = useViewModel<boolean>(SharedViewModelKeys.HIDE_STAFF_RESULTS);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(shareId)\n  );\n\n  const anonSessions = useAnonSessions(shareId);\n\n  const userIds = engagement.data?.map(u => u.userId).filter(id => !!id) || [];\n  const users = useBatchFetch<AnonUser>(userIds, UserRequests.getById);\n\n  function getAnonUser(e: Engagement): AnonUser {\n    if (e.userId) {\n      const user = users.items?.[e.userId];\n\n      if (!user)\n        return { id: e.userId, deleted: true } as AnonUser;\n\n      return user;\n    }\n\n    const anonSession = anonSessions.items?.[e.sessionId];\n    if (anonSession)\n      return anonSession;\n\n    return { sessionId: e.sessionId } as AnonUser;\n  }\n  \n  const userMap = {\n    ...anonSessions.items,\n    ...users.items\n  };\n\n  const filteredEngagement = engagement.data?.filter(e => {\n    const user = userMap[e.userId || e.sessionId];\n\n    if (!user)\n      return e;\n\n    // Video views is returning userType as a number - Sha\n    const userType = user.userType as unknown as number;\n    if (userType === 1 && hideStaffResults)\n      return null;\n\n    return e;\n  }).filter(e => !!e);\n\n  const viewers = engagement\n    .data?.map(e => ({ ...getAnonUser(e), percentage: e.engagementRate }));\n\n  return {\n    engagement: filteredEngagement,\n    users: viewers,\n    hasCompleted: (\n      engagement.hasCompleted &&\n      anonSessions.hasCompleted &&\n      (!userIds?.length || users.hasCompleted)\n    )\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { InteractiveResultsRequests } from 'libs/shared/apps/analytics/flight-requests/InteractiveResultsRequests';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { InteractivesPendingReviews } from 'libs/shared/apps/analytics/interfaces/response/InteractivesPendingReviewsResponse';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Engagement, PlayerViewKey, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/InsightsHeatmap';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightEngagement } from 'apps/my-shares/hooks/useInsightEngagement';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { getInsightsInteractiveTabs, getInsightsVideoTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.insightsHeatmap';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightsHeatmapViewProps {\n  shareId: string;\n}\n\nexport function InsightsHeatmapView(props: InsightsHeatmapViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n  const [hideStaffResults] = useViewModel<boolean>(ViewModelKeys.HIDE_STAFF_RESULTS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n    \n  const videoRequest = share.data && VideoHelper.getVideoRequest(share.data.objectId, share.data.objectTypeId);\n  const video = Flight.useBasicFetch<VideoTypes>(videoRequest);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const pendingReviewsRequest = VideoHelper.isInteractive(video.data) && InteractiveResultsRequests.pendingReviews({\n    interactives: [video.data].map(obj => ({\n      interactiveId: obj.interactiveId,\n      metadataId: obj.id,\n      shareId: props.shareId\n    })),\n    filters: {\n      currentCustomerId: currentUser.data.customerId,\n      currentUserId: currentUser.data.id\n    }\n  });\n  const pendingReviews = Flight.useBasicFetch<InteractivesPendingReviews[]>(pendingReviewsRequest);\n  const markingRequired = pendingReviews.data?.[0]?.pendingReviewCount > 0;\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const { users, engagement, hasCompleted } = useInsightEngagement(props.shareId);\n\n  const yearGroupsCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'year_group')\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    share.data?.objectId &&\n    PlayerRequests.createViewKey(share.data.objectId, MediaIdType.MasterObject)\n  );\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useHandleObjectError([ share, video ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded =\n    share.hasCompleted &&\n    video.hasCompleted &&\n    config.hasCompleted &&\n    aggregateEngagement.hasCompleted &&\n    yearGroupsCount.hasCompleted &&\n    viewKey.hasCompleted &&\n    yearGroups.hasCompleted;\n\n  function getInsightsTabs() {\n    if (share.data?.objectTypeId === MasterType.Interactive)\n      return getInsightsInteractiveTabs(share.data, 'heatmap');\n\n    return getInsightsVideoTabs(share.data, 'heatmap');\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        tabs={getInsightsTabs()}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!engagement?.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n      <InsightsHeatmap\n        aggregateEngagement={aggregateEngagement.data}\n        individualEngagement={engagement}\n        yearGroups={yearGroupsCount.data}\n        config={config.data}\n        users={users}\n        viewKey={viewKey.data}\n        hasDataLoaded={hasDataLoaded}\n        tableDataLoaded={hasCompleted}\n        anonymiseUsers={anonymiseUsers}\n        classroomStudents={classroomStudents.items}\n        hideStaffResults={hideStaffResults}\n      />\n    </div>\n  );\n}\n","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\n\nimport { getInsightsHeatmapAppLink, getInsightsQuestionsAppLink, getInsightsStudentsAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nexport function getInteractiveInsightsAppLinks(share: Share, params?: HashObject) {\n  return {\n    resultsAppLink: getInsightsStudentsAppLink(share, null, params),\n    questionsAppLink: getInsightsQuestionsAppLink(share, null, params),\n    heatmapAppLink: getInsightsHeatmapAppLink(share, null, params)\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Engagement, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsOverview } from 'apps/my-shares/components/interactive-insights-overview/InteractiveInsightsOverview';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getInteractiveInsightsAppLinks } from 'apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewUtils';\n\nconst namespace = 'insights.interactiveInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsViewProps {\n  shareId: string;\n}\n\nexport function InteractiveInsightsOverviewView(props: InteractiveInsightsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(\n    interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n  );\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(props.shareId)\n  );\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const osCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'os_name')\n  );\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded =\n    config.hasCompleted &&\n    interactiveMetadata.hasCompleted &&\n    interactive.data &&\n    aggregateEngagement.hasCompleted &&\n    engagement.hasCompleted &&\n    osCount.hasCompleted &&\n    results.hasCompleted &&\n    yearGroups.hasCompleted;\n\n  const interactiveInsightsAppLinks = getInteractiveInsightsAppLinks(share.data);\n\n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={interactiveMetadata.data}\n        tabs={getInsightsInteractiveTabs(share.data, 'insights')}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsOverview\n        aggregateEngagement={aggregateEngagement.data}\n        individualEngagement={engagement.data}\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        interactiveInsightsAppLinks={interactiveInsightsAppLinks}\n        classroomStudents={classroomStudents.items}\n        results={results.data}\n        osCount={osCount.data}\n        config={config.data}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        share={share.data}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsQuestions } from 'apps/my-shares/components/interactive-insights-questions/InteractiveInsightsQuestions';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.interactiveInsightsQuestionsView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsQuestionsViewProps {\n  shareId: string;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n}\n\nexport function InteractiveInsightsQuestionsView(props: InteractiveInsightsQuestionsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data?.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data && !!yearGroups.data;\n  \n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        tabs={getInsightsInteractiveTabs(share.data, 'questions')}\n        video={interactiveMetadata.data}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsQuestions\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        interactionId={props.interactionId}\n        config={config.data}\n        sortBy={props.sortBy}\n        isFetching={!results.hasCompleted || interactive.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        results={results.data}\n        hasDataLoaded={hasDataLoaded}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsStudents } from 'apps/my-shares/components/interactive-insights-students/InteractiveInsightsStudents';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'insights.interactiveInsightsStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsStudentsViewProps {\n  shareId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n}\n\nexport function InteractiveInsightsStudentsView(props: InteractiveInsightsStudentsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n  const [hideStaffResults] = useViewModel<boolean>(SharedViewModelKeys.HIDE_STAFF_RESULTS);\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n  \n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data && !!yearGroups.data;\n\n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  function viewStudentResults(\n    user: AnonUser,\n    interactiveMetadataId: string,\n    interactionId?: string\n  ) {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_STUDENT_RESULTS,\n      params: {\n        studentId: user.id,\n        shareId: props.shareId,\n        interactionId,\n        sessionId: user.sessionId\n      }\n    });\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        tabs={getInsightsInteractiveTabs(share.data, 'results')}\n        video={interactiveMetadata.data}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsStudents\n        interactiveMetadata={interactiveMetadata.data}\n        viewStudentResults={viewStudentResults}\n        interactive={interactive.data}\n        results={results.data}\n        filterBy={props.filterBy}\n        sortBy={props.sortBy}\n        // Must be isFetching, not hasCompleted, as we need to refresh the table when the results are updated\n        isFetching={results.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        config={config.data}\n        hideStaffResults={hideStaffResults}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { InsightStudentList } from 'libs/shared/apps/analytics/components/insight-student-list/InsightStudentList';\nimport { PuzzleSvg } from 'libs/shared/images/svg/objects/PuzzleSvg';\nimport { User } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.insightStudentsNotWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightStudentsNotWatchedProps {\n  students: User[];\n  imageCdnUrl: string;\n  imageUrl: string;\n  heatmapAppLink: Core.AppLink;\n  watchedIds: string[];\n  anonymiseUsers: boolean;\n}\n\nexport function InsightStudentsNotWatched(props: InsightStudentsNotWatchedProps) {\n  const studentsNotWatched = props.students?.filter(student => !props.watchedIds?.includes(student.id)) || [];\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svg={PuzzleSvg}\n      svgClassName='bg-light-teal text-teal'\n    >\n      <InsightStudentList\n        students={studentsNotWatched}\n        imageCdnUrl={props.imageCdnUrl}\n        imageUrl={props.imageUrl}\n        description={getPhrase('studentsDisplay')}\n        anonymiseUsers={props.anonymiseUsers}\n      />\n    </InsightCard>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { InsightStudentList } from 'libs/shared/apps/analytics/components/insight-student-list/InsightStudentList';\nimport { FlagSvg } from 'libs/shared/images/svg/objects/FlagSvg';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nconst namespace = 'shared.insightStudentsWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightWatchedProps {\n  students: AnonUser[];\n  imageCdnUrl: string;\n  heatmapAppLink: Core.AppLink;\n  imageUrl: string;\n  anonymiseUsers: boolean;\n}\n\nexport function InsightStudentsWatched(props: InsightWatchedProps) {\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svg={FlagSvg}\n      svgClassName='bg-light-indigo text-indigo'\n      count={props.students.length}\n    >\n      <InsightStudentList\n        students={props.students}\n        imageCdnUrl={props.imageCdnUrl}\n        imageUrl={props.imageUrl}\n        description={getPhrase('studentsDisplay')}\n        appLink={props.heatmapAppLink}\n        appLinkText={getPhrase('viewAll')}\n        anonymiseUsers={props.anonymiseUsers}\n      />\n    </InsightCard>\n  );\n}\n",":local {\n  .partialInsights {\n    height: 12.5rem;\n  }\n}","import React from 'react';\n\nimport styles from './partial-video-insights-overview.module.scss';\n\nexport function PartialVideoInsightsOverview() {\n  return (\n    <div>\n      <h2 className='h4 w-25 partial-loading-background'>&nbsp;</h2>\n      <div className='row g-3 mb-5'>\n        <div className='col-12'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n\n      <h2 className='h4 w-25 partial-loading-background'>&nbsp;</h2>\n      <div className='row g-3 mb-5'>\n        <div className='col-6'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className='col-6'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { InsightDevices } from 'libs/shared/apps/analytics/components/insights/devices/InsightDevices';\nimport { InsightHeatmap } from 'libs/shared/apps/analytics/components/insights/heatmap/InsightHeatmap';\nimport { InsightStudentsNotWatched } from 'libs/shared/apps/analytics/components/insights/students-not-watched/InsightStudentsNotWatched';\nimport { InsightStudentsWatched } from 'libs/shared/apps/analytics/components/insights/students-watched/InsightStudentsWatched';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { getEngagementRate } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Config, Engagement, User, Video } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { InsightsShareMask } from 'apps/my-shares/components/insights-mask/InsightsShareMask';\nimport { PartialVideoInsightsOverview } from 'apps/my-shares/components/video-insights-overview/partial-loading/PartialVideoInsightsOverview';\n\nconst namespace = 'insights.videoInsightsOverview';\n\ninterface VideoInsightsOverviewProps {\n  hasDataLoaded: boolean;\n  hasClassrooms: boolean;\n  anonymiseUsers: boolean;\n  videoInsightsAppLinks: HashObject;\n  config: Config;\n  video: Video;\n  classroomStudents: User[];\n  viewers: AnonUser[];\n  individualEngagement: Engagement[];\n  aggregateEngagement: Engagement;\n  share: Share;\n  osCount: GroupedAnalyticsCount[];\n}\n\nexport function VideoInsightsOverview(props: VideoInsightsOverviewProps) {\n  const hasData = props.hasDataLoaded && !!props.viewers?.length;\n\n  function getStudentsList() {\n    if (!props.viewers) return [];\n\n    return Object.values(props.viewers);\n  }\n\n  return (\n    <>\n      {!props.hasDataLoaded && <PartialVideoInsightsOverview />}\n\n      {props.hasDataLoaded &&\n        <InsightsShareMask video={props.video} hasData={hasData} share={props.share}>\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text namespace={namespace} phrase='studentViewing' />\n              <span>: {getStudentsList().length}{props.classroomStudents ? `/${props.classroomStudents.length}` : ''}</span>\n            </h2>\n            <div className='row g-3'>\n              {!!props.classroomStudents?.length && (\n                <div className='col-12 col-md'>\n                  <InsightStudentsNotWatched\n                    students={props.classroomStudents}\n                    watchedIds={props.viewers?.map(u => u.id)}\n                    imageCdnUrl={props.config.imageCdnUrl}\n                    heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                    imageUrl={ImageUrls.Insights.AVATAR}\n                    anonymiseUsers={props.anonymiseUsers}\n                  />\n                </div>\n              )}\n              <div className='col-12 col-md'>\n                <InsightStudentsWatched\n                  students={getStudentsList()}\n                  imageCdnUrl={props.config.imageCdnUrl}\n                  heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                  imageUrl={ImageUrls.Insights.AVATAR}\n                  anonymiseUsers={props.anonymiseUsers}\n                />\n              </div>\n            </div>\n          </section>\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text\n                namespace={namespace}\n                phrase={props.hasClassrooms ? 'classEngagement' : 'engagement'}\n              />\n            </h2>\n            <div className='row g-3'>\n              <div className='col-12 col-md-6'>\n                <InsightDevices\n                  osCount={props.osCount}\n                />\n              </div>\n              <div className='col-12 col-md-6'>\n                <InsightHeatmap\n                  engagement={props.aggregateEngagement}\n                  heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                  engagementRate={getEngagementRate(props.individualEngagement)}\n                />\n              </div>\n            </div>\n          </section>\n        </InsightsShareMask>\n      }\n    </>\n  );\n}\n","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\n\nimport { getInsightsHeatmapAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nexport function getVideoInsightsAppLinks(share: Share, params?: HashObject) {\n  return {\n    heatmapAppLink: getInsightsHeatmapAppLink(share, null, params)\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classroom, Config, CurrentUser, Engagement, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { VideoInsightsOverview } from 'apps/my-shares/components/video-insights-overview/VideoInsightsOvervew';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightEngagement } from 'apps/my-shares/hooks/useInsightEngagement';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { getInsightsVideoTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getVideoInsightsAppLinks } from 'apps/my-shares/views/video/overview/VideoInsightsOverviewUtils';\n\nconst namespace = 'insights.videoInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoInsightsViewProps {\n  shareId: string;\n}\n\nexport function VideoInsightsOverviewView(props: VideoInsightsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasClassrooms } = useSettings(null);\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n\n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n\n  const videoRequest = share.data && VideoHelper.getVideoRequest(share.data.objectId, share.data.objectTypeId);\n  const video = Flight.useBasicFetch<VideoTypes>(videoRequest);\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useHandleObjectError([ share, video ]);\n  useHardGateInsights(props.shareId);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(props.shareId)\n  );\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const osCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'os_name')\n  );\n\n  const { users, hasCompleted } = useInsightEngagement(props.shareId);\n  \n  const hasDataLoaded =\n    config.hasCompleted &&\n    video.hasCompleted &&\n    engagement.hasCompleted &&\n    aggregateEngagement.hasCompleted &&\n    osCount.hasCompleted &&\n    yearGroups.data &&\n    hasCompleted;\n\n  const videoInsightsAppLinks = getVideoInsightsAppLinks(share.data);\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        classroom={classroom.data}\n        tabs={getInsightsVideoTabs(share.data, 'insights')}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        hasData={hasDataLoaded && !!users?.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <VideoInsightsOverview\n        hasDataLoaded={!!hasDataLoaded}\n        hasClassrooms={hasClassrooms}\n        anonymiseUsers={anonymiseUsers}\n        videoInsightsAppLinks={videoInsightsAppLinks}\n        config={config.data}\n        video={video.data}\n        classroomStudents={classroomStudents.items}\n        viewers={users}\n        individualEngagement={engagement.data}\n        aggregateEngagement={aggregateEngagement.data}\n        share={share.data}\n        osCount={osCount.data}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport { InsightsTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { InsightsHeatmapView } from 'apps/my-shares/views/heatmap/InsightsHeatmapView';\nimport { InteractiveInsightsOverviewView } from 'apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewView';\nimport { InteractiveInsightsQuestionsView } from 'apps/my-shares/views/interactive/questions/InteractiveInsightsQuestionsView';\nimport { InteractiveInsightsStudentsView } from 'apps/my-shares/views/interactive/students/InteractiveInsightsStudentsView';\nimport { VideoInsightsOverviewView } from 'apps/my-shares/views/video/overview/VideoInsightsOverviewView';\n\ninterface UseInsightsViewOptions {\n  share: Share | undefined;\n  tab: InsightsTabs;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n}\n\ntype ShareContext = Omit<UseInsightsViewOptions, 'tab'>;\ntype ViewFn = (ctx: ShareContext) => JSX.Element;\ntype ViewRegistry = Partial<Record<MasterType, Partial<Record<InsightsTabs, ViewFn>>>>;\n\nconst INSIGHTS_VIEWS: ViewRegistry = {\n  [MasterType.Video]: {\n    insights: ctx => <VideoInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />\n  },\n  [MasterType.Clip]: {\n    insights: ctx => <VideoInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />\n  },\n  [MasterType.Interactive]: {\n    insights: ctx => <InteractiveInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />,\n    questions: ctx => (\n      <InteractiveInsightsQuestionsView\n        interactionId={ctx.interactionId}\n        sortBy={ctx.sortBy}\n        shareId={ctx.share.shareId}\n      />\n    ),\n    results: ctx => (\n      <InteractiveInsightsStudentsView\n        filterBy={ctx.filterBy}\n        sortBy={ctx.sortBy}\n        shareId={ctx.share.shareId}\n      />\n    )\n  }\n};\n\n/**\n * Takes any Share object and a tab, and returns the corresponding \"insights\" view.\n * This is just a utility hook, and as such doesn't need to set the page title directly.\n */\n// eslint-disable-next-line rulesdir/require-view-title\nexport function useInsightsView(options: UseInsightsViewOptions): JSX.Element {\n  const { share, tab } = options;\n  const viewFn = INSIGHTS_VIEWS[share?.objectTypeId]?.[tab];\n\n  if (viewFn)\n    return viewFn(options);\n\n  return <></>;\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { getShareOptionsAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { InsightsTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { useInsightsView } from 'apps/my-shares/views/base-insights-view/useInsightsView';\n\ninterface BaseInsightsViewProps {\n  shareId: string;\n  tab: InsightsTabs;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n  showShareOptions?: boolean;\n}\n\n/**\n * BaseInsightsView is a generic component that renders different \"insights\" views based on the provided share.\n * The child views will handle setting the page title and other specific details.\n * \n * It also handles the logic for showing share options if `showShareOptions` is true - which is currently used\n * in our used in our LCE emails.\n */\n// eslint-disable-next-line rulesdir/require-view-title\nexport function BaseInsightsView(props: BaseInsightsViewProps): JSX.Element {\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  const { hasPermissions, isLoaded } = usePermissions();\n\n  const view = useInsightsView({\n    share: share.data,\n    tab: props.tab,\n    interactionId: props.interactionId,\n    sortBy: props.sortBy,\n    filterBy: props.filterBy\n  });\n\n  /**\n   * If the showShareOptions is in the query params, we also want to show the share popup.\n   */\n  React.useEffect(() => {\n    if (!props.showShareOptions) return;\n    if (!share.data) return;\n\n    const appLink = getShareOptionsAppLink(share.data);\n    \n    if (!appLink) return;\n\n    Core.AppLinkHelper.trigger(appLink);\n  }, [ share.data, props.showShareOptions ]);\n\n  /**\n   * If the user doesn't have insights permissions, redirect to the insights overview page.\n   */\n  React.useEffect(() => {\n    if (!isLoaded) return;\n    if (hasPermissions([ PermissionName.ViewInsights, PermissionName.ViewAnalytics ])) return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.HOME\n    });\n  }, [isLoaded]);\n  \n  if (!isLoaded)\n    return <></>;\n\n  return (\n    <>\n      {view}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"D_1m0b_a2.chunk.js","names":[],"sources":["../../src/apps/my-shares/hooks/useHardGateInsights.ts","../../src/apps/my-shares/hooks/useInsightEngagement.ts","../../src/apps/my-shares/views/heatmap/InsightsHeatmapView.tsx","../../src/apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewUtils.ts","../../src/apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewView.tsx","../../src/apps/my-shares/views/interactive/questions/InteractiveInsightsQuestionsView.tsx","../../src/apps/my-shares/views/interactive/students/InteractiveInsightsStudentsView.tsx","../../../../libs/shared/src/apps/analytics/components/insights/students-not-watched/InsightStudentsNotWatched.tsx","../../../../libs/shared/src/apps/analytics/components/insights/students-watched/InsightStudentsWatched.tsx","../../src/apps/my-shares/components/video-insights-overview/partial-loading/partial-video-insights-overview.module.scss","../../src/apps/my-shares/components/video-insights-overview/partial-loading/PartialVideoInsightsOverview.tsx","../../src/apps/my-shares/components/video-insights-overview/VideoInsightsOvervew.tsx","../../src/apps/my-shares/views/video/overview/VideoInsightsOverviewUtils.ts","../../src/apps/my-shares/views/video/overview/VideoInsightsOverviewView.tsx","../../src/apps/my-shares/views/base-insights-view/useInsightsView.tsx","../../src/apps/my-shares/views/base-insights-view/BaseInsightsView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function useHardGateInsights(shareId: string) {\n  const { getGatedPermission, isLoaded } = usePermissions();\n\n  React.useEffect(() => {\n    if (!isLoaded)\n      return;\n\n    const permission = getGatedPermission(PermissionName.ViewInsights);\n\n    if (permission !== 'hard-gate')\n      return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.HARD_GATE_INSIGHTS,\n      args: [shareId]\n    });\n  }, [isLoaded]);\n}\n","import { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { useAnonSessions } from 'apps/my-shares/hooks/useAnonSessions';\n\nexport function useInsightEngagement(shareId: string) {\n  const [hideStaffResults] = useViewModel<boolean>(SharedViewModelKeys.HIDE_STAFF_RESULTS);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(shareId)\n  );\n\n  const anonSessions = useAnonSessions(shareId);\n\n  const userIds = engagement.data?.map(u => u.userId).filter(id => !!id) || [];\n  const users = useBatchFetch<AnonUser>(userIds, UserRequests.getById);\n\n  function getAnonUser(e: Engagement): AnonUser {\n    if (e.userId) {\n      const user = users.items?.[e.userId];\n\n      if (!user)\n        return { id: e.userId, deleted: true } as AnonUser;\n\n      return user;\n    }\n\n    const anonSession = anonSessions.items?.[e.sessionId];\n    if (anonSession)\n      return anonSession;\n\n    return { sessionId: e.sessionId } as AnonUser;\n  }\n  \n  const userMap = {\n    ...anonSessions.items,\n    ...users.items\n  };\n\n  const filteredEngagement = engagement.data?.filter(e => {\n    const user = userMap[e.userId || e.sessionId];\n\n    if (!user)\n      return e;\n\n    // Video views is returning userType as a number - Sha\n    const userType = user.userType as unknown as number;\n    if (userType === 1 && hideStaffResults)\n      return null;\n\n    return e;\n  }).filter(e => !!e);\n\n  const viewers = engagement\n    .data?.map(e => ({ ...getAnonUser(e), percentage: e.engagementRate }));\n\n  return {\n    engagement: filteredEngagement,\n    users: viewers,\n    hasCompleted: (\n      engagement.hasCompleted &&\n      anonSessions.hasCompleted &&\n      (!userIds?.length || users.hasCompleted)\n    )\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { InteractiveResultsRequests } from 'libs/shared/apps/analytics/flight-requests/InteractiveResultsRequests';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { InteractivesPendingReviews } from 'libs/shared/apps/analytics/interfaces/response/InteractivesPendingReviewsResponse';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Engagement, PlayerViewKey, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/InsightsHeatmap';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightEngagement } from 'apps/my-shares/hooks/useInsightEngagement';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { getInsightsInteractiveTabs, getInsightsVideoTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.insightsHeatmap';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightsHeatmapViewProps {\n  shareId: string;\n}\n\nexport function InsightsHeatmapView(props: InsightsHeatmapViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n  const [hideStaffResults] = useViewModel<boolean>(ViewModelKeys.HIDE_STAFF_RESULTS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n    \n  const videoRequest = share.data && VideoHelper.getVideoRequest(share.data.objectId, share.data.objectTypeId);\n  const video = Flight.useBasicFetch<VideoTypes>(videoRequest);\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const pendingReviewsRequest = VideoHelper.isInteractive(video.data) && InteractiveResultsRequests.pendingReviews({\n    interactives: [video.data].map(obj => ({\n      interactiveId: obj.interactiveId,\n      metadataId: obj.id,\n      shareId: props.shareId\n    })),\n    filters: {\n      currentCustomerId: currentUser.data.customerId,\n      currentUserId: currentUser.data.id\n    }\n  });\n  const pendingReviews = Flight.useBasicFetch<InteractivesPendingReviews[]>(pendingReviewsRequest);\n  const markingRequired = pendingReviews.data?.[0]?.pendingReviewCount > 0;\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const { users, engagement, hasCompleted } = useInsightEngagement(props.shareId);\n\n  const yearGroupsCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'year_group')\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    share.data?.objectId &&\n    PlayerRequests.createViewKey(share.data.objectId, MediaIdType.MasterObject)\n  );\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useHandleObjectError([ share, video ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded =\n    share.hasCompleted &&\n    video.hasCompleted &&\n    config.hasCompleted &&\n    aggregateEngagement.hasCompleted &&\n    yearGroupsCount.hasCompleted &&\n    viewKey.hasCompleted &&\n    yearGroups.hasCompleted;\n\n  function getInsightsTabs() {\n    if (share.data?.objectTypeId === MasterType.Interactive)\n      return getInsightsInteractiveTabs(share.data, 'heatmap');\n\n    return getInsightsVideoTabs(share.data, 'heatmap');\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        tabs={getInsightsTabs()}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!engagement?.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n      <InsightsHeatmap\n        aggregateEngagement={aggregateEngagement.data}\n        individualEngagement={engagement}\n        yearGroups={yearGroupsCount.data}\n        config={config.data}\n        users={users}\n        viewKey={viewKey.data}\n        hasDataLoaded={hasDataLoaded}\n        tableDataLoaded={hasCompleted}\n        anonymiseUsers={anonymiseUsers}\n        classroomStudents={classroomStudents.items}\n        hideStaffResults={hideStaffResults}\n      />\n    </div>\n  );\n}\n","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\n\nimport { getInsightsHeatmapAppLink, getInsightsQuestionsAppLink, getInsightsStudentsAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nexport function getInteractiveInsightsAppLinks(share: Share, params?: HashObject) {\n  return {\n    resultsAppLink: getInsightsStudentsAppLink(share, null, params),\n    questionsAppLink: getInsightsQuestionsAppLink(share, null, params),\n    heatmapAppLink: getInsightsHeatmapAppLink(share, null, params)\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Engagement, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsOverview } from 'apps/my-shares/components/interactive-insights-overview/InteractiveInsightsOverview';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getInteractiveInsightsAppLinks } from 'apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewUtils';\n\nconst namespace = 'insights.interactiveInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsViewProps {\n  shareId: string;\n}\n\nexport function InteractiveInsightsOverviewView(props: InteractiveInsightsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(\n    interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n  );\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(props.shareId)\n  );\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const osCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'os_name')\n  );\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded =\n    config.hasCompleted &&\n    interactiveMetadata.hasCompleted &&\n    interactive.data &&\n    aggregateEngagement.hasCompleted &&\n    engagement.hasCompleted &&\n    osCount.hasCompleted &&\n    results.hasCompleted &&\n    yearGroups.hasCompleted;\n\n  const interactiveInsightsAppLinks = getInteractiveInsightsAppLinks(share.data);\n\n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={interactiveMetadata.data}\n        tabs={getInsightsInteractiveTabs(share.data, 'insights')}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsOverview\n        aggregateEngagement={aggregateEngagement.data}\n        individualEngagement={engagement.data}\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        interactiveInsightsAppLinks={interactiveInsightsAppLinks}\n        classroomStudents={classroomStudents.items}\n        results={results.data}\n        osCount={osCount.data}\n        config={config.data}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        share={share.data}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsQuestions } from 'apps/my-shares/components/interactive-insights-questions/InteractiveInsightsQuestions';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.interactiveInsightsQuestionsView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsQuestionsViewProps {\n  shareId: string;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n}\n\nexport function InteractiveInsightsQuestionsView(props: InteractiveInsightsQuestionsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data?.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data && !!yearGroups.data;\n  \n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        tabs={getInsightsInteractiveTabs(share.data, 'questions')}\n        video={interactiveMetadata.data}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsQuestions\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        interactionId={props.interactionId}\n        config={config.data}\n        sortBy={props.sortBy}\n        isFetching={!results.hasCompleted || interactive.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        results={results.data}\n        hasDataLoaded={hasDataLoaded}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { groupStudents } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { ScoreThresholdInsights } from 'libs/shared/constants/ScoreThresholds';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Classroom, Config, CurrentUser, Interactive, InteractiveMetadata, YearGroup } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsStudents } from 'apps/my-shares/components/interactive-insights-students/InteractiveInsightsStudents';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightsInteractiveResults } from 'apps/my-shares/hooks/useInsightsInteractiveResults';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'insights.interactiveInsightsStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsStudentsViewProps {\n  shareId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n}\n\nexport function InteractiveInsightsStudentsView(props: InteractiveInsightsStudentsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n  const [hideStaffResults] = useViewModel<boolean>(SharedViewModelKeys.HIDE_STAFF_RESULTS);\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n  \n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  \n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    share.data?.objectId &&\n    InteractiveRequests.interactiveMetadata(share.data.objectId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const results = useInsightsInteractiveResults(props.shareId);\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data && !!yearGroups.data;\n\n  const studentGroups = hasDataLoaded && groupStudents(interactive.data, results.data, ScoreThresholdInsights);\n  const markingRequired = studentGroups && studentGroups.markingRequired.length > 0;\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n  useHandleObjectError([ share, interactive, interactiveMetadata ]);\n  useHardGateInsights(props.shareId);\n\n  function viewStudentResults(\n    user: AnonUser,\n    interactiveMetadataId: string,\n    interactionId?: string\n  ) {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.INTERACTIVE_STUDENT_RESULTS,\n      params: {\n        studentId: user.id,\n        shareId: props.shareId,\n        interactionId,\n        sessionId: user.sessionId\n      }\n    });\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        tabs={getInsightsInteractiveTabs(share.data, 'results')}\n        video={interactiveMetadata.data}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        classroom={classroom.data}\n        markingRequired={markingRequired}\n        hasData={!!results.data?.students.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <InteractiveInsightsStudents\n        interactiveMetadata={interactiveMetadata.data}\n        viewStudentResults={viewStudentResults}\n        interactive={interactive.data}\n        results={results.data}\n        filterBy={props.filterBy}\n        sortBy={props.sortBy}\n        // Must be isFetching, not hasCompleted, as we need to refresh the table when the results are updated\n        isFetching={results.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        config={config.data}\n        hideStaffResults={hideStaffResults}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { InsightStudentList } from 'libs/shared/apps/analytics/components/insight-student-list/InsightStudentList';\nimport { PuzzleSvg } from 'libs/shared/images/svg/objects/PuzzleSvg';\nimport { User } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.insightStudentsNotWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightStudentsNotWatchedProps {\n  students: User[];\n  imageCdnUrl: string;\n  imageUrl: string;\n  heatmapAppLink: Core.AppLink;\n  watchedIds: string[];\n  anonymiseUsers: boolean;\n}\n\nexport function InsightStudentsNotWatched(props: InsightStudentsNotWatchedProps) {\n  const studentsNotWatched = props.students?.filter(student => !props.watchedIds?.includes(student.id)) || [];\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svg={PuzzleSvg}\n      svgClassName='bg-light-teal text-teal'\n    >\n      <InsightStudentList\n        students={studentsNotWatched}\n        imageCdnUrl={props.imageCdnUrl}\n        imageUrl={props.imageUrl}\n        description={getPhrase('studentsDisplay')}\n        anonymiseUsers={props.anonymiseUsers}\n      />\n    </InsightCard>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { InsightStudentList } from 'libs/shared/apps/analytics/components/insight-student-list/InsightStudentList';\nimport { FlagSvg } from 'libs/shared/images/svg/objects/FlagSvg';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nconst namespace = 'shared.insightStudentsWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightWatchedProps {\n  students: AnonUser[];\n  imageCdnUrl: string;\n  heatmapAppLink: Core.AppLink;\n  imageUrl: string;\n  anonymiseUsers: boolean;\n}\n\nexport function InsightStudentsWatched(props: InsightWatchedProps) {\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svg={FlagSvg}\n      svgClassName='bg-light-indigo text-indigo'\n      count={props.students.length}\n    >\n      <InsightStudentList\n        students={props.students}\n        imageCdnUrl={props.imageCdnUrl}\n        imageUrl={props.imageUrl}\n        description={getPhrase('studentsDisplay')}\n        appLink={props.heatmapAppLink}\n        appLinkText={getPhrase('viewAll')}\n        anonymiseUsers={props.anonymiseUsers}\n      />\n    </InsightCard>\n  );\n}\n",":local {\n  .partialInsights {\n    height: 12.5rem;\n  }\n}","import React from 'react';\n\nimport styles from './partial-video-insights-overview.module.scss';\n\nexport function PartialVideoInsightsOverview() {\n  return (\n    <div>\n      <h2 className='h4 w-25 partial-loading-background'>&nbsp;</h2>\n      <div className='row g-3 mb-5'>\n        <div className='col-12'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n\n      <h2 className='h4 w-25 partial-loading-background'>&nbsp;</h2>\n      <div className='row g-3 mb-5'>\n        <div className='col-6'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className='col-6'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { InsightDevices } from 'libs/shared/apps/analytics/components/insights/devices/InsightDevices';\nimport { InsightHeatmap } from 'libs/shared/apps/analytics/components/insights/heatmap/InsightHeatmap';\nimport { InsightStudentsNotWatched } from 'libs/shared/apps/analytics/components/insights/students-not-watched/InsightStudentsNotWatched';\nimport { InsightStudentsWatched } from 'libs/shared/apps/analytics/components/insights/students-watched/InsightStudentsWatched';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { getEngagementRate } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Config, Engagement, User, Video } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { InsightsShareMask } from 'apps/my-shares/components/insights-mask/InsightsShareMask';\nimport { PartialVideoInsightsOverview } from 'apps/my-shares/components/video-insights-overview/partial-loading/PartialVideoInsightsOverview';\n\nconst namespace = 'insights.videoInsightsOverview';\n\ninterface VideoInsightsOverviewProps {\n  hasDataLoaded: boolean;\n  hasClassrooms: boolean;\n  anonymiseUsers: boolean;\n  videoInsightsAppLinks: HashObject;\n  config: Config;\n  video: Video;\n  classroomStudents: User[];\n  viewers: AnonUser[];\n  individualEngagement: Engagement[];\n  aggregateEngagement: Engagement;\n  share: Share;\n  osCount: GroupedAnalyticsCount[];\n}\n\nexport function VideoInsightsOverview(props: VideoInsightsOverviewProps) {\n  const hasData = props.hasDataLoaded && !!props.viewers?.length;\n\n  function getStudentsList() {\n    if (!props.viewers) return [];\n\n    return Object.values(props.viewers);\n  }\n\n  return (\n    <>\n      {!props.hasDataLoaded && <PartialVideoInsightsOverview />}\n\n      {props.hasDataLoaded &&\n        <InsightsShareMask video={props.video} hasData={hasData} share={props.share}>\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text namespace={namespace} phrase='studentViewing' />\n              <span>: {getStudentsList().length}{props.classroomStudents ? `/${props.classroomStudents.length}` : ''}</span>\n            </h2>\n            <div className='row g-3'>\n              {!!props.classroomStudents?.length && (\n                <div className='col-12 col-md'>\n                  <InsightStudentsNotWatched\n                    students={props.classroomStudents}\n                    watchedIds={props.viewers?.map(u => u.id)}\n                    imageCdnUrl={props.config.imageCdnUrl}\n                    heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                    imageUrl={ImageUrls.Insights.AVATAR}\n                    anonymiseUsers={props.anonymiseUsers}\n                  />\n                </div>\n              )}\n              <div className='col-12 col-md'>\n                <InsightStudentsWatched\n                  students={getStudentsList()}\n                  imageCdnUrl={props.config.imageCdnUrl}\n                  heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                  imageUrl={ImageUrls.Insights.AVATAR}\n                  anonymiseUsers={props.anonymiseUsers}\n                />\n              </div>\n            </div>\n          </section>\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text\n                namespace={namespace}\n                phrase={props.hasClassrooms ? 'classEngagement' : 'engagement'}\n              />\n            </h2>\n            <div className='row g-3'>\n              <div className='col-12 col-md-6'>\n                <InsightDevices\n                  osCount={props.osCount}\n                />\n              </div>\n              <div className='col-12 col-md-6'>\n                <InsightHeatmap\n                  engagement={props.aggregateEngagement}\n                  heatmapAppLink={props.videoInsightsAppLinks.heatmapAppLink}\n                  engagementRate={getEngagementRate(props.individualEngagement)}\n                />\n              </div>\n            </div>\n          </section>\n        </InsightsShareMask>\n      }\n    </>\n  );\n}\n","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\n\nimport { getInsightsHeatmapAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nexport function getVideoInsightsAppLinks(share: Share, params?: HashObject) {\n  return {\n    heatmapAppLink: getInsightsHeatmapAppLink(share, null, params)\n  };\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { ShareHelper } from 'libs/shared/apps/share/utils/ShareHelper';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Classroom, Config, CurrentUser, Engagement, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { VideoInsightsOverview } from 'apps/my-shares/components/video-insights-overview/VideoInsightsOvervew';\nimport { useHardGateInsights } from 'apps/my-shares/hooks/useHardGateInsights';\nimport { useInsightEngagement } from 'apps/my-shares/hooks/useInsightEngagement';\nimport { useInsightsClassroomStudents } from 'apps/my-shares/hooks/useInsightsClassroomStudents';\nimport { getInsightsVideoTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { getVideoInsightsAppLinks } from 'apps/my-shares/views/video/overview/VideoInsightsOverviewUtils';\n\nconst namespace = 'insights.videoInsightsOverviewView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoInsightsViewProps {\n  shareId: string;\n}\n\nexport function VideoInsightsOverviewView(props: VideoInsightsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const { hasClassrooms } = useSettings(null);\n\n  const { hasPermissions, getGatedPermission } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n\n  const classroomId = ShareHelper.getClassroomIdFromShare(share.data);\n  const classroom = Flight.useBasicFetch<Classroom>(classroomId && ClassroomRequests.getClassroom(classroomId));\n\n  const classroomStudents = useInsightsClassroomStudents(props.shareId);\n\n  const videoRequest = share.data && VideoHelper.getVideoRequest(share.data.objectId, share.data.objectTypeId);\n  const video = Flight.useBasicFetch<VideoTypes>(videoRequest);\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useHandleObjectError([ share, video ]);\n  useHardGateInsights(props.shareId);\n\n  const engagement = Flight.useBasicFetch<Engagement[]>(\n    VideoViewsV2Requests.shareHeatMap(props.shareId)\n  );\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    VideoViewsV2Requests.shareHeatMapAggregation(props.shareId)\n  );\n\n  const osCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.shareAggregation(props.shareId, 'os_name')\n  );\n\n  const { users, hasCompleted } = useInsightEngagement(props.shareId);\n  \n  const hasDataLoaded =\n    config.hasCompleted &&\n    video.hasCompleted &&\n    engagement.hasCompleted &&\n    aggregateEngagement.hasCompleted &&\n    osCount.hasCompleted &&\n    yearGroups.data &&\n    hasCompleted;\n\n  const videoInsightsAppLinks = getVideoInsightsAppLinks(share.data);\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        classroom={classroom.data}\n        tabs={getInsightsVideoTabs(share.data, 'insights')}\n        hasSchoolAnalytics={hasPermissions(PermissionName.ViewSchoolAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        share={share.data}\n        yearGroups={yearGroups.data}\n        hasData={hasDataLoaded && !!users?.length}\n        viewInsightsGatedPermission={getGatedPermission(PermissionName.ViewInsights)}\n      />\n\n      <VideoInsightsOverview\n        hasDataLoaded={!!hasDataLoaded}\n        hasClassrooms={hasClassrooms}\n        anonymiseUsers={anonymiseUsers}\n        videoInsightsAppLinks={videoInsightsAppLinks}\n        config={config.data}\n        video={video.data}\n        classroomStudents={classroomStudents.items}\n        viewers={users}\n        individualEngagement={engagement.data}\n        aggregateEngagement={aggregateEngagement.data}\n        share={share.data}\n        osCount={osCount.data}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport { InsightsTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { InsightsHeatmapView } from 'apps/my-shares/views/heatmap/InsightsHeatmapView';\nimport { InteractiveInsightsOverviewView } from 'apps/my-shares/views/interactive/overview/InteractiveInsightsOverviewView';\nimport { InteractiveInsightsQuestionsView } from 'apps/my-shares/views/interactive/questions/InteractiveInsightsQuestionsView';\nimport { InteractiveInsightsStudentsView } from 'apps/my-shares/views/interactive/students/InteractiveInsightsStudentsView';\nimport { VideoInsightsOverviewView } from 'apps/my-shares/views/video/overview/VideoInsightsOverviewView';\n\ninterface UseInsightsViewOptions {\n  share: Share | undefined;\n  tab: InsightsTabs;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n}\n\ntype ShareContext = Omit<UseInsightsViewOptions, 'tab'>;\ntype ViewFn = (ctx: ShareContext) => JSX.Element;\ntype ViewRegistry = Partial<Record<MasterType, Partial<Record<InsightsTabs, ViewFn>>>>;\n\nconst INSIGHTS_VIEWS: ViewRegistry = {\n  [MasterType.Video]: {\n    insights: ctx => <VideoInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />\n  },\n  [MasterType.Clip]: {\n    insights: ctx => <VideoInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />\n  },\n  [MasterType.Interactive]: {\n    insights: ctx => <InteractiveInsightsOverviewView shareId={ctx.share.shareId} />,\n    heatmap: ctx => <InsightsHeatmapView shareId={ctx.share.shareId} />,\n    questions: ctx => (\n      <InteractiveInsightsQuestionsView\n        interactionId={ctx.interactionId}\n        sortBy={ctx.sortBy}\n        shareId={ctx.share.shareId}\n      />\n    ),\n    results: ctx => (\n      <InteractiveInsightsStudentsView\n        filterBy={ctx.filterBy}\n        sortBy={ctx.sortBy}\n        shareId={ctx.share.shareId}\n      />\n    )\n  }\n};\n\n/**\n * Takes any Share object and a tab, and returns the corresponding \"insights\" view.\n * This is just a utility hook, and as such doesn't need to set the page title directly.\n */\n// eslint-disable-next-line rulesdir/require-view-title\nexport function useInsightsView(options: UseInsightsViewOptions): JSX.Element {\n  const { share, tab } = options;\n  const viewFn = INSIGHTS_VIEWS[share?.objectTypeId]?.[tab];\n\n  if (viewFn)\n    return viewFn(options);\n\n  return <></>;\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Share } from 'libs/shared/apps/share/interfaces/Share';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { getShareOptionsAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { InsightsTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { useInsightsView } from 'apps/my-shares/views/base-insights-view/useInsightsView';\n\ninterface BaseInsightsViewProps {\n  shareId: string;\n  tab: InsightsTabs;\n  interactionId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n  showShareOptions?: boolean;\n}\n\n/**\n * BaseInsightsView is a generic component that renders different \"insights\" views based on the provided share.\n * The child views will handle setting the page title and other specific details.\n * \n * It also handles the logic for showing share options if `showShareOptions` is true - which is currently used\n * in our used in our LCE emails.\n */\n// eslint-disable-next-line rulesdir/require-view-title\nexport function BaseInsightsView(props: BaseInsightsViewProps): JSX.Element {\n  const share = Flight.useBasicFetch<Share>(ShareRequests.getShare(props.shareId));\n  const { hasPermissions, isLoaded } = usePermissions();\n\n  const view = useInsightsView({\n    share: share.data,\n    tab: props.tab,\n    interactionId: props.interactionId,\n    sortBy: props.sortBy,\n    filterBy: props.filterBy\n  });\n\n  /**\n   * If the showShareOptions is in the query params, we also want to show the share popup.\n   */\n  React.useEffect(() => {\n    if (!props.showShareOptions) return;\n    if (!share.data) return;\n\n    const appLink = getShareOptionsAppLink(share.data);\n    \n    if (!appLink) return;\n\n    Core.AppLinkHelper.trigger(appLink);\n  }, [ share.data, props.showShareOptions ]);\n\n  /**\n   * If the user doesn't have insights permissions, redirect to the insights overview page.\n   */\n  React.useEffect(() => {\n    if (!isLoaded) return;\n    if (hasPermissions([ PermissionName.ViewInsights, PermissionName.ViewAnalytics ])) return;\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.MY_SHARES,\n      action: Actions.MyShares.HOME\n    });\n  }, [isLoaded]);\n  \n  if (!isLoaded)\n    return <></>;\n\n  return (\n    <>\n      {view}\n    </>\n  );\n}\n"],"mappings":"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"}