@clickview/lite 0.75.0-rc.8 → 0.75.0

package/dist/scripts/{4203-83f90f92f3-lite.chunk.js.map → 8362-ed5df8f4fc-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/4203-83f90f92f3-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/engagement-heat-map.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/EngagementHeatMap.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/insight-card.scss","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/InsightCard.tsx","file:///app/packages/libs/shared/src/apps/analytics/constants/ChartStyles.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/EngagementUtils.ts","file:///app/packages/libs/shared/src/constants/DragOverlayStyles.ts","file:///app/packages/libs/shared/src/components/table/TableUtils.ts","file:///app/packages/libs/shared/src/components/table/table.scss","file:///app/packages/libs/shared/src/components/table/Table.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/engagement-table.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/EngagementTableUtils.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/EngagementTable.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/PartialPercentageIndicator.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insights/amount-watched/InsightAmountWatched.tsx","file:///app/packages/libs/shared/src/apps/analytics/utils/ChartColourUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/components/insights/total-views/InsightTotalViews.tsx","file:///app/packages/libs/shared/src/apps/analytics/utils/SharedUserActivityPieChartUtils.ts","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/partial-loading/partial-insights-heatmap.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/partial-loading/PartialInsightsHeatmap.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay-menu-item/engagement-overlay-menu-item.ts","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay-chart-options.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay.ts","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/engagement-overlay-plugin.ts","file:///app/packages/projects/player/src/plugins/interactive-plugin/interactive-seek-bar-plugin.ts","file:///app/packages/projects/player/src/players/reports/reports-player.ts","file:///app/packages/projects/player/src/react/ReportsPlayer.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/video-engagement-overlay/video-engagement-overlay.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/video-engagement-overlay/VideoEngagementOverlay.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/insights-heatmap.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/InsightsHeatmap.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"epapa\",\"legend\":\"uhH4p\"};","import React from 'react';\nimport chroma from 'chroma-js';\n\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport styles from './engagement-heat-map.scss';\n\nconst namespace = 'shared.engagementHeatMap';\n\nconst ZERO_COLOUR = '#f1f1f1';\nconst MIN_COLOUR = '#daf07d';\nconst MAX_COLOUR = '#08bd1a';\n\nconst COLOUR_SCALE = chroma.scale([ MIN_COLOUR, MAX_COLOUR ]);\n\nconst LEGEND_VALUES = [ 0, 0.01, 0.25, 0.5, 0.75, 1 ];\n\nfunction getBackgroundColor(value: number, max: number): string {\n  if (!value)\n    return ZERO_COLOUR;\n\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data: number[], max: number): string {\n  const gradient: string[] = [];\n\n  for (let i = 0; i < data.length; i++) {\n    const previousValue = i > 0 && data[i - 1];\n    const currentValue = data[i];\n    const nextValue = i < data.length - 1 && data[i + 1];\n\n    /**\n     * We want to capture colour changes but if a value has the same value\n     * of both of its neighbours, we can skip it.\n     */\n    if (currentValue === previousValue && currentValue === nextValue)\n      continue;\n\n    gradient.push(`${getBackgroundColor(currentValue, max)} ${100 / data.length * i}%`);\n  }\n\n  return `linear-gradient(to right, ${gradient.join(',')})`;\n}\n\nexport function EngagementHeatMapLegend(): JSX.Element {\n  const max = Math.max(...LEGEND_VALUES);\n  const legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n\n  return (\n    <div className='d-flex justify-content-between w-100'>\n      <Text namespace={namespace} phrase='less' />\n      <div className={`d-flex mx-1 flex-grow-1 ${styles.legend}`}>\n        {LEGEND_VALUES.map((val, idx) => (\n          <div\n            key={idx}\n            style={{\n              width: `${legendSquareWidthPercentage}%`,\n              backgroundColor: getBackgroundColor(val, max)\n            }}\n          />\n        ))}\n      </div>\n      <Text namespace={namespace} phrase='more' />\n    </div>\n  );\n}\n\ninterface EngagementHeatMapProps {\n  engagement: Engagement;\n  max?: number;\n  className?: string;\n}\n\nexport function EngagementHeatMap(props: EngagementHeatMapProps): JSX.Element {\n  const heatMap = getFullHeatMap(props.engagement);\n  const max = props.max ?? Math.max(...heatMap);\n\n  return (\n    <div\n      className={`border rounded ${styles.heatMap} ${props.className ?? ''}`}\n      style={{\n        background: getGradient(heatMap, max)\n      }}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"sAmpy\",\"count\":\"faDs4\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport styles from './insight-card.scss';\n\ninterface InsightCardProps extends React.PropsWithChildren {\n  svgName: string;\n  svgClassName: string;\n  title: string;\n  subtitle?: string;\n  count?: number;\n}\n\nexport function InsightCard(props: InsightCardProps) {\n  return (\n    <section className='d-flex flex-column border rounded p-3 h-100'>\n      <div className={`d-flex ${props.subtitle ? 'align-items-top' : 'align-items-center'} mb-2`}>\n        <div className={`${styles.icon} ${props.svgClassName} rounded-circle d-flex justify-content-center align-items-center`}>\n          <SvgContainer svgName={props.svgName} size={SvgContainerSize.Small} />\n        </div>\n        <div className='d-flex flex-column ms-2'>\n          <h2 className='h6 mb-0'>{props.title}</h2>\n        </div>\n        {typeof props.count === 'number' && (\n          <div className={`${styles.count} d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto`}>\n            {props.count}\n          </div>\n        )}\n      </div>\n      {props.children}\n    </section>\n  );\n}","export const CHART_FONT_STYLES = {\n  fontSize: '12px',\n  fontFamily: `\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"`,\n  fontWeight: '400',\n  color: '#313543'\n};","import { Engagement } from 'libs/shared/interfaces';\n\n/**\n * The heat map in the API response won't contain trailing zeros so we need to add those\n * in manually.\n */\nexport function getFullHeatMap(engagement: Engagement): number[] {\n  const videoDuration = engagement.videoDuration || 0;\n  \n  return (new Array(Math.ceil(videoDuration))).fill(null).map((t, idx) => engagement?.heatMap[idx] || 0);\n}\n\nexport function getEngagementRate(engagement: Engagement[]): number {\n  return engagement?.reduce((prev, next) => prev + next.engagementRate / engagement.length, 0);\n}","export const DragOverlayStyles = { opacity: '0.8', cursor: 'grabbing' };","import React from 'react';\nimport { PluginHook, useBlockLayout, useFilters, useFlexLayout, useGlobalFilter, useRowSelect, useSortBy } from 'react-table';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface PluginOptions {\n  allowFiltering?: boolean;\n  allowGlobalFiltering?: boolean;\n  layout?: 'flex' | 'block';\n}\n\nexport function getPlugins<T extends HashObject>(props: PluginOptions): PluginHook<T>[] {\n  let plugins: PluginHook<T>[] = [\n    useSortBy,\n    useRowSelect,\n    props.layout === 'flex' ? useFlexLayout : useBlockLayout\n  ];\n\n  if (props.allowFiltering)\n    plugins = [\n      ...plugins,\n      useFilters\n    ];\n\n  if (props.allowGlobalFiltering)\n    plugins = [\n      ...plugins,\n      useGlobalFilter\n    ];\n\n  return plugins;\n}\n\nexport function getSelectedRowIds(ids: string[]): Record<string, boolean> {\n  const idHash: Record<string, boolean> = {};\n\n  ids.forEach(id => idHash[id] = true);\n\n  return idHash;\n}\n\ninterface TableScrollState {\n  canScrollLeft: boolean;\n  canScrollRight: boolean;\n}\n\nfunction calculateScrollState(ref: React.MutableRefObject<HTMLDivElement>): TableScrollState {\n  const canScrollLeft = ref.current?.scrollLeft > 0;\n  const canScrollRight = (ref.current?.scrollLeft + 1) < ref.current?.scrollWidth - ref.current?.clientWidth;\n\n  return { canScrollLeft, canScrollRight };\n}\n\ninterface UseTableScroll {\n  ref: (el: HTMLDivElement) => void;\n  scrollState: TableScrollState;\n  scroll: (scrollBy: number) => void;\n}\n\nexport function useTableScroll(): UseTableScroll {\n  const elRef = React.useRef<HTMLDivElement>(null);\n  const [ scrollState, setScrollState ] = React.useState<TableScrollState>(calculateScrollState(elRef));\n\n  function onScroll(): void {\n    setScrollState(calculateScrollState(elRef));\n  }\n\n  function scroll(scrollBy: number): void {\n    elRef.current?.scrollBy({ left: scrollBy, top: 0, behavior: 'smooth' });\n  }\n\n  const throttledOnScroll = FunctionHelper.throttle(onScroll, 200);\n\n  const ref = React.useCallback((el: HTMLDivElement) => {\n    if (elRef.current) {\n      elRef.current?.removeEventListener('scroll', throttledOnScroll);\n    }\n\n    if (el) {\n      setScrollState(calculateScrollState(elRef));\n      el.addEventListener('scroll', throttledOnScroll);\n    }\n\n    elRef.current = el;\n  }, []);\n\n  React.useEffect(() => {\n    if (elRef?.current) {\n      setScrollState(calculateScrollState(elRef));\n    }\n  }, [elRef]);\n\n  return { ref, scrollState, scroll };\n}","// extracted by mini-css-extract-plugin\nexport default {\"sortIndicator\":\"gFhu0\",\"scrollContainer\":\"sWUp9\",\"scrollbarTrack\":\"Vn2qM\"};","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\nimport {\n  Cell,\n  Column as BaseColumn,\n  HeaderGroup,\n  HeaderProps as BaseHeaderProps,\n  IdType,\n  Row,\n  SortingRule,\n  TableOptions,\n  TableRowProps,\n  useTable } from 'react-table';\nimport { DragEndEvent } from '@dnd-kit/core';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SortableContainerWrapper } from 'libs/shared/components/sortable/SortableContainerWrapper';\nimport { PropsWithSortableItemProps, SortableItemWrapper } from 'libs/shared/components/sortable/SortableItemWrapper';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\nimport { DragOverlayStyles } from 'libs/shared/constants/DragOverlayStyles';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { getPlugins, getSelectedRowIds, useTableScroll } from './TableUtils';\n\nimport styles from './table.scss';\n\nexport interface TableTheme {\n  table?: string;\n  header?: string;\n  headerRow?: string;\n  headerCell?: string;\n  body?: string;\n  row?: string | ((row: Row<any>) => string);\n  selectedRow?: string;\n  cell?: string | ((row?: Row<any>, cell?: Cell<any, any>) => string);\n  sortIndicator?: string;\n}\n\nexport type HeaderProps<T extends HashObject> = BaseHeaderProps<T> & {\n  renderSortIndicator: () => void;\n}\n\nexport type Column<T extends HashObject> = BaseColumn<T> & {\n  hideSortIndicator?: boolean;\n}\n\ninterface SortIndicatorProps<T extends HashObject> {\n  column: HeaderGroup<T>;\n  theme?: TableTheme;\n}\n\nfunction SortIndicator<T extends HashObject>(props: SortIndicatorProps<T>): JSX.Element {\n  if (!props.column.canSort)\n    return <></>;\n\n  return (\n    <span\n      className={\n        `${styles.sortIndicator}\n      ${!props.column.isSorted ? 'text-secondary' : ''}\n      ${props.theme?.sortIndicator ?? ''}`\n      }\n    >\n      <SvgContainer\n        svgName={(props.column.isSortedDesc || !props.column.isSorted)\n          ? cvSvgLibrary.ArrowRight\n          : cvSvgLibrary.ArrowLeft\n        }\n        size={SvgContainerSize.Small}\n      />\n    </span>\n  );\n}\n\ninterface BaseTableProps<T extends HashObject> {\n  /**\n   * Must be memoized.\n   */\n  data: T[];\n\n  /**\n   * Must be memoized.\n   * \n   * For documentation on Column Options, see https://react-table.tanstack.com/docs/api/useTable#column-options\n   */\n  columns: Column<T>[];\n\n  theme?: TableTheme;\n\n  onSelectRow?: (row: Row<T>) => void;\n\n  onSelectCell?: (cell: Cell<T>) => void;\n\n  onRowMouseOver?: (row: Row<T>) => void;\n\n  onRowMouseLeave?: (row: Row<T>) => void;\n\n  allowSelectMultipleRows?: boolean;\n\n  initialSelectedRowIds?: string[];\n\n  getRowId?: (row: T) => string;\n\n  getRowAppLink?: (row: Row<T>) => Core.AppLink;\n\n  enableSort?: boolean;\n\n  manualSort?: boolean;\n\n  onSort?: (sortingRule: SortingRule<T>[]) => void;\n  \n  // Opt-in to utilise react-table's useFilter hook.\n  allowFiltering?: boolean;\n\n  // Opt-in to utilise react-table's useGlobalFilter hook.\n  allowGlobalFiltering?: boolean;\n\n  // Use either a flex layout or a block layout. Default is flex.\n  layout?: 'flex' | 'block';\n\n  // Used by useGlobalFilter hook, needs to be enabled by prop above.\n  globalFilter?: string;\n\n  // Set initial state of hidden columns in react-table.\n  hiddenColumns?: IdType<T>[];\n\n  // Determine whether hidden columns should be preserved on a table update event.\n  autoResetHiddenColumns?: boolean;\n\n  // Determine whether sort order state should be preserved on a table update event.\n  autoResetSortBy?: boolean;\n\n  // Determine whether rows are sortable by drag and drop\n  enableSortableRows?: boolean;\n\n  onSortingRowsEnd?: (event: DragEndEvent) => void;\n\n  // Set initial state of sorting in react-table\n  initialSortBy?: SortingRule<T>[];\n\n  emptyState?: JSX.Element;\n}\n      \ntype SortableRowProps = PropsWithSortableItemProps<TableRowProps>;\n\nfunction BaseTable<T extends HashObject>(props: BaseTableProps<T>): JSX.Element {\n  const tableOptions: TableOptions<T> = {\n    columns: props.columns,\n    data: props.data,\n    disableSortBy: !props.enableSort,\n    manualSortBy: props.manualSort,\n    autoResetHiddenColumns: props.autoResetHiddenColumns,\n    autoResetSortBy: props.autoResetSortBy,\n    initialState: {\n      sortBy: props.initialSortBy || []\n    }\n  };\n\n  if (props.initialSelectedRowIds)\n    tableOptions.initialState = { selectedRowIds: getSelectedRowIds(props.initialSelectedRowIds) };\n\n  if (props.getRowId)\n    tableOptions.getRowId = props.getRowId;\n\n  const {\n    getTableProps,\n    getTableBodyProps,\n    headerGroups,\n    rows,\n    prepareRow,\n    toggleAllRowsSelected,\n    setGlobalFilter,\n    setHiddenColumns,\n    state: { sortBy }\n  } = useTable<T>(tableOptions, ...getPlugins<T>({ ...props }));\n\n  function getTableRowsClass(row: Row<T>) {\n    let className = FunctionHelper.isFunction(props.theme?.row)\n      ? props.theme.row(row)\n      : props.theme?.row ?? '';\n\n    if (row.isSelected && props.theme?.selectedRow)\n      className += ` ${props.theme?.selectedRow}`;\n\n    if (props.onSelectRow)\n      className += ' cursor-pointer';\n\n    if (props.enableSortableRows)\n      className += ' cursor-grab';\n\n    return className;\n  }\n\n  function renderTableRows() {\n    if (!rows.length && props.emptyState)\n      return props.emptyState;\n    \n    return rows.map(row => {\n      prepareRow(row);\n      \n      const className = getTableRowsClass(row);\n      const rowAppLink = !!props.getRowAppLink && props.getRowAppLink(row);\n\n      function onClickRow(): void {\n        if (!props.onSelectRow)\n          return;\n\n        if (!props.allowSelectMultipleRows)\n          toggleAllRowsSelected(false);\n       \n        props.onSelectRow(row);\n        row.toggleRowSelected(true);\n      }\n\n      function getSortableProps(props: TableRowProps | PropsWithSortableItemProps<TableRowProps>, ref?: any) {\n        if ('dragAttributes' in props && 'dragListeners' in props) {\n          return {\n            ...props.dragAttributes,\n            ...props.dragListeners,\n            'aria-roledescription': 'Sortable row',\n            ref\n          };\n        }\n\n        return {};\n      }\n\n      function renderRow(props: TableRowProps | PropsWithSortableItemProps<TableRowProps>, ref?: any): JSX.Element {\n        const sortableProps = getSortableProps(props, ref);\n\n        if (rowAppLink) {\n          return (\n            <div\n              role='row'\n              key={row.id}\n            >\n              <AppLink\n                {...props}\n                {...sortableProps}\n                className={className}\n                appLink={rowAppLink}\n              >\n                {renderCells(row)}\n              </AppLink>\n            </div>\n          );\n        }\n\n        return (\n          <div\n            {...props}\n            {...sortableProps}\n            key={row.id}\n            role='row'\n            className={className}\n            onClick={onClickRow}\n          >\n            {renderCells(row)}\n          </div>\n        );\n      }\n\n      const rowProps = row.getRowProps();\n\n      if (props.enableSortableRows) {\n        return (\n          <SortableItemWrapper\n            id={row.original.id}\n            key={row.id}\n            childProps={rowProps}\n            childComponent={React.forwardRef(\n              (props: SortableRowProps, ref: React.LegacyRef<HTMLDivElement>) => (renderRow(props, ref))\n            )}\n          />\n        );\n      }\n\n      return renderRow(rowProps);\n    });\n  }\n\n  function getDragOverlayClassName(theme: TableTheme): string {\n    let className = 'g-0 ';\n\n    if (theme)\n      className += theme.row;\n\n    return className;\n  }\n\n  function getDragOverlay(id: string) {\n    const rowIndex = rows.findIndex(item => item.original.id === id);\n    const row = rows[rowIndex];\n  \n    return (\n      <div\n        {...props}\n        className={getDragOverlayClassName(props.theme)}\n        style={DragOverlayStyles}\n      >\n        {renderCells(row)}\n      </div>\n    );\n  }\n\n  function getCellClassName(row: Row<T>, cell: Cell<T>): string {\n    let cellClassName = '';\n\n    if (typeof props.theme?.cell === 'function')\n      cellClassName = props.theme.cell(row, cell);\n\n    if (typeof props.theme?.cell === 'string')\n      cellClassName = props.theme.cell;\n\n    if (props.onSelectCell)\n      cellClassName += ' cursor-pointer';\n\n    return cellClassName;\n  }\n\n  function renderCells(row: Row<T>): JSX.Element[] {\n    return row.cells.map(cell => {\n      const cellClassName = getCellClassName(row, cell);\n\n      function onClickCell(): void {\n        props.onSelectCell && props.onSelectCell(cell);\n      }\n\n      return (\n        <div key={cell.column.id} {...cell.getCellProps()} className={cellClassName} onClick={onClickCell} >\n          {cell.render('Cell')}\n        </div>\n      );\n    });\n  }\n\n  React.useEffect(() => {\n    if (!props.onSort)\n      return;\n\n    props.onSort(sortBy);\n  }, [sortBy]);\n\n  React.useEffect(() => {\n    if (!props.globalFilter)\n      return;\n\n    setGlobalFilter(props.globalFilter);\n  }, [props.globalFilter]);\n\n  React.useEffect(() => {\n    if (!props.hiddenColumns)\n      return;\n\n    setHiddenColumns(props.hiddenColumns);\n  }, [props.hiddenColumns && props.hiddenColumns.length]);\n\n  return (\n    <div {...getTableProps()} className={props.theme?.table ?? ''}>\n      <div className={props.theme?.header ?? ''}>\n        {headerGroups.map(headerGroup => (\n          <div {...headerGroup.getHeaderGroupProps()} className={props.theme?.headerRow ?? ''}>\n            {headerGroup.headers.map(column => (\n              <div {...column.getHeaderProps(column.getSortByToggleProps())} className={props.theme?.headerCell ?? ''}>\n                {column.render('Header', { renderSortIndicator: () => <SortIndicator column={column} theme={props.theme} /> })}\n                {!(column as Column<T>).hideSortIndicator &&\n                  <SortIndicator column={column} theme={props.theme} />\n                }\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n      <div {...getTableBodyProps()} className={props.theme?.body ?? ''}>\n        { props.enableSortableRows ? (\n          <SortableContainerWrapper\n            ids={rows.map(row => row.original.id)}\n            getDragOverlay={getDragOverlay}\n            onSortEnd={props.onSortingRowsEnd}\n          >\n            {renderTableRows()}\n          </SortableContainerWrapper>\n        ) : (\n          renderTableRows()\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface TableProps<T extends HashObject> extends BaseTableProps<T> {\n  enableSlider?: boolean;\n  scrollIncrement?: number;\n  scrollContainerClassName?: string;\n  scrollable?: boolean;\n  initialSortBy?: SortingRule<T>[];\n}\n\nTable.defaultProps = {\n  scrollIncrement: 250,\n  scrollable: false,\n  layout: 'flex'\n};\n\nexport function Table<T extends HashObject>(props: TableProps<T>): JSX.Element {\n  const { enableSlider, scrollIncrement, scrollable, ...tableProps } = props;\n\n  const { ref, scrollState, scroll } = useTableScroll();\n\n  if (scrollable) {\n    return (\n      <Scrollbars\n        renderTrackHorizontal={() => <div className={styles.scrollbarTrack} />}\n        autoHeightMax={10000}\n        autoHeight\n      >\n        <BaseTable {...tableProps} />\n      </Scrollbars>\n    );\n  }\n\n  if (!enableSlider)\n    return <BaseTable {...tableProps} />;\n\n  function onClickScroll(direction: 'left' | 'right'): void {\n    scroll(scrollIncrement * (direction === 'right' ? 1 : -1));\n  }\n\n  return (\n    <div className='mx-n4 overflow-x-hidden overflow-y-hidden'>\n      <div className='px-4'>\n        <div className='position-relative'>\n          <WidgetButton\n            direction={WidgetButtonDirection.Left}\n            onClick={() => onClickScroll('left')}\n            hide={!scrollState.canScrollLeft}\n          />\n          <div className={`${styles.scrollContainer} ${props.scrollContainerClassName}`} ref={ref}>\n            <BaseTable {...tableProps } />\n          </div>\n          <WidgetButton\n            direction={WidgetButtonDirection.Right}\n            onClick={() => onClickScroll('right')}\n            hide={!scrollState.canScrollRight}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"rwDjh\",\"avatarContainer\":\"kW4ZM\"};","import React from 'react';\nimport { Column, ColumnInstance, Row } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EngagementHeatMap } from 'libs/shared/apps/analytics/components/engagement-heat-map/EngagementHeatMap';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { PercentageIndicator, PercentageIndicatorLayout } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from './engagement-table.scss';\n\nconst namespace = 'shared.engagementTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst EMPTY_ENGAGEMENT: Partial<Engagement> = {\n  heatMap: [],\n  engagementRate: 0,\n  viewCount: 0\n};\n\ninterface CellWrapperProps {\n  className?: string;\n}\n\nfunction CellWrapper(props: React.PropsWithChildren<CellWrapperProps>): JSX.Element {\n  return (\n    <div className={`${props.className ?? ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface HeaderCellProps {\n  column: ColumnInstance<EngagementTableData>;\n  phraseKey: string;\n}\n\nfunction HeaderCell(props: HeaderCellProps): JSX.Element {\n  return (\n    <CellWrapper className={`d-inline-block ${props.column.isSorted ? 'fw-bold' : ''}`}>\n      {getPhrase(props.phraseKey)}\n    </CellWrapper>\n  );\n}\n\nexport interface EngagementTableData extends Engagement {\n  user: AnonUser;\n}\n\nfunction getMaxHeatMapValue(engagement: Engagement[]): number {\n  let max = 0;\n\n  engagement.forEach(e => {\n    const localMax = Math.max(...e.heatMap);\n\n    if (localMax > max)\n      max = localMax;\n  });\n\n  return max;\n}\n\nfunction getUsersName(user: AnonUser, anonymiseUsers: boolean) {\n  const fullName = anonymiseUserName(user, anonymiseUsers);\n  const nameParts = fullName.split(' ').filter(n => !!n);\n\n  return {\n    name: nameParts[0],\n    surname: nameParts.slice(1).join(' ')\n  };\n}\n\ninterface EngagementColumnProps {\n  engagement: Engagement[],\n  imageCdnUrl: string;\n  anonymiseUsers: boolean;\n}\n\nexport function useGetColumns(props: EngagementColumnProps): Column<EngagementTableData>[] {\n  return React.useMemo(() => {\n    const maxHeatMapValue = getMaxHeatMapValue(props.engagement);\n\n    return [\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='name' />,\n        width: 22,\n        accessor: 'user',\n        sortType: (rowA: Row<EngagementTableData>, rowB: Row<EngagementTableData>) => {\n          const nameA = anonymiseUserName(rowA.values.user, props.anonymiseUsers);\n          const nameB = anonymiseUserName(rowB.values.user, props.anonymiseUsers);\n\n          return nameA > nameB ? 1 : -1;\n        },\n        Cell: ({ value }) => {\n          const { name, surname } = getUsersName(value, props.anonymiseUsers);\n          return (\n            <CellWrapper className='d-flex align-items-center h-100'>\n              <span className={styles.avatarContainer}>\n                <Avatar\n                  imageCdnUrl={props.imageCdnUrl}\n                  initials={UserHelper.getInitials(name, surname)}\n                  imageUrl={!props.anonymiseUsers && value?.avatar?.url}\n                  showAnonymousUser={!props.anonymiseUsers && (!value || !!value.sessionId)}\n                />\n              </span>\n              <span className={'ms-2 clamp-1'}>\n                {name} {surname}\n              </span>\n            </CellWrapper>\n          );\n        }\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='views' />,\n        accessor: 'viewCount',\n        width: 15,\n        sortType: 'basic', // Default is 'alphanumeric' which would treat the numbers as strings\n        sortDescFirst: true,\n        Cell: ({ value }) => (\n          <CellWrapper className='d-flex align-items-center h-100'>\n            <div>{value}</div>\n          </CellWrapper>\n        )\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='engagement' />,\n        accessor: 'engagementRate',\n        width: 20,\n        sortType: 'basic', // Default is 'alphanumeric' which would treat the numbers as strings\n        sortDescFirst: true,\n        Cell: ({ value }) => (\n          <CellWrapper className='w-33'>\n            <PercentageIndicator\n              percentage={value}\n              layout={PercentageIndicatorLayout.LabelBefore}\n            />\n          </CellWrapper>\n        )\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='heatMap' />,\n        accessor: 'heatMap',\n        width: 48,\n        disableSortBy: true,\n        Cell: ({ row: { original } }) => (\n          <CellWrapper className='d-flex align-items-center h-100'>\n            <EngagementHeatMap\n              engagement={original}\n              max={maxHeatMapValue}\n              className={`${styles.heatMap} flex-grow-1`}\n            />\n          </CellWrapper>\n        )\n      }\n    ];\n  }, [props.anonymiseUsers]);\n}\n\nexport function useGetTableData(\n  engagement: Engagement[],\n  users: AnonUser[],\n  classroomStudents?: AnonUser[]\n): EngagementTableData[] {\n  return React.useMemo(() => {\n    if (!engagement?.length)\n      return [];\n\n    const data: EngagementTableData[] = [];\n\n    const userIdSet = new Set<string>();\n    engagement.forEach(e => {\n      const user = users?.find(u => {\n        if (u.id && u.id === e.userId) {\n          userIdSet.add(u.id);\n          return true;\n        }\n\n        if (u.sessionId && u.sessionId === e.sessionId)\n          return true;\n\n        return false;\n      });\n\n      data.push({ ...e, user });\n    });\n\n    if (classroomStudents?.length) {\n      const students = classroomStudents\n        .filter(s => !userIdSet.has(s.id))\n        .map(user => ({ ...EMPTY_ENGAGEMENT, user } as EngagementTableData));\n      data.push(...students);\n    }\n\n    return data;\n  }, [users?.length]);\n}","import React from 'react';\n\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { useGetColumns, useGetTableData } from './EngagementTableUtils';\n\nconst theme: TableTheme = {\n  table: 'bg-white rounded px-0',\n  header: 'border-bottom',\n  headerCell: 'm-3',\n  cell: 'mx-3 my-2'\n};\n\ninterface EngagementTableProps {\n  engagement: Engagement[];\n  imageCdnUrl: string;\n  users?: AnonUser[];\n  classroomStudents?: AnonUser[];\n  anonymiseUsers: boolean;\n  border?: boolean;\n  enableSort?: boolean;\n}\n\nexport function EngagementTable(props: EngagementTableProps): JSX.Element {\n  const columns = useGetColumns({\n    engagement: props.engagement,\n    imageCdnUrl: props.imageCdnUrl,\n    anonymiseUsers: props.anonymiseUsers\n  });\n\n  const data = useGetTableData(props.engagement, props.users, props.classroomStudents);\n\n  if (!data.length)\n    return <></>;\n\n  return (\n    <Table\n      columns={columns}\n      data={data}\n      theme={{\n        ...theme,\n        table: props.border ? `${theme.table} border` : theme.table\n      }}\n      enableSort={props.enableSort}\n    />\n  );\n}","import React from 'react';\n\nimport { PercentageIndicator, PercentageIndicatorLayout } from './PercentageIndicator';\n\ninterface PartialPercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  className?: string;\n}\n\nexport function PartialPercentageIndicator(props: PartialPercentageIndicatorProps): JSX.Element {\n  return (\n    <PercentageIndicator\n      layout={props.layout}\n      className={props.className}\n      percentage={0}\n      customLabel='--%'\n    />\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { getEngagementRate } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { PartialPercentageIndicator } from 'libs/shared/components/percentage-indicator/PartialPercentageIndicator';\nimport { PercentageIndicator, PercentageIndicatorLayout } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.insightAmountWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightAmountWatchedProps {\n  engagement: Engagement[];\n}\n\nexport function InsightAmountWatched(props: InsightAmountWatchedProps) {\n  const engagementRate = getEngagementRate(props.engagement);\n  const percentage = Math.round(engagementRate * 100);\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svgName={cvSvgLibrary.Timer}\n      svgClassName='bg-light-green text-green'\n    >\n      <div className='d-flex flex-column align-items-center my-auto gap-2'>\n        {!!props.engagement &&\n          <>\n            <PercentageIndicator\n              percentage={engagementRate}\n              layout={PercentageIndicatorLayout.LabelInside}\n            />\n            <p className='text-center'>\n              {typeof engagementRate === 'number'\n                ? <Text namespace={namespace} phrase='everyoneWatched' options={{ percentage }} />\n                : <Text namespace={namespace} phrase='notWatched' />\n              }\n            </p>\n          </>\n        }\n        {!props.engagement &&\n          <>\n            <PartialPercentageIndicator layout={PercentageIndicatorLayout.LabelInside} />\n          </>\n        }\n      </div>\n    </InsightCard>\n  );\n}","const CHART_COLOURS = [\n  '#FF9300', // Pizazz\n  '#38A2E8', // Picton Blue\n  '#7A76E8', // Portage\n  '#B679C7', // East Side\n  '#F7847B', // Froly\n  '#D9584F', // Red (Not in the Primary palette)\n  '#FFCD52', // Yellow (Not in the Primary Palette)\n  '#5DC786', // Emerald\n  '#40BCC3', // Perolous\n  '#40C2BB'  // Puerto rico\n];\n\nexport function mixinSeriesColours<T>(data: T[]): T[] {\n  return data.map((d, idx) => ({\n    ...d,\n    color: CHART_COLOURS[idx % CHART_COLOURS.length]\n  }));\n}","import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { CHART_FONT_STYLES } from 'libs/shared/apps/analytics/constants/ChartStyles';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { getTotalEventCount, groupEvents, sortByYearGroup } from 'libs/shared/apps/analytics/utils/SharedUserActivityPieChartUtils';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.insightTotalViews';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst STATIC_CHART_OPTIONS: Highcharts.Options = {\n  title: {\n    text: null\n  },\n  credits: {\n    enabled: false\n  },\n  chart: {\n    backgroundColor: 'transparent',\n    spacing: [ 0, 0, 0, 0 ]\n  },\n  legend: {\n    itemStyle: CHART_FONT_STYLES,\n    itemDistance: 8\n  },\n  plotOptions: {\n    pie: {\n      allowPointSelect: true,\n      cursor: 'pointer',\n      dataLabels: {\n        enabled: false\n      },\n      showInLegend: true,\n      borderWidth: 0,\n      size: '80%'\n    }\n  }\n};\n\ninterface InsightTotalViewsProps {\n  events: VideoViewEventResponse;\n  emptyStateImage: string;\n}\n\nexport function InsightTotalViews(props: InsightTotalViewsProps) {\n  const chartData = sortByYearGroup(groupEvents(props.events, 'yearGroupCount', []));\n  const totalViews = getTotalEventCount(chartData);\n\n  function getChartOptions(\n    data: Highcharts.PointOptionsObject[]\n  ): Highcharts.Options {\n    return {\n      ...STATIC_CHART_OPTIONS,\n      series: [{\n        type: 'pie',\n        name: getPhrase('title'),\n        data\n      }]\n    };\n  }\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      // Replace with ultra marine + light colour\n      svgClassName='bg-light-blue text-blue'\n      // Add visibility icon \n      svgName={cvSvgLibrary.VisibleOn}\n    >\n      {chartData?.length ? (\n        <>\n          <p className='mb-0'><Text namespace={namespace} phrase='totalViews' options={{ totalViews }} /></p>\n\n          <div className='d-flex justify-content-center h-75'>\n            <HighchartsReact\n              highcharts={Highcharts}\n              options={getChartOptions(chartData)}\n              containerProps={{\n                className: `w-100`\n              }}\n            />\n          </div>\n        </>\n      ) : (\n        <EmptyState className='pt-0 my-auto'>\n          <EmptyState.Image src={props.emptyStateImage} className='w-75 h-auto'></EmptyState.Image>\n          <EmptyState.Heading className='h4'><Text namespace={namespace} phrase='noViews' /></EmptyState.Heading>\n          <EmptyState.Info className='w-100'><Text namespace={namespace} phrase='notWatched' /></EmptyState.Info>\n        </EmptyState>\n      )}\n    </InsightCard>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { HashObject } from 'libs/analytics/interfaces';\n\nimport { BaseAnalyticsEventResponse, GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { UnionEventResponse } from 'libs/shared/apps/analytics/interfaces/UnionEvent';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { mixinSeriesColours } from 'libs/shared/apps/analytics/utils/ChartColourUtils';\n\ntype EventResponseGroupByAttributes = keyof Pick<VideoViewEventResponse, 'contentTypeCount'>\n | keyof Pick<BaseAnalyticsEventResponse, 'userTypeCount' | 'yearGroupCount'>;\n\nexport function groupEvents(\n  events: UnionEventResponse,\n  groupBy: EventResponseGroupByAttributes,\n  groupsToOmit?: string[],\n  getSeriesName?: (group: string) => string\n): Highcharts.PointOptionsObject[] {\n  const groups: HashObject<number> = {};\n\n  const eventCounts = events[groupBy as keyof UnionEventResponse] as GroupedAnalyticsCount[];\n\n  eventCounts?.forEach(ev => {\n    const name = ev.name || 'Unknown';\n\n    if (!name || groupsToOmit?.includes(name.toLowerCase()))\n      return;\n\n    groups[name] = groups[name] ?? 0;\n    groups[name] += ev.count;\n  });\n\n  return mixinSeriesColours(ArrayHelper.sortBy(Object.keys(groups).map(group => ({\n    name: getSeriesName ? getSeriesName(group) : group,\n    y: groups[group],\n    type: 'pie'\n  })), 'name'));\n}\n\nexport function sortByYearGroup(data: Highcharts.PointOptionsObject[]) {\n  const staffIndex = data.findIndex(group => group.name === 'Staff');\n\n  // Move Staff to last index\n  if (staffIndex > -1) {\n    const [staffObject] = data.splice(staffIndex, 1);\n\n    data.push(staffObject);\n  }\n  return data.sort((a, b) => {\n    const numA = parseInt((a.name as string).match(/\\d+/)?.[0]);\n    const numB = parseInt((b.name as string).match(/\\d+/)?.[0]);\n    return numA - numB;\n  });\n}\n\nexport function getTotalEventCount(data?: Highcharts.PointOptionsObject[]): number | null {\n  return data?.reduce((a, b) => a + b.y, 0) ?? null;\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialInsights\":\"nKLWa\",\"videoContainer\":\"WF2iA\"};","import React from 'react';\n\nimport styles from './partial-insights-heatmap.scss';\n\nexport function PartialInsightsHeatmap() {\n  return (\n    <div>\n      <div className='row g-3 mb-3'>\n        <div className='col'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className='col'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className={styles.videoContainer}>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n\n      <div className='row g-3 mb-5'>\n        <div className='col-12'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\ninterface EngagementOverlayMenuItemOptions extends videojs.MenuItemOptions {\n  overlayVisible: boolean\n}\n\nexport class EngagementOverlayMenuItem extends MenuItem {\n  private toggleEl: Element;\n  private overlayVisible: boolean;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayMenuItemOptions) {\n    super(player, options);\n\n    this.overlayVisible = options.overlayVisible;\n    this.toggle(this.overlayVisible);\n  }\n\n  public handleToggle(): void {\n    this.toggle(!this.overlayVisible);\n  }\n\n  private toggle(state: boolean): void {\n    state ? this.toggleOn() : this.toggleOff();\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n    this.overlayVisible = true;\n    this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible);\n    this.player().addClass('cv-reports-player-overlay-visible');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n    this.overlayVisible = false;\n    this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible);\n    this.player().removeClass('cv-reports-player-overlay-visible');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Heat Map</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n}\n\nvideojs.registerComponent('EngagementOverlayMenuItem', EngagementOverlayMenuItem);\n","import React from 'react';\n\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { Interactive } from 'libs/shared/interfaces';\n\nconst MAX_INTERACTIONS_TO_SHOW = 3;\n\ninterface TimepointInteractionsProps {\n  interactive: Interactive;\n  time: number;\n}\n\nexport function TimepointInteractions(props: TimepointInteractionsProps): JSX.Element {\n  const timepoint = props.interactive.timepoints.find(t => {\n    const timepointTime = t.visibleAt / 1000;\n    \n    return Math.floor(props.time) === Math.floor(timepointTime)\n      || Math.ceil(props.time) === Math.ceil(timepointTime);\n  });\n\n  if (!timepoint?.interactions?.length)\n    return <></>;\n\n  const interactions = timepoint.interactions.length > MAX_INTERACTIONS_TO_SHOW\n    ? timepoint.interactions.slice(0, MAX_INTERACTIONS_TO_SHOW - 1)\n    : timepoint.interactions;\n\n  const hiddenInteractions = timepoint.interactions.length - interactions.length;\n\n  return (\n    <div className='d-flex justify-content-end ms-2'>\n      {interactions.map((i, idx) => (\n        <InteractionLabel\n          key={idx}\n          interaction={i}\n          showQuestion={false}\n          iconClassName='ms-1'\n        />\n      ))}\n      {!!hiddenInteractions &&\n        <div\n          className={'interaction-type-icon d-flex justify-content-center'\n          + ' align-items-center border border-dark text-body ms-1'}\n        >\n          {`+${hiddenInteractions}`}\n        </div>\n      }\n    </div>\n  );\n}","import React from 'react';\nimport { renderToStaticMarkup } from 'react-dom/server';\nimport Highcharts from 'highcharts';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { TimepointInteractions } from 'projects/player/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions';\nimport { formatTime } from 'projects/player/utils/formatTime';\n\nexport const STATIC_CHART_OPTIONS: Highcharts.Options = {\n  title: {\n    text: null\n  },\n  xAxis: {\n    visible: false,\n    minPadding: 0,\n    maxPadding: 0\n  },\n  legend: {\n    enabled: false\n  },\n  credits: {\n    enabled: false\n  },\n  defs: {\n    gradient: ({\n      tagName: 'linearGradient',\n      id: 'area-gradient',\n      x1: 0,\n      y1: 1,\n      x2: 0,\n      y2: 0,\n      children: [\n        ({\n          tagName: 'stop',\n          offset: 0\n        } as Highcharts.ASTNode),\n        ({\n          tagName: 'stop',\n          offset: 1\n        } as Highcharts.ASTNode)\n      ]\n    } as Highcharts.ASTNode)\n  }\n};\n\nexport function getChartOptions(width: number, height: number): Highcharts.ChartOptions {\n  return {\n    styledMode: true,\n    spacing: [ 15, 0, 0, 0 ],\n    width,\n    height\n  };\n}\n\nexport function getYAxisChartOptions(heatMap: number[]): Highcharts.YAxisOptions {\n  const maxValue = Math.max(...heatMap);\n\n  return {\n    /**\n     * To prevent max values from being cut off, we pad them relative to the chart scale.\n     */\n    max: maxValue * 1.05,\n    min: 0,\n    minPadding: 0,\n    maxPadding: 0,\n    allowDecimals: true,\n    startOnTick: false,\n    endOnTick: false,\n    visible: false\n  };\n}\n\nexport function getTooltipOptions(interactive?: Interactive): Highcharts.TooltipOptions {\n  return {\n    formatter: function () {\n      const timepointInteractionsHtml = interactive\n        ? getTimepointInteractionsHtml(interactive, this.x)\n        : '';\n\n      return (\n        '<div class=\"cv-engagement-tooltip bg-white rounded\">'\n        + '<div class=\"d-flex justify-content-between\">'\n        + `<strong>${formatTime(this.x)}</strong>`\n        + `${timepointInteractionsHtml}`\n        + '</div>'\n        + '<div class=\"d-flex justify-content-between rounded bg-light cv-view-count-container\">'\n        + `<strong>Views</strong> <span class=\"cv-view-count\">${this.y}</span>`\n        + '</div>'\n        + '</div>'\n      );\n    },\n    positioner: function (\n      labelWidth: number,\n      labelHeight: number,\n      point: Highcharts.TooltipPositionerPointObject\n    ) {\n      const minX = 0;\n      const maxX = this.chart.plotWidth - labelWidth;\n      const x = point.plotX - labelWidth / 2;\n      \n      return {\n        // Clamp x between min and max\n        x: Math.min(Math.max(x, minX), maxX),\n        y: this.chart.plotTop\n      };\n    },\n    useHTML: true,\n    padding: 0\n  };\n}\n\nexport function getPlotOptions(moveTimepointIndicator: (x: number | null) => void): Highcharts.PlotOptions {\n  return {\n    area: {\n      point: {\n        events: {\n          mouseOver: function () {\n            moveTimepointIndicator(this.x);\n          },\n          mouseOut: function () {\n            moveTimepointIndicator(null);\n          }\n        }\n      }\n    },\n    series: {\n      marker: {\n        enabled: false\n      }\n    }\n  };\n}\n\nfunction getTimepointInteractionsHtml(interactive: Interactive, time: number): string {\n  return renderToStaticMarkup(\n    <TimepointInteractions time={time} interactive={interactive} />\n  );\n}","import Highcharts from 'highcharts';\nimport videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport {\n  getChartOptions,\n  getPlotOptions,\n  getTooltipOptions,\n  getYAxisChartOptions,\n  STATIC_CHART_OPTIONS\n} from './engagement-overlay-chart-options';\n\nimport './engagement-overlay.scss';\n\nconst Component = videojs.getComponent('Component');\n\nHighcharts.AST.allowedTags.push('g');\nHighcharts.AST.allowedAttributes.push('viewBox', 'transform');\n\ninterface ChartDimensions {\n  width: number;\n  height: number;\n}\n\ninterface EngagementOverlayOptions extends videojs.ComponentOptions {\n  heatMap: number[];\n  interactive?: Interactive;\n  onTimepointHover?: (time: number | null) => void;\n}\n\nexport class EngagementOverlay extends Component {\n  public options_: EngagementOverlayOptions;\n  private chart: Highcharts.Chart;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayOptions) {\n    super(player, options);\n\n    this.initialize();\n    this.bindListeners();\n  }\n\n  public initialize(): void {\n    this.player().ready(() => this.buildChart());\n  }\n\n  public buildCSSClass(): string {\n    return 'cv-engagement-overlay';\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): Element {\n    const innerHTML = '<div class=\"cv-engagement-chart\"></div>'\n      + '<div class=\"cv-engagement-timepoint-indicator\"></div>';\n\n    return super.createEl(tagName, {\n      ...properties,\n      className: this.buildCSSClass(),\n      innerHTML\n    }, attributes);\n  }\n\n  public toggleChart(show: boolean): void {\n    if (show)\n      this.buildChart();\n    else\n      this.destroyChart();\n  }\n\n  private bindListeners(): void {\n    this.handleClick = this.handleClick.bind(this);\n    this.resizeChart = this.resizeChart.bind(this);\n\n    this.player().on('playerresize', this.resizeChart);\n\n    this.on(this.el(), 'mouseup', this.handleClick);\n\n    this.player().on('dispose', () => {\n      this.player().off('playerresize', this.resizeChart);\n\n      this.off(this.el(), 'mouseup', this.handleClick);\n    });\n  }\n\n  private handleClick(event: videojs.EventTarget.Event): void {\n    if (!videojs.dom.isSingleLeftClick(event))\n      return;\n\n    if (this.player().paused()) {\n      this.player().play();\n      return;\n    }\n\n    this.player().pause();\n  }\n\n  private buildChart(): void {\n    if (this.chart)\n      return;\n\n    const chartDimensions = this.getChartDimensions();\n\n    /**\n     * The dimensions calculation relies on the control bar and progress control\n     * being visible, so if it isn't, we wait for the play event.\n     */\n    if (!chartDimensions) {\n      this.player().one('play', () => this.buildChart());\n      return;\n    }\n\n    const container: HTMLElement = this.el().querySelector('.cv-engagement-chart');\n\n    this.chart = Highcharts.chart(container, this.getHighchartOptions(chartDimensions));\n  }\n\n  private resizeChart(): void {\n    const chartDimensions = this.getChartDimensions();\n\n    if (!this.chart || !chartDimensions)\n      return;\n\n    this.chart.setSize(chartDimensions.width, chartDimensions.height);\n  }\n\n  private destroyChart(): void {\n    this.chart?.destroy();\n    this.chart = null;\n  }\n\n  private getChartDimensions(): ChartDimensions {\n    const collapserator = this.player().getChild('collapserator');\n    const collapseratorHeight = collapserator?.currentHeight();\n\n    const width = this.el().clientWidth;\n\n    if (!collapseratorHeight || !width)\n      return null;\n\n    const { height } = this.player().currentDimensions();\n  \n    return {\n      width,\n      height: height - collapseratorHeight\n    };\n  }\n\n  private getHighchartOptions({ width, height }: ChartDimensions): Highcharts.Options {\n    return {\n      ...STATIC_CHART_OPTIONS,\n      chart: getChartOptions(width, height),\n      yAxis: getYAxisChartOptions(this.options_.heatMap),\n      tooltip: getTooltipOptions(this.options_.interactive),\n      plotOptions: getPlotOptions(this.moveTimepointIndicator.bind(this)),\n      series: [{\n        type: 'area',\n        data: this.options_.heatMap\n      }]\n    };\n  }\n\n  private moveTimepointIndicator(x: number | null): void {\n    if (this.options_.onTimepointHover)\n      this.options_.onTimepointHover(x);\n\n    const indicator: HTMLDivElement = this.el().querySelector('.cv-engagement-timepoint-indicator');\n\n    if (x === null) {\n      videojs.dom.removeClass(indicator, 'cv-engagement-timepoint-indicator-visible');\n      return;\n    }\n\n    videojs.dom.addClass(indicator, 'cv-engagement-timepoint-indicator-visible');\n    indicator.style.left = `${x / this.options_.heatMap.length * 100}%`;\n  }\n}\n\nvideojs.registerComponent('EngagementOverlay', EngagementOverlay);","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\nimport { EngagementOverlay } from 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay';\nimport { EngagementOverlayMenuItem } from 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay-menu-item/engagement-overlay-menu-item';\n\nimport 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay';\n\nconst Plugin = videojs.getPlugin('plugin');\n\ninterface EngagementOverlayPluginOptions {\n  heatMap: number[];\n  interactive?: Interactive;\n  onTimepointHover?: (time: number | null) => void;\n}\n\nclass EngagementOverlayPlugin extends Plugin {\n  private options: EngagementOverlayPluginOptions;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayPluginOptions) {\n    super(player, options);\n\n    this.options = options;\n\n    player.ready(() => {\n      this.initialize();\n    });\n  }\n  \n  private initialize(): void {\n    if (!this.hasHeatMapData())\n      return;\n\n    this.player.addChild('engagementOverlay', {\n      heatMap: this.options.heatMap,\n      interactive: this.options.interactive,\n      onTimepointHover: this.options.onTimepointHover\n    });\n\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({\n      index: 0,\n      ctor: EngagementOverlayMenuItem,\n      name: 'EngagementOverlayMenuItem',\n      options: { overlayVisible: true }\n    });\n  }\n\n  public toggleOverlay(show: boolean): void {\n    const engagementOverlay = this.player.getChild('engagementOverlay') as EngagementOverlay;\n    engagementOverlay?.toggleChart(show);\n  }\n\n  private hasHeatMapData(): boolean {\n    return this.options.heatMap?.reduce((acc, val) => acc + val, 0) > 0;\n  }\n}\n\nvideojs.registerPlugin('engagementOverlayPlugin', EngagementOverlayPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    engagementOverlayPlugin(options?: EngagementOverlayPluginOptions): EngagementOverlayPlugin;\n  }\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { InteractiveBarItems } from 'projects/player/plugins/interactive-plugin/components/seek-bar/interactive-bar-items';\nimport { TrackHelper } from 'projects/player/utils/track-helper';\n\nimport './interactive-plugin-styles.scss';\n\nconst Plugin = videojs.getPlugin('plugin');\n\ninterface InteractiveSeekBarPluginOptions {\n  interactive: Interactive;\n}\n\n/**\n * This plugin will just render the interactive seek bar (i.e. just the interaction markers).\n * The user won't be able to interact with any of the interactions.\n * Currently this is just used in reports-player\n */\nclass InteractiveSeekBarPlugin extends Plugin {\n  private options: InteractiveSeekBarPluginOptions;\n\n  constructor(player: VideoJsPlayer, options: InteractiveSeekBarPluginOptions) {\n    super(player);\n\n    this.options = options;\n\n    this.player.one('loadedmetadata', () => this.player.ready(this.initialize.bind(this)));\n  }\n\n  private initialize(): void {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    TrackHelper.useMetadataTrack(this.player, 'interactive', this.onTrackLoaded.bind(this));\n\n    this.player.addClass('cv-interactive-plugin');\n  }\n\n  private onTrackLoaded(track: TextTrack): void {\n    this.addChildren(track);\n  }\n\n  private addChildren(track: TextTrack): void {\n    const seekBar = this.player.controlBar.getChild('progressControl').getChild('SeekBar');\n\n    seekBar.addChild(new InteractiveBarItems(this.player, {\n      interactive: this.options.interactive,\n      track\n    }));\n  }\n}\n\nvideojs.registerPlugin('interactiveSeekBarPlugin', InteractiveSeekBarPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    interactiveSeekBarPlugin(options?: InteractiveSeekBarPluginOptions): InteractiveSeekBarPlugin;\n  }\n}","import { Interactive } from 'libs/shared/interfaces';\n\nimport { ClipData } from 'projects/player/interfaces/models/ClipData';\nimport { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';\nimport { BasePlayer, BasePlayerOptions } from 'projects/player/players/base-player';\nimport { AnalyticsPlayerType } from 'projects/player/services/analytics-service';\nimport { InteractiveTrackHelper } from 'projects/player/utils/interactive-track-helper';\n\nimport './reports-player.scss';\n\nimport 'projects/player/plugins/engagement-overlay-plugin/engagement-overlay-plugin';\nimport 'projects/player/plugins/clip-plugin/clip-plugin';\nimport 'projects/player/plugins/interactive-plugin/interactive-seek-bar-plugin';\n\nexport interface ReportsPlayerOptions extends BasePlayerOptions {\n  heatMap: number[];\n  onTimepointHover?: (time: number | null) => void;\n}\n\nexport class ReportsPlayer extends BasePlayer {\n  protected options: ReportsPlayerOptions;\n  private track: TextTrack;\n\n  constructor(id: string | Element, options: ReportsPlayerOptions) {\n    super(id, options);\n  }\n\n  protected getPlayerClassName(): string {\n    return 'cv-reports-player';\n  }\n\n  protected getAnalyticsPlayerType(): AnalyticsPlayerType {\n    return 'reports-player';\n  }\n\n  protected async additionalSetup(playbackObject: PlaybackObject): Promise<void> {\n    super.additionalSetup(playbackObject);\n\n    this.setupEngagementOverlayPlugin(playbackObject);\n    this.setupUpClipPlugin(playbackObject);\n    this.setupInteractiveSeekBarPlugin(playbackObject);\n  }\n\n  private setupEngagementOverlayPlugin(playbackObject: PlaybackObject): void {\n    this.player.engagementOverlayPlugin({\n      heatMap: this.options.heatMap,\n      interactive: playbackObject.additionalData?.interactive as Interactive,\n      onTimepointHover: this.options.onTimepointHover\n    });\n  }\n\n  private setupUpClipPlugin(playbackObject: PlaybackObject): void {\n    const isClip = playbackObject.mediaType === 'MasterClip';\n    const isInteractive = playbackObject.mediaType === 'MasterInteractive';\n\n    if (!isClip && !isInteractive)\n      return;\n\n    let clipData: ClipData;\n    if (isClip)\n      clipData = playbackObject.additionalData;\n     \n    if (isInteractive) {\n      clipData = playbackObject.additionalData?.clipData;\n\n      // Not all interactives will have clip data\n      if (!clipData)\n        return;\n    }\n\n    if (!clipData)\n      throw Error('Invalid clip data');\n\n    this.player.clipPlugin({\n      startTime: clipData.startTime,\n      endTime: clipData.endTime\n    });\n  }\n\n  private setupInteractiveSeekBarPlugin(playbackObject: PlaybackObject): void {\n    const interactive = playbackObject.additionalData?.interactive as Interactive;\n\n    if (!playbackObject.additionalData?.interactive)\n      return;\n\n    this.track = InteractiveTrackHelper.getInteractiveTrack(this.player, playbackObject);\n\n    this.player.interactiveSeekBarPlugin({ interactive });\n  }\n\n  protected getSeekBarOptions(): any {\n    return {\n      ignoreChapters: true\n    };\n  }\n}\n","import React from 'react';\n\nimport { ReportsPlayer, ReportsPlayerOptions } from 'projects/player/players/reports/reports-player';\n\nexport function ClickViewReportsPlayer(props: ReportsPlayerOptions): React.ReactElement {\n  const ref = React.useRef(null);\n  const playerRef = React.useRef<ReportsPlayer>(null);\n\n  React.useEffect(() => {\n    playerRef.current = new ReportsPlayer(ref.current, props);\n  }, []);\n\n  return (\n    <div ref={ref}></div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"playerContainer\":\"fGWsk\",\"playerPlaceholder\":\"v1MjE\",\"heatMap\":\"lp1Yn\",\"heatMapTimepointIndicator\":\"yOOK6\",\"heatMapTimepointIndicatorVisible\":\"rTXmB\",\"partialLoadingContainer\":\"gW1HU\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EngagementHeatMap, EngagementHeatMapLegend } from 'libs/shared/apps/analytics/components/engagement-heat-map/EngagementHeatMap';\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport { ClickViewReportsPlayer } from 'projects/player/react/ReportsPlayer';\n\nimport styles from './video-engagement-overlay.scss';\n\nconst namespace = 'shared.videoEngagementOverlay';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoEngagementOverlayProps {\n  engagement: Engagement;\n  viewKey: string;\n  imageCdnUrl: string;\n  playerApiUrl: string;\n}\n\nexport function VideoEngagementOverlay(props: VideoEngagementOverlayProps): JSX.Element {\n  const timepointIndicatorRef = React.useRef<HTMLDivElement>(null);\n\n  const heatMap = getFullHeatMap(props.engagement);\n\n  function setHoverTimepoint(time: number | null): void {\n    const el = timepointIndicatorRef.current;\n\n    if (!el)\n      return;\n\n    if (time === null) {\n      el.classList.remove(styles.heatMapTimepointIndicatorVisible);\n      return;\n    }\n\n    el.classList.add(styles.heatMapTimepointIndicatorVisible);\n    el.style.left = `${time / heatMap.length * 100}%`;\n  }\n\n  return (\n    <div className='bg-white border rounded overflow-hidden h-100'>\n      <div className='position-relative'>\n        {/**\n          * The below div is an empty 16:9 rectangle which maintains this component's\n          * height while the player is loading.\n          */\n        }\n        <div className={styles.playerPlaceholder} />\n        <div className={styles.playerContainer}>\n          <ClickViewReportsPlayer\n            viewKey={props.viewKey}\n            playerApi={new URL(props.playerApiUrl)}\n            hotkeyElQuerySelector='body'\n            heatMap={heatMap}\n            onTimepointHover={setHoverTimepoint}\n            aspectRatio='16:9'\n          />\n        </div>\n      </div>\n      <div className='p-3'>\n        <div className='position-relative'>\n          <EngagementHeatMap\n            engagement={props.engagement}\n            className={styles.heatMap}\n          />\n          <div ref={timepointIndicatorRef} className={styles.heatMapTimepointIndicator} />\n        </div>\n        <div className='d-flex justify-content-between mt-2'>\n          <strong>\n            {getPhrase('heatmap')}\n          </strong>\n          <div className='w-33'>\n            <EngagementHeatMapLegend />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"videoContainer\":\"cpl68\"};","import React from 'react';\n\nimport { EngagementTable } from 'libs/shared/apps/analytics/components/engagement-table/EngagementTable';\nimport { InsightAmountWatched } from 'libs/shared/apps/analytics/components/insights/amount-watched/InsightAmountWatched';\nimport { InsightTotalViews } from 'libs/shared/apps/analytics/components/insights/total-views/InsightTotalViews';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { Config, Engagement, PlayerViewKey } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { PartialInsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/partial-loading/PartialInsightsHeatmap';\nimport { VideoEngagementOverlay } from 'apps/my-shares/components/video-engagement-overlay/VideoEngagementOverlay';\n\nimport styles from './insights-heatmap.scss';\n\ninterface InsightsHeatmapProps {\n  hasDataLoaded: boolean;\n  tableDataLoaded: boolean;\n  yearGroups: GroupedAnalyticsCount[];\n  aggregateEngagement: Engagement;\n  individualEngagement: Engagement[];\n  viewKey: PlayerViewKey;\n  config: Config;\n  users: AnonUser[];\n  classroomStudents?: AnonUser[];\n  anonymiseUsers: boolean;\n}\n\nexport function InsightsHeatmap(props: InsightsHeatmapProps) {\n  return (\n    <>\n      {!props.hasDataLoaded && <PartialInsightsHeatmap />}\n\n      <div className='row g-3 mb-3'>\n        {props.hasDataLoaded &&\n          <>\n            <div className='col'>\n              <InsightTotalViews\n                events={{ yearGroupCount: props.yearGroups } as VideoViewEventResponse}\n                emptyStateImage={ImageUrls.EmptyStates.MY_VIDEOS}\n              />\n            </div>\n            <div className='col'>\n              <InsightAmountWatched engagement={props.individualEngagement} />\n            </div>\n            <div className={styles.videoContainer}>\n              <VideoEngagementOverlay\n                engagement={props.aggregateEngagement}\n                viewKey={props.viewKey.viewKey}\n                playerApiUrl={props.config.playerApiUrl}\n                imageCdnUrl={props.config.imageCdnUrl}\n              />\n            </div>\n          </>\n        }\n\n        {props.tableDataLoaded &&\n          <div className='col-12'>\n            <EngagementTable\n              engagement={props.individualEngagement}\n              users={props.users}\n              imageCdnUrl={props.config?.imageCdnUrl}\n              anonymiseUsers={props.anonymiseUsers}\n              classroomStudents={props.classroomStudents}\n              border\n              enableSort\n            />\n          </div>\n        }\n      </div>\n    </>\n  );\n}"],"names":["namespace","ZERO_COLOUR","COLOUR_SCALE","LEGEND_VALUES","getBackgroundColor","value","max","hex","getGradient","data","gradient","i","length","previousValue","currentValue","nextValue","push","join","EngagementHeatMapLegend","Math","legendSquareWidthPercentage","className","Text","phrase","map","val","idx","key","style","width","backgroundColor","EngagementHeatMap","props","heatMap","engagement","background","InsightCard","subtitle","svgClassName","SvgContainer","svgName","size","S","title","count","children","CHART_FONT_STYLES","fontSize","fontFamily","fontWeight","color","getFullHeatMap","videoDuration","Array","ceil","fill","t","getEngagementRate","reduce","prev","next","engagementRate","DragOverlayStyles","opacity","cursor","calculateScrollState","ref","canScrollLeft","current","scrollLeft","canScrollRight","scrollWidth","clientWidth","SortIndicator","column","canSort","isSorted","theme","sortIndicator","isSortedDesc","BaseTable","ids","idHash","tableOptions","columns","disableSortBy","enableSort","manualSortBy","manualSort","autoResetHiddenColumns","autoResetSortBy","initialState","sortBy","initialSortBy","initialSelectedRowIds","selectedRowIds","forEach","id","getRowId","useTable","plugins","useSortBy","useRowSelect","layout","useFlexLayout","useBlockLayout","allowFiltering","useFilters","allowGlobalFiltering","useGlobalFilter","getPlugins","getTableProps","getTableBodyProps","headerGroups","rows","prepareRow","toggleAllRowsSelected","setGlobalFilter","setHiddenColumns","state","renderTableRows","emptyState","row","FunctionHelper","isSelected","selectedRow","onSelectRow","enableSortableRows","getTableRowsClass","rowAppLink","getRowAppLink","onClickRow","allowSelectMultipleRows","toggleRowSelected","renderRow","sortableProps","dragAttributes","dragListeners","getSortableProps","role","AppLink","appLink","renderCells","onClick","rowProps","getRowProps","SortableItemWrapper","original","childProps","childComponent","cells","cell","cellClassName","onSelectCell","getCellClassName","getCellProps","render","onSort","globalFilter","hiddenColumns","table","header","headerGroup","getHeaderGroupProps","headerRow","headers","getHeaderProps","getSortByToggleProps","headerCell","renderSortIndicator","hideSortIndicator","body","SortableContainerWrapper","getDragOverlay","rowIndex","findIndex","item","onSortEnd","onSortingRowsEnd","Table","enableSlider","scrollIncrement","scrollable","tableProps","elRef","scrollState","setScrollState","throttledOnScroll","el","removeEventListener","addEventListener","scroll","scrollBy","left","top","behavior","useTableScroll","renderTrackHorizontal","autoHeightMax","autoHeight","onClickScroll","direction","WidgetButton","W","hide","scrollContainerClassName","defaultProps","getPhrase","LanguageService","EMPTY_ENGAGEMENT","viewCount","CellWrapper","HeaderCell","phraseKey","EngagementTable","users","classroomStudents","maxHeatMapValue","e","localMax","Header","accessor","sortType","rowA","rowB","values","user","anonymiseUsers","Cell","nameParts","name","split","filter","n","surname","slice","Avatar","imageCdnUrl","initials","UserHelper","imageUrl","avatar","url","showAnonymousUser","sessionId","sortDescFirst","PercentageIndicator","percentage","useGetColumns","userIdSet","Set","find","u","userId","add","students","s","has","border","PartialPercentageIndicator","customLabel","InsightAmountWatched","round","options","CHART_COLOURS","STATIC_CHART_OPTIONS","text","credits","enabled","chart","spacing","legend","itemStyle","itemDistance","plotOptions","pie","allowPointSelect","dataLabels","showInLegend","borderWidth","InsightTotalViews","events","groupsToOmit","getSeriesName","groups","eventCounts","chartData","staffIndex","group","staffObject","splice","sort","a","b","parseInt","match","sortByYearGroup","ev","includes","toLowerCase","ArrayHelper","Object","keys","y","type","d","totalViews","highcharts","series","getChartOptions","containerProps","EmptyState","src","emptyStateImage","PartialInsightsHeatmap","EngagementOverlayMenuItem","player","overlayVisible","toggle","this","toggleOn","toggleOff","toggleEl","engagementOverlayPlugin","toggleOverlay","addClass","removeClass","event","stopImmediatePropagation","tagName","properties","attributes","handlerBound","handleToggle","bind","innerHTML","appendChild","TimepointInteractions","timepoint","interactive","timepoints","timepointTime","visibleAt","floor","time","interactions","MAX_INTERACTIONS_TO_SHOW","hiddenInteractions","InteractionLabel","interaction","showQuestion","iconClassName","xAxis","visible","minPadding","maxPadding","defs","x1","y1","x2","y2","offset","height","styledMode","Component","EngagementOverlay","initialize","bindListeners","ready","buildChart","buildCSSClass","show","destroyChart","handleClick","resizeChart","on","off","paused","play","pause","chartDimensions","getChartDimensions","container","querySelector","getHighchartOptions","one","setSize","destroy","collapserator","getChild","collapseratorHeight","currentHeight","currentDimensions","moveTimepointIndicator","yAxis","options_","min","allowDecimals","startOnTick","endOnTick","tooltip","formatter","timepointInteractionsHtml","renderToStaticMarkup","getTimepointInteractionsHtml","x","formatTime","positioner","labelWidth","labelHeight","point","maxX","plotWidth","plotX","plotTop","useHTML","padding","area","mouseOver","mouseOut","marker","onTimepointHover","indicator","EngagementOverlayPlugin","hasHeatMapData","addChild","addItem","index","ctor","engagementOverlay","toggleChart","acc","InteractiveSeekBarPlugin","onTrackLoaded","track","addChildren","controlBar","ReportsPlayer","playbackObject","additionalSetup","setupEngagementOverlayPlugin","setupUpClipPlugin","setupInteractiveSeekBarPlugin","additionalData","clipData","isClip","mediaType","isInteractive","Error","clipPlugin","startTime","endTime","interactiveSeekBarPlugin","ignoreChapters","ClickViewReportsPlayer","playerRef","VideoEngagementOverlay","timepointIndicatorRef","viewKey","playerApi","URL","playerApiUrl","hotkeyElQuerySelector","classList","remove","aspectRatio","InsightsHeatmap","hasDataLoaded","yearGroupCount","yearGroups","ImageUrls","individualEngagement","aggregateEngagement","config","tableDataLoaded"],"sourceRoot":""}
+{"version":3,"file":"scripts/8362-ed5df8f4fc-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/engagement-heat-map.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-heat-map/EngagementHeatMap.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/insight-card.scss","file:///app/packages/libs/shared/src/apps/analytics/components/insight-card/InsightCard.tsx","file:///app/packages/libs/shared/src/apps/analytics/constants/ChartStyles.ts","file:///app/packages/libs/shared/src/apps/analytics/utils/EngagementUtils.ts","file:///app/packages/libs/shared/src/constants/DragOverlayStyles.ts","file:///app/packages/libs/shared/src/components/table/TableUtils.ts","file:///app/packages/libs/shared/src/components/table/table.scss","file:///app/packages/libs/shared/src/components/table/Table.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/engagement-table.scss","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/EngagementTableUtils.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/engagement-table/EngagementTable.tsx","file:///app/packages/libs/shared/src/components/percentage-indicator/PartialPercentageIndicator.tsx","file:///app/packages/libs/shared/src/apps/analytics/components/insights/amount-watched/InsightAmountWatched.tsx","file:///app/packages/libs/shared/src/apps/analytics/utils/ChartColourUtils.ts","file:///app/packages/libs/shared/src/apps/analytics/components/insights/total-views/InsightTotalViews.tsx","file:///app/packages/libs/shared/src/apps/analytics/utils/SharedUserActivityPieChartUtils.ts","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/partial-loading/partial-insights-heatmap.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/partial-loading/PartialInsightsHeatmap.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay-menu-item/engagement-overlay-menu-item.ts","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay-chart-options.tsx","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay.ts","file:///app/packages/projects/player/src/plugins/engagement-overlay-plugin/engagement-overlay-plugin.ts","file:///app/packages/projects/player/src/plugins/interactive-plugin/interactive-seek-bar-plugin.ts","file:///app/packages/projects/player/src/players/reports/reports-player.ts","file:///app/packages/projects/player/src/react/ReportsPlayer.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/video-engagement-overlay/video-engagement-overlay.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/video-engagement-overlay/VideoEngagementOverlay.tsx","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/insights-heatmap.scss","file:///app/packages/projects/lite/src/apps/my-shares/components/insights-heatmap/InsightsHeatmap.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"epapa\",\"legend\":\"uhH4p\"};","import React from 'react';\nimport chroma from 'chroma-js';\n\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport styles from './engagement-heat-map.scss';\n\nconst namespace = 'shared.engagementHeatMap';\n\nconst ZERO_COLOUR = '#f1f1f1';\nconst MIN_COLOUR = '#daf07d';\nconst MAX_COLOUR = '#08bd1a';\n\nconst COLOUR_SCALE = chroma.scale([ MIN_COLOUR, MAX_COLOUR ]);\n\nconst LEGEND_VALUES = [ 0, 0.01, 0.25, 0.5, 0.75, 1 ];\n\nfunction getBackgroundColor(value: number, max: number): string {\n  if (!value)\n    return ZERO_COLOUR;\n\n  return COLOUR_SCALE(value / max).hex();\n}\n\nfunction getGradient(data: number[], max: number): string {\n  const gradient: string[] = [];\n\n  for (let i = 0; i < data.length; i++) {\n    const previousValue = i > 0 && data[i - 1];\n    const currentValue = data[i];\n    const nextValue = i < data.length - 1 && data[i + 1];\n\n    /**\n     * We want to capture colour changes but if a value has the same value\n     * of both of its neighbours, we can skip it.\n     */\n    if (currentValue === previousValue && currentValue === nextValue)\n      continue;\n\n    gradient.push(`${getBackgroundColor(currentValue, max)} ${100 / data.length * i}%`);\n  }\n\n  return `linear-gradient(to right, ${gradient.join(',')})`;\n}\n\nexport function EngagementHeatMapLegend(): JSX.Element {\n  const max = Math.max(...LEGEND_VALUES);\n  const legendSquareWidthPercentage = 100 / LEGEND_VALUES.length;\n\n  return (\n    <div className='d-flex justify-content-between w-100'>\n      <Text namespace={namespace} phrase='less' />\n      <div className={`d-flex mx-1 flex-grow-1 ${styles.legend}`}>\n        {LEGEND_VALUES.map((val, idx) => (\n          <div\n            key={idx}\n            style={{\n              width: `${legendSquareWidthPercentage}%`,\n              backgroundColor: getBackgroundColor(val, max)\n            }}\n          />\n        ))}\n      </div>\n      <Text namespace={namespace} phrase='more' />\n    </div>\n  );\n}\n\ninterface EngagementHeatMapProps {\n  engagement: Engagement;\n  max?: number;\n  className?: string;\n}\n\nexport function EngagementHeatMap(props: EngagementHeatMapProps): JSX.Element {\n  const heatMap = getFullHeatMap(props.engagement);\n  const max = props.max ?? Math.max(...heatMap);\n\n  return (\n    <div\n      className={`border rounded ${styles.heatMap} ${props.className ?? ''}`}\n      style={{\n        background: getGradient(heatMap, max)\n      }}\n    />\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"sAmpy\",\"count\":\"faDs4\"};","import React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\n\nimport styles from './insight-card.scss';\n\ninterface InsightCardProps extends React.PropsWithChildren {\n  svgName: string;\n  svgClassName: string;\n  title: string;\n  subtitle?: string;\n  count?: number;\n}\n\nexport function InsightCard(props: InsightCardProps) {\n  return (\n    <section className='d-flex flex-column border rounded p-3 h-100'>\n      <div className={`d-flex ${props.subtitle ? 'align-items-top' : 'align-items-center'} mb-2`}>\n        <div className={`${styles.icon} ${props.svgClassName} rounded-circle d-flex justify-content-center align-items-center`}>\n          <SvgContainer svgName={props.svgName} size={SvgContainerSize.Small} />\n        </div>\n        <div className='d-flex flex-column ms-2'>\n          <h2 className='h6 mb-0'>{props.title}</h2>\n        </div>\n        {typeof props.count === 'number' && (\n          <div className={`${styles.count} d-flex justify-content-center align-items-center bg-light rounded-circle ms-auto`}>\n            {props.count}\n          </div>\n        )}\n      </div>\n      {props.children}\n    </section>\n  );\n}","export const CHART_FONT_STYLES = {\n  fontSize: '12px',\n  fontFamily: `\"Inter\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Liberation Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"`,\n  fontWeight: '400',\n  color: '#313543'\n};","import { Engagement } from 'libs/shared/interfaces';\n\n/**\n * The heat map in the API response won't contain trailing zeros so we need to add those\n * in manually.\n */\nexport function getFullHeatMap(engagement: Engagement): number[] {\n  const videoDuration = engagement.videoDuration || 0;\n  \n  return (new Array(Math.ceil(videoDuration))).fill(null).map((t, idx) => engagement?.heatMap[idx] || 0);\n}\n\nexport function getEngagementRate(engagement: Engagement[]): number {\n  return engagement?.reduce((prev, next) => prev + next.engagementRate / engagement.length, 0);\n}","export const DragOverlayStyles = { opacity: '0.8', cursor: 'grabbing' };","import React from 'react';\nimport { PluginHook, useBlockLayout, useFilters, useFlexLayout, useGlobalFilter, useRowSelect, useSortBy } from 'react-table';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface PluginOptions {\n  allowFiltering?: boolean;\n  allowGlobalFiltering?: boolean;\n  layout?: 'flex' | 'block';\n}\n\nexport function getPlugins<T extends HashObject>(props: PluginOptions): PluginHook<T>[] {\n  let plugins: PluginHook<T>[] = [\n    useSortBy,\n    useRowSelect,\n    props.layout === 'flex' ? useFlexLayout : useBlockLayout\n  ];\n\n  if (props.allowFiltering)\n    plugins = [\n      ...plugins,\n      useFilters\n    ];\n\n  if (props.allowGlobalFiltering)\n    plugins = [\n      ...plugins,\n      useGlobalFilter\n    ];\n\n  return plugins;\n}\n\nexport function getSelectedRowIds(ids: string[]): Record<string, boolean> {\n  const idHash: Record<string, boolean> = {};\n\n  ids.forEach(id => idHash[id] = true);\n\n  return idHash;\n}\n\ninterface TableScrollState {\n  canScrollLeft: boolean;\n  canScrollRight: boolean;\n}\n\nfunction calculateScrollState(ref: React.MutableRefObject<HTMLDivElement>): TableScrollState {\n  const canScrollLeft = ref.current?.scrollLeft > 0;\n  const canScrollRight = (ref.current?.scrollLeft + 1) < ref.current?.scrollWidth - ref.current?.clientWidth;\n\n  return { canScrollLeft, canScrollRight };\n}\n\ninterface UseTableScroll {\n  ref: (el: HTMLDivElement) => void;\n  scrollState: TableScrollState;\n  scroll: (scrollBy: number) => void;\n}\n\nexport function useTableScroll(): UseTableScroll {\n  const elRef = React.useRef<HTMLDivElement>(null);\n  const [ scrollState, setScrollState ] = React.useState<TableScrollState>(calculateScrollState(elRef));\n\n  function onScroll(): void {\n    setScrollState(calculateScrollState(elRef));\n  }\n\n  function scroll(scrollBy: number): void {\n    elRef.current?.scrollBy({ left: scrollBy, top: 0, behavior: 'smooth' });\n  }\n\n  const throttledOnScroll = FunctionHelper.throttle(onScroll, 200);\n\n  const ref = React.useCallback((el: HTMLDivElement) => {\n    if (elRef.current) {\n      elRef.current?.removeEventListener('scroll', throttledOnScroll);\n    }\n\n    if (el) {\n      setScrollState(calculateScrollState(elRef));\n      el.addEventListener('scroll', throttledOnScroll);\n    }\n\n    elRef.current = el;\n  }, []);\n\n  React.useEffect(() => {\n    if (elRef?.current) {\n      setScrollState(calculateScrollState(elRef));\n    }\n  }, [elRef]);\n\n  return { ref, scrollState, scroll };\n}","// extracted by mini-css-extract-plugin\nexport default {\"sortIndicator\":\"gFhu0\",\"scrollContainer\":\"sWUp9\",\"scrollbarTrack\":\"Vn2qM\"};","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\nimport {\n  Cell,\n  Column as BaseColumn,\n  HeaderGroup,\n  HeaderProps as BaseHeaderProps,\n  IdType,\n  Row,\n  SortingRule,\n  TableOptions,\n  TableRowProps,\n  useTable } from 'react-table';\nimport { DragEndEvent } from '@dnd-kit/core';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SortableContainerWrapper } from 'libs/shared/components/sortable/SortableContainerWrapper';\nimport { PropsWithSortableItemProps, SortableItemWrapper } from 'libs/shared/components/sortable/SortableItemWrapper';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { WidgetButton, WidgetButtonDirection } from 'libs/shared/components/widgets/widget-button/WidgetButton';\nimport { DragOverlayStyles } from 'libs/shared/constants/DragOverlayStyles';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { getPlugins, getSelectedRowIds, useTableScroll } from './TableUtils';\n\nimport styles from './table.scss';\n\nexport interface TableTheme {\n  table?: string;\n  header?: string;\n  headerRow?: string;\n  headerCell?: string;\n  body?: string;\n  row?: string | ((row: Row<any>) => string);\n  selectedRow?: string;\n  cell?: string | ((row?: Row<any>, cell?: Cell<any, any>) => string);\n  sortIndicator?: string;\n}\n\nexport type HeaderProps<T extends HashObject> = BaseHeaderProps<T> & {\n  renderSortIndicator: () => void;\n}\n\nexport type Column<T extends HashObject> = BaseColumn<T> & {\n  hideSortIndicator?: boolean;\n}\n\ninterface SortIndicatorProps<T extends HashObject> {\n  column: HeaderGroup<T>;\n  theme?: TableTheme;\n}\n\nfunction SortIndicator<T extends HashObject>(props: SortIndicatorProps<T>): JSX.Element {\n  if (!props.column.canSort)\n    return <></>;\n\n  return (\n    <span\n      className={\n        `${styles.sortIndicator}\n      ${!props.column.isSorted ? 'text-secondary' : ''}\n      ${props.theme?.sortIndicator ?? ''}`\n      }\n    >\n      <SvgContainer\n        svgName={(props.column.isSortedDesc || !props.column.isSorted)\n          ? cvSvgLibrary.ArrowRight\n          : cvSvgLibrary.ArrowLeft\n        }\n        size={SvgContainerSize.Small}\n      />\n    </span>\n  );\n}\n\ninterface BaseTableProps<T extends HashObject> {\n  /**\n   * Must be memoized.\n   */\n  data: T[];\n\n  /**\n   * Must be memoized.\n   * \n   * For documentation on Column Options, see https://react-table.tanstack.com/docs/api/useTable#column-options\n   */\n  columns: Column<T>[];\n\n  theme?: TableTheme;\n\n  onSelectRow?: (row: Row<T>) => void;\n\n  onSelectCell?: (cell: Cell<T>) => void;\n\n  onRowMouseOver?: (row: Row<T>) => void;\n\n  onRowMouseLeave?: (row: Row<T>) => void;\n\n  allowSelectMultipleRows?: boolean;\n\n  initialSelectedRowIds?: string[];\n\n  getRowId?: (row: T) => string;\n\n  getRowAppLink?: (row: Row<T>) => Core.AppLink;\n\n  enableSort?: boolean;\n\n  manualSort?: boolean;\n\n  onSort?: (sortingRule: SortingRule<T>[]) => void;\n  \n  // Opt-in to utilise react-table's useFilter hook.\n  allowFiltering?: boolean;\n\n  // Opt-in to utilise react-table's useGlobalFilter hook.\n  allowGlobalFiltering?: boolean;\n\n  // Use either a flex layout or a block layout. Default is flex.\n  layout?: 'flex' | 'block';\n\n  // Used by useGlobalFilter hook, needs to be enabled by prop above.\n  globalFilter?: string;\n\n  // Set initial state of hidden columns in react-table.\n  hiddenColumns?: IdType<T>[];\n\n  // Determine whether hidden columns should be preserved on a table update event.\n  autoResetHiddenColumns?: boolean;\n\n  // Determine whether sort order state should be preserved on a table update event.\n  autoResetSortBy?: boolean;\n\n  // Determine whether rows are sortable by drag and drop\n  enableSortableRows?: boolean;\n\n  onSortingRowsEnd?: (event: DragEndEvent) => void;\n\n  // Set initial state of sorting in react-table\n  initialSortBy?: SortingRule<T>[];\n\n  emptyState?: JSX.Element;\n}\n      \ntype SortableRowProps = PropsWithSortableItemProps<TableRowProps>;\n\nfunction BaseTable<T extends HashObject>(props: BaseTableProps<T>): JSX.Element {\n  const tableOptions: TableOptions<T> = {\n    columns: props.columns,\n    data: props.data,\n    disableSortBy: !props.enableSort,\n    manualSortBy: props.manualSort,\n    autoResetHiddenColumns: props.autoResetHiddenColumns,\n    autoResetSortBy: props.autoResetSortBy,\n    initialState: {\n      sortBy: props.initialSortBy || []\n    }\n  };\n\n  if (props.initialSelectedRowIds)\n    tableOptions.initialState = { selectedRowIds: getSelectedRowIds(props.initialSelectedRowIds) };\n\n  if (props.getRowId)\n    tableOptions.getRowId = props.getRowId;\n\n  const {\n    getTableProps,\n    getTableBodyProps,\n    headerGroups,\n    rows,\n    prepareRow,\n    toggleAllRowsSelected,\n    setGlobalFilter,\n    setHiddenColumns,\n    state: { sortBy }\n  } = useTable<T>(tableOptions, ...getPlugins<T>({ ...props }));\n\n  function getTableRowsClass(row: Row<T>) {\n    let className = FunctionHelper.isFunction(props.theme?.row)\n      ? props.theme.row(row)\n      : props.theme?.row ?? '';\n\n    if (row.isSelected && props.theme?.selectedRow)\n      className += ` ${props.theme?.selectedRow}`;\n\n    if (props.onSelectRow)\n      className += ' cursor-pointer';\n\n    if (props.enableSortableRows)\n      className += ' cursor-grab';\n\n    return className;\n  }\n\n  function renderTableRows() {\n    if (!rows.length && props.emptyState)\n      return props.emptyState;\n    \n    return rows.map(row => {\n      prepareRow(row);\n      \n      const className = getTableRowsClass(row);\n      const rowAppLink = !!props.getRowAppLink && props.getRowAppLink(row);\n\n      function onClickRow(): void {\n        if (!props.onSelectRow)\n          return;\n\n        if (!props.allowSelectMultipleRows)\n          toggleAllRowsSelected(false);\n       \n        props.onSelectRow(row);\n        row.toggleRowSelected(true);\n      }\n\n      function getSortableProps(props: TableRowProps | PropsWithSortableItemProps<TableRowProps>, ref?: any) {\n        if ('dragAttributes' in props && 'dragListeners' in props) {\n          return {\n            ...props.dragAttributes,\n            ...props.dragListeners,\n            'aria-roledescription': 'Sortable row',\n            ref\n          };\n        }\n\n        return {};\n      }\n\n      function renderRow(props: TableRowProps | PropsWithSortableItemProps<TableRowProps>, ref?: any): JSX.Element {\n        const sortableProps = getSortableProps(props, ref);\n\n        if (rowAppLink) {\n          return (\n            <div\n              role='row'\n              key={row.id}\n            >\n              <AppLink\n                {...props}\n                {...sortableProps}\n                className={className}\n                appLink={rowAppLink}\n              >\n                {renderCells(row)}\n              </AppLink>\n            </div>\n          );\n        }\n\n        return (\n          <div\n            {...props}\n            {...sortableProps}\n            key={row.id}\n            role='row'\n            className={className}\n            onClick={onClickRow}\n          >\n            {renderCells(row)}\n          </div>\n        );\n      }\n\n      const rowProps = row.getRowProps();\n\n      if (props.enableSortableRows) {\n        return (\n          <SortableItemWrapper\n            id={row.original.id}\n            key={row.id}\n            childProps={rowProps}\n            childComponent={React.forwardRef(\n              (props: SortableRowProps, ref: React.LegacyRef<HTMLDivElement>) => (renderRow(props, ref))\n            )}\n          />\n        );\n      }\n\n      return renderRow(rowProps);\n    });\n  }\n\n  function getDragOverlayClassName(theme: TableTheme): string {\n    let className = 'g-0 ';\n\n    if (theme)\n      className += theme.row;\n\n    return className;\n  }\n\n  function getDragOverlay(id: string) {\n    const rowIndex = rows.findIndex(item => item.original.id === id);\n    const row = rows[rowIndex];\n  \n    return (\n      <div\n        {...props}\n        className={getDragOverlayClassName(props.theme)}\n        style={DragOverlayStyles}\n      >\n        {renderCells(row)}\n      </div>\n    );\n  }\n\n  function getCellClassName(row: Row<T>, cell: Cell<T>): string {\n    let cellClassName = '';\n\n    if (typeof props.theme?.cell === 'function')\n      cellClassName = props.theme.cell(row, cell);\n\n    if (typeof props.theme?.cell === 'string')\n      cellClassName = props.theme.cell;\n\n    if (props.onSelectCell)\n      cellClassName += ' cursor-pointer';\n\n    return cellClassName;\n  }\n\n  function renderCells(row: Row<T>): JSX.Element[] {\n    return row.cells.map(cell => {\n      const cellClassName = getCellClassName(row, cell);\n\n      function onClickCell(): void {\n        props.onSelectCell && props.onSelectCell(cell);\n      }\n\n      return (\n        <div key={cell.column.id} {...cell.getCellProps()} className={cellClassName} onClick={onClickCell} >\n          {cell.render('Cell')}\n        </div>\n      );\n    });\n  }\n\n  React.useEffect(() => {\n    if (!props.onSort)\n      return;\n\n    props.onSort(sortBy);\n  }, [sortBy]);\n\n  React.useEffect(() => {\n    if (!props.globalFilter)\n      return;\n\n    setGlobalFilter(props.globalFilter);\n  }, [props.globalFilter]);\n\n  React.useEffect(() => {\n    if (!props.hiddenColumns)\n      return;\n\n    setHiddenColumns(props.hiddenColumns);\n  }, [props.hiddenColumns && props.hiddenColumns.length]);\n\n  return (\n    <div {...getTableProps()} className={props.theme?.table ?? ''}>\n      <div className={props.theme?.header ?? ''}>\n        {headerGroups.map(headerGroup => (\n          <div {...headerGroup.getHeaderGroupProps()} className={props.theme?.headerRow ?? ''}>\n            {headerGroup.headers.map(column => (\n              <div {...column.getHeaderProps(column.getSortByToggleProps())} className={props.theme?.headerCell ?? ''}>\n                {column.render('Header', { renderSortIndicator: () => <SortIndicator column={column} theme={props.theme} /> })}\n                {!(column as Column<T>).hideSortIndicator &&\n                  <SortIndicator column={column} theme={props.theme} />\n                }\n              </div>\n            ))}\n          </div>\n        ))}\n      </div>\n      <div {...getTableBodyProps()} className={props.theme?.body ?? ''}>\n        { props.enableSortableRows ? (\n          <SortableContainerWrapper\n            ids={rows.map(row => row.original.id)}\n            getDragOverlay={getDragOverlay}\n            onSortEnd={props.onSortingRowsEnd}\n          >\n            {renderTableRows()}\n          </SortableContainerWrapper>\n        ) : (\n          renderTableRows()\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface TableProps<T extends HashObject> extends BaseTableProps<T> {\n  enableSlider?: boolean;\n  scrollIncrement?: number;\n  scrollContainerClassName?: string;\n  scrollable?: boolean;\n  initialSortBy?: SortingRule<T>[];\n}\n\nTable.defaultProps = {\n  scrollIncrement: 250,\n  scrollable: false,\n  layout: 'flex'\n};\n\nexport function Table<T extends HashObject>(props: TableProps<T>): JSX.Element {\n  const { enableSlider, scrollIncrement, scrollable, ...tableProps } = props;\n\n  const { ref, scrollState, scroll } = useTableScroll();\n\n  if (scrollable) {\n    return (\n      <Scrollbars\n        renderTrackHorizontal={() => <div className={styles.scrollbarTrack} />}\n        autoHeightMax={10000}\n        autoHeight\n      >\n        <BaseTable {...tableProps} />\n      </Scrollbars>\n    );\n  }\n\n  if (!enableSlider)\n    return <BaseTable {...tableProps} />;\n\n  function onClickScroll(direction: 'left' | 'right'): void {\n    scroll(scrollIncrement * (direction === 'right' ? 1 : -1));\n  }\n\n  return (\n    <div className='mx-n4 overflow-x-hidden overflow-y-hidden'>\n      <div className='px-4'>\n        <div className='position-relative'>\n          <WidgetButton\n            direction={WidgetButtonDirection.Left}\n            onClick={() => onClickScroll('left')}\n            hide={!scrollState.canScrollLeft}\n          />\n          <div className={`${styles.scrollContainer} ${props.scrollContainerClassName}`} ref={ref}>\n            <BaseTable {...tableProps } />\n          </div>\n          <WidgetButton\n            direction={WidgetButtonDirection.Right}\n            onClick={() => onClickScroll('right')}\n            hide={!scrollState.canScrollRight}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"heatMap\":\"rwDjh\",\"avatarContainer\":\"kW4ZM\"};","import React from 'react';\nimport { Column, ColumnInstance, Row } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EngagementHeatMap } from 'libs/shared/apps/analytics/components/engagement-heat-map/EngagementHeatMap';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { Avatar } from 'libs/shared/components/avatar/Avatar';\nimport { PercentageIndicator, PercentageIndicatorLayout } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\n\nimport styles from './engagement-table.scss';\n\nconst namespace = 'shared.engagementTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst EMPTY_ENGAGEMENT: Partial<Engagement> = {\n  heatMap: [],\n  engagementRate: 0,\n  viewCount: 0\n};\n\ninterface CellWrapperProps {\n  className?: string;\n}\n\nfunction CellWrapper(props: React.PropsWithChildren<CellWrapperProps>): JSX.Element {\n  return (\n    <div className={`${props.className ?? ''}`}>\n      {props.children}\n    </div>\n  );\n}\n\ninterface HeaderCellProps {\n  column: ColumnInstance<EngagementTableData>;\n  phraseKey: string;\n}\n\nfunction HeaderCell(props: HeaderCellProps): JSX.Element {\n  return (\n    <CellWrapper className={`d-inline-block ${props.column.isSorted ? 'fw-bold' : ''}`}>\n      {getPhrase(props.phraseKey)}\n    </CellWrapper>\n  );\n}\n\nexport interface EngagementTableData extends Engagement {\n  user: AnonUser;\n}\n\nfunction getMaxHeatMapValue(engagement: Engagement[]): number {\n  let max = 0;\n\n  engagement.forEach(e => {\n    const localMax = Math.max(...e.heatMap);\n\n    if (localMax > max)\n      max = localMax;\n  });\n\n  return max;\n}\n\nfunction getUsersName(user: AnonUser, anonymiseUsers: boolean) {\n  const fullName = anonymiseUserName(user, anonymiseUsers);\n  const nameParts = fullName.split(' ').filter(n => !!n);\n\n  return {\n    name: nameParts[0],\n    surname: nameParts.slice(1).join(' ')\n  };\n}\n\ninterface EngagementColumnProps {\n  engagement: Engagement[],\n  imageCdnUrl: string;\n  anonymiseUsers: boolean;\n}\n\nexport function useGetColumns(props: EngagementColumnProps): Column<EngagementTableData>[] {\n  return React.useMemo(() => {\n    const maxHeatMapValue = getMaxHeatMapValue(props.engagement);\n\n    return [\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='name' />,\n        width: 22,\n        accessor: 'user',\n        sortType: (rowA: Row<EngagementTableData>, rowB: Row<EngagementTableData>) => {\n          const nameA = anonymiseUserName(rowA.values.user, props.anonymiseUsers);\n          const nameB = anonymiseUserName(rowB.values.user, props.anonymiseUsers);\n\n          return nameA > nameB ? 1 : -1;\n        },\n        Cell: ({ value }) => {\n          const { name, surname } = getUsersName(value, props.anonymiseUsers);\n          return (\n            <CellWrapper className='d-flex align-items-center h-100'>\n              <span className={styles.avatarContainer}>\n                <Avatar\n                  imageCdnUrl={props.imageCdnUrl}\n                  initials={UserHelper.getInitials(name, surname)}\n                  imageUrl={!props.anonymiseUsers && value?.avatar?.url}\n                  showAnonymousUser={!props.anonymiseUsers && (!value || !!value.sessionId)}\n                />\n              </span>\n              <span className={'ms-2 clamp-1'}>\n                {name} {surname}\n              </span>\n            </CellWrapper>\n          );\n        }\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='views' />,\n        accessor: 'viewCount',\n        width: 15,\n        sortType: 'basic', // Default is 'alphanumeric' which would treat the numbers as strings\n        sortDescFirst: true,\n        Cell: ({ value }) => (\n          <CellWrapper className='d-flex align-items-center h-100'>\n            <div>{value}</div>\n          </CellWrapper>\n        )\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='engagement' />,\n        accessor: 'engagementRate',\n        width: 20,\n        sortType: 'basic', // Default is 'alphanumeric' which would treat the numbers as strings\n        sortDescFirst: true,\n        Cell: ({ value }) => (\n          <CellWrapper className='w-33'>\n            <PercentageIndicator\n              percentage={value}\n              layout={PercentageIndicatorLayout.LabelBefore}\n            />\n          </CellWrapper>\n        )\n      },\n      {\n        Header: ({ column }) => <HeaderCell column={column} phraseKey='heatMap' />,\n        accessor: 'heatMap',\n        width: 48,\n        disableSortBy: true,\n        Cell: ({ row: { original } }) => (\n          <CellWrapper className='d-flex align-items-center h-100'>\n            <EngagementHeatMap\n              engagement={original}\n              max={maxHeatMapValue}\n              className={`${styles.heatMap} flex-grow-1`}\n            />\n          </CellWrapper>\n        )\n      }\n    ];\n  }, [props.anonymiseUsers]);\n}\n\nexport function useGetTableData(\n  engagement: Engagement[],\n  users: AnonUser[],\n  classroomStudents?: AnonUser[]\n): EngagementTableData[] {\n  return React.useMemo(() => {\n    if (!engagement?.length)\n      return [];\n\n    const data: EngagementTableData[] = [];\n\n    const userIdSet = new Set<string>();\n    engagement.forEach(e => {\n      const user = users?.find(u => {\n        if (u.id && u.id === e.userId) {\n          userIdSet.add(u.id);\n          return true;\n        }\n\n        if (u.sessionId && u.sessionId === e.sessionId)\n          return true;\n\n        return false;\n      });\n\n      data.push({ ...e, user });\n    });\n\n    if (classroomStudents?.length) {\n      const students = classroomStudents\n        .filter(s => !userIdSet.has(s.id))\n        .map(user => ({ ...EMPTY_ENGAGEMENT, user } as EngagementTableData));\n      data.push(...students);\n    }\n\n    return data;\n  }, [users?.length]);\n}","import React from 'react';\n\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { useGetColumns, useGetTableData } from './EngagementTableUtils';\n\nconst theme: TableTheme = {\n  table: 'bg-white rounded px-0',\n  header: 'border-bottom',\n  headerCell: 'm-3',\n  cell: 'mx-3 my-2'\n};\n\ninterface EngagementTableProps {\n  engagement: Engagement[];\n  imageCdnUrl: string;\n  users?: AnonUser[];\n  classroomStudents?: AnonUser[];\n  anonymiseUsers: boolean;\n  border?: boolean;\n  enableSort?: boolean;\n}\n\nexport function EngagementTable(props: EngagementTableProps): JSX.Element {\n  const columns = useGetColumns({\n    engagement: props.engagement,\n    imageCdnUrl: props.imageCdnUrl,\n    anonymiseUsers: props.anonymiseUsers\n  });\n\n  const data = useGetTableData(props.engagement, props.users, props.classroomStudents);\n\n  if (!data.length)\n    return <></>;\n\n  return (\n    <Table\n      columns={columns}\n      data={data}\n      theme={{\n        ...theme,\n        table: props.border ? `${theme.table} border` : theme.table\n      }}\n      enableSort={props.enableSort}\n    />\n  );\n}","import React from 'react';\n\nimport { PercentageIndicator, PercentageIndicatorLayout } from './PercentageIndicator';\n\ninterface PartialPercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  className?: string;\n}\n\nexport function PartialPercentageIndicator(props: PartialPercentageIndicatorProps): JSX.Element {\n  return (\n    <PercentageIndicator\n      layout={props.layout}\n      className={props.className}\n      percentage={0}\n      customLabel='--%'\n    />\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { getEngagementRate } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { PartialPercentageIndicator } from 'libs/shared/components/percentage-indicator/PartialPercentageIndicator';\nimport { PercentageIndicator, PercentageIndicatorLayout } from 'libs/shared/components/percentage-indicator/PercentageIndicator';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { Engagement } from 'libs/shared/interfaces';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.insightAmountWatched';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InsightAmountWatchedProps {\n  engagement: Engagement[];\n}\n\nexport function InsightAmountWatched(props: InsightAmountWatchedProps) {\n  const engagementRate = getEngagementRate(props.engagement);\n  const percentage = Math.round(engagementRate * 100);\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      svgName={cvSvgLibrary.Timer}\n      svgClassName='bg-light-green text-green'\n    >\n      <div className='d-flex flex-column align-items-center my-auto gap-2'>\n        {!!props.engagement &&\n          <>\n            <PercentageIndicator\n              percentage={engagementRate}\n              layout={PercentageIndicatorLayout.LabelInside}\n            />\n            <p className='text-center'>\n              {typeof engagementRate === 'number'\n                ? <Text namespace={namespace} phrase='everyoneWatched' options={{ percentage }} />\n                : <Text namespace={namespace} phrase='notWatched' />\n              }\n            </p>\n          </>\n        }\n        {!props.engagement &&\n          <>\n            <PartialPercentageIndicator layout={PercentageIndicatorLayout.LabelInside} />\n          </>\n        }\n      </div>\n    </InsightCard>\n  );\n}","const CHART_COLOURS = [\n  '#FF9300', // Pizazz\n  '#38A2E8', // Picton Blue\n  '#7A76E8', // Portage\n  '#B679C7', // East Side\n  '#F7847B', // Froly\n  '#D9584F', // Red (Not in the Primary palette)\n  '#FFCD52', // Yellow (Not in the Primary Palette)\n  '#5DC786', // Emerald\n  '#40BCC3', // Perolous\n  '#40C2BB'  // Puerto rico\n];\n\nexport function mixinSeriesColours<T>(data: T[]): T[] {\n  return data.map((d, idx) => ({\n    ...d,\n    color: CHART_COLOURS[idx % CHART_COLOURS.length]\n  }));\n}","import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { InsightCard } from 'libs/shared/apps/analytics/components/insight-card/InsightCard';\nimport { CHART_FONT_STYLES } from 'libs/shared/apps/analytics/constants/ChartStyles';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { getTotalEventCount, groupEvents, sortByYearGroup } from 'libs/shared/apps/analytics/utils/SharedUserActivityPieChartUtils';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.insightTotalViews';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst STATIC_CHART_OPTIONS: Highcharts.Options = {\n  title: {\n    text: null\n  },\n  credits: {\n    enabled: false\n  },\n  chart: {\n    backgroundColor: 'transparent',\n    spacing: [ 0, 0, 0, 0 ]\n  },\n  legend: {\n    itemStyle: CHART_FONT_STYLES,\n    itemDistance: 8\n  },\n  plotOptions: {\n    pie: {\n      allowPointSelect: true,\n      cursor: 'pointer',\n      dataLabels: {\n        enabled: false\n      },\n      showInLegend: true,\n      borderWidth: 0,\n      size: '80%'\n    }\n  }\n};\n\ninterface InsightTotalViewsProps {\n  events: VideoViewEventResponse;\n  emptyStateImage: string;\n}\n\nexport function InsightTotalViews(props: InsightTotalViewsProps) {\n  const chartData = sortByYearGroup(groupEvents(props.events, 'yearGroupCount', []));\n  const totalViews = getTotalEventCount(chartData);\n\n  function getChartOptions(\n    data: Highcharts.PointOptionsObject[]\n  ): Highcharts.Options {\n    return {\n      ...STATIC_CHART_OPTIONS,\n      series: [{\n        type: 'pie',\n        name: getPhrase('title'),\n        data\n      }]\n    };\n  }\n\n  return (\n    <InsightCard\n      title={getPhrase('title')}\n      // Replace with ultra marine + light colour\n      svgClassName='bg-light-blue text-blue'\n      // Add visibility icon \n      svgName={cvSvgLibrary.VisibleOn}\n    >\n      {chartData?.length ? (\n        <>\n          <p className='mb-0'><Text namespace={namespace} phrase='totalViews' options={{ totalViews }} /></p>\n\n          <div className='d-flex justify-content-center h-75'>\n            <HighchartsReact\n              highcharts={Highcharts}\n              options={getChartOptions(chartData)}\n              containerProps={{\n                className: `w-100`\n              }}\n            />\n          </div>\n        </>\n      ) : (\n        <EmptyState className='pt-0 my-auto'>\n          <EmptyState.Image src={props.emptyStateImage} className='w-75 h-auto'></EmptyState.Image>\n          <EmptyState.Heading className='h4'><Text namespace={namespace} phrase='noViews' /></EmptyState.Heading>\n          <EmptyState.Info className='w-100'><Text namespace={namespace} phrase='notWatched' /></EmptyState.Info>\n        </EmptyState>\n      )}\n    </InsightCard>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { HashObject } from 'libs/analytics/interfaces';\n\nimport { BaseAnalyticsEventResponse, GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { UnionEventResponse } from 'libs/shared/apps/analytics/interfaces/UnionEvent';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { mixinSeriesColours } from 'libs/shared/apps/analytics/utils/ChartColourUtils';\n\ntype EventResponseGroupByAttributes = keyof Pick<VideoViewEventResponse, 'contentTypeCount'>\n | keyof Pick<BaseAnalyticsEventResponse, 'userTypeCount' | 'yearGroupCount'>;\n\nexport function groupEvents(\n  events: UnionEventResponse,\n  groupBy: EventResponseGroupByAttributes,\n  groupsToOmit?: string[],\n  getSeriesName?: (group: string) => string\n): Highcharts.PointOptionsObject[] {\n  const groups: HashObject<number> = {};\n\n  const eventCounts = events[groupBy as keyof UnionEventResponse] as GroupedAnalyticsCount[];\n\n  eventCounts?.forEach(ev => {\n    const name = ev.name || 'Unknown';\n\n    if (!name || groupsToOmit?.includes(name.toLowerCase()))\n      return;\n\n    groups[name] = groups[name] ?? 0;\n    groups[name] += ev.count;\n  });\n\n  return mixinSeriesColours(ArrayHelper.sortBy(Object.keys(groups).map(group => ({\n    name: getSeriesName ? getSeriesName(group) : group,\n    y: groups[group],\n    type: 'pie'\n  })), 'name'));\n}\n\nexport function sortByYearGroup(data: Highcharts.PointOptionsObject[]) {\n  const staffIndex = data.findIndex(group => group.name === 'Staff');\n\n  // Move Staff to last index\n  if (staffIndex > -1) {\n    const [staffObject] = data.splice(staffIndex, 1);\n\n    data.push(staffObject);\n  }\n  return data.sort((a, b) => {\n    const numA = parseInt((a.name as string).match(/\\d+/)?.[0]);\n    const numB = parseInt((b.name as string).match(/\\d+/)?.[0]);\n    return numA - numB;\n  });\n}\n\nexport function getTotalEventCount(data?: Highcharts.PointOptionsObject[]): number | null {\n  return data?.reduce((a, b) => a + b.y, 0) ?? null;\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialInsights\":\"nKLWa\",\"videoContainer\":\"WF2iA\"};","import React from 'react';\n\nimport styles from './partial-insights-heatmap.scss';\n\nexport function PartialInsightsHeatmap() {\n  return (\n    <div>\n      <div className='row g-3 mb-3'>\n        <div className='col'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className='col'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n        <div className={styles.videoContainer}>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n\n      <div className='row g-3 mb-5'>\n        <div className='col-12'>\n          <div className={`${styles.partialInsights} rounded partial-loading-background`}></div>\n        </div>\n      </div>\n    </div>\n  );\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nconst MenuItem = videojs.getComponent('MenuItem');\n\ninterface EngagementOverlayMenuItemOptions extends videojs.MenuItemOptions {\n  overlayVisible: boolean\n}\n\nexport class EngagementOverlayMenuItem extends MenuItem {\n  private toggleEl: Element;\n  private overlayVisible: boolean;\n\n  /**\n   * Because we want to bind our listener in createEl\n   * and createEl runs in super. We store if we've bounud\n   * our handler, so we only call bind once and \n   * the call to removeEventListener will still work\n   */\n  private handlerBound: boolean;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayMenuItemOptions) {\n    super(player, options);\n\n    this.overlayVisible = options.overlayVisible;\n    this.toggle(this.overlayVisible);\n  }\n\n  public handleToggle(): void {\n    this.toggle(!this.overlayVisible);\n  }\n\n  private toggle(state: boolean): void {\n    state ? this.toggleOn() : this.toggleOff();\n  }\n\n  private toggleOn(): void {\n    videojs.dom.addClass(this.toggleEl, 'on');\n    this.overlayVisible = true;\n    this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible);\n    this.player().addClass('cv-reports-player-overlay-visible');\n  }\n\n  private toggleOff(): void {\n    videojs.dom.removeClass(this.toggleEl, 'on');\n    this.overlayVisible = false;\n    this.player().engagementOverlayPlugin().toggleOverlay(this.overlayVisible);\n    this.player().removeClass('cv-reports-player-overlay-visible');\n  }\n\n  /**\n   * Because we extend MenuItem which will close the menu by default\n   * we need to halt the event propogation here\n   */\n  public handleClick(event: videojs.EventTarget.Event): void {\n    event.stopImmediatePropagation();\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement {\n    /**\n     * Bind our event listener only once\n     * see the comment where handlerBound is defined\n     */\n    if (!this.handlerBound) {\n      this.handleToggle = this.handleToggle.bind(this);\n      this.handlerBound = true;\n    }\n\n    if (this.toggleEl)\n      this.toggleEl.removeEventListener('click', this.handleToggle);\n\n    this.toggleEl = videojs.dom.createEl('div', {\n      className: `custom-toggle custom-toggle-info toggle-option float-end`,\n      innerHTML: '<span class=\"handle\"></span></div>'\n    });\n    this.toggleEl.addEventListener('click', this.handleToggle);\n\n    const innerHTML = `\n      <span class=\"vjs-menu-item-text\">Heat Map</span>\n      <span class=\"cv-toggle-container\"></span>`;\n\n    const el = super.createEl(tagName, {\n      className: 'vjs-menu-item cv-cog-menu-item',\n      innerHTML\n    }, attributes);\n\n    /**\n     * Indexing into the child this way is only safe to do because\n     * we know that the el only has two children\n     */\n    el.children[1].appendChild(this.toggleEl);\n\n    return el;\n  }\n}\n\nvideojs.registerComponent('EngagementOverlayMenuItem', EngagementOverlayMenuItem);\n","import React from 'react';\n\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { Interactive } from 'libs/shared/interfaces';\n\nconst MAX_INTERACTIONS_TO_SHOW = 3;\n\ninterface TimepointInteractionsProps {\n  interactive: Interactive;\n  time: number;\n}\n\nexport function TimepointInteractions(props: TimepointInteractionsProps): JSX.Element {\n  const timepoint = props.interactive.timepoints.find(t => {\n    const timepointTime = t.visibleAt / 1000;\n    \n    return Math.floor(props.time) === Math.floor(timepointTime)\n      || Math.ceil(props.time) === Math.ceil(timepointTime);\n  });\n\n  if (!timepoint?.interactions?.length)\n    return <></>;\n\n  const interactions = timepoint.interactions.length > MAX_INTERACTIONS_TO_SHOW\n    ? timepoint.interactions.slice(0, MAX_INTERACTIONS_TO_SHOW - 1)\n    : timepoint.interactions;\n\n  const hiddenInteractions = timepoint.interactions.length - interactions.length;\n\n  return (\n    <div className='d-flex justify-content-end ms-2'>\n      {interactions.map((i, idx) => (\n        <InteractionLabel\n          key={idx}\n          interaction={i}\n          showQuestion={false}\n          iconClassName='ms-1'\n        />\n      ))}\n      {!!hiddenInteractions &&\n        <div\n          className={'interaction-type-icon d-flex justify-content-center'\n          + ' align-items-center border border-dark text-body ms-1'}\n        >\n          {`+${hiddenInteractions}`}\n        </div>\n      }\n    </div>\n  );\n}","import React from 'react';\nimport { renderToStaticMarkup } from 'react-dom/server';\nimport Highcharts from 'highcharts';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { TimepointInteractions } from 'projects/player/plugins/engagement-overlay-plugin/components/timepoint-interactions/timepoint-interactions';\nimport { formatTime } from 'projects/player/utils/formatTime';\n\nexport const STATIC_CHART_OPTIONS: Highcharts.Options = {\n  title: {\n    text: null\n  },\n  xAxis: {\n    visible: false,\n    minPadding: 0,\n    maxPadding: 0\n  },\n  legend: {\n    enabled: false\n  },\n  credits: {\n    enabled: false\n  },\n  defs: {\n    gradient: ({\n      tagName: 'linearGradient',\n      id: 'area-gradient',\n      x1: 0,\n      y1: 1,\n      x2: 0,\n      y2: 0,\n      children: [\n        ({\n          tagName: 'stop',\n          offset: 0\n        } as Highcharts.ASTNode),\n        ({\n          tagName: 'stop',\n          offset: 1\n        } as Highcharts.ASTNode)\n      ]\n    } as Highcharts.ASTNode)\n  }\n};\n\nexport function getChartOptions(width: number, height: number): Highcharts.ChartOptions {\n  return {\n    styledMode: true,\n    spacing: [ 15, 0, 0, 0 ],\n    width,\n    height\n  };\n}\n\nexport function getYAxisChartOptions(heatMap: number[]): Highcharts.YAxisOptions {\n  const maxValue = Math.max(...heatMap);\n\n  return {\n    /**\n     * To prevent max values from being cut off, we pad them relative to the chart scale.\n     */\n    max: maxValue * 1.05,\n    min: 0,\n    minPadding: 0,\n    maxPadding: 0,\n    allowDecimals: true,\n    startOnTick: false,\n    endOnTick: false,\n    visible: false\n  };\n}\n\nexport function getTooltipOptions(interactive?: Interactive): Highcharts.TooltipOptions {\n  return {\n    formatter: function () {\n      const timepointInteractionsHtml = interactive\n        ? getTimepointInteractionsHtml(interactive, this.x)\n        : '';\n\n      return (\n        '<div class=\"cv-engagement-tooltip bg-white rounded\">'\n        + '<div class=\"d-flex justify-content-between\">'\n        + `<strong>${formatTime(this.x)}</strong>`\n        + `${timepointInteractionsHtml}`\n        + '</div>'\n        + '<div class=\"d-flex justify-content-between rounded bg-light cv-view-count-container\">'\n        + `<strong>Views</strong> <span class=\"cv-view-count\">${this.y}</span>`\n        + '</div>'\n        + '</div>'\n      );\n    },\n    positioner: function (\n      labelWidth: number,\n      labelHeight: number,\n      point: Highcharts.TooltipPositionerPointObject\n    ) {\n      const minX = 0;\n      const maxX = this.chart.plotWidth - labelWidth;\n      const x = point.plotX - labelWidth / 2;\n      \n      return {\n        // Clamp x between min and max\n        x: Math.min(Math.max(x, minX), maxX),\n        y: this.chart.plotTop\n      };\n    },\n    useHTML: true,\n    padding: 0\n  };\n}\n\nexport function getPlotOptions(moveTimepointIndicator: (x: number | null) => void): Highcharts.PlotOptions {\n  return {\n    area: {\n      point: {\n        events: {\n          mouseOver: function () {\n            moveTimepointIndicator(this.x);\n          },\n          mouseOut: function () {\n            moveTimepointIndicator(null);\n          }\n        }\n      }\n    },\n    series: {\n      marker: {\n        enabled: false\n      }\n    }\n  };\n}\n\nfunction getTimepointInteractionsHtml(interactive: Interactive, time: number): string {\n  return renderToStaticMarkup(\n    <TimepointInteractions time={time} interactive={interactive} />\n  );\n}","import Highcharts from 'highcharts';\nimport videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport {\n  getChartOptions,\n  getPlotOptions,\n  getTooltipOptions,\n  getYAxisChartOptions,\n  STATIC_CHART_OPTIONS\n} from './engagement-overlay-chart-options';\n\nimport './engagement-overlay.scss';\n\nconst Component = videojs.getComponent('Component');\n\nHighcharts.AST.allowedTags.push('g');\nHighcharts.AST.allowedAttributes.push('viewBox', 'transform');\n\ninterface ChartDimensions {\n  width: number;\n  height: number;\n}\n\ninterface EngagementOverlayOptions extends videojs.ComponentOptions {\n  heatMap: number[];\n  interactive?: Interactive;\n  onTimepointHover?: (time: number | null) => void;\n}\n\nexport class EngagementOverlay extends Component {\n  public options_: EngagementOverlayOptions;\n  private chart: Highcharts.Chart;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayOptions) {\n    super(player, options);\n\n    this.initialize();\n    this.bindListeners();\n  }\n\n  public initialize(): void {\n    this.player().ready(() => this.buildChart());\n  }\n\n  public buildCSSClass(): string {\n    return 'cv-engagement-overlay';\n  }\n\n  public createEl(tagName?: string, properties?: any, attributes?: any): Element {\n    const innerHTML = '<div class=\"cv-engagement-chart\"></div>'\n      + '<div class=\"cv-engagement-timepoint-indicator\"></div>';\n\n    return super.createEl(tagName, {\n      ...properties,\n      className: this.buildCSSClass(),\n      innerHTML\n    }, attributes);\n  }\n\n  public toggleChart(show: boolean): void {\n    if (show)\n      this.buildChart();\n    else\n      this.destroyChart();\n  }\n\n  private bindListeners(): void {\n    this.handleClick = this.handleClick.bind(this);\n    this.resizeChart = this.resizeChart.bind(this);\n\n    this.player().on('playerresize', this.resizeChart);\n\n    this.on(this.el(), 'mouseup', this.handleClick);\n\n    this.player().on('dispose', () => {\n      this.player().off('playerresize', this.resizeChart);\n\n      this.off(this.el(), 'mouseup', this.handleClick);\n    });\n  }\n\n  private handleClick(event: videojs.EventTarget.Event): void {\n    if (!videojs.dom.isSingleLeftClick(event))\n      return;\n\n    if (this.player().paused()) {\n      this.player().play();\n      return;\n    }\n\n    this.player().pause();\n  }\n\n  private buildChart(): void {\n    if (this.chart)\n      return;\n\n    const chartDimensions = this.getChartDimensions();\n\n    /**\n     * The dimensions calculation relies on the control bar and progress control\n     * being visible, so if it isn't, we wait for the play event.\n     */\n    if (!chartDimensions) {\n      this.player().one('play', () => this.buildChart());\n      return;\n    }\n\n    const container: HTMLElement = this.el().querySelector('.cv-engagement-chart');\n\n    this.chart = Highcharts.chart(container, this.getHighchartOptions(chartDimensions));\n  }\n\n  private resizeChart(): void {\n    const chartDimensions = this.getChartDimensions();\n\n    if (!this.chart || !chartDimensions)\n      return;\n\n    this.chart.setSize(chartDimensions.width, chartDimensions.height);\n  }\n\n  private destroyChart(): void {\n    this.chart?.destroy();\n    this.chart = null;\n  }\n\n  private getChartDimensions(): ChartDimensions {\n    const collapserator = this.player().getChild('collapserator');\n    const collapseratorHeight = collapserator?.currentHeight();\n\n    const width = this.el().clientWidth;\n\n    if (!collapseratorHeight || !width)\n      return null;\n\n    const { height } = this.player().currentDimensions();\n  \n    return {\n      width,\n      height: height - collapseratorHeight\n    };\n  }\n\n  private getHighchartOptions({ width, height }: ChartDimensions): Highcharts.Options {\n    return {\n      ...STATIC_CHART_OPTIONS,\n      chart: getChartOptions(width, height),\n      yAxis: getYAxisChartOptions(this.options_.heatMap),\n      tooltip: getTooltipOptions(this.options_.interactive),\n      plotOptions: getPlotOptions(this.moveTimepointIndicator.bind(this)),\n      series: [{\n        type: 'area',\n        data: this.options_.heatMap\n      }]\n    };\n  }\n\n  private moveTimepointIndicator(x: number | null): void {\n    if (this.options_.onTimepointHover)\n      this.options_.onTimepointHover(x);\n\n    const indicator: HTMLDivElement = this.el().querySelector('.cv-engagement-timepoint-indicator');\n\n    if (x === null) {\n      videojs.dom.removeClass(indicator, 'cv-engagement-timepoint-indicator-visible');\n      return;\n    }\n\n    videojs.dom.addClass(indicator, 'cv-engagement-timepoint-indicator-visible');\n    indicator.style.left = `${x / this.options_.heatMap.length * 100}%`;\n  }\n}\n\nvideojs.registerComponent('EngagementOverlay', EngagementOverlay);","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { CogButton } from 'projects/player/components/cog-button/cog-button';\nimport { EngagementOverlay } from 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay';\nimport { EngagementOverlayMenuItem } from 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay-menu-item/engagement-overlay-menu-item';\n\nimport 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay';\n\nconst Plugin = videojs.getPlugin('plugin');\n\ninterface EngagementOverlayPluginOptions {\n  heatMap: number[];\n  interactive?: Interactive;\n  onTimepointHover?: (time: number | null) => void;\n}\n\nclass EngagementOverlayPlugin extends Plugin {\n  private options: EngagementOverlayPluginOptions;\n\n  constructor(player: VideoJsPlayer, options: EngagementOverlayPluginOptions) {\n    super(player, options);\n\n    this.options = options;\n\n    player.ready(() => {\n      this.initialize();\n    });\n  }\n  \n  private initialize(): void {\n    if (!this.hasHeatMapData())\n      return;\n\n    this.player.addChild('engagementOverlay', {\n      heatMap: this.options.heatMap,\n      interactive: this.options.interactive,\n      onTimepointHover: this.options.onTimepointHover\n    });\n\n    const cogButton = this.player.getChild('collapserator')?.getChild('cogButton') as CogButton;\n    cogButton.addItem({\n      index: 0,\n      ctor: EngagementOverlayMenuItem,\n      name: 'EngagementOverlayMenuItem',\n      options: { overlayVisible: true }\n    });\n  }\n\n  public toggleOverlay(show: boolean): void {\n    const engagementOverlay = this.player.getChild('engagementOverlay') as EngagementOverlay;\n    engagementOverlay?.toggleChart(show);\n  }\n\n  private hasHeatMapData(): boolean {\n    return this.options.heatMap?.reduce((acc, val) => acc + val, 0) > 0;\n  }\n}\n\nvideojs.registerPlugin('engagementOverlayPlugin', EngagementOverlayPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    engagementOverlayPlugin(options?: EngagementOverlayPluginOptions): EngagementOverlayPlugin;\n  }\n}","import videojs, { VideoJsPlayer } from 'video.js';\n\nimport { Interactive } from 'libs/shared/interfaces';\n\nimport { InteractiveBarItems } from 'projects/player/plugins/interactive-plugin/components/seek-bar/interactive-bar-items';\nimport { TrackHelper } from 'projects/player/utils/track-helper';\n\nimport './interactive-plugin-styles.scss';\n\nconst Plugin = videojs.getPlugin('plugin');\n\ninterface InteractiveSeekBarPluginOptions {\n  interactive: Interactive;\n}\n\n/**\n * This plugin will just render the interactive seek bar (i.e. just the interaction markers).\n * The user won't be able to interact with any of the interactions.\n * Currently this is just used in reports-player\n */\nclass InteractiveSeekBarPlugin extends Plugin {\n  private options: InteractiveSeekBarPluginOptions;\n\n  constructor(player: VideoJsPlayer, options: InteractiveSeekBarPluginOptions) {\n    super(player);\n\n    this.options = options;\n\n    this.player.one('loadedmetadata', () => this.player.ready(this.initialize.bind(this)));\n  }\n\n  private initialize(): void {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    TrackHelper.useMetadataTrack(this.player, 'interactive', this.onTrackLoaded.bind(this));\n\n    this.player.addClass('cv-interactive-plugin');\n  }\n\n  private onTrackLoaded(track: TextTrack): void {\n    this.addChildren(track);\n  }\n\n  private addChildren(track: TextTrack): void {\n    const seekBar = this.player.controlBar.getChild('progressControl').getChild('SeekBar');\n\n    seekBar.addChild(new InteractiveBarItems(this.player, {\n      interactive: this.options.interactive,\n      track\n    }));\n  }\n}\n\nvideojs.registerPlugin('interactiveSeekBarPlugin', InteractiveSeekBarPlugin);\n\ndeclare module 'video.js' {\n  export interface VideoJsPlayer {\n    interactiveSeekBarPlugin(options?: InteractiveSeekBarPluginOptions): InteractiveSeekBarPlugin;\n  }\n}","import { Interactive } from 'libs/shared/interfaces';\n\nimport { ClipData } from 'projects/player/interfaces/models/ClipData';\nimport { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';\nimport { BasePlayer, BasePlayerOptions } from 'projects/player/players/base-player';\nimport { AnalyticsPlayerType } from 'projects/player/services/analytics-service';\nimport { InteractiveTrackHelper } from 'projects/player/utils/interactive-track-helper';\n\nimport './reports-player.scss';\n\nimport 'projects/player/plugins/engagement-overlay-plugin/engagement-overlay-plugin';\nimport 'projects/player/plugins/clip-plugin/clip-plugin';\nimport 'projects/player/plugins/interactive-plugin/interactive-seek-bar-plugin';\n\nexport interface ReportsPlayerOptions extends BasePlayerOptions {\n  heatMap: number[];\n  onTimepointHover?: (time: number | null) => void;\n}\n\nexport class ReportsPlayer extends BasePlayer {\n  protected options: ReportsPlayerOptions;\n  private track: TextTrack;\n\n  constructor(id: string | Element, options: ReportsPlayerOptions) {\n    super(id, options);\n  }\n\n  protected getPlayerClassName(): string {\n    return 'cv-reports-player';\n  }\n\n  protected getAnalyticsPlayerType(): AnalyticsPlayerType {\n    return 'reports-player';\n  }\n\n  protected async additionalSetup(playbackObject: PlaybackObject): Promise<void> {\n    super.additionalSetup(playbackObject);\n\n    this.setupEngagementOverlayPlugin(playbackObject);\n    this.setupUpClipPlugin(playbackObject);\n    this.setupInteractiveSeekBarPlugin(playbackObject);\n  }\n\n  private setupEngagementOverlayPlugin(playbackObject: PlaybackObject): void {\n    this.player.engagementOverlayPlugin({\n      heatMap: this.options.heatMap,\n      interactive: playbackObject.additionalData?.interactive as Interactive,\n      onTimepointHover: this.options.onTimepointHover\n    });\n  }\n\n  private setupUpClipPlugin(playbackObject: PlaybackObject): void {\n    const isClip = playbackObject.mediaType === 'MasterClip';\n    const isInteractive = playbackObject.mediaType === 'MasterInteractive';\n\n    if (!isClip && !isInteractive)\n      return;\n\n    let clipData: ClipData;\n    if (isClip)\n      clipData = playbackObject.additionalData;\n     \n    if (isInteractive) {\n      clipData = playbackObject.additionalData?.clipData;\n\n      // Not all interactives will have clip data\n      if (!clipData)\n        return;\n    }\n\n    if (!clipData)\n      throw Error('Invalid clip data');\n\n    this.player.clipPlugin({\n      startTime: clipData.startTime,\n      endTime: clipData.endTime\n    });\n  }\n\n  private setupInteractiveSeekBarPlugin(playbackObject: PlaybackObject): void {\n    const interactive = playbackObject.additionalData?.interactive as Interactive;\n\n    if (!playbackObject.additionalData?.interactive)\n      return;\n\n    this.track = InteractiveTrackHelper.getInteractiveTrack(this.player, playbackObject);\n\n    this.player.interactiveSeekBarPlugin({ interactive });\n  }\n\n  protected getSeekBarOptions(): any {\n    return {\n      ignoreChapters: true\n    };\n  }\n}\n","import React from 'react';\n\nimport { ReportsPlayer, ReportsPlayerOptions } from 'projects/player/players/reports/reports-player';\n\nexport function ClickViewReportsPlayer(props: ReportsPlayerOptions): React.ReactElement {\n  const ref = React.useRef(null);\n  const playerRef = React.useRef<ReportsPlayer>(null);\n\n  React.useEffect(() => {\n    playerRef.current = new ReportsPlayer(ref.current, props);\n  }, []);\n\n  return (\n    <div ref={ref}></div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"playerContainer\":\"fGWsk\",\"playerPlaceholder\":\"v1MjE\",\"heatMap\":\"lp1Yn\",\"heatMapTimepointIndicator\":\"yOOK6\",\"heatMapTimepointIndicatorVisible\":\"rTXmB\",\"partialLoadingContainer\":\"gW1HU\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EngagementHeatMap, EngagementHeatMapLegend } from 'libs/shared/apps/analytics/components/engagement-heat-map/EngagementHeatMap';\nimport { getFullHeatMap } from 'libs/shared/apps/analytics/utils/EngagementUtils';\nimport { Engagement } from 'libs/shared/interfaces';\n\nimport { ClickViewReportsPlayer } from 'projects/player/react/ReportsPlayer';\n\nimport styles from './video-engagement-overlay.scss';\n\nconst namespace = 'shared.videoEngagementOverlay';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoEngagementOverlayProps {\n  engagement: Engagement;\n  viewKey: string;\n  imageCdnUrl: string;\n  playerApiUrl: string;\n}\n\nexport function VideoEngagementOverlay(props: VideoEngagementOverlayProps): JSX.Element {\n  const timepointIndicatorRef = React.useRef<HTMLDivElement>(null);\n\n  const heatMap = getFullHeatMap(props.engagement);\n\n  function setHoverTimepoint(time: number | null): void {\n    const el = timepointIndicatorRef.current;\n\n    if (!el)\n      return;\n\n    if (time === null) {\n      el.classList.remove(styles.heatMapTimepointIndicatorVisible);\n      return;\n    }\n\n    el.classList.add(styles.heatMapTimepointIndicatorVisible);\n    el.style.left = `${time / heatMap.length * 100}%`;\n  }\n\n  return (\n    <div className='bg-white border rounded overflow-hidden h-100'>\n      <div className='position-relative'>\n        {/**\n          * The below div is an empty 16:9 rectangle which maintains this component's\n          * height while the player is loading.\n          */\n        }\n        <div className={styles.playerPlaceholder} />\n        <div className={styles.playerContainer}>\n          <ClickViewReportsPlayer\n            viewKey={props.viewKey}\n            playerApi={new URL(props.playerApiUrl)}\n            hotkeyElQuerySelector='body'\n            heatMap={heatMap}\n            onTimepointHover={setHoverTimepoint}\n            aspectRatio='16:9'\n          />\n        </div>\n      </div>\n      <div className='p-3'>\n        <div className='position-relative'>\n          <EngagementHeatMap\n            engagement={props.engagement}\n            className={styles.heatMap}\n          />\n          <div ref={timepointIndicatorRef} className={styles.heatMapTimepointIndicator} />\n        </div>\n        <div className='d-flex justify-content-between mt-2'>\n          <strong>\n            {getPhrase('heatmap')}\n          </strong>\n          <div className='w-33'>\n            <EngagementHeatMapLegend />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"videoContainer\":\"cpl68\"};","import React from 'react';\n\nimport { EngagementTable } from 'libs/shared/apps/analytics/components/engagement-table/EngagementTable';\nimport { InsightAmountWatched } from 'libs/shared/apps/analytics/components/insights/amount-watched/InsightAmountWatched';\nimport { InsightTotalViews } from 'libs/shared/apps/analytics/components/insights/total-views/InsightTotalViews';\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { Config, Engagement, PlayerViewKey } from 'libs/shared/interfaces';\nimport { AnonUser } from 'libs/shared/interfaces/models/interactive-results/AnonUser';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\n\nimport { PartialInsightsHeatmap } from 'apps/my-shares/components/insights-heatmap/partial-loading/PartialInsightsHeatmap';\nimport { VideoEngagementOverlay } from 'apps/my-shares/components/video-engagement-overlay/VideoEngagementOverlay';\n\nimport styles from './insights-heatmap.scss';\n\ninterface InsightsHeatmapProps {\n  hasDataLoaded: boolean;\n  tableDataLoaded: boolean;\n  yearGroups: GroupedAnalyticsCount[];\n  aggregateEngagement: Engagement;\n  individualEngagement: Engagement[];\n  viewKey: PlayerViewKey;\n  config: Config;\n  users: AnonUser[];\n  classroomStudents?: AnonUser[];\n  anonymiseUsers: boolean;\n}\n\nexport function InsightsHeatmap(props: InsightsHeatmapProps) {\n  return (\n    <>\n      {!props.hasDataLoaded && <PartialInsightsHeatmap />}\n\n      <div className='row g-3 mb-3'>\n        {props.hasDataLoaded &&\n          <>\n            <div className='col'>\n              <InsightTotalViews\n                events={{ yearGroupCount: props.yearGroups } as VideoViewEventResponse}\n                emptyStateImage={ImageUrls.EmptyStates.MY_VIDEOS}\n              />\n            </div>\n            <div className='col'>\n              <InsightAmountWatched engagement={props.individualEngagement} />\n            </div>\n            <div className={styles.videoContainer}>\n              <VideoEngagementOverlay\n                engagement={props.aggregateEngagement}\n                viewKey={props.viewKey.viewKey}\n                playerApiUrl={props.config.playerApiUrl}\n                imageCdnUrl={props.config.imageCdnUrl}\n              />\n            </div>\n          </>\n        }\n\n        {props.tableDataLoaded &&\n          <div className='col-12'>\n            <EngagementTable\n              engagement={props.individualEngagement}\n              users={props.users}\n              imageCdnUrl={props.config?.imageCdnUrl}\n              anonymiseUsers={props.anonymiseUsers}\n              classroomStudents={props.classroomStudents}\n              border\n              enableSort\n            />\n          </div>\n        }\n      </div>\n    </>\n  );\n}"],"names":["namespace","ZERO_COLOUR","COLOUR_SCALE","LEGEND_VALUES","getBackgroundColor","value","max","hex","getGradient","data","gradient","i","length","previousValue","currentValue","nextValue","push","join","EngagementHeatMapLegend","Math","legendSquareWidthPercentage","className","Text","phrase","map","val","idx","key","style","width","backgroundColor","EngagementHeatMap","props","heatMap","engagement","background","InsightCard","subtitle","svgClassName","SvgContainer","svgName","size","S","title","count","children","CHART_FONT_STYLES","fontSize","fontFamily","fontWeight","color","getFullHeatMap","videoDuration","Array","ceil","fill","t","getEngagementRate","reduce","prev","next","engagementRate","DragOverlayStyles","opacity","cursor","calculateScrollState","ref","canScrollLeft","current","scrollLeft","canScrollRight","scrollWidth","clientWidth","SortIndicator","column","canSort","isSorted","theme","sortIndicator","isSortedDesc","BaseTable","ids","idHash","tableOptions","columns","disableSortBy","enableSort","manualSortBy","manualSort","autoResetHiddenColumns","autoResetSortBy","initialState","sortBy","initialSortBy","initialSelectedRowIds","selectedRowIds","forEach","id","getRowId","useTable","plugins","useSortBy","useRowSelect","layout","useFlexLayout","useBlockLayout","allowFiltering","useFilters","allowGlobalFiltering","useGlobalFilter","getPlugins","getTableProps","getTableBodyProps","headerGroups","rows","prepareRow","toggleAllRowsSelected","setGlobalFilter","setHiddenColumns","state","renderTableRows","emptyState","row","FunctionHelper","isSelected","selectedRow","onSelectRow","enableSortableRows","getTableRowsClass","rowAppLink","getRowAppLink","onClickRow","allowSelectMultipleRows","toggleRowSelected","renderRow","sortableProps","dragAttributes","dragListeners","getSortableProps","role","AppLink","appLink","renderCells","onClick","rowProps","getRowProps","SortableItemWrapper","original","childProps","childComponent","cells","cell","cellClassName","onSelectCell","getCellClassName","getCellProps","render","onSort","globalFilter","hiddenColumns","table","header","headerGroup","getHeaderGroupProps","headerRow","headers","getHeaderProps","getSortByToggleProps","headerCell","renderSortIndicator","hideSortIndicator","body","SortableContainerWrapper","getDragOverlay","rowIndex","findIndex","item","onSortEnd","onSortingRowsEnd","Table","enableSlider","scrollIncrement","scrollable","tableProps","elRef","scrollState","setScrollState","throttledOnScroll","el","removeEventListener","addEventListener","scroll","scrollBy","left","top","behavior","useTableScroll","renderTrackHorizontal","autoHeightMax","autoHeight","onClickScroll","direction","WidgetButton","W","hide","scrollContainerClassName","defaultProps","getPhrase","LanguageService","EMPTY_ENGAGEMENT","viewCount","CellWrapper","HeaderCell","phraseKey","EngagementTable","users","classroomStudents","maxHeatMapValue","e","localMax","Header","accessor","sortType","rowA","rowB","values","user","anonymiseUsers","Cell","nameParts","name","split","filter","n","surname","slice","Avatar","imageCdnUrl","initials","UserHelper","imageUrl","avatar","url","showAnonymousUser","sessionId","sortDescFirst","PercentageIndicator","percentage","useGetColumns","userIdSet","Set","find","u","userId","add","students","s","has","border","PartialPercentageIndicator","customLabel","InsightAmountWatched","round","options","CHART_COLOURS","STATIC_CHART_OPTIONS","text","credits","enabled","chart","spacing","legend","itemStyle","itemDistance","plotOptions","pie","allowPointSelect","dataLabels","showInLegend","borderWidth","InsightTotalViews","events","groupsToOmit","getSeriesName","groups","eventCounts","chartData","staffIndex","group","staffObject","splice","sort","a","b","parseInt","match","sortByYearGroup","ev","includes","toLowerCase","ArrayHelper","Object","keys","y","type","d","totalViews","highcharts","series","getChartOptions","containerProps","EmptyState","src","emptyStateImage","PartialInsightsHeatmap","EngagementOverlayMenuItem","player","overlayVisible","toggle","this","toggleOn","toggleOff","toggleEl","engagementOverlayPlugin","toggleOverlay","addClass","removeClass","event","stopImmediatePropagation","tagName","properties","attributes","handlerBound","handleToggle","bind","innerHTML","appendChild","TimepointInteractions","timepoint","interactive","timepoints","timepointTime","visibleAt","floor","time","interactions","MAX_INTERACTIONS_TO_SHOW","hiddenInteractions","InteractionLabel","interaction","showQuestion","iconClassName","xAxis","visible","minPadding","maxPadding","defs","x1","y1","x2","y2","offset","height","styledMode","Component","EngagementOverlay","initialize","bindListeners","ready","buildChart","buildCSSClass","show","destroyChart","handleClick","resizeChart","on","off","paused","play","pause","chartDimensions","getChartDimensions","container","querySelector","getHighchartOptions","one","setSize","destroy","collapserator","getChild","collapseratorHeight","currentHeight","currentDimensions","moveTimepointIndicator","yAxis","options_","min","allowDecimals","startOnTick","endOnTick","tooltip","formatter","timepointInteractionsHtml","renderToStaticMarkup","getTimepointInteractionsHtml","x","formatTime","positioner","labelWidth","labelHeight","point","maxX","plotWidth","plotX","plotTop","useHTML","padding","area","mouseOver","mouseOut","marker","onTimepointHover","indicator","EngagementOverlayPlugin","hasHeatMapData","addChild","addItem","index","ctor","engagementOverlay","toggleChart","acc","InteractiveSeekBarPlugin","onTrackLoaded","track","addChildren","controlBar","ReportsPlayer","playbackObject","additionalSetup","setupEngagementOverlayPlugin","setupUpClipPlugin","setupInteractiveSeekBarPlugin","additionalData","clipData","isClip","mediaType","isInteractive","Error","clipPlugin","startTime","endTime","interactiveSeekBarPlugin","ignoreChapters","ClickViewReportsPlayer","playerRef","VideoEngagementOverlay","timepointIndicatorRef","viewKey","playerApi","URL","playerApiUrl","hotkeyElQuerySelector","classList","remove","aspectRatio","InsightsHeatmap","hasDataLoaded","yearGroupCount","yearGroups","ImageUrls","individualEngagement","aggregateEngagement","config","tableDataLoaded"],"sourceRoot":""}

