@clickview/lite 0.70.1-dev.5 → 0.70.1-dev.6

package/dist/scripts/7757-9b72774917-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7757-9b72774917-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/hooks/UsePolling.ts","file:///app/packages/libs/shared/src/apps/analytics/hooks/UseAnonSessions.ts","file:///app/packages/libs/shared/src/apps/analytics/hooks/UseFetchInteractiveResults.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/AnonymiseUserUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/DateRangeUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/views/interactive-student-results/InteractiveStudentResultsView.tsx","file:///app/packages/libs/shared/src/apps/student-response-list/StudentResponseListFooter.tsx","file:///app/packages/libs/shared/src/apps/student-response-list/StudentResponseListHeader.tsx","file:///app/packages/libs/shared/src/apps/student-response-list/student-response-list.scss","file:///app/packages/libs/shared/src/apps/student-response-list/StudentResponseList.tsx","file:///app/packages/libs/shared/src/constants/ScoreThresholds.ts","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/utils/AnalyticsRequestUtils.ts","file:///app/packages/libs/shared/src/utils/AppRouteHelper.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst DEFAULT_POLLING_INTERVAL = 5000; // 5 seconds.\n\n/**\n * Hook to fire a callback at a set interval.\n * @param callback \n * @param pollingInterval \n * \n * Returns a function to clear the timeout.\n */\nexport function usePolling(callback: () => void, pollingInterval: number = DEFAULT_POLLING_INTERVAL): () => void {\n  const [ pollingTrigger, setPollingTrigger ] = React.useState(false);\n\n  const timeoutRef = React.useRef<number>(null);\n\n  const poll = () => {\n    setPollingTrigger(t => !t);\n\n    timeoutRef.current = window.setTimeout(poll, pollingInterval);\n  };\n\n  React.useEffect(() => {\n    timeoutRef.current = window.setTimeout(poll, pollingInterval);\n  }, []);\n\n  React.useEffect(() => {\n    if (FunctionHelper.isFunction(callback))\n      callback();\n  }, [pollingTrigger]);\n\n  return () => window.clearTimeout(timeoutRef.current);\n}","import { usePolling } from 'libs/common/react/hooks/UsePolling';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\n\nexport interface AnonSession {\n  sessionId: string;\n  sessionName: string;\n}\n\nexport interface AnonSessions extends Record<string, AnonSession> {}\n\nexport function useAnonSessions(shareId: string): AnonSessions {\n  const fetch = Flight.useGetFetch();\n  const anonSessionsRequest = shareId && ShareRequests.getAnonSessions(shareId);\n  const anonSessionsResponse = Flight.useBasicFetch<AnonSession[]>(anonSessionsRequest);\n\n  usePolling(() => fetch(anonSessionsRequest), 5000);\n\n  if (!anonSessionsResponse.data?.length)\n    return {};\n\n  return anonSessionsResponse.data.reduce((prev, current) => ({ ...prev, [current.sessionId]: current }), {});\n}","import { Flight } from 'libs/common/flight';\n\nimport { InteractiveResultsRequests } from 'libs/shared/apps/analytics/flight-requests/InteractiveResultsRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { AnalyticsRequestFilter, CurrentUser, Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nexport function useFetchInteractiveResults(\n  interactiveMetadataId: string,\n  requestFilter: AnalyticsRequestFilter,\n  includePublicResults?: boolean\n): Flight.Response<InteractiveResultSet> {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(!!interactiveMetadataId &&\n    InteractiveRequests.interactiveMetadata(interactiveMetadataId));\n\n  const interactive = Flight.useBasicFetch<Interactive>(!!interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const shouldFetchResults = !!currentUser.data && !!interactive.data && (!!requestFilter);\n\n  return Flight.useBasicFetch<InteractiveResultSet>(shouldFetchResults &&\n    InteractiveResultsRequests.interactiveResultSet(\n      interactiveMetadata.data.interactiveId,\n      interactiveMetadata.data.id,\n      currentUser.data,\n      requestFilter,\n      includePublicResults\n    ));\n}","import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import { animals, colors, Config as UniqueNamesConfig, uniqueNamesGenerator } from 'unique-names-generator';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnonSession, AnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { StudentResults } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nconst namespace = 'shared.analyticsUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getUniqueNamesConfig(id: string): UniqueNamesConfig {\n  /**\n   * Generate a seed that is unique to each user but changes every 5 minutes.\n   * \n   * We use a seed so that if the same user's name is anonymised multiple times\n   * in quick succession (e.g. multiple renders), the same name will be returned each time.\n   * \n   * We change the seed every 5 minutes so that students don't always have the same name.\n   */\n  const seed = +`${id}${Math.floor((new Date()).getMinutes() / 5)}`;\n\n  return {\n    dictionaries: [ colors, animals ],\n    separator: ' ',\n    length: 2,\n    style: 'capital',\n    seed\n  };\n}\n\nexport function anonymiseUserName(user: UserOrAnonSession, shouldAnonymise: boolean): string {\n  if (!user)\n    return '';\n\n  if (!shouldAnonymise)\n    return 'sessionId' in user ? user.sessionName : UserHelper.getFullName(user);\n\n  return uniqueNamesGenerator(getUniqueNamesConfig('sessionId' in user ? user.sessionName : user.id));\n}\n\nexport function getAnonSession(sessionId: string, anonSessions: AnonSessions): AnonSession {\n  const fallback = {\n    sessionId: sessionId,\n    sessionName: getPhrase('anonymousUser')\n  };\n\n  if (!sessionId || !anonSessions)\n    return fallback;\n\n  const anonSession = anonSessions[sessionId];\n\n  if (anonSession)\n    return anonSession;\n\n  return fallback;\n}\n\nexport function getUserOrAnonSession(result: StudentResults, anonSessions: AnonSessions): UserOrAnonSession {\n  if (result.user)\n    return result.user;\n\n  return getAnonSession(result.sessionId, anonSessions);\n}\n","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\nimport { DateRange } from 'libs/shared/interfaces';\nimport { AppRouteHelper } from 'libs/shared/utils/AppRouteHelper';\n\nconst namespace = 'shared.analyticsUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function convertDateToUtcDateTimeString(date: Date): string {\n  const utc = DateHelper.convertDateToUTC(date);\n  return DateHelper.format(utc, 'YYYY-MM-DDTHH:mm:ss');\n}\n\nexport function getMinDate(): Date {\n  return new Date(2021, 0, 1);\n}\n\nexport function getMaxDate(): Date {\n  return new Date();\n}\n\nexport function getDefaultDateRange(dateRangePresets: DateRange[]): DateRange {\n  return dateRangePresets.find(range => !!range.default);\n}\n\nexport function getPresetRangeByName(dateRangePresetss: DateRange[], rangeName: string): DateRange | undefined {\n  if (!rangeName)\n    return;\n\n  const presets = dateRangePresetss;\n  \n  return presets.find(p => p.name === rangeName);\n}\n\nexport function getGenericDateRangePresets(): DateRange[] {\n  const minDate = getMinDate();\n  const currentYear = (new Date()).getFullYear();\n\n  const isMinDateThisYear = currentYear === minDate.getFullYear();\n\n  return [\n    {\n      name: getPhrase('today'),\n      startDate: new Date(),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('thisMonth'),\n      startDate: new Date(currentYear, new Date().getMonth(), 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastThreeMonths'),\n      startDate: new Date(currentYear, new Date().getMonth() - 2, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastSixMonths'),\n      startDate: new Date(currentYear, new Date().getMonth() - 5, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastTwelveMonths'),\n      startDate: new Date(currentYear, new Date().getMonth() - 11, 1),\n      endDate: new Date(),\n      default: true\n    },\n    {\n      name: getPhrase('thisYear'),\n      startDate: new Date(currentYear, 0, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastYear'),\n      startDate: new Date(currentYear - 1, 0, 1),\n      endDate: new Date(currentYear, 0, 0),\n      disabled: isMinDateThisYear,\n      tooltip: isMinDateThisYear ? getPhrase('lastYearDisabled') : ''\n    }\n  ];\n}\n\nexport function getInsightsDateRangePresets(): DateRange[] {\n  const minDate = getMinDate();\n  const currentYear = (new Date()).getFullYear();\n\n  const isMinDateThisYear = currentYear === minDate.getFullYear();\n\n  return [\n    {\n      name: getPhrase('today'),\n      startDate: new Date(),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('thisMonth'),\n      startDate: new Date(currentYear, new Date().getMonth(), 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastThreeMonths'),\n      startDate: new Date(currentYear, new Date().getMonth() - 2, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastSixMonths'),\n      startDate: new Date(currentYear, new Date().getMonth() - 5, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('thisYear'),\n      startDate: new Date(currentYear, 0, 1),\n      endDate: new Date()\n    },\n    {\n      name: getPhrase('lastYear'),\n      startDate: new Date(currentYear - 1, 0, 1),\n      endDate: new Date(currentYear, 0, 0),\n      disabled: isMinDateThisYear,\n      tooltip: isMinDateThisYear ? getPhrase('lastYearDisabled') : ''\n    },\n    {\n      name: getPhrase('allTime'),\n      startDate: DateHelper.subtract(new Date(), 5, 'years'),\n      endDate: new Date(),\n      default: true\n    }\n  ];\n}\n\nexport function formatDateQueryParam(date: Date): string {\n  return DateHelper.format(date, 'YYYY-MM-DD');\n}\n\nexport function getRouteQueryParams(dateRange: DateRange): DateRangeQueryParams {\n  if (dateRange.name)\n    return { rangeName: dateRange.name };\n\n  return {\n    from: formatDateQueryParam(dateRange.startDate),\n    to: formatDateQueryParam(dateRange.endDate)\n  };\n}\n\nexport function useGetDateRangeFromQueryParams(\n  dateRangePresets: DateRange[],\n  dateRangeQueryParams: DateRangeQueryParams\n): DateRange | null {\n  const { to, from, rangeName } = dateRangeQueryParams;\n  \n  const presetRange = getPresetRangeByName(dateRangePresets, rangeName);\n\n  if (presetRange) {\n    if (!from && !to)\n      return presetRange;\n\n    /**\n     * If a rangeName has been set, we don't use to and from so we remove them from the url params.\n     */\n    AppRouteHelper.updateParams(\n      getRouteQueryParams(presetRange),\n      { replace: true, merge: true, keysToRemove: [ 'from', 'to' ]}\n    );\n    return;\n  }\n\n  const defaultDateRange = getDefaultDateRange(dateRangePresets);\n\n  /**\n   * If a param is missing, or one of them isn't a valid date, short-circuit the logic below.\n   */\n  if (!from || !to || !DateHelper.isValid(from) || !DateHelper.isValid(to)) {\n    AppRouteHelper.updateParams(\n      getRouteQueryParams(defaultDateRange),\n      { replace: true, merge: true, keysToRemove: ['rangeName']}\n    );\n    return;\n  }\n\n  let initialDateRangeValid = true;\n\n  let startDate = DateHelper.convertDateToUTC(new Date(from));\n  let endDate = DateHelper.convertDateToUTC(new Date(to));\n\n  if (DateHelper.isBefore(startDate, getMinDate(), 'day')) {\n    startDate = getMinDate();\n    initialDateRangeValid = false;\n  }\n\n  if (DateHelper.isAfter(endDate, getMaxDate(), 'day')) {\n    endDate = getMaxDate();\n    initialDateRangeValid = false;\n  }\n\n  if (DateHelper.isAfter(startDate, endDate)) {\n    startDate = defaultDateRange.startDate;\n    endDate = defaultDateRange.endDate;\n    initialDateRangeValid = false;\n  }\n\n  const dateRange: DateRange = {\n    startDate,\n    endDate,\n    name: initialDateRangeValid\n      ? rangeName || 'custom'\n      : ''\n  };\n\n  if (initialDateRangeValid)\n    return dateRange;\n\n  /**\n   * If one or both of the date params were invalid, we trigger a route update.\n   */\n  AppRouteHelper.updateParams(getRouteQueryParams(dateRange), { replace: true, merge: true, keysToRemove: ['rangeName']});\n}\n\nexport function getStartEndParams(\n  dateRangePresetss: DateRange[],\n  filterParams: FilterQueryParams\n): { start: string; end: string } {\n  const getStartDate = (date: string) => convertDateToUtcDateTimeString(DateHelper.startOf(date, 'day'));\n  const getEndDate = (date: string) => convertDateToUtcDateTimeString(DateHelper.endOf(date, 'day'));\n\n  const presetRange = getPresetRangeByName(dateRangePresetss, filterParams.rangeName);\n\n  /**\n   * If the user has chosen a preset range, lookup the start and end dates as they won't be\n   * in the query params.\n   */\n  if (presetRange)\n    return {\n      start: getStartDate(formatDateQueryParam(presetRange.startDate)),\n      end: getEndDate(formatDateQueryParam(presetRange.endDate))\n    };\n\n  /**\n   * If they have chosen a custom date range, use their chosen start and end dates.\n   */\n  if (filterParams.from && filterParams.to)\n    return {\n      start: getStartDate(filterParams.from),\n      end: getEndDate(filterParams.to)\n    };\n\n  /**\n   * The below should never be hit\n   */\n  const defaultRange = getDefaultDateRange(dateRangePresetss);\n\n  return {\n    start: getStartDate(formatDateQueryParam(defaultRange.startDate)),\n    end: getEndDate(formatDateQueryParam(defaultRange.endDate))\n  };\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { useAnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { useMarkAnswers } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { anonymiseUserName, getUserOrAnonSession } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { StudentResponseList } from 'libs/shared/apps/student-response-list/StudentResponseList';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { Config, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveStudentResults';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveStudentResultsViewProps extends PopupViewProps {\n  userId: string;\n  interactiveId: string;\n  interactionId?: string;\n  reportsStyling?: boolean;\n  sessionId?: string;\n  shareId?: string;\n}\n\nexport function InteractiveStudentResultsView(props: InteractiveStudentResultsViewProps): JSX.Element {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = useFetchInteractiveResults(\n    props.interactiveId,\n    getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const anonSessions = useAnonSessions(props.shareId);\n\n  useHandleObjectError([ interactiveMetadata, results ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const { markedAnswers, addMarkedAnswers, submitMarkedAnswers } = useMarkAnswers(\n    interactive.data?.id,\n    interactiveMetadata.data?.id,\n    props.closePopup\n  );\n\n  const studentResults = results.data?.students.find(s => {\n    if (props.userId)\n      return s.user?.id?.toString() === props.userId?.toString();\n\n    if (props.sessionId)\n      return s.sessionId?.toString() === props.sessionId?.toString();\n\n    return false;\n  });\n\n  const popupTitle = studentResults\n    ? getPhrase('heading', { studentName: anonymiseUserName(getUserOrAnonSession(studentResults, anonSessions), anonymiseUsers) })\n    : '';\n  const dataLoaded = !!interactive.data && !!results.data && !!config.data;\n\n  return (\n    <Popup\n      title={popupTitle}\n      showLoadingSpinner={!dataLoaded}\n      closePopup={props.closePopup}\n      size='lg'\n    >\n      {dataLoaded &&\n        <StudentResponseList\n          interactive={interactive.data}\n          studentResults={studentResults}\n          markedAnswers={markedAnswers}\n          addMarkedAnswers={addMarkedAnswers}\n          submitMarkedAnswers={submitMarkedAnswers}\n          imageCdnUrl={config.data.imageCdnUrl}\n          selectedInteractionId={props.interactionId}\n          onClickClose={props.closePopup}\n          anonymiseUsers={anonymiseUsers}\n          reportsStyling={props.reportsStyling}\n          anonSessions={anonSessions}\n        />\n      }\n    </Popup>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListFooterProps {\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  onClickClose: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListFooter(props: StudentResponseListFooterProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-end pt-3'>\n      <div>\n        {!props.showSubmitButtonSpinner &&\n          <button className='btn btn-link' onClick={props.onClickClose}>\n            {getPhrase('close')}\n          </button>\n        }\n        {!!props.interactionsToMark.length && (\n          <>\n            {props.isDemo ? (\n              <Tooltip\n                id='submitAnswers'\n                title={getPhrase('demoOnly')}\n                spanHack\n                spanHackClassName='d-inline-flex'\n              >\n                <button\n                  className='btn btn-outline-dark pointer-events-none'\n                  disabled={!numMarkedAnswers}\n                >\n                  {getPhrase('submitAnswers')}\n                </button>\n              </Tooltip>\n            ) : (\n              <SpinnerButton\n                variant='outline-dark'\n                onClick={props.onClickSubmit}\n                disabled={!numMarkedAnswers}\n                showSpinner={props.showSubmitButtonSpinner}\n              >\n                {getPhrase('submitAnswers')}\n              </SpinnerButton>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListHeaderProps {\n  summary: ResultsSummary;\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListHeader(props: StudentResponseListHeaderProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-between pb-3'>\n      <div className='d-flex'>\n        {!!props.summary.unanswered &&\n          <div className='bg-light rounded p-2 me-2'>\n            <strong className='me-2'>{getPhrase('unanswered')}</strong>\n            {props.summary.unanswered}\n          </div>\n        }\n        <div className='bg-light rounded p-2 me-2'>\n          <strong className='me-2'>{getPhrase('score')}</strong>\n          {props.summary.awaitingMarking\n            ? <em>{getPhrase('pending')}</em>\n            : `${Math.round(props.summary.percentCorrect * 100)}%`\n          }\n        </div>\n      </div>\n      {!!props.interactionsToMark.length && (\n        <>\n          {props.isDemo ? (\n            <Tooltip id='submitAnswers' title={getPhrase('demoOnly')} spanHack>\n              <button\n                className='btn btn-outline-dark pointer-events-none'\n                disabled={!numMarkedAnswers}\n              >\n                {getPhrase('submitAnswers')}\n              </button>\n            </Tooltip>\n          ) : (\n            <SpinnerButton\n              variant='outline-dark'\n              onClick={props.onClickSubmit}\n              disabled={!numMarkedAnswers}\n              showSpinner={props.showSubmitButtonSpinner}\n            >\n              {getPhrase('submitAnswers')}\n            </SpinnerButton>\n          )}\n        </>\n      )}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"awaitingMarking\":\"MvGb5\"};","import React from 'react';\n\nimport { InteractionResponseItem } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-item/InteractionResponseItem';\nimport { AnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { anonymiseUserName, getUserOrAnonSession } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getMarkedStatus, getStudentResultsSummary } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { InteractionResponse } from 'libs/shared/components/interaction-response/InteractionResponse';\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, Interactive, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { getInteractions, getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\nimport { StudentResponseListFooter } from './StudentResponseListFooter';\nimport { StudentResponseListHeader } from './StudentResponseListHeader';\n\nimport styles from './student-response-list.scss';\n\nfunction getInteractionsToMark(\n  interactions: Interaction[],\n  studentResults: StudentResults\n): Interaction[] {\n  return interactions.filter(i => {\n    return InteractiveCorrectnessHelper.isInteractionCorrect(\n      i,\n      getStudentResult(studentResults)\n    ) === InteractionCorrectness.AwaitingMarking;\n  });\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nfunction useScrollSelectedInteractionIntoView(): React.MutableRefObject<HTMLLIElement> {\n  const ref = React.useRef<HTMLLIElement>(null);\n  const [ scrolled, setScrolled ] = React.useState(false);\n\n  // Only scroll once\n  React.useEffect(() => {\n    if (!ref.current || scrolled)\n      return;\n\n    setScrolled(true);\n    requestAnimationFrame(() => ref.current.scrollIntoView({ behavior: 'smooth', block: 'center' }));\n  }, [ ref.current, scrolled ]);\n\n  return ref;\n}\n\ninterface StudentResponseListProps {\n  interactive: Interactive;\n  markedAnswers: MarkedAnswerHash;\n  studentResults: StudentResults;\n  addMarkedAnswers: (answer: StudentAnswer[], status: InteractiveAnswerStatus) => void;\n  submitMarkedAnswers: () => void;\n  onClickClose: () => void;\n  imageCdnUrl: string;\n  selectedInteractionId?: string;\n  anonymiseUsers: boolean;\n  reportsStyling?: boolean;\n  isDemo?: boolean;\n  anonSessions?: AnonSessions;\n}\n\nexport function StudentResponseList(props: StudentResponseListProps): JSX.Element {\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n  const selectedInteractionRef = useScrollSelectedInteractionIntoView();\n\n  const summary = getStudentResultsSummary(props.interactive, props.studentResults);\n  const interactions = getInteractions(props.interactive);\n  const questionsToMark = getInteractionsToMark(interactions, props.studentResults);\n\n  function onClickSubmit(): void {\n    setShowSpinner(true);\n    props.submitMarkedAnswers();\n  }\n\n  return (\n    <>\n      <StudentResponseListHeader\n        summary={summary}\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n      <ul className='list-unstyled'>\n        {interactions.map((interaction, idx) => {\n          const isSelected = interaction.id.toString() === props.selectedInteractionId?.toString();\n          const markingRequired = questionsToMark.some(q => q.id === interaction.id);\n          const anonymisedUserName = anonymiseUserName(\n            getUserOrAnonSession(props.studentResults, props.anonSessions),\n            props.anonymiseUsers\n          );\n\n          let className = 'p-2 mb-3 rounded';\n\n          if (isSelected)\n            className += ' border-2 border-info shadow';\n\n          if (markingRequired)\n            className += ` ${styles.awaitingMarking}`;\n          else\n            className += ' border';\n\n          return (\n            <li key={idx} className={className} ref={isSelected ? selectedInteractionRef : null}>\n              <div className='d-flex mb-2'>\n                <InteractionLabel\n                  interaction={interaction}\n                  iconClassName='flex-shrink-0'\n                />\n              </div>\n              {props.reportsStyling ? (\n                <InteractionResponse\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  className='bg-light ps-2'\n                  showFeedback\n                  reportsStyling\n                  responseComponentClass='mx-n2'\n                />\n              ) : (\n                <InteractionResponseItem\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  showFeedback\n                />\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      <StudentResponseListFooter\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        onClickClose={props.onClickClose}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n    </>\n  );\n}","export interface ScoreThresholds {\n  HIGH: number;\n  MODERATE: number;\n}\n\nexport const ScoreThresholdDefaults: ScoreThresholds = {\n  HIGH: 0.75,\n  MODERATE: 0.5\n};\n\nexport const ScoreThresholdInsights: ScoreThresholds = {\n  HIGH: 0.7,\n  MODERATE: 0.7\n};","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n  internalServerError?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError,\n  internalServerError: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.InternalServer) {\n    if (!ignoreMap.internalServerError)\n      Core.ErrorHelper.throw(new UnspecifiedError());\n    return;\n  }\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","import { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nexport function getAnalyticsRequestKey(baseKey: string, filter: AnalyticsRequestFilter, sharerId?: string): string {\n  let key = `${baseKey}:${filter.start}:${filter.end}`;\n\n  const userIdKey = Array.isArray(filter.userId) ? filter.userId.sort().join(':') : filter.userId;\n  const groupIdKey = Array.isArray(filter.groupId) ? filter.groupId.sort().join(':') : filter.groupId;\n\n  if (userIdKey)\n    key += `:${userIdKey}`;\n\n  if (groupIdKey)\n    key += `:${groupIdKey}`;\n\n  if (sharerId)\n    key += `:${sharerId}`;\n\n  return key;\n}","import { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ContextService } from 'libs/shared/services/ContextService';\n\ninterface UpdateParamsOptions extends Core.AppLinkOptions {\n  merge?: boolean;\n  keysToRemove?: string[]\n}\n\nexport const AppRouteHelper = {\n  /**\n   * Utility to update the params on the current appRoute.\n   * \n   * This is built on top of ContextService rather than build into AppLink\n   * as we will generally only want to update params on appRoutes, not appLinks.\n   */\n  updateParams(params: HashObject, options?: UpdateParamsOptions): void {\n    const { appLink } = ContextService.getCurrentRoute();\n\n    let currentParams = typeof(appLink.params) === 'string'\n      ? Core.LocationUtils.DeserializeQueryParams(appLink.params)\n      : appLink.params as HashObject;\n\n    if (options.keysToRemove)\n      currentParams = ObjectHelper.omit(currentParams, options.keysToRemove);\n\n    const updatedParams = options?.merge\n      ? { ...currentParams, ...params }\n      : params;\n\n    const updatedAppLink = {\n      ...appLink,\n      params: updatedParams\n    };\n\n    /**\n     * This prevents us pointlessly re-triggering if we're already on the right applink.\n     */\n    if (ObjectHelper.isEqual(appLink, updatedAppLink))\n      return;\n  \n    Core.AppLinkHelper.trigger(updatedAppLink, ObjectHelper.omit(options, [ 'merge', 'keysToRemove' ]));\n  }\n};"],"names":["DEFAULT_POLLING_INTERVAL","usePolling","callback","pollingInterval","pollingTrigger","setPollingTrigger","timeoutRef","t","current","window","setTimeout","clearTimeout","useAnonSessions","shareId","fetch","anonSessionsRequest","anonSessionsResponse","data","length","reduce","prev","sessionId","useFetchInteractiveResults","interactiveMetadataId","requestFilter","includePublicResults","currentUser","interactiveMetadata","interactive","interactiveId","shouldFetchResults","I","id","AnalyticsFilterHelper","getAudienceAppLinkParams","appLink","params","users","classrooms","classroomGroups","getParam","key","param","Array","isArray","audienceFilters","getDateRangeAppLinkParams","from","to","rangeName","dateRangeFilters","getPhrase","anonymiseUserName","user","shouldAnonymise","sessionName","seed","Math","floor","Date","getMinutes","dictionaries","separator","style","getAnonSession","anonSessions","fallback","getUserOrAnonSession","result","convertDateToUtcDateTimeString","date","utc","getInsightsDateRangePresets","minDate","currentYear","getFullYear","isMinDateThisYear","name","startDate","endDate","getMonth","disabled","tooltip","default","formatDateQueryParam","getStartEndParams","dateRangePresetss","filterParams","getStartDate","getEndDate","presetRange","find","p","getPresetRangeByName","start","end","defaultRange","range","InteractiveStudentResultsView","props","anonymiseUsers","dateRangeAppLinkParams","results","config","closePopup","markedAnswers","addMarkedAnswers","submitMarkedAnswers","studentResults","students","s","userId","toString","popupTitle","studentName","dataLoaded","title","showLoadingSpinner","size","imageCdnUrl","selectedInteractionId","interactionId","onClickClose","reportsStyling","LanguageService","StudentResponseListFooter","numMarkedAnswers","Object","keys","className","showSubmitButtonSpinner","onClick","interactionsToMark","isDemo","Tooltip","spanHack","spanHackClassName","SpinnerButton","variant","onClickSubmit","showSpinner","StudentResponseListHeader","summary","unanswered","awaitingMarking","round","percentCorrect","StudentResponseList","ref","scrolled","setScrolled","setShowSpinner","selectedInteractionRef","requestAnimationFrame","scrollIntoView","behavior","block","interactions","questionsToMark","filter","i","InteractiveCorrectnessHelper","InteractionCorrectness","getInteractionsToMark","map","interaction","idx","isSelected","markingRequired","some","q","anonymisedUserName","InteractionLabel","iconClassName","InteractionResponse","markedStatus","markInteraction","showFeedback","responseComponentClass","InteractionResponseItem","ScoreThresholdDefaults","HIGH","MODERATE","ScoreThresholdInsights","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","internalServerError","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","useEffect","forEach","getAnalyticsRequestKey","baseKey","sharerId","userIdKey","sort","groupIdKey","groupId","AppRouteHelper","updateParams","options","currentParams","keysToRemove","updatedParams","merge","updatedAppLink"],"sourceRoot":""}

