@clickview/lite 0.69.1-dev.0 → 0.69.1-dev.1

package/dist/scripts/9040-be65e4eb1e-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/9040-be65e4eb1e-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/hooks/UseBatchFetch.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/share-info/ShareInfoView.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insights/students-not-watched/InsightStudentsNotWatched.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insights/students-watched/InsightStudentsWatched.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/video/overview/partial-loading/partial-video-insights-overview.scss","file:///app/packages/projects/lite/src/apps/my-shares/views/video/overview/partial-loading/PartialVideoInsightsOverview.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/video/overview/VideoInsightsOverviewView.tsx","file:///app/packages/projects/lite/src/apps/my-shares/views/video/overview/VideoInsightsOverviewUtils.ts"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<T>(\n  objs: T[],\n  getRequest: (items: T[]) => Flight.Request,\n  _getKey?: (obj: T) => string\n) {\n  const getKey = _getKey || ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: T[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n\n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<T>(unfetchedItems, CHUNK_SIZE).map(getRequest) ]));\n  }, [objs?.length]);\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching\n  };\n}","import React from 'react';\nimport { format as formatDate } from 'timeago.js';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { getAudienceParams } from 'libs/shared/apps/analytics/utils/AudienceUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { SharePrivacyResponse } from 'libs/shared/apps/share/interfaces/responses/SharePrivacyResponse';\nimport { ShareLinkHelper } from 'libs/shared/apps/share/utils/ShareLinkHelper';\nimport { SharableRecipient, ShareViewHelper } from 'libs/shared/apps/share/views/share/ShareViewHelper';\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\nimport { Text } from 'libs/shared/components/text/Text';\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 { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, DirectShare, ShareLink, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { getShareAppLink } from 'shared/utils/ObjectAppLinkHelper';\n\nimport { SharedToPill } from 'apps/my-shares/components/shared-to-pill/SharedToPill';\n\nconst namespace = 'insights.shareInfo';\n\ninterface ShareInfoViewProps {\n  video: VideoTypes;\n  audienceAppLinkParams: AudienceQueryParams;\n  dateRangeAppLinkParams: DateRangeQueryParams;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function ShareInfoView(props: ShareInfoViewProps) {\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const { publicInteractiveAttempts } = useSettings(null);\n\n  const requestFilter = {\n    ...getStartEndParams(getInsightsDateRangePresets(), props.dateRangeAppLinkParams),\n    ...getAudienceParams(props.audienceAppLinkParams)\n  };\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const shareLink = Flight.useBasicFetch<ShareLink>(props.video &&\n    ShareRequests.getShareLinkByObjectId(props.video.id));\n  const sentDirectShare = Flight.useBasicFetch<DirectShare>(props.video &&\n    ShareRequests.getSentDirectShareByObjectId(props.video.id));\n  const recipients = Flight.useBasicFetch<SharableRecipient[]>(currentUser.data?.customerId &&\n    ShareViewHelper.getDirectShareRecipientsRequest(currentUser.data.customerId, sentDirectShare.data));\n  const videoViews = Flight.useBasicFetch<BaseAnalyticsEventResponse>(currentUser.data && props.video &&\n    VideoViewRequests.views(requestFilter, props.video.id, currentUser.data.id, publicInteractiveAttempts));\n  const privacy = Flight.useBasicFetch<SharePrivacyResponse>(props.video && ShareRequests.getPrivacy(props.video.id));\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  const notShared =\n    (shareLink.hasCompleted && !shareLink.data) &&\n    (sentDirectShare.hasCompleted && !sentDirectShare.data);\n\n  const hasShareData =\n    (shareLink.hasCompleted && shareLink.data) ||\n    (sentDirectShare.hasCompleted && sentDirectShare.data) &&\n    (!shareLink.data || privacy.data) &&\n    (!shareLink.data || yearGroups.data) &&\n    recipients.data &&\n    videoViews.data;\n\n  const shareLinkText = shareLink.data && privacy.data && yearGroups.data &&\n    ShareLinkHelper.getIconAndText({\n      entity: props.video,\n      entityTypeId: props.video.typeId,\n      hasStudentExp: false,\n      isPasswordProtected: shareLink.data.isPasswordProtected,\n      linkExpireDate: shareLink.data.linkExpireDate,\n      privacy: privacy.data,\n      status: shareLink.data.status,\n      yearGroups: yearGroups.data\n    });\n\n  const viewCount = React.useMemo(() => {\n    return videoViews.data?.data.reduce((acc, view) => view.count + acc, 0);\n  }, [videoViews.data]);\n  const dateShared = sentDirectShare.data?.dateCreated || shareLink.data?.dateCreated;\n\n  return (\n    <div className='mb-4'>\n      {hasShareData &&\n        <>\n          <h2 className='h4'><Text namespace={namespace} phrase='shareInfo' /></h2>\n\n          <div className='d-flex border p-3 rounded-3 align-items-center justify-content-between'>\n            <div className='d-flex align-items-center gap-2'>\n              <SharedToPill\n                shareRecipients={recipients.data}\n                imageCdnUrl={config.data?.imageCdnUrl}\n                hasShareLink={!!shareLink.data}\n                maxAvatars={4}\n                shareLinkText={shareLinkText?.text}\n              />\n              ·\n              <p className='mb-0'>{formatDate(dateShared)}</p>\n              {!!viewCount && (\n                <>\n                  ·\n                  <p className='mb-0'><Text namespace={namespace} phrase='views' options={{ smartCount: viewCount }} /></p>\n                </>\n              )}\n            </div>\n            <IconButton\n              appLink={getShareAppLink(props.video)}\n              svgName={cvSvgLibrary.Share}\n              className='btn btn-outline-dark'\n            >\n              <Text namespace={namespace} phrase='share' />\n            </IconButton>\n          </div>\n        </>\n      }\n\n      {!notShared && !hasShareData &&\n        <>\n          <div className='h4 partial-loading-background w-25'>&nbsp;</div>\n          <div className='p-3 rounded partial-loading-background'>\n            <p className='mb-1'>&nbsp;</p>\n          </div>\n        </>\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { InsightStudentList } from 'libs/shared/apps/analytics/components/insight-student-list/InsightStudentList';\nimport { User } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\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      svgName={cvSvgLibrary.Puzzle}\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}","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 { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.insightStudentsWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightWatchedProps {\n  students: UserOrAnonSession[];\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      svgName={cvSvgLibrary.Flag}\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}","// extracted by mini-css-extract-plugin\nexport default {\"partialInsights\":\"qm6HY\"};","import React from 'react';\n\nimport styles from './partial-video-insights-overview.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}","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';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\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 { useAnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { getAnonSession } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getAudienceParams } from 'libs/shared/apps/analytics/utils/AudienceUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\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 { BasePaginatedCollection, Config, CurrentUser, Engagement, User, VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InsightsShareMask } from 'apps/my-shares/components/insights-mask/InsightsShareMask';\nimport { getInsightsClipTabs, getInsightsVideoTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\nimport { ShareInfoView } from 'apps/my-shares/views/share-info/ShareInfoView';\nimport { PartialVideoInsightsOverview } from 'apps/my-shares/views/video/overview/partial-loading/PartialVideoInsightsOverview';\nimport { getVideoInsightsAppLinks } from 'apps/my-shares/views/video/overview/VideoInsightsOverviewUtils';\n\nconst namespace = 'insights.videoInsightsOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoInsightsViewProps {\n  videoId: string;\n  typeId: MasterType;\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, hasShareFlowV2 } = useSettings(null);\n\n  const { hasPermissions } = usePermissions();\n\n  const { publicInteractiveAttempts } = useSettings(null);\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const videoRequest = VideoHelper.getVideoRequest(props.videoId, props.typeId);\n  const video = Flight.useBasicFetch<VideoTypes>(videoRequest);\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n  const requestFilter = {\n    ...getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams),\n    ...getAudienceParams(audienceAppLinkParams)\n  };\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useHandleObjectError(video);\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    currentUser.data &&\n    VideoViewRequests.aggregateEngagement(\n      props.videoId,\n      requestFilter,\n      currentUser.data.id,\n      publicInteractiveAttempts\n    )\n  );\n\n  const classroomFilterOnly =\n    audienceAppLinkParams.classrooms?.length === 1 && !audienceAppLinkParams.classroomGroups?.length;\n  const classroomStudents = Flight.useBasicFetch<BasePaginatedCollection<User>>(classroomFilterOnly &&\n    ClassroomRequests.getClassroomStudents(ArrayHelper.first(audienceAppLinkParams.classrooms)));\n\n  const shareRecipients = useBatchFetch<User>(\n    aggregateEngagement.data?.userIds || [],\n    (ids: string[]) => ShareRequests.getRecipientsById(ids, currentUser.data.customerId)\n  );\n\n  const videoViews = Flight.useBasicFetch<BaseAnalyticsEventResponse>(currentUser.data &&\n    VideoViewRequests.views(requestFilter, props.videoId, currentUser.data.id, publicInteractiveAttempts));\n\n  const anonSessions = useAnonSessions(props.shareId);\n\n  const hasShared = !!props.shareId;\n\n  function getStudentsList(): UserOrAnonSession[] {\n    if (!aggregateEngagement.data?.userIds && !aggregateEngagement.data?.sessionIds)\n      return [];\n\n    const students = shareRecipients.itemsArr ?? [];\n\n    const sessions = aggregateEngagement.data?.sessionIds\n      ?.map(sessionId => getAnonSession(sessionId, anonSessions)) || [];\n\n    return [ ...students, ...sessions ];\n  }\n\n  const hasDataLoaded =\n    currentUser.data &&\n    config.data &&\n    video.data &&\n    aggregateEngagement.data &&\n    (!classroomFilterOnly || classroomStudents.data);\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams,\n    shareId: props.shareId\n  };\n\n  const videoInsightsAppLinks = getVideoInsightsAppLinks(props.videoId, props.typeId, params);\n\n  function getInsightsOverviewTabs() {\n    if (video.data?.typeId === MasterType.Clip) {\n      return getInsightsClipTabs(video.data?.id, 'insights', params);\n    }\n\n    return getInsightsVideoTabs(video.data?.id, 'insights', params);\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        tabs={getInsightsOverviewTabs()}\n        hasAnalytics={hasPermissions(PermissionName.ViewCustomerAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        hasShareFlowV2={hasShareFlowV2}\n        shareId={props.shareId}\n      />\n\n      <ShareInfoView\n        audienceAppLinkParams={audienceAppLinkParams}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        video={video.data}\n      />\n\n      {!hasDataLoaded && <PartialVideoInsightsOverview />}\n\n      {hasDataLoaded &&\n        <InsightsShareMask\n          video={video.data}\n          hasShared={hasShared}\n          hasShareFlowV2={hasShareFlowV2}\n          shareId={props.shareId}\n        >\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text namespace={namespace} phrase='studentViewing' />\n              <span>: {getStudentsList().length}{classroomStudents.data ? `/${classroomStudents.data.data.length}` : ''}</span>\n            </h2>\n            <div className='row g-3'>\n              {classroomFilterOnly && (\n                <div className='col-12 col-md'>\n                  <InsightStudentsNotWatched\n                    students={classroomStudents.data.data}\n                    watchedIds={aggregateEngagement.data.userIds}\n                    imageCdnUrl={config.data.imageCdnUrl}\n                    heatmapAppLink={videoInsightsAppLinks.heatmapAppLink}\n                    imageUrl={ImageUrls.Insights.AVATAR}\n                    anonymiseUsers={anonymiseUsers}\n                  />\n                </div>\n              )}\n              <div className='col-12 col-md'>\n                <InsightStudentsWatched\n                  students={getStudentsList()}\n                  imageCdnUrl={config.data.imageCdnUrl}\n                  heatmapAppLink={videoInsightsAppLinks.heatmapAppLink}\n                  imageUrl={ImageUrls.Insights.AVATAR}\n                  anonymiseUsers={anonymiseUsers}\n                />\n              </div>\n            </div>\n          </section>\n          <section className='mb-5'>\n            <h2 className='h4'>\n              <Text\n                namespace={namespace}\n                phrase={hasClassrooms ? 'classEngagement' : 'engagement'}\n              />\n            </h2>\n            <div className='row g-3'>\n              <div className='col-12 col-md-6'>\n                <InsightDevices\n                  osCount={videoViews.data?.osCount}\n                />\n              </div>\n              <div className='col-12 col-md-6'>\n                <InsightHeatmap\n                  engagement={aggregateEngagement.data}\n                  heatmapAppLink={videoInsightsAppLinks.heatmapAppLink}\n                />\n              </div>\n            </div>\n          </section>\n        </InsightsShareMask>\n      }\n    </div>\n  );\n}","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { MasterType } from 'libs/shared/enums/MasterType';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nexport function getVideoInsightsAppLinks(id: string, typeId: MasterType, params?: HashObject) {\n  return {\n    heatmapAppLink: {\n      application: AppChannels.INSIGHTS,\n      action: typeId === MasterType.Clip ? Actions.Insights.CLIP_HEATMAP : Actions.Insights.VIDEO_HEATMAP,\n      args: [id],\n      params\n    }\n  };\n}"],"names":["CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","map","chunk","responses","itemsArr","data","items","length","reduce","acc","item","id","isFetching","useGrowingBatchFetch","objs","_getKey","getKey","obj","fetchedItems","Set","setRequests","unfetchedItems","forEach","key","current","has","push","add","r","hasFirstRequestCompleted","hasCompleted","namespace","ShareInfoView","props","config","publicInteractiveAttempts","requestFilter","dateRangeAppLinkParams","audienceAppLinkParams","currentUser","shareLink","video","sentDirectShare","recipients","customerId","videoViews","privacy","yearGroups","isAuthenticated","notShared","hasShareData","shareLinkText","entity","entityTypeId","typeId","hasStudentExp","isPasswordProtected","linkExpireDate","status","viewCount","view","count","dateShared","dateCreated","className","phrase","shareRecipients","imageCdnUrl","hasShareLink","maxAvatars","text","options","smartCount","appLink","svgName","getPhrase","LanguageService","InsightStudentsNotWatched","studentsNotWatched","students","filter","student","watchedIds","includes","InsightCard","title","svgClassName","InsightStudentList","imageUrl","description","anonymiseUsers","InsightStudentsWatched","heatmapAppLink","appLinkText","PartialVideoInsightsOverview","VideoInsightsOverviewView","SharedViewModelKeys","useLockContentWidth","useSettings","hasClassrooms","hasShareFlowV2","hasPermissions","usePermissions","UserRequests","ConfigRequests","videoRequest","VideoHelper","videoId","useSetPageMetadata","name","aggregateEngagement","VideoViewRequests","classroomFilterOnly","classrooms","classroomGroups","classroomStudents","ClassroomRequests","ArrayHelper","userIds","ids","ShareRequests","anonSessions","shareId","hasShared","getStudentsList","sessionIds","sessions","sessionId","hasDataLoaded","params","videoInsightsAppLinks","application","action","MasterType","args","getVideoInsightsAppLinks","InsightsHeader","tabs","getInsightsOverviewTabs","hasAnalytics","PermissionName","analyticsWebUrl","InsightsShareMask","Text","ImageUrls","InsightDevices","osCount","InsightHeatmap","engagement"],"sourceRoot":""}