package/dist/scripts/{8732-3e8332e620-lite.chunk.js → 8732-dc5182fb69-lite.chunk.js}

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8732],{27150:(e,t,r)=>{r.d(t,{A:()=>x,$:()=>w});var n=r(32735),a=r(23481),l=r(81886),i=r(15611),s=r(83345),o="userManager.userWizardBackButtons";function c(e){return"status"===e.currentStep?n.createElement(n.Fragment,null):n.createElement(i.F,{className:"btn btn-link me-2",appLink:e.appLinks.userManager},n.createElement(s.x,{namespace:o,phrase:"cancel"}))}var u=r(98269),d=r(24453),m=r(45541),p=r(96728),f="userManager.userWizardHeader";function v(e){var t=(0,m.V)(),r=t.duplicateSets,a=t.hasExistingUsers,l=n.useContext(p.e),o=l.disableNext,c=l.onClickConfirm,v=!!(null==r?void 0:r.length),g=d.O.getCurrentContext().appLink;return g.action===e.appLinks.userUploadStatus.polling.action||g.action===e.appLinks.userUploadStatus.complete.action?n.createElement(n.Fragment,null):function(){switch(g.action){case e.appLinks.userUploadPopup.action:case e.appLinks.userUploadReviewAccounts.action:return!v&&!a;case e.appLinks.userUploadFixDuplicates.action:case e.appLinks.userUploadReviewExistingAccounts.action:return!a;default:return!0}}()?n.createElement(u.Z,{className:o?"disabled":"",variant:"dark",onClick:c,disabled:o},n.createElement(s.x,{namespace:f,phrase:"create"})):n.createElement(i.F,{className:"btn btn-dark ".concat(o?"disabled":""),appLink:function(){switch(g.action){case e.appLinks.userUploadReviewAccounts.action:if(v)return e.appLinks.userUploadFixDuplicates;if(a&&e.canAddExistingUsers)return e.appLinks.userUploadReviewExistingAccounts;case e.appLinks.userUploadFixDuplicates.action:if(a&&e.canAddExistingUsers)return e.appLinks.userUploadReviewExistingAccounts;case e.appLinks.userUploadReviewExistingAccounts.action:if(e.canAddExistingUsers)return e.appLinks.userUploadConfirmation;default:return null}}(),disabled:o},n.createElement(s.x,{namespace:f,phrase:"next"}))}var g=r(19717),h=r(17291),b=r(79352),y=r(76881),E=r(89476);const S={wizardContent:"hHr3C"};var k="userManager.bulkUserUploadWizardLayout",x="bulk:user:upload:nav:lock";function w(e){var t=(0,m.V)(),r=t.users,i=t.setUsers,s=(0,E.f)();return n.useEffect(function(){if(r)return s.lock({id:x,title:a.T.getPhrase(k,"navLockTitle"),text:a.T.getPhrase(k,"navLockBody"),appLinkWhitelist:g.b.getWizardAppLinks(e.appLinks),onConfirmUnlock:function(){i(null)}}),function(){s.unlock(x)};l.Q.C$.trigger(e.appLinks.userManager,{replace:!0})},[]),n.useEffect(function(){(null==r?void 0:r.length)||(s.unlock(x),l.Q.C$.trigger(e.appLinks.userManager,{replace:!0}))},[null==r?void 0:r.length]),r?n.createElement(p.D,null,n.createElement("div",{className:"px-3"},n.createElement(h.C,{title:a.T.getPhrase(k,"bulkUpload"),currentStep:e.currentStep,loaded:!0,continueButton:n.createElement(v,{currentStep:e.currentStep,appLinks:e.appLinks,canAddExistingUsers:e.canAddExistingUsers}),backButton:n.createElement(c,{currentStep:e.currentStep,appLinks:e.appLinks}),breadcrumbs:[{name:a.T.getPhrase(k,"settingsBreadcrumb"),appLink:e.appLinks.settings},{name:a.T.getPhrase(k,e.userType===y.Y.Learner?"studentManager":"staffManager"),appLink:e.appLinks.userManager},{name:a.T.getPhrase(k,"bulkUpload"),active:!0}]}),n.createElement("div",{className:"row g-0"},n.createElement("div",{className:"col-2"},n.createElement(b.a,{steps:g.b.getSteps(e.userType,e.canAddExistingUsers),currentStep:e.currentStep})),n.createElement("div",{className:"col-10 ".concat(S.wizardContent)},e.children)))):n.createElement(n.Fragment,null)}},45541:(e,t,r)=>{r.d(t,{V:()=>u});var n=r(2948),a=r(38143),l=r(39739);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}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){return Object.keys(e||{}).reduce(function(r,n){return t[n]||(r[n]=e[n]),r},{})}var u=function(){var e,t,r,i=(t=(0,n.D)(a.g.BULK_USER_UPLOAD),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],o=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw a}}return s}}(t,r)||function(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}(t,r)||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=i[0],d=i[1];function m(e){var t=l.P.getNewDuplicates(e);d("duplicateSets",t)}return{users:null==u?void 0:u.users,invalidUsers:null==u?void 0:u.invalidUsers,hasValidatedUsers:!!(null==u?void 0:u.invalidUsers),existingUsersHash:(null==u?void 0:u.existingUsersHash)||{},hasExistingUsers:!!Object.keys((null==u?void 0:u.existingUsersHash)||{}).length,existingUserToAdd:null==u?void 0:u.existingUserToAdd,duplicateSets:null==u?void 0:u.duplicateSets,newUsers:(null===(e=null==u?void 0:u.users)||void 0===e?void 0:e.filter(function(e){var t;return!(null===(t=null==u?void 0:u.existingUsersHash)||void 0===t?void 0:t[e.lookupId])}))||[],setUsers:function(e){d({users:e,invalidUsers:null,existingUsersHash:null}),m(e)},setInvalidUsers:function(e){return d("invalidUsers",e)},setExistingUsers:function(e){return d("existingUsersHash",e)},updateUser:function(e){var t=u.users.map(function(t){return t.lookupId!==e.lookupId?t:e});d({users:t,invalidUsers:c(null==u?void 0:u.invalidUsers,s({},e.lookupId,!0)),existingUsersHash:null==u?void 0:u.existingUsersHash}),m(t)},deleteUsers:function(e){var t,r=e.reduce(function(e,t){return e[t]=!0,e},{}),n=u.users.filter(function(e){return!r[e.lookupId]});d({users:n,invalidUsers:c(null==u?void 0:u.invalidUsers,r),existingUsersHash:c(null==u?void 0:u.existingUsersHash,r),existingUserToAdd:null===(t=null==u?void 0:u.existingUserToAdd)||void 0===t?void 0:t.filter(function(e){return!!(null==u?void 0:u.existingUsersHash[e.lookupId])})}),m(n)}}}},6748:(e,t,r)=>{r.d(t,{i:()=>x});var n=r(32735),a=r(42648),l=r(35509),i=r(91967),s=r(15611),o=r(17808),c=r(1287),u=r(83914),d=r(90281),m={opacity:"0.8",cursor:"grabbing"},p=r(35223);function f(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(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 v(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function h(e){var t,r,n,a;return{canScrollLeft:(null===(t=e.current)||void 0===t?void 0:t.scrollLeft)>0,canScrollRight:(null===(r=e.current)||void 0===r?void 0:r.scrollLeft)+1<(null===(n=e.current)||void 0===n?void 0:n.scrollWidth)-(null===(a=e.current)||void 0===a?void 0:a.clientWidth)}}const b={sortIndicator:"gFhu0",scrollContainer:"sWUp9",scrollbarTrack:"Vn2qM"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var E=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function S(e){var t,r;return e.column.canSort?n.createElement("span",{className:"".concat(b.sortIndicator,"\n      ").concat(e.column.isSorted?"":"text-secondary","\n      ").concat(null!==(r=null===(t=e.theme)||void 0===t?void 0:t.sortIndicator)&&void 0!==r?r:"")},n.createElement(u.x,{svgName:e.column.isSortedDesc||!e.column.isSorted?p.vn.ArrowRight:p.vn.ArrowLeft,size:u.S.Small})):n.createElement(n.Fragment,null)}function k(e){var t,r,a,u,d,p,v,g,h={columns:e.columns,data:e.data,disableSortBy:!e.enableSort,manualSortBy:e.manualSort,autoResetHiddenColumns:e.autoResetHiddenColumns,autoResetSortBy:e.autoResetSortBy,initialState:{sortBy:e.initialSortBy||[]}};e.initialSelectedRowIds&&(h.initialState={selectedRowIds:(v=e.initialSelectedRowIds,g={},v.forEach(function(e){return g[e]=!0}),g)}),e.getRowId&&(h.getRowId=e.getRowId);var b,E=l.useTable.apply(void 0,[h].concat((b=function(e){var t=[l.useSortBy,l.useRowSelect,"flex"===e.layout?l.useFlexLayout:l.useBlockLayout];return e.allowFiltering&&(t=[].concat(f(t),[l.useFilters])),e.allowGlobalFiltering&&(t=[].concat(f(t),[l.useGlobalFilter])),t}(Object.assign({},e)),function(e){if(Array.isArray(e))return y(e)}(b)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(b)||function(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}(b)||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.")}()))),k=E.getTableProps,x=E.getTableBodyProps,w=E.headerGroups,U=E.rows,C=E.prepareRow,N=E.toggleAllRowsSelected,T=E.setGlobalFilter,A=E.setHiddenColumns,L=E.state.sortBy;function I(){return!U.length&&e.emptyState?e.emptyState:U.map(function(t){C(t);var r=function(t){var r,n,a,l,s,o=i.q.isFunction(null===(r=e.theme)||void 0===r?void 0:r.row)?e.theme.row(t):null!==(a=null===(n=e.theme)||void 0===n?void 0:n.row)&&void 0!==a?a:"";return t.isSelected&&(null===(l=e.theme)||void 0===l?void 0:l.selectedRow)&&(o+=" ".concat(null===(s=e.theme)||void 0===s?void 0:s.selectedRow)),e.onSelectRow&&(o+=" cursor-pointer"),e.enableSortableRows&&(o+=" cursor-grab"),o}(t),a=!!e.getRowAppLink&&e.getRowAppLink(t);function l(){e.onSelectRow&&(e.allowSelectMultipleRows||N(!1),e.onSelectRow(t),t.toggleRowSelected(!0))}function o(e,i){var o=function(e,t){return"dragAttributes"in e&&"dragListeners"in e?Object.assign(Object.assign(Object.assign({},e.dragAttributes),e.dragListeners),{"aria-roledescription":"Sortable row",ref:t}):{}}(e,i);return a?n.createElement("div",{role:"row",key:t.id},n.createElement(s.F,Object.assign({},e,o,{className:r,appLink:a}),O(t))):n.createElement("div",Object.assign({},e,o,{key:t.id,role:"row",className:r,onClick:l}),O(t))}var u=t.getRowProps();return e.enableSortableRows?n.createElement(c.W,{id:t.original.id,key:t.id,childProps:u,childComponent:n.forwardRef(function(e,t){return o(e,t)})}):o(u)})}function O(t){return t.cells.map(function(r){var a=function(t,r){var n,a,l="";return"function"==typeof(null===(n=e.theme)||void 0===n?void 0:n.cell)&&(l=e.theme.cell(t,r)),"string"==typeof(null===(a=e.theme)||void 0===a?void 0:a.cell)&&(l=e.theme.cell),e.onSelectCell&&(l+=" cursor-pointer"),l}(t,r);return n.createElement("div",Object.assign({key:r.column.id},r.getCellProps(),{className:a,onClick:function(){e.onSelectCell&&e.onSelectCell(r)}}),r.render("Cell"))})}return n.useEffect(function(){e.onSort&&e.onSort(L)},[L]),n.useEffect(function(){e.globalFilter&&T(e.globalFilter)},[e.globalFilter]),n.useEffect(function(){e.hiddenColumns&&A(e.hiddenColumns)},[e.hiddenColumns&&e.hiddenColumns.length]),n.createElement("div",Object.assign({},k(),{className:null!==(r=null===(t=e.theme)||void 0===t?void 0:t.table)&&void 0!==r?r:""}),n.createElement("div",{className:null!==(u=null===(a=e.theme)||void 0===a?void 0:a.header)&&void 0!==u?u:""},w.map(function(t){var r,a;return n.createElement("div",Object.assign({},t.getHeaderGroupProps(),{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.headerRow)&&void 0!==a?a:""}),t.headers.map(function(t){var r,a;return n.createElement("div",Object.assign({},t.getHeaderProps(t.getSortByToggleProps()),{className:null!==(a=null===(r=e.theme)||void 0===r?void 0:r.headerCell)&&void 0!==a?a:""}),t.render("Header",{renderSortIndicator:function(){return n.createElement(S,{column:t,theme:e.theme})}}),!t.hideSortIndicator&&n.createElement(S,{column:t,theme:e.theme}))}))})),n.createElement("div",Object.assign({},x(),{className:null!==(p=null===(d=e.theme)||void 0===d?void 0:d.body)&&void 0!==p?p:""}),e.enableSortableRows?n.createElement(o.Q,{ids:U.map(function(e){return e.original.id}),getDragOverlay:function(t){var r,a,l=U.findIndex(function(e){return e.original.id===t}),i=U[l];return n.createElement("div",Object.assign({},e,{className:(r=e.theme,a="g-0 ",r&&(a+=r.row),a),style:m}),O(i))},onSortEnd:e.onSortingRowsEnd},I()):I()))}function x(e){var t=e.enableSlider,r=e.scrollIncrement,l=e.scrollable,s=E(e,["enableSlider","scrollIncrement","scrollable"]),o=function(){var e,t,r=n.useRef(null),a=(e=n.useState(h(r)),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],o=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw a}}return s}}(e,t)||v(e,t)||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.")}()),l=a[0],s=a[1],o=i.q.throttle(function(){s(h(r))},200),c=n.useCallback(function(e){var t;r.current&&(null===(t=r.current)||void 0===t||t.removeEventListener("scroll",o)),e&&(s(h(r)),e.addEventListener("scroll",o)),r.current=e},[]);return n.useEffect(function(){(null==r?void 0:r.current)&&s(h(r))},[r]),{ref:c,scrollState:l,scroll:function(e){var t;null===(t=r.current)||void 0===t||t.scrollBy({left:e,top:0,behavior:"smooth"})}}}(),c=o.ref,u=o.scrollState,m=o.scroll;if(l)return n.createElement(a.$B,{renderTrackHorizontal:function(){return n.createElement("div",{className:b.scrollbarTrack})},autoHeightMax:1e4,autoHeight:!0},n.createElement(k,Object.assign({},s)));if(!t)return n.createElement(k,Object.assign({},s));function p(e){m(r*("right"===e?1:-1))}return n.createElement("div",{className:"mx-n4 overflow-x-hidden overflow-y-hidden"},n.createElement("div",{className:"px-4"},n.createElement("div",{className:"position-relative"},n.createElement(d.W,{direction:d.f.Left,onClick:function(){return p("left")},hide:!u.canScrollLeft}),n.createElement("div",{className:"".concat(b.scrollContainer," ").concat(e.scrollContainerClassName),ref:c},n.createElement(k,Object.assign({},s))),n.createElement(d.W,{direction:d.f.Right,onClick:function(){return p("right")},hide:!u.canScrollRight}))))}x.defaultProps={scrollIncrement:250,scrollable:!1,layout:"flex"}},17291:(e,t,r)=>{r.d(t,{C:()=>i});var n=r(32735),a=r(49935),l=r(96728);function i(e){var t=n.useContext(l.e).showButtons;return n.createElement("div",{className:"d-flex justify-content-between"},e.hideHeader?n.createElement("div",null):n.createElement("div",null,n.createElement("h1",{className:"h2"},e.title),e.breadcrumbs&&n.createElement("div",{className:"pb-3"},n.createElement(a.Oo,{breadcrumbs:e.breadcrumbs}))),e.loaded&&t&&n.createElement("div",{className:"d-flex align-items-center"},e.backButton,e.continueButton))}},79352:(e,t,r)=>{r.d(t,{a:()=>o});var n=r(32735),a=r(23481),l=r(15611),i=a.T.encloseNamespace("shared.wizardStepList");function s(e){var t,r,a,i,s,o=n.createElement(n.Fragment,null,n.createElement("div",{className:"d-flex"},!e.hideStepNumber&&n.createElement("div",{className:"flex-shrink-0 flex-grow-0"},"".concat(e.index+1,".")," "),n.createElement("div",null,e.text)),e.subText&&n.createElement("div",{className:"ms-2 ps-1 pt-1"},e.subText)),c="px-2 py-1 mb-1 rounded d-inline-block";return e.isSelected&&(c+=" ".concat((null===(t=e.theme)||void 0===t?void 0:t.isSelectedOverride)||"bg-light-blue fw-semibold")),!e.isSelected&&e.isCompleted&&(c+=" ".concat((null===(r=e.theme)||void 0===r?void 0:r.isCompletedOverride)||"text-info")),n.createElement("li",{className:null===(a=e.theme)||void 0===a?void 0:a.item},e.isCompleted&&e.appLink?n.createElement(l.F,{appLink:e.appLink,className:"".concat(c," ").concat((null===(i=e.theme)||void 0===i?void 0:i.itemContent)||"")},o):n.createElement("div",{className:"".concat(c," ").concat((null===(s=e.theme)||void 0===s?void 0:s.itemContent)||"")},o))}function o(e){var t,r=e.steps.reduce(function(t,r,n){return r.id===e.currentStep&&(t=n+1),t},1);return n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},i("stepNumber",{currentStep:r,totalSteps:e.steps.length})),n.createElement("ol",{className:"list-unstyled ".concat((null===(t=e.theme)||void 0===t?void 0:t.itemsContainer)||"")},e.steps.map(function(t,a){var l=t.id===e.currentStep,i=r>a+1;return n.createElement(s,{index:a,key:t.id,text:t.text,subText:t.subText,isSelected:l,isCompleted:i,appLink:!e.disableAppLinks&&t.appLink,disabled:t.disabled,theme:e.theme})})))}},14794:(e,t,r)=>{r.r(t),r.d(t,{BulkUserUploadFixDuplicatesView:()=>Q});var n=r(32735),a=r(70680),l=r(23481),i=r(81886),s=r(20354),o=r(27150),c=r(1048),u=r(67370),d=r(63598),m=r(93898),p=r(45541),f=r(19717),v=r(91693),g=r(83345),h=r(96728),b=r(76881),y=r(35223),E=r(97958),S="userManager.userDuplicatesEmptyState";function k(e){var t=(0,p.V)().existingUsersHash,r=!!Object.keys(t).length;return n.createElement(E.u,null,n.createElement(E.u.Image,{src:e.imageUrl}),n.createElement(E.u.Heading,null,n.createElement(g.x,{namespace:S,phrase:"heading"})),n.createElement(E.u.Cta,{text:l.T.getPhrase(S,r?"next":"create"),onClick:e.onClickConfirm,className:"btn btn-dark"}))}var x=r(70226),w=r(6748),U=r(11607),C=r(83914),N="userManager.userDuplicateSet",T=function(e,t){return[{Header:l.T.getPhrase(N,"firstName"),id:"firstName",accessor:"firstName",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},t)},width:12.5},{Header:l.T.getPhrase(N,"lastName"),id:"surname",accessor:"surname",Cell:function(e){var t=e.value;return n.createElement("div",{className:"w-100"},t)},width:12.5},{Header:l.T.getPhrase(N,"email"),id:"email",Cell:function(e){var t=e.row.original,r=t.errorCodes.find(function(e){return e===x.x.EmailAlreadyExisted});return n.createElement("div",{className:"w-100 ".concat(r?"text-danger":"")},t.email)},width:39},{Header:l.T.getPhrase(N,"username"),id:"username",Cell:function(e){var t=e.row.original,r=t.errorCodes.find(function(e){return e===x.x.UsernameAlreadyExisted});return n.createElement("div",{className:"w-100 ".concat(r?"text-danger":"")},t.username)},width:29},{Header:"",id:"actions",accessor:"lookupId",Cell:function(r){var a=r.value;return n.createElement("div",{className:"w-100 d-flex align-items-center"},n.createElement(U.L,{className:"me-2 cursor-pointer",onClick:function(){return e(a)}},n.createElement(C.x,{svgName:y.vn.Edit,title:l.T.getPhrase(N,"editTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0})),n.createElement(U.L,{className:"cursor-pointer",onClick:function(){return t(a)}},n.createElement(C.x,{svgName:y.vn.Close,title:l.T.getPhrase(N,"deleteTooltip"),tooltipPlacement:"top",tooltipSpanHack:!0})))},width:7}]},A="userManager.userDuplicateSet",L={header:"fw-semibold pb-1",headerCell:"px-2 py-1",cell:"px-2 py-1"};function I(e){var t,r,a=(t=e.set.errorCodes,r=e.userType===b.Y.Learner,2===t.length?l.T.getPhrase(A,r?"duplicateUsernameAndEmailStudents":"duplicateUsernameAndEmailStaff"):t.find(function(e){return e===x.x.UsernameAlreadyExisted})?l.T.getPhrase(A,r?"duplicateUsernamesStudents":"duplicateUsernamesStaff"):t.find(function(e){return e===x.x.EmailAlreadyExisted})?l.T.getPhrase(A,r?"duplicateEmailsStudents":"duplicateEmailsStaff"):"");return a?n.createElement("div",{className:"pb-4"},n.createElement("h3",{className:"h5"},n.createElement(g.x,{namespace:A,phrase:"heading",options:{counter:e.index+1}})),n.createElement("p",{className:"text-danger mb-1"},a),n.createElement("div",{className:"p-2 border rounded-3"},n.createElement(w.i,{columns:T(function(t){return e.onClickEdit(e.set.users.find(function(e){return e.lookupId===t}))},function(t){return e.onClickDelete([t])}),data:e.set.users.map(function(t){return{lookupId:t.lookupId,firstName:t.firstName,surname:t.surname,email:t.email,username:t.username,errorCodes:e.set.errorCodes}}),theme:L}))):n.createElement(n.Fragment,null)}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l,i,s=[],o=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=l.call(r)).done)&&(s.push(n.value),s.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw a}}return s}}(e,t)||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}}(e,t)||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.")}()}function P(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function R(e){var t=(0,p.V)(),r=t.users,a=t.duplicateSets,i=n.useContext(h.e),s=i.setDisableNext,o=i.setOnClickConfirm,E=e.userType===b.Y.Learner?"userManager.studentDuplicates":"userManager.staffDuplicates",S=l.T.encloseNamespace(E),x=O(n.useState([]),2),w=x[0],U=x[1],C=O(n.useState(),2),N=C[0],T=C[1],A=O(n.useState(a),1)[0];return n.useEffect(function(){s(!!(null==a?void 0:a.length))},[null==a?void 0:a.length]),n.useEffect(function(){o(function(){return e.onClickConfirm})},[e.onClickConfirm]),(null==r?void 0:r.length)?n.createElement(n.Fragment,null,n.createElement("h2",{className:"h4"},n.createElement(g.x,{namespace:E,phrase:"heading"})),n.createElement("main",{className:"pb-3"},(null==a?void 0:a.length)?n.createElement(n.Fragment,null,n.createElement("p",{className:"mb-3 fw-semibold"},n.createElement(g.x,{namespace:E,phrase:"subheading"})),n.createElement("div",{className:"pb-3"},n.createElement(v.h,{svgName:y.vn.Upload,appLink:e.appLinks.userUploadPopup,className:"btn btn-outline-dark me-2"},n.createElement(g.x,{namespace:E,phrase:"reupload"}))),A.map(function(t,r){var l=t.users.map(function(e){return e.lookupId}),i=a.find(function(e){var t=e.users.map(function(e){return e.lookupId});return c.t.isEqual(l,t)});return i.errorCodes.length?n.createElement(I,{key:r,index:r,set:i,userType:e.userType,onClickEdit:T,onClickDelete:U}):n.createElement(n.Fragment,{key:r})})):n.createElement(n.Fragment,null,n.createElement("p",{className:"mb-3"},n.createElement(g.x,{namespace:E,phrase:"emptyStateSubheading"})),n.createElement(k,{imageUrl:e.emptyStateImageUrl,onClickConfirm:e.onClickConfirm}))),!!N&&n.createElement(m.n,{key:N.lookupId,user:N,setUser:T,closePopup:function(){return(0,u.UJ)(T,e.closePopup)},title:S("editUser"),userType:e.userType,analyticsOptions:f.b.getAnalyticsOptions(e.userType),currentUser:e.currentUser,yearGroups:e.yearGroups,validateUser:e.validateUser,formSize:e.formSize,emailRequired:e.emailRequired,passwordPolicy:e.passwordPolicy,appLinks:e.appLinks,localErrorMessage:e.localErrorMessage,validateEmail:e.validateEmail}),!!w.length&&n.createElement(d.Q,{users:w,userType:e.userType,closePopup:function(){return(0,u.RF)(U,e.closePopup)},analyticsOptions:f.b.getAnalyticsOptions(e.userType)})):n.createElement(n.Fragment,null)}var j=r(26055),F=r(43820),H=r(149),M=r(39739),B=r(31949),D=r(79612),W=r(99742),z=r(29613),V=r(80658),$=r(47288),G=r(18087),q="userManager.bulkUploadFixDuplicates";function Q(e){var t=(0,p.V)(),r=t.users,c=t.existingUsersHash,u=s.a.useBasicFetch(B.N.currentUser()),d=s.a.useBasicFetch(u.data&&$.N.yearGroups(u.data.customerId)),m=s.a.useBasicFetch(u.data&&V.F.getCustomerSecuritySettings(u.data.customerId)),v=(0,a.I0)(),g=s.a.useGetFetchAsync(),h=(0,G.Y)(e.userType);(0,D.M)({title:l.T.getPhrase(q,"pageTitle")});var y=H.b.useCreateJobErrorAlert();function E(t){i.Q.C$.trigger(Object.assign(Object.assign({},h.userUploadStatus.polling),{params:{userType:e.userType,jobId:t.id}}))}return u.data&&d.data?n.createElement(j.A.Provider,{value:F.a.Primary},n.createElement(o.$,{appLinks:h,userType:e.userType,currentStep:"fix-duplicates",canAddExistingUsers:!0},n.createElement("div",{className:"px-3"},n.createElement(R,{onClickConfirm:function(){var t;Object.keys(c).length?i.Q.C$.trigger(h.userUploadReviewExistingAccounts):(t=f.b.getJobData({users:r,customerId:u.data.customerId,userType:e.userType}),s.a.fetch(v,z.q.createJob(t,E,y)))},closePopup:e.closePopup,appLinks:h,userType:e.userType,currentUser:u.data,yearGroups:d.data,validateUser:function(t){var r=M.P.formatCreateOrValidateUserRequest([t],e.userType,u.data.customerId);return g($.N.bulkValidate(r))},validateEmail:function(t){var r={userEmails:[{email:t,userType:e.userType}]};return g($.N.bulkCheckEmail(r,u.data.customerId))},emailRequired:e.userType===b.Y.Staff,passwordPolicy:m.data,emptyStateImageUrl:W.W.EmptyStates.UserManager.DUPLICATES,localErrorMessage:f.b.getErrorMessageOverride(e.userType)})))):n.createElement(n.Fragment,null)}}}]);
-//# sourceMappingURL=8732-3e8332e620-lite.chunk.js.map
+//# sourceMappingURL=8732-dc5182fb69-lite.chunk.js.map