package/dist/scripts/7783-18da4064c0-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7783],{26025:(e,t,r)=>{r.d(t,{B:()=>i});var a=r(1048),n=r(75795),i={getAudienceAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,t=a.t.isObject(e.params)?e.params:{},r=t.users,i=t.classrooms,s=t.classroomGroups,o=function(e){var r=t[e];if(r)return Array.isArray(r)?r:[r]},c={};return r&&(c.users=o("users")),i&&(c.classrooms=o("classrooms")),s&&(c.classroomGroups=o("classroomGroups")),c},getDateRangeAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,t=a.t.isObject(e.params)?e.params:{},r=t.from,i=t.to,s=t.rangeName,o={};return r&&(o.from=r),i&&(o.to=i),s&&(o.rangeName=s),o}}},26136:(e,t,r)=>{r.d(t,{B2:()=>o,DV:()=>l,jP:()=>c});var a=r(76198),n=r(23481),i=r(64818),s=n.T.encloseNamespace("shared.analyticsUtils");function o(e,t){return e?t?(0,a._8)((r="sessionId"in e?e.sessionName:e.id,n=+"".concat(r).concat(Math.floor((new Date).getMinutes()/5)),{dictionaries:[a.O9,a.yd],separator:" ",length:2,style:"capital",seed:n})):"sessionId"in e?e.sessionName:i.l.getFullName(e):"";var r,n}function c(e,t){var r={sessionId:e,sessionName:s("anonymousUser")};return e&&t&&t[e]||r}function l(e,t){return e.user?e.user:c(e.sessionId,t)}},40782:(e,t,r)=>{r.d(t,{I:()=>a,O:()=>c});var a,n=r(32735),i=r(2606),s=r(362);function o(e){var t=n.useCallback((function(t){if(t){var r=t.r.baseVal.value,a=2*Math.PI*r,n=a-e.percentage*a;t.style.strokeDasharray="".concat(a," ").concat(a),t.style.strokeDashoffset=n.toString()}}),[e.percentage]);return n.createElement("svg",null,n.createElement("circle",{r:(0,i.pu)(e.size),className:s.Z.backgroundCircle}),!(0,i.zR)(e.percentage)&&n.createElement("circle",{ref:t,r:(0,i.pu)(e.size),className:(0,i.V4)(e.percentage,e.scoreThresholds)}))}function c(e){var t,r=(0,i.Ki)(e.percentage),c=e.size||(e.layout===a.LabelInside?i.Mk.Large:i.Mk.Small),l=e.customLabel||(0,i.DV)(r);return e.layout===a.LabelOnly?n.createElement("span",{className:(0,i.IA)(r)},l):n.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===a.LabelBefore&&n.createElement("span",{className:"me-2"},l),n.createElement("div",{className:(0,i.tw)(c,r)},n.createElement(o,{percentage:r,size:c,scoreThresholds:e.scoreThresholds}),e.layout===a.LabelInside&&n.createElement("span",{className:s.Z.centredPercentageText},l)))}!function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(a||(a={})),c.defaultProps={layout:a.CircleOnly}},2606:(e,t,r)=>{r.d(t,{DV:()=>p,IA:()=>g,Ki:()=>f,Mk:()=>o,V4:()=>d,pu:()=>m,tw:()=>v,zR:()=>y});var a=r(94892),n=r(362);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function s(e,t,r){return(t=function(e){var t=function(e){if("object"!=i(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var o,c=.2,l=.36;!function(e){e.Small="small",e.Large="large",e.ExtraSmall="extraSmall"}(o||(o={}));var u=s(s(s({},o.ExtraSmall,{size:2}),o.Small,{size:2}),o.Large,{size:5.8});function m(e){var t=u[e].size,r=e===o.Large?l:c;return"".concat(t/2-2*r,"rem")}function d(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a.i;return e>=t.HIGH?n.Z.circleSuccess:e>=t.MODERATE?n.Z.circleWarning:n.Z.circleDanger}function g(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a.i;return e>=t.HIGH?"text-success":e>=t.MODERATE?"text-warning":"text-danger"}function v(e,t){var r="d-inline-block ".concat(n.Z.circleContainer);return e===o.Large&&(r+=" ".concat(n.Z.lgCircleContainer)),e===o.ExtraSmall&&(r+=" ".concat(n.Z.xsCircleContainer)),y(t)&&(r+=" ".concat(n.Z.pendingCircle)),r}function f(e){if(!y(e))return+e.toFixed(2)}function p(e){return y(e)?"--%":"".concat(Math.round(100*e),"%")}function y(e){return"number"!=typeof e}},94892:(e,t,r)=>{r.d(t,{T:()=>n,i:()=>a});var a={HIGH:.75,MODERATE:.5},n={HIGH:.7,MODERATE:.7}},54405:(e,t,r)=>{r.d(t,{X:()=>a});var a={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},62875:(e,t,r)=>{function a(e,t,r){var a="".concat(e,":").concat(t.start,":").concat(t.end),n=Array.isArray(t.userId)?t.userId.sort().join(":"):t.userId,i=Array.isArray(t.groupId)?t.groupId.sort().join(":"):t.groupId;return n&&(a+=":".concat(n)),i&&(a+=":".concat(i)),r&&(a+=":".concat(r)),a}r.d(t,{H:()=>a})},57266:(e,t,r)=>{r.d(t,{e:()=>s});var a=r(81886),n=r(1048),i=r(75795),s={updateParams:function(e,t){var r=i.O.getCurrentRoute().appLink,s="string"==typeof r.params?a.Q.Ab.DeserializeQueryParams(r.params):r.params;t.keysToRemove&&(s=n.t.omit(s,t.keysToRemove));var o=(null==t?void 0:t.merge)?Object.assign(Object.assign({},s),e):e,c=Object.assign(Object.assign({},r),{params:o});n.t.isEqual(r,c)||a.Q.C$.trigger(c,n.t.omit(t,["merge","keysToRemove"]))}}},71519:(e,t,r)=>{r.r(t),r.d(t,{InteractiveInsightsQuestionsDemoView:()=>b});var a=r(32735),n=r(23481),i=r(2948),s=r(20354),o=r(26025),c=r(38143),l=r(39151),u=r(54405),m=r(93322),d=r(79612),g=r(53936),v=r(68536),f=r(10447);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=Array(t);r<t;r++)a[r]=e[r];return a}var y=n.T.encloseNamespace("shared.interactiveInsightsQuestionsView");function b(e){var t,r,n,b,h=(n=(0,i.D)(c.g.ANONYMISE_USERS),b=1,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var a,n,i,s,o=[],c=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(a=i.call(r)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){l=!0,n=e}finally{try{if(!c&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(l)throw n}}return o}}(n,b)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(e,t):void 0}}(n,b)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];(0,m.F)();var k=s.a.useBasicFetch(l.L.config()),I=s.a.useBasicFetch(u.X.interactiveMetadata()),E=s.a.useBasicFetch(u.X.interactive()),j=o.B.getAudienceAppLinkParams(),A=o.B.getDateRangeAppLinkParams(),O=s.a.useBasicFetch(u.X.interactiveResults());(0,d.M)({title:I.data?y("pageTitle",{video:null===(t=I.data)||void 0===t?void 0:t.name}):null});var C=E.data&&I.data&&!!O.data,L=Object.assign(Object.assign({},j),A);return a.createElement("div",{className:"px-3"},a.createElement(g.j,{tabs:(0,f.aq)(null===(r=I.data)||void 0===r?void 0:r.id,"questions",L),video:I.data,dateRangeAppLinkParams:A,isDemo:!0}),a.createElement(v.x,{interactive:E.data,interactiveMetadata:I.data,interactionId:e.interactionId,config:k.data,sortBy:e.sortBy,isFetching:O.isFetching||E.isFetching,anonymiseUsers:h,results:O.data,hasDataLoaded:C,isDemo:!0}))}},362:(e,t,r)=>{r.d(t,{Z:()=>a});const a={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",xsCircleContainer:"RPqZ2",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"}}}]);
-//# sourceMappingURL=7783-18da4064c0-lite.chunk.js.map

package/dist/scripts/7783-18da4064c0-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7783-18da4064c0-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/AnonymiseUserUtils.ts","file:///app/packages/libs/shared/src/components/percentage-indicator/PercentageIndicator.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/PercentageIndicatorUtils.ts","file:///app/packages/libs/shared/src/constants/ScoreThresholds.ts","file:///app/packages/libs/shared/src/flight-requests/InsightsDemoRequests.ts","file:///app/packages/libs/shared/src/utils/AnalyticsRequestUtils.ts","file:///app/packages/libs/shared/src/utils/AppRouteHelper.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/questions/InteractiveInsightsQuestionsDemoView.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/percentage-indicator.scss"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import { animals, colors, Config as UniqueNamesConfig, uniqueNamesGenerator } from 'unique-names-generator';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnonSession, AnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { StudentResults } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nconst namespace = 'shared.analyticsUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getUniqueNamesConfig(id: string): UniqueNamesConfig {\n  /**\n   * Generate a seed that is unique to each user but changes every 5 minutes.\n   * \n   * We use a seed so that if the same user's name is anonymised multiple times\n   * in quick succession (e.g. multiple renders), the same name will be returned each time.\n   * \n   * We change the seed every 5 minutes so that students don't always have the same name.\n   */\n  const seed = +`${id}${Math.floor((new Date()).getMinutes() / 5)}`;\n\n  return {\n    dictionaries: [ colors, animals ],\n    separator: ' ',\n    length: 2,\n    style: 'capital',\n    seed\n  };\n}\n\nexport function anonymiseUserName(user: UserOrAnonSession, shouldAnonymise: boolean): string {\n  if (!user)\n    return '';\n\n  if (!shouldAnonymise)\n    return 'sessionId' in user ? user.sessionName : UserHelper.getFullName(user);\n\n  return uniqueNamesGenerator(getUniqueNamesConfig('sessionId' in user ? user.sessionName : user.id));\n}\n\nexport function getAnonSession(sessionId: string, anonSessions: AnonSessions): AnonSession {\n  const fallback = {\n    sessionId: sessionId,\n    sessionName: getPhrase('anonymousUser')\n  };\n\n  if (!sessionId || !anonSessions)\n    return fallback;\n\n  const anonSession = anonSessions[sessionId];\n\n  if (anonSession)\n    return anonSession;\n\n  return fallback;\n}\n\nexport function getUserOrAnonSession(result: StudentResults, anonSessions: AnonSessions): UserOrAnonSession {\n  if (result.user)\n    return result.user;\n\n  return getAnonSession(result.sessionId, anonSessions);\n}\n","import React from 'react';\n\nimport { ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport {\n  getCircleClassName,\n  getCircleContainerClassName,\n  getCircleRadius,\n  getColouredLabelClassName,\n  getFormattedPercentage,\n  getPercentageToFixed,\n  isPending,\n  ProgressCircleSize\n} from './PercentageIndicatorUtils';\n\nimport styles from './percentage-indicator.scss';\n\ninterface ProgressCircleProps {\n  size: ProgressCircleSize;\n  scoreThresholds?: ScoreThresholds;\n  percentage?: number;\n}\n\nfunction ProgressCircle(props: ProgressCircleProps): JSX.Element {\n  const ref = React.useCallback((circle: SVGCircleElement) => {\n    if (!circle)\n      return;\n\n    const radius = circle.r.baseVal.value;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - props.percentage * circumference;\n\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\n    circle.style.strokeDashoffset = offset.toString();\n  }, [props.percentage]);\n\n  return (\n    <svg>\n      <circle r={getCircleRadius(props.size)} className={styles.backgroundCircle} />\n      {!isPending(props.percentage) &&\n        <circle\n          ref={ref}\n          r={getCircleRadius(props.size)}\n          className={getCircleClassName(props.percentage, props.scoreThresholds)}\n        />\n      }\n    </svg>\n  );\n}\n\nexport enum PercentageIndicatorLayout {\n  CircleOnly = 'circle_only',\n  LabelOnly = 'label_only',\n  LabelBefore = 'label_before',\n  LabelInside = 'label_inside'\n}\n\ninterface PercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  percentage?: number; // Between 0 and 1 or undefined for pending\n  className?: string;\n  customLabel?: string;\n  scoreThresholds?: ScoreThresholds;\n  size?: ProgressCircleSize;\n}\n\nPercentageIndicator.defaultProps = {\n  layout: PercentageIndicatorLayout.CircleOnly\n};\n\nexport function PercentageIndicator(props: PercentageIndicatorProps): JSX.Element {\n  const percentageToFixed = getPercentageToFixed(props.percentage);\n\n  const size = props.size ||\n    (props.layout === PercentageIndicatorLayout.LabelInside\n      ? ProgressCircleSize.Large\n      : ProgressCircleSize.Small\n    );\n\n  const label = props.customLabel || getFormattedPercentage(percentageToFixed);\n\n  if (props.layout === PercentageIndicatorLayout.LabelOnly)\n    return (\n      <span className={getColouredLabelClassName(percentageToFixed)}>\n        {label}\n      </span>\n    );\n\n  return (\n    <div className={`d-flex align-items-center justify-content-between ${props.className ?? ''}`}>\n      {props.layout === PercentageIndicatorLayout.LabelBefore &&\n        <span className='me-2'>\n          {label}\n        </span>\n      }\n      <div className={getCircleContainerClassName(size, percentageToFixed)}>\n        <ProgressCircle percentage={percentageToFixed} size={size} scoreThresholds={props.scoreThresholds} />\n        {props.layout === PercentageIndicatorLayout.LabelInside &&\n          <span className={styles.centredPercentageText}>\n            {label}\n          </span>\n        }\n      </div>\n    </div>\n  );\n}","import { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport styles from './percentage-indicator.scss';\n\n/**\n * Values for width and strokeWidth are taken from progress-circle.scss.\n * If either are changed, they must be updated in both places.\n */\nconst CIRCLE_WIDTH = 2; // rem\nconst CIRCLE_WIDTH_LG = 5.8; // rem\nconst CIRCLE_STROKE_WIDTH = 0.2; // rem\nconst CIRCLE_STROKE_WIDTH_LG = 0.36; // rem\n \nexport enum ProgressCircleSize {\n  Small = 'small',\n  Large = 'large',\n  ExtraSmall = 'extraSmall'\n}\n\nconst ProgressCircleSizeMap = {\n  [ProgressCircleSize.ExtraSmall]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Small]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Large]: {\n    size: CIRCLE_WIDTH_LG\n  }\n};\n\n/**\n * radius = width / 2 - strokeWidth * 2\n */\nexport function getCircleRadius(size: ProgressCircleSize): string {\n  const width = ProgressCircleSizeMap[size].size;\n  const strokeWidth = size === ProgressCircleSize.Large ? CIRCLE_STROKE_WIDTH_LG : CIRCLE_STROKE_WIDTH;\n  return `${width / 2 - strokeWidth * 2}rem`;\n}\n  \nexport function getCircleClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return styles.circleSuccess;\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return styles.circleWarning;\n  \n  return styles.circleDanger;\n}\n  \nexport function getColouredLabelClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return 'text-success';\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return 'text-warning';\n  \n  return 'text-danger';\n}\n \nexport function getCircleContainerClassName(size: ProgressCircleSize, percentage?: number): string {\n  let className = `d-inline-block ${styles.circleContainer}`;\n \n  if (size === ProgressCircleSize.Large)\n    className += ` ${styles.lgCircleContainer}`;\n\n  if (size === ProgressCircleSize.ExtraSmall)\n    className += ` ${styles.xsCircleContainer}`;\n\n  if (isPending(percentage))\n    className += ` ${styles.pendingCircle}`;\n \n  return className;\n}\n\nexport function getPercentageToFixed(percentage?: number): number | undefined {\n  if (isPending(percentage))\n    return;\n  \n  return +percentage.toFixed(2);\n}\n \nexport function getFormattedPercentage(percentage?: number): string {\n  if (isPending(percentage))\n    return `--%`;\n\n  return `${Math.round(percentage * 100)}%`;\n}\n\nexport function isPending(percentage?: number): boolean {\n  return typeof percentage !== 'number';\n}","export interface ScoreThresholds {\n  HIGH: number;\n  MODERATE: number;\n}\n\nexport const ScoreThresholdDefaults: ScoreThresholds = {\n  HIGH: 0.75,\n  MODERATE: 0.5\n};\n\nexport const ScoreThresholdInsights: ScoreThresholds = {\n  HIGH: 0.7,\n  MODERATE: 0.7\n};","import { Flight } from 'libs/common/react/index';\n\nexport const InsightsDemoRequests = {\n  interactive(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive.json`,\n      key: `demo:interactive`,\n      normalize: false\n    };\n  },\n\n  interactiveMetadata(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-metadata.json`,\n      key: `demo:interactive:metadata`,\n      normalize: false\n    };\n  },\n\n  interactiveResults(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-results.json`,\n      key: `demo:interactive:results`,\n      normalize: false\n    };\n  },\n\n  videoViews(): Flight.Request {\n    return {\n      url: `/mocks/insights/video-views.json`,\n      key: `demo:video:views`,\n      normalize: false\n    };\n  },\n\n  users(): Flight.Request {\n    return {\n      url: `/mocks/insights/users.json`,\n      key: `demo:users`,\n      normalize: false\n    };\n  },\n\n  individualHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/individual-heatmap.json`,\n      key: `demo:individual:heatmap`,\n      normalize: false\n    };\n  },\n\n  aggregateHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/aggregate-heatmap.json`,\n      key: `demo:aggregate:heatmap`,\n      normalize: false\n    };\n  }\n};","import { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nexport function getAnalyticsRequestKey(baseKey: string, filter: AnalyticsRequestFilter, sharerId?: string): string {\n  let key = `${baseKey}:${filter.start}:${filter.end}`;\n\n  const userIdKey = Array.isArray(filter.userId) ? filter.userId.sort().join(':') : filter.userId;\n  const groupIdKey = Array.isArray(filter.groupId) ? filter.groupId.sort().join(':') : filter.groupId;\n\n  if (userIdKey)\n    key += `:${userIdKey}`;\n\n  if (groupIdKey)\n    key += `:${groupIdKey}`;\n\n  if (sharerId)\n    key += `:${sharerId}`;\n\n  return key;\n}","import { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ContextService } from 'libs/shared/services/ContextService';\n\ninterface UpdateParamsOptions extends Core.AppLinkOptions {\n  merge?: boolean;\n  keysToRemove?: string[]\n}\n\nexport const AppRouteHelper = {\n  /**\n   * Utility to update the params on the current appRoute.\n   * \n   * This is built on top of ContextService rather than build into AppLink\n   * as we will generally only want to update params on appRoutes, not appLinks.\n   */\n  updateParams(params: HashObject, options?: UpdateParamsOptions): void {\n    const { appLink } = ContextService.getCurrentRoute();\n\n    let currentParams = typeof(appLink.params) === 'string'\n      ? Core.LocationUtils.DeserializeQueryParams(appLink.params)\n      : appLink.params as HashObject;\n\n    if (options.keysToRemove)\n      currentParams = ObjectHelper.omit(currentParams, options.keysToRemove);\n\n    const updatedParams = options?.merge\n      ? { ...currentParams, ...params }\n      : params;\n\n    const updatedAppLink = {\n      ...appLink,\n      params: updatedParams\n    };\n\n    /**\n     * This prevents us pointlessly re-triggering if we're already on the right applink.\n     */\n    if (ObjectHelper.isEqual(appLink, updatedAppLink))\n      return;\n  \n    Core.AppLinkHelper.trigger(updatedAppLink, ObjectHelper.omit(options, [ 'merge', 'keysToRemove' ]));\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 { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsQuestions } from 'apps/my-shares/components/interactive-insights-questions/InteractiveInsightsQuestions';\nimport { getInsightsDemoInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.interactiveInsightsQuestionsView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsQuestionsViewProps {\n  interactionId: string;\n  sortBy: SortStudentsBy;\n}\n\nexport function InteractiveInsightsQuestionsDemoView(props: InteractiveInsightsQuestionsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InsightsDemoRequests.interactiveMetadata()\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(InsightsDemoRequests.interactive());\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = Flight.useBasicFetch<InteractiveResultSet>(InsightsDemoRequests.interactiveResults());\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data;\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams\n  };\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        tabs={getInsightsDemoInteractiveTabs(interactiveMetadata.data?.id, 'questions', params)}\n        video={interactiveMetadata.data}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        isDemo\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.isFetching || interactive.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        results={results.data}\n        hasDataLoaded={hasDataLoaded}\n        isDemo\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"circleContainer\":\"p8Vgz\",\"backgroundCircle\":\"asGGE\",\"circleSuccess\":\"PXLNj\",\"circleWarning\":\"ZckRN\",\"circleDanger\":\"slBRg\",\"lgCircleContainer\":\"N8KCI\",\"xsCircleContainer\":\"RPqZ2\",\"pendingCircle\":\"DKrcq\",\"centredPercentageText\":\"tpmLR\"};"],"names":["AnalyticsFilterHelper","getAudienceAppLinkParams","appLink","params","users","classrooms","classroomGroups","getParam","key","param","Array","isArray","audienceFilters","getDateRangeAppLinkParams","from","to","rangeName","dateRangeFilters","getPhrase","anonymiseUserName","user","shouldAnonymise","id","sessionName","seed","Math","floor","Date","getMinutes","dictionaries","separator","length","style","getAnonSession","sessionId","anonSessions","fallback","getUserOrAnonSession","result","PercentageIndicatorLayout","ProgressCircle","props","ref","circle","radius","r","baseVal","value","circumference","PI","offset","percentage","strokeDasharray","strokeDashoffset","toString","size","className","scoreThresholds","PercentageIndicator","percentageToFixed","layout","LabelInside","label","customLabel","LabelOnly","LabelBefore","defaultProps","CircleOnly","ProgressCircleSize","CIRCLE_STROKE_WIDTH","CIRCLE_STROKE_WIDTH_LG","ProgressCircleSizeMap","ExtraSmall","Small","Large","getCircleRadius","width","strokeWidth","getCircleClassName","HIGH","MODERATE","getColouredLabelClassName","getCircleContainerClassName","isPending","getPercentageToFixed","toFixed","getFormattedPercentage","round","ScoreThresholdDefaults","ScoreThresholdInsights","InsightsDemoRequests","interactive","url","normalize","interactiveMetadata","interactiveResults","videoViews","individualHeatmap","aggregateHeatmap","getAnalyticsRequestKey","baseKey","filter","sharerId","start","end","userIdKey","userId","sort","join","groupIdKey","groupId","AppRouteHelper","updateParams","options","currentParams","keysToRemove","updatedParams","merge","updatedAppLink","InteractiveInsightsQuestionsDemoView","anonymiseUsers","config","audienceAppLinkParams","dateRangeAppLinkParams","results","title","data","video","name","hasDataLoaded","tabs","isDemo","interactionId","sortBy","isFetching"],"sourceRoot":""}

package/dist/scripts/8191-ff27deee6c-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8191],{70376:(t,e,n)=>{n.d(e,{W:()=>c});var r=n(32735),a=n(91967);function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var s=5e3;function c(t){var e,n,c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:s,o=(e=r.useState(!1),n=2,function(t){if(Array.isArray(t))return t}(e)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,i,s,c=[],o=!0,u=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);o=!0);}catch(t){u=!0,a=t}finally{try{if(!o&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(u)throw a}}return c}}(e,n)||function(t,e){if(t){if("string"==typeof t)return i(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(t,e):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=o[0],l=o[1],d=r.useRef(null),v=function(){l((function(t){return!t})),d.current=window.setTimeout(v,c)};return r.useEffect((function(){d.current=window.setTimeout(v,c)}),[]),r.useEffect((function(){a.q.isFunction(t)&&t()}),[u]),function(){return window.clearTimeout(d.current)}}},71553:(t,e,n)=>{n.d(e,{I:()=>s});var r=n(99940),a=n(62875);function i(t,e){return{currentUserId:t.id,currentCustomerId:t.customerId,dateRange:{start:e.start,end:e.end},userIds:e.userId,classroomsAndGroups:e.groupId}}var s={interactiveResultSet:function(t,e,n,s,c,o,u,l){return{url:c?"/api/domain/v3/analytics/interactives/".concat(t,"/metadata/").concat(e):"/api/domain/v2/analytics/interactives/".concat(t,"/metadata/").concat(e),key:(0,a.H)("interactive:result:set:".concat(t,":").concat(e),s),data:i(n,s),type:r.k.POST,normalize:!1,success:o,error:u,always:l}},mark:function(t,e,n,a,i,s,c){return{url:"/api/domain/v1/analytics/answers/".concat(n),key:"mark:answer:".concat(n,":").concat(a.resultId),type:r.k.PUT,data:a,normalize:!1,invalidationKeys:"interactive:result:set:".concat(t,":").concat(e),success:i,error:s,always:c}},pendingReviews:function(t){return{url:"/api/domain/v1/analytics/interactives/pending-reviews/summary",key:"interactives:pending:reviews",type:r.k.POST,data:t}},interactiveResultsReport:function(t){return{url:"{gateway}/v2/analytics/interactives/report",key:"interactive:results:report",data:t,type:r.k.POST,normalize:!1}}}},5255:(t,e,n)=>{n.d(e,{Y:()=>c});var r=n(70376),a=n(20354),i=n(30439);function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}function c(t){var e,n=a.a.useGetFetch(),c=t&&i.o.getAnonSessions(t),o=a.a.useBasicFetch(c);return(0,r.W)((function(){return n(c)}),5e3),(null===(e=o.data)||void 0===e?void 0:e.length)?o.data.reduce((function(t,e){return Object.assign(Object.assign({},t),(n={},r=e.sessionId,a=e,(r=function(t){var e=function(t){if("object"!=s(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==s(e)?e:e+""}(r))in n?Object.defineProperty(n,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[r]=a,n));var n,r,a}),{}):{}}},41196:(t,e,n)=>{n.d(e,{W:()=>c});var r=n(20354),a=n(71553),i=n(20768),s=n(31949);function c(t,e,n){var c,o=r.a.useBasicFetch(s.N.currentUser()),u=r.a.useBasicFetch(!!t&&i.b.interactiveMetadata(t)),l=r.a.useBasicFetch(!!(null===(c=u.data)||void 0===c?void 0:c.interactiveId)&&i.b.interactive(u.data.interactiveId)),d=!!o.data&&!!l.data&&!!e;return r.a.useBasicFetch(d&&a.I.interactiveResultSet(u.data.interactiveId,u.data.id,o.data,e,n))}},60003:(t,e,n)=>{n.r(e),n.d(e,{InteractiveInsightsStudentsView:()=>T});var r=n(32735),a=n(81886),i=n(23481),s=n(2948),c=n(20354),o=n(5255),u=n(41196),l=n(26025),d=n(74901),v=n(40003),f=n(38143),y=n(16714),m=n(39151),p=n(20768),b=n(22902),h=n(79612),g=n(37802),I=n(14070),S=n(97291),w=n(53936),A=n(78057),j=n(10447);function k(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}var O=i.T.encloseNamespace("insights.interactiveInsightsStudents");function T(t){var e,n,i,T,B,E=(T=(0,s.D)(f.g.ANONYMISE_USERS),B=1,function(t){if(Array.isArray(t))return t}(T)||function(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,a,i,s,c=[],o=!0,u=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);o=!0);}catch(t){u=!0,a=t}finally{try{if(!o&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(u)throw a}}return c}}(T,B)||function(t,e){if(t){if("string"==typeof t)return k(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(t,e):void 0}}(T,B)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],F=(0,g.r)(null).hasShareFlowV2,R=(0,b.T)().hasPermissions,P=c.a.useBasicFetch(m.L.config()),U=c.a.useBasicFetch(p.b.interactiveMetadata(t.interactiveId)),C=c.a.useBasicFetch((null===(e=U.data)||void 0===e?void 0:e.interactiveId)&&p.b.interactive(U.data.interactiveId)),M=(0,o.Y)(t.shareId),N=l.B.getAudienceAppLinkParams(),_=l.B.getDateRangeAppLinkParams(),L=(0,u.W)(t.interactiveId,Object.assign(Object.assign({},(0,v.wO)((0,v.Hb)(),_)),(0,d.K)(N)),!0),W=C.data&&U.data&&!!L.data;(0,h.M)({title:U.data?O("pageTitle",{video:null===(n=U.data)||void 0===n?void 0:n.name}):null});var V=Object.assign(Object.assign(Object.assign({},N),_),{shareId:t.shareId});return r.createElement("div",{className:"px-3"},r.createElement(w.j,{dateRangeAppLinkParams:_,tabs:(0,j.kj)(t.interactiveId,"results",V),video:U.data,hasAnalytics:R(y.C.ViewCustomerAnalytics),analyticsWebUrl:null===(i=P.data)||void 0===i?void 0:i.analyticsWebUrl,hasShareFlowV2:F,shareId:t.shareId}),r.createElement(A.R,{interactiveMetadata:U.data,viewStudentResults:function(t,e,n){a.Q.C$.trigger({application:S.O.INSIGHTS,action:I.e.Insights.INTERACTIVE_STUDENT_RESULTS,params:{studentId:"id"in t?t.id:void 0,interactiveMetadataId:e,interactionId:n,sessionId:"sessionId"in t?t.sessionId:void 0}})},interactive:C.data,results:L.data,filterBy:t.filterBy,sortBy:t.sortBy,isFetching:L.isFetching,anonymiseUsers:E,hasDataLoaded:W,anonSessions:M}))}}}]);
-//# sourceMappingURL=8191-ff27deee6c-lite.chunk.js.map

package/dist/scripts/8191-ff27deee6c-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/8191-ff27deee6c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/hooks/UsePolling.ts","file:///app/packages/libs/shared/src/apps/analytics/flight-requests/InteractiveResultsRequests.ts","file:///app/packages/libs/shared/src/apps/analytics/hooks/UseAnonSessions.ts","file:///app/packages/libs/shared/src/apps/analytics/hooks/UseFetchInteractiveResults.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/interactive/students/InteractiveInsightsStudentsView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst DEFAULT_POLLING_INTERVAL = 5000; // 5 seconds.\n\n/**\n * Hook to fire a callback at a set interval.\n * @param callback \n * @param pollingInterval \n * \n * Returns a function to clear the timeout.\n */\nexport function usePolling(callback: () => void, pollingInterval: number = DEFAULT_POLLING_INTERVAL): () => void {\n  const [ pollingTrigger, setPollingTrigger ] = React.useState(false);\n\n  const timeoutRef = React.useRef<number>(null);\n\n  const poll = () => {\n    setPollingTrigger(t => !t);\n\n    timeoutRef.current = window.setTimeout(poll, pollingInterval);\n  };\n\n  React.useEffect(() => {\n    timeoutRef.current = window.setTimeout(poll, pollingInterval);\n  }, []);\n\n  React.useEffect(() => {\n    if (FunctionHelper.isFunction(callback))\n      callback();\n  }, [pollingTrigger]);\n\n  return () => window.clearTimeout(timeoutRef.current);\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Flight } from 'libs/common/react/index';\n\nimport { MarkInteractiveAnswer } from 'libs/shared/apps/analytics/interfaces/MarkInteractiveAnswer';\nimport { InteractiveResultsReport } from 'libs/shared/apps/analytics/interfaces/requests/InteractiveResultsReport';\nimport { InteractivesPendingReviewsRequest } from 'libs/shared/apps/analytics/interfaces/requests/InteractivesPendingReviewsRequest';\nimport { AnalyticsRequestFilter, CurrentUser, InteractiveResultSet } from 'libs/shared/interfaces';\nimport { getAnalyticsRequestKey } from 'libs/shared/utils/AnalyticsRequestUtils';\n\ninterface InteractiveResultFilters {\n  currentUserId: string;\n  currentCustomerId: string;\n  dateRange?: { start: string, end: string }\n  userIds?: string | string[];\n  classroomsAndGroups?: string | string[];\n}\n\nfunction getInteractiveResultFilters(\n  currentUser: CurrentUser,\n  filter: AnalyticsRequestFilter\n): InteractiveResultFilters {\n  return {\n    currentUserId: currentUser.id,\n    currentCustomerId: currentUser.customerId,\n    dateRange: { start: filter.start, end: filter.end },\n    userIds: filter.userId,\n    classroomsAndGroups: filter.groupId\n  };\n}\n\nexport const InteractiveResultsRequests = {\n  /** \n   * This endpoint returns data with a lot of duplicated ids,\n   * e.g. student answers to the same question will have the same id.\n   * Because of that, we don't normalize.\n   */\n  interactiveResultSet(\n    interactiveId: string,\n    interactiveMetadataId: string,\n    currentUser: CurrentUser,\n    filter: AnalyticsRequestFilter,\n    includePublicResults: boolean,\n    success?: (data: InteractiveResultSet) => void,\n    error?: (data: any) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: includePublicResults ?\n        `/api/domain/v3/analytics/interactives/${interactiveId}/metadata/${interactiveMetadataId}` :\n        `/api/domain/v2/analytics/interactives/${interactiveId}/metadata/${interactiveMetadataId}`,\n      key: getAnalyticsRequestKey(`interactive:result:set:${interactiveId}:${interactiveMetadataId}`, filter),\n      data: getInteractiveResultFilters(currentUser, filter),\n      type: HttpVerbs.POST,\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  },\n  \n  /**\n     * As the response from `interactiveResultSet` isn't normalised, we need to invalidate the cache\n     * to update the results data.\n     */\n  mark(\n    interactiveId: string,\n    interactiveMetadataId: string,\n    answerId: string,\n    data: MarkInteractiveAnswer,\n    success?: () => void,\n    error?: (data: any) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/domain/v1/analytics/answers/${answerId}`,\n      key: `mark:answer:${answerId}:${data.resultId}`,\n      type: HttpVerbs.PUT,\n      data,\n      normalize: false,\n      invalidationKeys: `interactive:result:set:${interactiveId}:${interactiveMetadataId}`,\n      success,\n      error,\n      always\n    };\n  },\n\n  pendingReviews(data: InteractivesPendingReviewsRequest): Flight.Request {\n    return {\n      url: `/api/domain/v1/analytics/interactives/pending-reviews/summary`,\n      key: `interactives:pending:reviews`,\n      type: HttpVerbs.POST,\n      data\n    };\n  },\n\n  interactiveResultsReport(data: InteractiveResultsReport): Flight.Request {\n    return {\n      url: '{gateway}/v2/analytics/interactives/report',\n      key: 'interactive:results:report',\n      data,\n      type: HttpVerbs.POST,\n      normalize: false\n    };\n  }\n};","import { usePolling } from 'libs/common/react/hooks/UsePolling';\nimport { Flight } from 'libs/common/react/index';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\n\nexport interface AnonSession {\n  sessionId: string;\n  sessionName: string;\n}\n\nexport interface AnonSessions extends Record<string, AnonSession> {}\n\nexport function useAnonSessions(shareId: string): AnonSessions {\n  const fetch = Flight.useGetFetch();\n  const anonSessionsRequest = shareId && ShareRequests.getAnonSessions(shareId);\n  const anonSessionsResponse = Flight.useBasicFetch<AnonSession[]>(anonSessionsRequest);\n\n  usePolling(() => fetch(anonSessionsRequest), 5000);\n\n  if (!anonSessionsResponse.data?.length)\n    return {};\n\n  return anonSessionsResponse.data.reduce((prev, current) => ({ ...prev, [current.sessionId]: current }), {});\n}","import { Flight } from 'libs/common/flight';\n\nimport { InteractiveResultsRequests } from 'libs/shared/apps/analytics/flight-requests/InteractiveResultsRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { AnalyticsRequestFilter, CurrentUser, Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nexport function useFetchInteractiveResults(\n  interactiveMetadataId: string,\n  requestFilter: AnalyticsRequestFilter,\n  includePublicResults?: boolean\n): Flight.Response<InteractiveResultSet> {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(!!interactiveMetadataId &&\n    InteractiveRequests.interactiveMetadata(interactiveMetadataId));\n\n  const interactive = Flight.useBasicFetch<Interactive>(!!interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const shouldFetchResults = !!currentUser.data && !!interactive.data && (!!requestFilter);\n\n  return Flight.useBasicFetch<InteractiveResultSet>(shouldFetchResults &&\n    InteractiveResultsRequests.interactiveResultSet(\n      interactiveMetadata.data.interactiveId,\n      interactiveMetadata.data.id,\n      currentUser.data,\n      requestFilter,\n      includePublicResults\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 { useAnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { getAudienceParams } from 'libs/shared/apps/analytics/utils/AudienceUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { FilterStudentsBy, SortStudentsBy } from 'libs/shared/apps/analytics/utils/StudentTableUtils';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InteractiveInsightsStudents } from 'apps/my-shares/components/interactive-insights-students/InteractiveInsightsStudents';\nimport { getInsightsInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'insights.interactiveInsightsStudents';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveInsightsStudentsViewProps {\n  interactiveId: string;\n  sortBy: SortStudentsBy;\n  filterBy: FilterStudentsBy;\n  shareId?: string;\n}\n\nexport function InteractiveInsightsStudentsView(props: InteractiveInsightsStudentsViewProps) {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  const { hasShareFlowV2 } = useSettings(null);\n\n  const { hasPermissions } = usePermissions();\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const anonSessions = useAnonSessions(props.shareId);\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = useFetchInteractiveResults(props.interactiveId, {\n    ...getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams),\n    ...getAudienceParams(audienceAppLinkParams)\n  }, true);\n\n  const hasDataLoaded = interactive.data && interactiveMetadata.data && !!results.data;\n\n  useSetPageMetadata({ title: interactiveMetadata.data ? getPhrase('pageTitle', { video: interactiveMetadata.data?.name }) : null });\n\n  function viewStudentResults(\n    user: UserOrAnonSession,\n    interactiveMetadataId: string,\n    interactionId?: string\n  ) {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.INSIGHTS,\n      action: Actions.Insights.INTERACTIVE_STUDENT_RESULTS,\n      params: {\n        studentId: 'id' in user ? user.id : undefined,\n        interactiveMetadataId,\n        interactionId,\n        sessionId: 'sessionId' in user ? user.sessionId : undefined\n      }\n    });\n  }\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams,\n    shareId: props.shareId\n  };\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        tabs={getInsightsInteractiveTabs(props.interactiveId, 'results', params)}\n        video={interactiveMetadata.data}\n        hasAnalytics={hasPermissions(PermissionName.ViewCustomerAnalytics)}\n        analyticsWebUrl={config.data?.analyticsWebUrl}\n        hasShareFlowV2={hasShareFlowV2}\n        shareId={props.shareId}\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        isFetching={results.isFetching}\n        anonymiseUsers={anonymiseUsers}\n        hasDataLoaded={hasDataLoaded}\n        anonSessions={anonSessions}\n      />\n    </div>\n  );\n}"],"names":["DEFAULT_POLLING_INTERVAL","usePolling","callback","pollingInterval","pollingTrigger","setPollingTrigger","timeoutRef","t","current","window","setTimeout","clearTimeout","getInteractiveResultFilters","currentUser","filter","currentUserId","id","currentCustomerId","customerId","dateRange","start","end","userIds","userId","classroomsAndGroups","groupId","InteractiveResultsRequests","interactiveResultSet","interactiveId","interactiveMetadataId","includePublicResults","success","error","always","url","key","data","type","normalize","mark","answerId","resultId","invalidationKeys","pendingReviews","interactiveResultsReport","useAnonSessions","shareId","fetch","anonSessionsRequest","anonSessionsResponse","length","reduce","prev","sessionId","useFetchInteractiveResults","requestFilter","interactiveMetadata","interactive","shouldFetchResults","I","getPhrase","InteractiveInsightsStudentsView","props","anonymiseUsers","hasShareFlowV2","hasPermissions","config","anonSessions","audienceAppLinkParams","dateRangeAppLinkParams","results","hasDataLoaded","title","video","name","params","className","tabs","hasAnalytics","analyticsWebUrl","viewStudentResults","user","interactionId","application","action","studentId","undefined","filterBy","sortBy","isFetching"],"sourceRoot":""}

package/dist/scripts/8672-094d54cbbd-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8672],{26025:(e,a,t)=>{t.d(a,{B:()=>i});var r=t(1048),n=t(75795),i={getAudienceAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,a=r.t.isObject(e.params)?e.params:{},t=a.users,i=a.classrooms,s=a.classroomGroups,c=function(e){var t=a[e];if(t)return Array.isArray(t)?t:[t]},o={};return t&&(o.users=c("users")),i&&(o.classrooms=c("classrooms")),s&&(o.classroomGroups=c("classroomGroups")),o},getDateRangeAppLinkParams:function(){var e=n.O.getCurrentRoute().appLink,a=r.t.isObject(e.params)?e.params:{},t=a.from,i=a.to,s=a.rangeName,c={};return t&&(c.from=t),i&&(c.to=i),s&&(c.rangeName=s),c}}},26136:(e,a,t)=>{t.d(a,{B2:()=>c,DV:()=>l,jP:()=>o});var r=t(76198),n=t(23481),i=t(64818),s=n.T.encloseNamespace("shared.analyticsUtils");function c(e,a){return e?a?(0,r._8)((t="sessionId"in e?e.sessionName:e.id,n=+"".concat(t).concat(Math.floor((new Date).getMinutes()/5)),{dictionaries:[r.O9,r.yd],separator:" ",length:2,style:"capital",seed:n})):"sessionId"in e?e.sessionName:i.l.getFullName(e):"";var t,n}function o(e,a){var t={sessionId:e,sessionName:s("anonymousUser")};return e&&a&&a[e]||t}function l(e,a){return e.user?e.user:o(e.sessionId,a)}},40782:(e,a,t)=>{t.d(a,{I:()=>r,O:()=>o});var r,n=t(32735),i=t(2606),s=t(362);function c(e){var a=n.useCallback((function(a){if(a){var t=a.r.baseVal.value,r=2*Math.PI*t,n=r-e.percentage*r;a.style.strokeDasharray="".concat(r," ").concat(r),a.style.strokeDashoffset=n.toString()}}),[e.percentage]);return n.createElement("svg",null,n.createElement("circle",{r:(0,i.pu)(e.size),className:s.Z.backgroundCircle}),!(0,i.zR)(e.percentage)&&n.createElement("circle",{ref:a,r:(0,i.pu)(e.size),className:(0,i.V4)(e.percentage,e.scoreThresholds)}))}function o(e){var a,t=(0,i.Ki)(e.percentage),o=e.size||(e.layout===r.LabelInside?i.Mk.Large:i.Mk.Small),l=e.customLabel||(0,i.DV)(t);return e.layout===r.LabelOnly?n.createElement("span",{className:(0,i.IA)(t)},l):n.createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===r.LabelBefore&&n.createElement("span",{className:"me-2"},l),n.createElement("div",{className:(0,i.tw)(o,t)},n.createElement(c,{percentage:t,size:o,scoreThresholds:e.scoreThresholds}),e.layout===r.LabelInside&&n.createElement("span",{className:s.Z.centredPercentageText},l)))}!function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(r||(r={})),o.defaultProps={layout:r.CircleOnly}},2606:(e,a,t)=>{t.d(a,{DV:()=>p,IA:()=>g,Ki:()=>v,Mk:()=>c,V4:()=>d,pu:()=>m,tw:()=>f,zR:()=>y});var r=t(94892),n=t(362);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function s(e,a,t){return(a=function(e){var a=function(e){if("object"!=i(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,"string");if("object"!=i(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==i(a)?a:a+""}(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var c,o=.2,l=.36;!function(e){e.Small="small",e.Large="large",e.ExtraSmall="extraSmall"}(c||(c={}));var u=s(s(s({},c.ExtraSmall,{size:2}),c.Small,{size:2}),c.Large,{size:5.8});function m(e){var a=u[e].size,t=e===c.Large?l:o;return"".concat(a/2-2*t,"rem")}function d(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=a.HIGH?n.Z.circleSuccess:e>=a.MODERATE?n.Z.circleWarning:n.Z.circleDanger}function g(e){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:r.i;return e>=a.HIGH?"text-success":e>=a.MODERATE?"text-warning":"text-danger"}function f(e,a){var t="d-inline-block ".concat(n.Z.circleContainer);return e===c.Large&&(t+=" ".concat(n.Z.lgCircleContainer)),e===c.ExtraSmall&&(t+=" ".concat(n.Z.xsCircleContainer)),y(a)&&(t+=" ".concat(n.Z.pendingCircle)),t}function v(e){if(!y(e))return+e.toFixed(2)}function p(e){return y(e)?"--%":"".concat(Math.round(100*e),"%")}function y(e){return"number"!=typeof e}},94892:(e,a,t)=>{t.d(a,{T:()=>n,i:()=>r});var r={HIGH:.75,MODERATE:.5},n={HIGH:.7,MODERATE:.7}},54405:(e,a,t)=>{t.d(a,{X:()=>r});var r={interactive:function(){return{url:"/mocks/insights/interactive.json",key:"demo:interactive",normalize:!1}},interactiveMetadata:function(){return{url:"/mocks/insights/interactive-metadata.json",key:"demo:interactive:metadata",normalize:!1}},interactiveResults:function(){return{url:"/mocks/insights/interactive-results.json",key:"demo:interactive:results",normalize:!1}},videoViews:function(){return{url:"/mocks/insights/video-views.json",key:"demo:video:views",normalize:!1}},users:function(){return{url:"/mocks/insights/users.json",key:"demo:users",normalize:!1}},individualHeatmap:function(){return{url:"/mocks/insights/individual-heatmap.json",key:"demo:individual:heatmap",normalize:!1}},aggregateHeatmap:function(){return{url:"/mocks/insights/aggregate-heatmap.json",key:"demo:aggregate:heatmap",normalize:!1}}}},18006:(e,a,t)=>{t.d(a,{c:()=>r,q:()=>n});var r="D8qRe7",n="GRWx6w"},44183:(e,a,t)=>{t.r(a),t.d(a,{InsightsHeatmapDemoView:()=>L});var r=t(32735),n=t(23481),i=t(2948),s=t(20354),c=t(26025),o=t(60051),l=t(39151),u=t(54405),m=t(47812),d=t(31949),g=t(93322),f=t(79612),v=t(86702),p=t(53936),y=t(35274),h=t(18006),b=t(10447);function k(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}var E=n.T.encloseNamespace("shared.insightsHeatmap");function L(){var e,a,t,n,L=(t=(0,i.D)(v.y.ANONYMISE_USERS),n=1,function(e){if(Array.isArray(e))return e}(t)||function(e,a){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,n,i,s,c=[],o=!0,l=!1;try{if(i=(t=t.call(e)).next,0===a){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(c.push(r.value),c.length!==a);o=!0);}catch(e){l=!0,n=e}finally{try{if(!o&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(l)throw n}}return c}}(t,n)||function(e,a){if(e){if("string"==typeof e)return k(e,a);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,a):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];(0,g.F)();var S=s.a.useBasicFetch(d.N.currentUser()),w=s.a.useBasicFetch(u.X.interactiveMetadata()),A=s.a.useBasicFetch(l.L.config()),C=c.B.getAudienceAppLinkParams(),N=c.B.getDateRangeAppLinkParams(),j=s.a.useBasicFetch(u.X.aggregateHeatmap()),D=s.a.useBasicFetch(u.X.individualHeatmap()),I=s.a.useBasicFetch(u.X.users()),O=s.a.useBasicFetch(u.X.videoViews()),R=s.a.useBasicFetch(w.data&&m.k.createViewKey(function(){var e;return(null===(e=A.data)||void 0===e?void 0:e.liteUrl.includes("staging"))?h.c:h.q}(),o.f.Share));(0,f.M)({title:w.data?E("pageTitle",{video:null===(e=w.data)||void 0===e?void 0:e.name}):null});var z=S.data&&O.data&&w.data&&j.data&&R.data,P=!!D.data,x=Object.assign(Object.assign({},C),N);return r.createElement("div",{className:"px-3"},r.createElement(p.j,{video:w.data,tabs:(0,b.aq)(null===(a=w.data)||void 0===a?void 0:a.id,"heatmap",x),dateRangeAppLinkParams:N,isDemo:!0}),r.createElement(y.w,{aggregateEngagement:j.data,individualEngagement:D.data,videoViews:O.data,config:A.data,users:I.data,viewKey:R.data,hasDataLoaded:!!z,tableDataLoaded:P,anonymiseUsers:L,audienceAppLinkParams:C,dateRangeAppLinkParams:N}))}},362:(e,a,t)=>{t.d(a,{Z:()=>r});const r={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",xsCircleContainer:"RPqZ2",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"}}}]);
-//# sourceMappingURL=8672-094d54cbbd-lite.chunk.js.map

package/dist/scripts/8672-094d54cbbd-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/8672-094d54cbbd-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/AnonymiseUserUtils.ts","file:///app/packages/libs/shared/src/components/percentage-indicator/PercentageIndicator.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/PercentageIndicatorUtils.ts","file:///app/packages/libs/shared/src/constants/ScoreThresholds.ts","file:///app/packages/libs/shared/src/flight-requests/InsightsDemoRequests.ts","file:///app/packages/projects/lite/src/apps/my-shares/constants/DemoInsights.ts","file:///app/packages/projects/lite/src/apps/my-shares/views/demo/heatmap/InsightsHeatmapDemoView.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/percentage-indicator.scss"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import { animals, colors, Config as UniqueNamesConfig, uniqueNamesGenerator } from 'unique-names-generator';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { AnonSession, AnonSessions } from 'libs/shared/apps/analytics/hooks/UseAnonSessions';\nimport { UserOrAnonSession } from 'libs/shared/apps/analytics/interfaces/UserOrAnonSession';\nimport { StudentResults } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nconst namespace = 'shared.analyticsUtils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getUniqueNamesConfig(id: string): UniqueNamesConfig {\n  /**\n   * Generate a seed that is unique to each user but changes every 5 minutes.\n   * \n   * We use a seed so that if the same user's name is anonymised multiple times\n   * in quick succession (e.g. multiple renders), the same name will be returned each time.\n   * \n   * We change the seed every 5 minutes so that students don't always have the same name.\n   */\n  const seed = +`${id}${Math.floor((new Date()).getMinutes() / 5)}`;\n\n  return {\n    dictionaries: [ colors, animals ],\n    separator: ' ',\n    length: 2,\n    style: 'capital',\n    seed\n  };\n}\n\nexport function anonymiseUserName(user: UserOrAnonSession, shouldAnonymise: boolean): string {\n  if (!user)\n    return '';\n\n  if (!shouldAnonymise)\n    return 'sessionId' in user ? user.sessionName : UserHelper.getFullName(user);\n\n  return uniqueNamesGenerator(getUniqueNamesConfig('sessionId' in user ? user.sessionName : user.id));\n}\n\nexport function getAnonSession(sessionId: string, anonSessions: AnonSessions): AnonSession {\n  const fallback = {\n    sessionId: sessionId,\n    sessionName: getPhrase('anonymousUser')\n  };\n\n  if (!sessionId || !anonSessions)\n    return fallback;\n\n  const anonSession = anonSessions[sessionId];\n\n  if (anonSession)\n    return anonSession;\n\n  return fallback;\n}\n\nexport function getUserOrAnonSession(result: StudentResults, anonSessions: AnonSessions): UserOrAnonSession {\n  if (result.user)\n    return result.user;\n\n  return getAnonSession(result.sessionId, anonSessions);\n}\n","import React from 'react';\n\nimport { ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport {\n  getCircleClassName,\n  getCircleContainerClassName,\n  getCircleRadius,\n  getColouredLabelClassName,\n  getFormattedPercentage,\n  getPercentageToFixed,\n  isPending,\n  ProgressCircleSize\n} from './PercentageIndicatorUtils';\n\nimport styles from './percentage-indicator.scss';\n\ninterface ProgressCircleProps {\n  size: ProgressCircleSize;\n  scoreThresholds?: ScoreThresholds;\n  percentage?: number;\n}\n\nfunction ProgressCircle(props: ProgressCircleProps): JSX.Element {\n  const ref = React.useCallback((circle: SVGCircleElement) => {\n    if (!circle)\n      return;\n\n    const radius = circle.r.baseVal.value;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - props.percentage * circumference;\n\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\n    circle.style.strokeDashoffset = offset.toString();\n  }, [props.percentage]);\n\n  return (\n    <svg>\n      <circle r={getCircleRadius(props.size)} className={styles.backgroundCircle} />\n      {!isPending(props.percentage) &&\n        <circle\n          ref={ref}\n          r={getCircleRadius(props.size)}\n          className={getCircleClassName(props.percentage, props.scoreThresholds)}\n        />\n      }\n    </svg>\n  );\n}\n\nexport enum PercentageIndicatorLayout {\n  CircleOnly = 'circle_only',\n  LabelOnly = 'label_only',\n  LabelBefore = 'label_before',\n  LabelInside = 'label_inside'\n}\n\ninterface PercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  percentage?: number; // Between 0 and 1 or undefined for pending\n  className?: string;\n  customLabel?: string;\n  scoreThresholds?: ScoreThresholds;\n  size?: ProgressCircleSize;\n}\n\nPercentageIndicator.defaultProps = {\n  layout: PercentageIndicatorLayout.CircleOnly\n};\n\nexport function PercentageIndicator(props: PercentageIndicatorProps): JSX.Element {\n  const percentageToFixed = getPercentageToFixed(props.percentage);\n\n  const size = props.size ||\n    (props.layout === PercentageIndicatorLayout.LabelInside\n      ? ProgressCircleSize.Large\n      : ProgressCircleSize.Small\n    );\n\n  const label = props.customLabel || getFormattedPercentage(percentageToFixed);\n\n  if (props.layout === PercentageIndicatorLayout.LabelOnly)\n    return (\n      <span className={getColouredLabelClassName(percentageToFixed)}>\n        {label}\n      </span>\n    );\n\n  return (\n    <div className={`d-flex align-items-center justify-content-between ${props.className ?? ''}`}>\n      {props.layout === PercentageIndicatorLayout.LabelBefore &&\n        <span className='me-2'>\n          {label}\n        </span>\n      }\n      <div className={getCircleContainerClassName(size, percentageToFixed)}>\n        <ProgressCircle percentage={percentageToFixed} size={size} scoreThresholds={props.scoreThresholds} />\n        {props.layout === PercentageIndicatorLayout.LabelInside &&\n          <span className={styles.centredPercentageText}>\n            {label}\n          </span>\n        }\n      </div>\n    </div>\n  );\n}","import { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport styles from './percentage-indicator.scss';\n\n/**\n * Values for width and strokeWidth are taken from progress-circle.scss.\n * If either are changed, they must be updated in both places.\n */\nconst CIRCLE_WIDTH = 2; // rem\nconst CIRCLE_WIDTH_LG = 5.8; // rem\nconst CIRCLE_STROKE_WIDTH = 0.2; // rem\nconst CIRCLE_STROKE_WIDTH_LG = 0.36; // rem\n \nexport enum ProgressCircleSize {\n  Small = 'small',\n  Large = 'large',\n  ExtraSmall = 'extraSmall'\n}\n\nconst ProgressCircleSizeMap = {\n  [ProgressCircleSize.ExtraSmall]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Small]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Large]: {\n    size: CIRCLE_WIDTH_LG\n  }\n};\n\n/**\n * radius = width / 2 - strokeWidth * 2\n */\nexport function getCircleRadius(size: ProgressCircleSize): string {\n  const width = ProgressCircleSizeMap[size].size;\n  const strokeWidth = size === ProgressCircleSize.Large ? CIRCLE_STROKE_WIDTH_LG : CIRCLE_STROKE_WIDTH;\n  return `${width / 2 - strokeWidth * 2}rem`;\n}\n  \nexport function getCircleClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return styles.circleSuccess;\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return styles.circleWarning;\n  \n  return styles.circleDanger;\n}\n  \nexport function getColouredLabelClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return 'text-success';\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return 'text-warning';\n  \n  return 'text-danger';\n}\n \nexport function getCircleContainerClassName(size: ProgressCircleSize, percentage?: number): string {\n  let className = `d-inline-block ${styles.circleContainer}`;\n \n  if (size === ProgressCircleSize.Large)\n    className += ` ${styles.lgCircleContainer}`;\n\n  if (size === ProgressCircleSize.ExtraSmall)\n    className += ` ${styles.xsCircleContainer}`;\n\n  if (isPending(percentage))\n    className += ` ${styles.pendingCircle}`;\n \n  return className;\n}\n\nexport function getPercentageToFixed(percentage?: number): number | undefined {\n  if (isPending(percentage))\n    return;\n  \n  return +percentage.toFixed(2);\n}\n \nexport function getFormattedPercentage(percentage?: number): string {\n  if (isPending(percentage))\n    return `--%`;\n\n  return `${Math.round(percentage * 100)}%`;\n}\n\nexport function isPending(percentage?: number): boolean {\n  return typeof percentage !== 'number';\n}","export interface ScoreThresholds {\n  HIGH: number;\n  MODERATE: number;\n}\n\nexport const ScoreThresholdDefaults: ScoreThresholds = {\n  HIGH: 0.75,\n  MODERATE: 0.5\n};\n\nexport const ScoreThresholdInsights: ScoreThresholds = {\n  HIGH: 0.7,\n  MODERATE: 0.7\n};","import { Flight } from 'libs/common/react/index';\n\nexport const InsightsDemoRequests = {\n  interactive(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive.json`,\n      key: `demo:interactive`,\n      normalize: false\n    };\n  },\n\n  interactiveMetadata(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-metadata.json`,\n      key: `demo:interactive:metadata`,\n      normalize: false\n    };\n  },\n\n  interactiveResults(): Flight.Request {\n    return {\n      url: `/mocks/insights/interactive-results.json`,\n      key: `demo:interactive:results`,\n      normalize: false\n    };\n  },\n\n  videoViews(): Flight.Request {\n    return {\n      url: `/mocks/insights/video-views.json`,\n      key: `demo:video:views`,\n      normalize: false\n    };\n  },\n\n  users(): Flight.Request {\n    return {\n      url: `/mocks/insights/users.json`,\n      key: `demo:users`,\n      normalize: false\n    };\n  },\n\n  individualHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/individual-heatmap.json`,\n      key: `demo:individual:heatmap`,\n      normalize: false\n    };\n  },\n\n  aggregateHeatmap(): Flight.Request {\n    return {\n      url: `/mocks/insights/aggregate-heatmap.json`,\n      key: `demo:aggregate:heatmap`,\n      normalize: false\n    };\n  }\n};","export const DEMO_INTERACTIVE_STAGING_ID = 'D8qRe7';\nexport const DEMO_INTERACTIVE_PROD_ID = 'GRWx6w';","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 { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InsightsDemoRequests } from 'libs/shared/flight-requests/InsightsDemoRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Engagement, IndividualEngagementResponse, InteractiveMetadata, PlayerViewKey, User } from 'libs/shared/interfaces';\n\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\n\nimport { InsightsHeader } from 'apps/my-shares/components/insights-header/InsightsHeader';\nimport { InsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/InsightsHeatmap';\nimport { DEMO_INTERACTIVE_PROD_ID, DEMO_INTERACTIVE_STAGING_ID } from 'apps/my-shares/constants/DemoInsights';\nimport { getInsightsDemoInteractiveTabs } from 'apps/my-shares/utils/InsightsAppLinkUtils';\n\nconst namespace = 'shared.insightsHeatmap';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function InsightsHeatmapDemoView() {\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const video = Flight.useBasicFetch<InteractiveMetadata>(\n    InsightsDemoRequests.interactiveMetadata()\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const audienceAppLinkParams = AnalyticsFilterHelper.getAudienceAppLinkParams();\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    InsightsDemoRequests.aggregateHeatmap()\n  );\n\n  const individualEngagement = Flight.useBasicFetch<IndividualEngagementResponse>(\n    InsightsDemoRequests.individualHeatmap()\n  );\n\n  const users = Flight.useBasicFetch<User[]>(InsightsDemoRequests.users());\n\n  const videoViews = Flight.useBasicFetch<VideoViewEventResponse>(InsightsDemoRequests.videoViews());\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(video.data &&\n    PlayerRequests.createViewKey(getDemoInteractiveId(), MediaIdType.Share));\n\n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n\n  const hasDataLoaded =\n    currentUser.data &&\n    videoViews.data &&\n    video.data &&\n    aggregateEngagement.data &&\n    viewKey.data;\n\n  const tableDataLoaded = !!individualEngagement.data;\n\n  const params = {\n    ...audienceAppLinkParams,\n    ...dateRangeAppLinkParams\n  };\n\n  function getDemoInteractiveId() {\n    if (config.data?.liteUrl.includes('staging')) return DEMO_INTERACTIVE_STAGING_ID;\n\n    return DEMO_INTERACTIVE_PROD_ID;\n  }\n\n  return (\n    <div className='px-3'>\n      <InsightsHeader\n        video={video.data}\n        tabs={getInsightsDemoInteractiveTabs(video.data?.id, 'heatmap', params)}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n        isDemo\n      />\n\n      <InsightsHeatmap\n        aggregateEngagement={aggregateEngagement.data}\n        individualEngagement={individualEngagement.data}\n        videoViews={videoViews.data}\n        config={config.data}\n        users={users.data}\n        viewKey={viewKey.data}\n        hasDataLoaded={!!hasDataLoaded}\n        tableDataLoaded={tableDataLoaded}\n        anonymiseUsers={anonymiseUsers}\n        audienceAppLinkParams={audienceAppLinkParams}\n        dateRangeAppLinkParams={dateRangeAppLinkParams}\n      />\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"circleContainer\":\"p8Vgz\",\"backgroundCircle\":\"asGGE\",\"circleSuccess\":\"PXLNj\",\"circleWarning\":\"ZckRN\",\"circleDanger\":\"slBRg\",\"lgCircleContainer\":\"N8KCI\",\"xsCircleContainer\":\"RPqZ2\",\"pendingCircle\":\"DKrcq\",\"centredPercentageText\":\"tpmLR\"};"],"names":["AnalyticsFilterHelper","getAudienceAppLinkParams","appLink","params","users","classrooms","classroomGroups","getParam","key","param","Array","isArray","audienceFilters","getDateRangeAppLinkParams","from","to","rangeName","dateRangeFilters","getPhrase","anonymiseUserName","user","shouldAnonymise","id","sessionName","seed","Math","floor","Date","getMinutes","dictionaries","separator","length","style","getAnonSession","sessionId","anonSessions","fallback","getUserOrAnonSession","result","PercentageIndicatorLayout","ProgressCircle","props","ref","circle","radius","r","baseVal","value","circumference","PI","offset","percentage","strokeDasharray","strokeDashoffset","toString","size","className","scoreThresholds","PercentageIndicator","percentageToFixed","layout","LabelInside","label","customLabel","LabelOnly","LabelBefore","defaultProps","CircleOnly","ProgressCircleSize","CIRCLE_STROKE_WIDTH","CIRCLE_STROKE_WIDTH_LG","ProgressCircleSizeMap","ExtraSmall","Small","Large","getCircleRadius","width","strokeWidth","getCircleClassName","HIGH","MODERATE","getColouredLabelClassName","getCircleContainerClassName","isPending","getPercentageToFixed","toFixed","getFormattedPercentage","round","ScoreThresholdDefaults","ScoreThresholdInsights","InsightsDemoRequests","interactive","url","normalize","interactiveMetadata","interactiveResults","videoViews","individualHeatmap","aggregateHeatmap","DEMO_INTERACTIVE_STAGING_ID","DEMO_INTERACTIVE_PROD_ID","InsightsHeatmapDemoView","anonymiseUsers","currentUser","video","config","audienceAppLinkParams","dateRangeAppLinkParams","aggregateEngagement","individualEngagement","viewKey","data","liteUrl","includes","getDemoInteractiveId","title","name","hasDataLoaded","tableDataLoaded","tabs","isDemo"],"sourceRoot":""}

package/dist/scripts/8723-c3aaa1643a-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8723],{26025:(e,t,n)=>{n.d(t,{B:()=>i});var a=n(1048),r=n(75795),i={getAudienceAppLinkParams:function(){var e=r.O.getCurrentRoute().appLink,t=a.t.isObject(e.params)?e.params:{},n=t.users,i=t.classrooms,o=t.classroomGroups,s=function(e){var n=t[e];if(n)return Array.isArray(n)?n:[n]},l={};return n&&(l.users=s("users")),i&&(l.classrooms=s("classrooms")),o&&(l.classroomGroups=s("classroomGroups")),l},getDateRangeAppLinkParams:function(){var e=r.O.getCurrentRoute().appLink,t=a.t.isObject(e.params)?e.params:{},n=t.from,i=t.to,o=t.rangeName,s={};return n&&(s.from=n),i&&(s.to=i),o&&(s.rangeName=o),s}}},38502:(e,t,n)=>{n.d(t,{r:()=>d});var a=n(32735),r=n(49985),i=n(15611),o=n(18559),s=n(11607),l=n(83914),c=n(22771);function u(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(l.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(o.C,{type:o.g.Count,data:e.tab.count})))}function d(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(c.Z.pillTabSelector,"\n        ").concat(e.borderRadius?c.Z.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map((function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(c.Z.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?c.Z.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(i.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(c.Z.tabLink,"\n                  ")},a.createElement(u,{tab:e})):a.createElement(s.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(c.Z.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&r.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(u,{tab:e})))}))))}d.defaultProps={borderRadius:"lg"}},94644:(e,t,n)=>{n.d(t,{r:()=>u});var a=n(50242),r=n(81886),i=n(67058),o=n(14553),s=n(49267),l=n(49075),c={notFound:i.d,forbidden:{rating:o.q,yearLevel:o.q,region:s.a,privacy:o.q},badRequest:l._,internalServerError:l._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var o=Object.assign(Object.assign({},c),t);i&&r.Q.Ry.isStatusCodeError(i)&&(i!==a.o.InternalServer?i!==a.o.NotFound?i!==a.o.Forbidden?n.badRequest||r.Q.Ry.throw(new o.badRequest):n.forbidden||r.Q.Ry.throw(new o.forbidden.privacy):n.notFound||r.Q.Ry.throw(new o.notFound):n.internalServerError||r.Q.Ry.throw(new l._))}}},39902:(e,t,n)=>{n.d(t,{F:()=>m,f:()=>p});var a=n(32735),r=n(20354),i=n(75896);function o(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function u(e,t,n){return(t=function(e){var t=function(e){if("object"!=c(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==c(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var d=50;function p(e,t){var n=i.m.chunk(e,d).map((function(e){return t(i.m.uniq(e))})),a=r.a.useBasicFetchAll(n),o=i.m.flatten(a.data),s=a.data.length?o.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},t.id,t))}),{}):null;return{itemsArr:o,items:s,isFetching:a.isFetching}}function m(e,t,n){var l,p,m,v,f=n||function(e){return"object"===c(e)?e.id:e},h=a.useRef(new Set),g=(m=a.useState([]),v=2,function(e){if(Array.isArray(e))return e}(m)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,s=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(s.push(a.value),s.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return s}}(m,v)||s(m,v)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),y=g[0],E=g[1];a.useEffect((function(){if(null==e?void 0:e.length){var n=[];e.forEach((function(e){var t=f(e);h.current.has(t)||(n.push(e),h.current.add(t))})),n.length&&E((function(e){return[].concat(o(e),o(i.m.chunk(n,d).map(t)))}))}}),[null==e?void 0:e.length]);var I=r.a.useBasicFetchAll(y),b=i.m.flatten(I.data),S=I.data.length?b.reduce((function(e,t){return Object.assign(Object.assign({},e),u({},f(t),t))}),{}):null;return{hasFirstRequestCompleted:!!(null===(p=null===(l=I.responses)||void 0===l?void 0:l[0])||void 0===p?void 0:p.hasCompleted),itemsArr:b,items:S,isFetching:I.isFetching}}},91286:(e,t,n)=>{n.d(t,{v:()=>o});var a=n(32735),r=n(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function o(e,t,n){var o=Array.isArray(e)?e:[e];(0,a.useEffect)((function(){o.forEach((function(e){(0,r.r)(e.statusCode,t,n)}))}),[i(o),t,n])}},60115:(e,t,n)=>{n.d(t,{K:()=>c});var a=n(32735),r=n(50242),i=n(91967),o=400,s=n(45719);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function c(e,t,n,c,u,d){var p,m,v,f,h=(p=(0,a.useState)(0),m=2,function(e){if(Array.isArray(e))return e}(p)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,s=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(s.push(a.value),s.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return s}}(p,m)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(p,m)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=h[0],y=h[1],E=t,I=(0,s.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),c,u);return v={fetchNextPage:function(){if(t&&e&&I)return y((function(e){return e+1})),E(I.nextCursor)},hasMore:!!(null==I?void 0:I.nextCursor),isFetching:null==I?void 0:I.isFetching,scrollContainer:d},f=function(){if(!v.isFetching){if(v.scrollContainer){var e=v.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-o)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-o)return;v.fetchNextPage()}},(0,a.useEffect)((function(){var e=i.q.throttle(f,200),t=v.scrollContainer||window;return v.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[v.hasMore,v.fetchNextPage,v.scrollContainer]),(0,a.useEffect)((function(){I&&I.shouldInitialFetch&&t&&(E(),y((function(e){return e+1})))}),[null==I?void 0:I.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==I?void 0:I.statusCode)&&i.q.isFunction(n)){var a=+(null===(t=null===(e=I.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==r.k.ClientError&&a!==r.k.ServerError||n(g,I.statusCode)}}),[null==I?void 0:I.statusCode]),{items:null==I?void 0:I.items,hasMore:!!(null==I?void 0:I.nextCursor),nextCursor:null==I?void 0:I.nextCursor,isFetching:null==I?void 0:I.isFetching,totalItems:null==I?void 0:I.totalItems,hasFirstPageCompleted:null==I?void 0:I.hasFirstPageCompleted}}},93322:(e,t,n)=>{n.d(t,{F:()=>i});var a=n(32735),r=n(13126);function i(){a.useEffect((function(){return r.e.lockContentWidth(),function(){return r.e.unlockContentWidth()}}),[])}},48723:(e,t,n)=>{n.r(t),n.d(t,{VideoListView:()=>j});var a=n(32735),r=n(70680),i=n(20354),o=n(65858),s=n(26025),l=n(87801),c=n(1860),u=n(75100),d=n(51365),p=n(4594),m=n(16714),v=n(183),f=n(23788),h=n(39151),g=n(5112),y=n(60011),E=n(31949),I=n(91286),b=n(60115),S=n(93322),A=n(22902),N=n(79612),O=n(37802),T=n(10671),C=n(58321),k=n(97816),L=n(10741),R=n(22490),_=n(53936),w=n(10447);function j(e){var t,n,j,F,P,x=(0,r.I0)(),V=i.a.useBasicFetch(h.L.config()),H=i.a.useBasicFetch(E.N.currentUser()),M=(0,O.r)(null).hasShareFlowV2,G=(0,A.T)().hasPermissions,U=(0,C.U)({locationContext:o.LZ.Insights}).commonVideoProps,D=e.typeId===p.E.Series&&y.J.series(e.objectId),W=i.a.useBasicFetch(D),q=e.typeId===p.E.Playlist&&g.C.getPlaylist(e.objectId),B=i.a.useBasicFetch(q),Z=f.D.Series,Q=s.B.getAudienceAppLinkParams(),Y=s.B.getDateRangeAppLinkParams(),$=Object.assign(Object.assign({},Q),Y),J=(0,T._)({location:T.i.VideoItem}),K=(0,b.K)(!!H.data&&te,ne),z=K.items,X=K.isFetching,ee=K.nextCursor;function te(t){var n;return e.typeId===p.E.Series?y.J.seriesVideos(e.objectId,null===(n=H.data)||void 0===n?void 0:n.id,Z,t):g.C.getPlaylistVideos(e.objectId,t)}function ne(e){return i.a.getFetch(x)(te(e))}return(0,S.F)(),(0,N.M)({title:null!==(n=null===(t=W.data)||void 0===t?void 0:t.name)&&void 0!==n?n:null===(j=B.data)||void 0===j?void 0:j.name}),(0,I.v)([W,B]),(0,k.V)(z),a.createElement(d.M.Provider,{value:J},a.createElement("div",{className:"px-3"},a.createElement(_.j,{video:null!==(F=W.data)&&void 0!==F?F:B.data,dateRangeAppLinkParams:Y,tabs:e.typeId===p.E.Series?(0,w.lo)(e.objectId,"videos",$):e.typeId===p.E.Playlist?(0,w.W_)(e.objectId,"videos",$):[],hasAnalytics:G(m.C.ViewCustomerAnalytics),analyticsWebUrl:null===(P=V.data)||void 0===P?void 0:P.analyticsWebUrl,hasShareFlowV2:M,shareId:e.shareId}),a.createElement("div",null,z?a.createElement(a.Fragment,null,a.createElement(u.E4,{videos:z,getVideoAppLink:function(t,n){var a,r=Object.assign(Object.assign({},n),{context:v.Q.Series,contextId:e.objectId,includeContext:null===(a=H.data)||void 0===a?void 0:a.isAuthenticated});return R.W.getAppLink(t,r)},hasPermissions:G,getPreviewQuestionsAppLink:function(e){return L.j.getPreviewQuestionsAppLink(e)},commonVideoProps:U}),(X||ee)&&a.createElement(l._,{isFetching:X,fetchNext:ne,nextCursor:ee})):a.createElement(c.S,null))))}},99746:(e,t,n)=>{n.d(t,{p:()=>v});var a=n(32735),r=n(57900),i=n(97395),o=n(2948),s=n(91693),l=n(83345),c=n(4594),u=n(35223),d=n(86702);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var m="lite.insightsAdminAlert";function v(e){var t,n,v=(t=(0,o.D)(d.y.INSIGHTS_ADMIN_ALERT,!0,{storage:r.Z1.LocalStorage}),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,s=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(s.push(a.value),s.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return s}}(t,n)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=v[0],h=v[1];return e.hasAnalytics&&f?a.createElement("div",{role:"alert",className:"d-flex justify-content-between align-items-center bg-light-blue rounded p-2 mb-4"},a.createElement("div",null,a.createElement(l.x,{namespace:m,phrase:"adminAlert"}),a.createElement("a",{className:"text-info",href:function(){if(!e.video)return e.analyticsUrl;var t="";return e.video.typeId===c.E.Interactive&&(t="/interactives/".concat(e.video.id,"/views")),e.video.typeId===c.E.Video&&(t="/videos/".concat(e.video.id,"/views")),e.video.typeId===c.E.Clip&&(t="/clips/".concat(e.video.id,"/views")),i._.safeUrlConcat(e.analyticsUrl,t)}(),target:"_blank"},a.createElement(l.x,{namespace:m,phrase:"analytics"})),"."),a.createElement(s.h,{svgName:u.vn.Close,className:"text-blue",onClick:function(){h(!1)}})):a.createElement(a.Fragment,null)}},53936:(e,t,n)=>{n.d(t,{j:()=>I});var a=n(32735),r=n(23481),i=n(57900),o=n(2948),s=n(76306),l=n(49935),c=n(38502),u=n(83345),d=n(83523),p=n(38143),m=n(4594),v=n(14070),f=n(97291),h=n(99746);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var y="insights.header",E=r.T.encloseNamespace(y);function I(e){var t,n,r,I,b,S,A,N=(S=(0,o.D)(p.g.ANONYMISE_USERS,!1,{storage:i.Z1.LocalStorage}),A=2,function(e){if(Array.isArray(e))return e}(S)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,s=[],l=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(s.push(a.value),s.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return s}}(S,A)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(S,A)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=N[0],T=N[1];return a.createElement("div",null,a.createElement(h.p,{analyticsUrl:e.analyticsWebUrl,hasAnalytics:e.hasAnalytics,video:e.video}),a.createElement("section",{className:"mb-4"},a.createElement("div",{className:"mb-3"},a.createElement("div",{className:"d-flex justify-content-between align-items-center mb-3"},e.video?a.createElement(l.Oo,{breadcrumbs:[{name:"Reports",appLink:{application:f.O.MY_SHARES,action:v.e.MyShares.HOME}},{name:e.video.name,active:!0}]}):a.createElement(l.b2,null),a.createElement(s.m,{dropdownToggleClassName:"btn btn-outline-dark",actions:(b=[{label:"Edit time range",appLink:{application:f.O.INSIGHTS,action:v.e.Insights.INTERACTIVE_GENERATE_REPORT,args:[null===(t=e.video)||void 0===t?void 0:t.id]}},{label:"Edit audience",appLink:{application:f.O.INSIGHTS,action:v.e.Insights.INTERACTIVE_GENERATE_REPORT,args:[null===(n=e.video)||void 0===n?void 0:n.id]}}],(null===(r=e.video)||void 0===r?void 0:r.typeId)===m.E.Interactive&&b.push({label:E("generateReport"),appLink:{application:f.O.INSIGHTS,action:v.e.Insights.INTERACTIVE_GENERATE_REPORT,args:[null===(I=e.video)||void 0===I?void 0:I.id]}}),b)}))),a.createElement("div",{className:"d-flex align-items-center mb-4"},a.createElement(c.r,{tabs:e.tabs}),a.createElement("div",{className:"flex-grow-1"}),a.createElement("div",{className:"d-flex gap-3"},a.createElement("label",{htmlFor:"anonymiseNames",className:"mb-0"},a.createElement(u.x,{namespace:y,phrase:"anonymiseNames"})),a.createElement(d.Z,{id:"anonymiseNames",on:O,onClick:function(){return T(!O)}})))))}},10447:(e,t,n)=>{n.d(t,{$6:()=>s,$o:()=>l,W_:()=>p,aq:()=>u,kj:()=>c,lo:()=>d});var a=n(23481),r=n(14070),i=n(97291),o=a.T.encloseNamespace("shared.insightsUtils");function s(e,t,n){var a=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],s=[{name:o("insights"),active:"insights"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.VIDEO_OVERVIEW,args:[e],params:n}},{name:o("heatmap"),active:"heatmap"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.VIDEO_HEATMAP,args:[e],params:n}}];return a?[{name:"Report",active:"shareOptions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.VIDEO_SHARE_OPTIONS,args:[e],params:n}}].concat(s):s}function l(e,t,n){var a=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],s=[{name:o("insights"),active:"insights"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.CLIP_OVERVIEW,args:[e],params:n}},{name:o("heatmap"),active:"heatmap"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.CLIP_HEATMAP,args:[e],params:n}}];return a?[{name:"Report",active:"shareOptions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.CLIP_SHARE_OPTIONS,args:[e],params:n}}].concat(s):s}function c(e,t,n){var a=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],s=[{name:o("insights"),active:"insights"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.INTERACTIVE_OVERVIEW,args:[e],params:n}},{name:o("results"),active:"results"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.INTERACTIVE_STUDENTS,args:[e],params:n}},{name:o("questions"),active:"questions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.INTERACTIVE_QUESTIONS,args:[e],params:n}},{name:o("heatmap"),active:"heatmap"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.INTERACTIVE_HEATMAP,args:[e],params:n}}];return a?[{name:"Report",active:"shareOptions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.INTERACTIVE_SHARE_OPTIONS,args:[e],params:n}}].concat(s):s}function u(e,t,n){return[{name:o("insights"),active:"insights"===t,appLink:{application:i.O.MY_SHARES,action:r.e.MyShares.INTERACTIVE_OVERVIEW_DEMO,args:[e],params:n}},{name:o("results"),active:"results"===t,appLink:{application:i.O.MY_SHARES,action:r.e.MyShares.INTERACTIVE_STUDENTS_DEMO,args:[e],params:n}},{name:o("questions"),active:"questions"===t,appLink:{application:i.O.MY_SHARES,action:r.e.MyShares.INTERACTIVE_QUESTIONS_DEMO,args:[e],params:n}},{name:o("heatmap"),active:"heatmap"===t,appLink:{application:i.O.MY_SHARES,action:r.e.MyShares.INTERACTIVE_HEATMAP_DEMO,args:[e],params:n}}]}function d(e,t,n){return[{name:"Report",active:"shareOptions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.SERIES_SHARE_OPTIONS,args:[e],params:n}},{name:"Videos",active:"videos"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.SERIES_VIDEOS,args:[e],params:n}}]}function p(e,t,n){return[{name:"Report",active:"shareOptions"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.PLAYLIST_SHARE_OPTIONS,args:[e],params:n}},{name:"Videos",active:"videos"===t,appLink:{application:i.O.INSIGHTS,action:r.e.Insights.PLAYLIST_VIDEOS,args:[e],params:n}}]}},58321:(e,t,n)=>{n.d(t,{U:()=>v});var a=n(20354),r=n(16714),i=n(39151),o=n(1666),s=n(31949),l=n(22902),c=n(37802),u=n(22490),d=n(82431),p=n(46390),m=n(27638);function v(e){var t,n,v,f=e||{},h=f.locationContext,g=f.mtv,y=f.flightNamespace,E=f.sharedPlaylist,I=(0,p.G)().isPlugin,b=(0,m.u)(h,y),S=b.setFavourite,A=b.canFavourite,N=(0,c.r)(null),O=N.hasTopicDirectories,T=N.isLoadingSettings,C=(0,l.T)(),k=C.hasPermissions,L=C.isLoaded,R=k(r.C.StudentExperience),_=a.a.useBasicFetch(i.L.config()),w=a.a.useBasicFetch(s.N.currentUser()),j=a.a.useBasicFetch((null===(t=w.data)||void 0===t?void 0:t.isAuthenticated)&&o.h.yearGroups(w.data.customerId));return{hasCommonVideoPropsCompleted:!T&&L&&_.hasCompleted&&w.hasCompleted&&(!(null===(n=w.data)||void 0===n?void 0:n.isAuthenticated)||j.hasCompleted),commonVideoProps:{subTextType:"series",getSubTextAppLink:function(e){var t;return"series"in e?E&&!(null===(t=w.data)||void 0===t?void 0:t.isAuthenticated)?null:d.j.getSeriesAppLink(e.series,{mtv:g}):null},isPlugin:I,canFavourite:A,setFavourite:S,imageCdnUrl:null===(v=_.data)||void 0===v?void 0:v.imageCdnUrl,yearGroups:j.data,getClassroomGuideAppLink:u.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:u.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:u.W.getResourceGuidanceAppLink,showNewVideoIndicator:O,companyLogoFallbackUrl:null,hasStudentExperience:R}}}},97816:(e,t,n)=>{n.d(t,{V:()=>o});var a=n(1575),r=n(39902),i=n(31908);function o(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=function(e){return e?Array.isArray(e)?e.filter((function(e){return!!e&&(i.M.isVideo(e)||i.M.isClip(e))})):"data"in e?e.data.filter((function(e){return!!e&&(i.M.isVideo(e)||i.M.isClip(e))})):[]:[]}(e).map((function(e){return e.id}));(0,r.F)(n,(function(e){return a.R.videoMixinAssocs(e,t.flightNamespace)}))}},22771:(e,t,n)=>{n.d(t,{Z:()=>a});const a={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"}}}]);
-//# sourceMappingURL=8723-c3aaa1643a-lite.chunk.js.map