@clickview/reports 0.72.0 → 0.73.0

package/dist/scripts/mjKop7CA.chunk.js

@@ -0,0 +1,2 @@
+import{c,r as E,V as l,j as a,L as p,aj as d,A as i,g as r,l as f,h as A,N as R,E as N}from"./app-DhPN-zNB.js";import{u as g}from"./DNRcL1e9.chunk.js";import{G as u}from"./aRYKkB2W.chunk.js";function w(e){const[,s]=c(l.HEADER_ACTIONS);E.useEffect(()=>(s(e),()=>{s(null)}),[!!e])}const x="reportsShared.anonymiseAction",T=p.encloseNamespace(x);function h(){const[e,s]=c(l.ANONYMISE_USERS,!1);return a.jsxs("div",{className:"d-flex align-items center justify-content-between",onClick:()=>s(!e),children:[a.jsx("span",{className:"me-3",children:T("hideNames")}),a.jsx(d,{on:e,onClick:()=>{}})]})}const j="reportsShared.utils",t=p.encloseNamespace(j);function L(e,s){const o=g(N.getPrimaryObjectUrl),m=s==null?void 0:s();if(!e)return;const n=[];return!m&&f.isInteractive(e)&&n.push({label:t("generateReport"),appLink:{application:r.INTERACTIVES,action:i.Interactives.GENERATE_REPORT,args:[e.id]}}),o&&n.push({label:()=>a.jsxs("span",{className:"d-flex justify-content-between align-items-center",children:[a.jsx("span",{className:"me-2",children:t("seeVideo")}),a.jsx(A,{svg:R})]}),href:o(e),openInNewTab:!0}),n.push({label:()=>a.jsx(h,{})}),n}function V(){return[{label:t("generateReport"),appLink:{application:r.DEFAULT,action:i.Default.GENERATE_REPORT,params:{type:u.VideoViews}}}]}function O(){return[{label:t("generateReport"),appLink:{application:r.DEFAULT,action:i.Default.GENERATE_REPORT,params:{type:u.Logins}}}]}export{L as a,V as b,O as g,w as u};
+//# sourceMappingURL=mjKop7CA.chunk.js.map

package/dist/scripts/mjKop7CA.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mjKop7CA.chunk.js","sources":["../../src/shared/hooks/UseSetHeaderActions.ts","../../src/shared/components/anonymise-action/AnonymiseAction.tsx","../../src/shared/utils/HeaderActionUtils.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\n/**\n * This hook will only set the actions on the initial render.\n * If the actions are dynamic, either this hook will need to be updated\n * or useViewModel used directly.\n */\nexport function useSetHeaderActions(actions?: DropdownActionOptions[]): void {\n  const [ , setActions ] = useViewModel<DropdownActionOptions[]>(ViewModelKeys.HEADER_ACTIONS);\n\n  useEffect(() => {\n    setActions(actions);\n\n    return () => {\n      setActions(null);\n    };\n  }, [!!actions]);\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nconst namespace = 'reportsShared.anonymiseAction';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AnonymiseAction(): JSX.Element {\n  const [ anonymiseUsers, setAnonymiseUsers ] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS, false);\n\n  return (\n    <div\n      className='d-flex align-items center justify-content-between'\n      onClick={() => setAnonymiseUsers(!anonymiseUsers)}\n    >\n      <span className='me-3'>\n        {getPhrase('hideNames')}\n      </span>\n      <ToggleSwitch on={anonymiseUsers} onClick={() => {}} />\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { BaseObject } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { AnonymiseAction } from 'shared/components/anonymise-action/AnonymiseAction';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { useGetExternalUrl } from 'shared/hooks/UseGetExternalUrl';\nimport { GenerateReportType } from 'shared/views/generate-report/GenerateReportView';\n\nimport { ExternalRouteHelper } from './ExternalRouteHelper';\n\nconst namespace = 'reportsShared.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useGetObjectHeaderActions(object?: BaseObject, getInsightsUrl?: () => string): DropdownActionOptions[] {\n  const getObjectUrl = useGetExternalUrl(ExternalRouteHelper.getPrimaryObjectUrl);\n  const insightsUrl = getInsightsUrl?.();\n  if (!object)\n    return;\n\n  const actions: DropdownActionOptions[] = [];\n\n  if (!insightsUrl && VideoHelper.isInteractive(object)) {\n    actions.push({\n      label: getPhrase('generateReport'),\n      appLink: {\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.GENERATE_REPORT,\n        args: [object.id]\n      }\n    });\n  }\n\n  if (getObjectUrl)\n    actions.push({\n      label: () => (\n        <span\n          className='d-flex justify-content-between align-items-center'\n        >\n          <span className='me-2'>\n            {/* // TODO: once we have non-video types this will need to be updated. */}\n            {getPhrase('seeVideo')}\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </span>\n      ),\n      href: getObjectUrl(object),\n      openInNewTab: true\n    });\n\n  /**\n   * Hiding this for now until lite can handle showing 'View my analytics' popup\n   * using query params / url\n   */\n  // if (insightsUrl)\n  //   actions.push({\n  //     label: () => (\n  //       <span\n  //         className='d-flex justify-content-between align-items-center'\n  //       >\n  //         <span className='me-2'>\n  //           {getPhrase('viewMyAnalytics')}\n  //         </span>\n  //         <SvgContainer svgName={cvSvgLibrary.NewWindow} />\n  //       </span>\n  //     ),\n  //     href: getObjectUrl(object),\n  //     openInNewTab: true\n  //   });\n\n  actions.push({\n    label: () => <AnonymiseAction />\n  });\n\n  return actions;\n}\n\nexport function getVideoHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.VideoViews }\n    }\n  }];\n}\n\nexport function getLoginHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.Logins }\n    }\n  }];\n}"],"names":["useSetHeaderActions","actions","setActions","useViewModel","ViewModelKeys","useEffect","namespace","getPhrase","LanguageService","AnonymiseAction","anonymiseUsers","setAnonymiseUsers","jsxs","jsx","ToggleSwitch","useGetObjectHeaderActions","object","getInsightsUrl","getObjectUrl","useGetExternalUrl","ExternalRouteHelper","insightsUrl","VideoHelper","AppChannels","Actions","SvgContainer","NewWindowSvg","getVideoHeaderActions","GenerateReportType","getLoginHeaderActions"],"mappings":"+LAaO,SAASA,EAAoBC,EAAyC,CAC3E,KAAM,CAAA,CAAIC,CAAW,EAAIC,EAAsCC,EAAc,cAAc,EAE3FC,EAAAA,UAAU,KACRH,EAAWD,CAAO,EAEX,IAAM,CACXC,EAAW,IAAI,CACjB,GACC,CAAC,CAAC,CAACD,CAAO,CAAC,CAChB,CCdA,MAAMK,EAAY,gCACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAErD,SAASG,GAA+B,CAC7C,KAAM,CAAEC,EAAgBC,CAAkB,EAAIR,EAAsBC,EAAc,gBAAiB,EAAK,EAExG,OACEQ,EAAAA,KAAC,MAAA,CACC,UAAU,oDACV,QAAS,IAAMD,EAAkB,CAACD,CAAc,EAEhD,SAAA,CAAAG,MAAC,OAAA,CAAK,UAAU,OACb,SAAAN,EAAU,WAAW,EACxB,EACAM,EAAAA,IAACC,EAAA,CAAa,GAAIJ,EAAgB,QAAS,IAAM,CAAC,CAAA,CAAG,CAAA,CAAA,CAAA,CAG3D,CCRA,MAAMJ,EAAY,sBACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAErD,SAASS,EAA0BC,EAAqBC,EAAwD,CACrH,MAAMC,EAAeC,EAAkBC,EAAoB,mBAAmB,EACxEC,EAAcJ,GAAA,YAAAA,IACpB,GAAI,CAACD,EACH,OAEF,MAAMf,EAAmC,CAAA,EAEzC,MAAI,CAACoB,GAAeC,EAAY,cAAcN,CAAM,GAClDf,EAAQ,KAAK,CACX,MAAOM,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAagB,EAAY,aACzB,OAAQC,EAAQ,aAAa,gBAC7B,KAAM,CAACR,EAAO,EAAE,CAAA,CAClB,CACD,EAGCE,GACFjB,EAAQ,KAAK,CACX,MAAO,IACLW,EAAAA,KAAC,OAAA,CACC,UAAU,oDAEV,SAAA,CAAAC,MAAC,OAAA,CAAK,UAAU,OAEb,SAAAN,EAAU,UAAU,EACvB,EACAM,EAAAA,IAACY,EAAA,CAAa,IAAKC,CAAA,CAAc,CAAA,CAAA,CAAA,EAGrC,KAAMR,EAAaF,CAAM,EACzB,aAAc,EAAA,CACf,EAsBHf,EAAQ,KAAK,CACX,MAAO,IAAMY,MAACJ,EAAA,CAAA,CAAgB,CAAA,CAC/B,EAEMR,CACT,CAEO,SAAS0B,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAOpB,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAagB,EAAY,QACzB,OAAQC,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAMI,EAAmB,UAAA,CAAW,CAChD,CACD,CACH,CAEO,SAASC,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAOtB,EAAU,gBAAgB,EACjC,QAAS,CACP,YAAagB,EAAY,QACzB,OAAQC,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAMI,EAAmB,MAAA,CAAO,CAC5C,CACD,CACH"}

package/dist/scripts/nIjQqCoO.chunk.js

@@ -0,0 +1,2 @@
+import{p as h,v as x,j as a,O as d,bF as T,L as g,bR as w,A as M,g as j,u as f,bO as R,e as C,a as H}from"./app-DhPN-zNB.js";import{u as A}from"./DEFJUMtW.chunk.js";import{u as E}from"./DtbthThZ.chunk.js";import{u as y}from"./NRnV1wHl.chunk.js";import{P as $}from"./DUnqV5wd.chunk.js";import{u as L}from"./BncpEV2O.chunk.js";import{u as N,a as F}from"./mjKop7CA.chunk.js";import{u as O}from"./HCxw4efP.chunk.js";import{u as P,I as G}from"./D7o6GeeF.chunk.js";import{M as q}from"./Tgco-VxU.chunk.js";import{u as D,a as U}from"./B8DfvvPE.chunk.js";import{u as B}from"./B7fZs_l2.chunk.js";import{T as S}from"./wnQZ7WYP.chunk.js";import{u as V,a as _,b as k,h as W,s as n,R as z,c as J}from"./CHlm4fQa.chunk.js";import"./sFV5nxD4.chunk.js";import"./DNRcL1e9.chunk.js";import"./aRYKkB2W.chunk.js";import"./hqhdC5CE.chunk.js";import"./6SDR31f9.chunk.js";import"./CztNQjFH.chunk.js";import"./C-Bnglks.chunk.js";import"./6bLX1DNm.chunk.js";import"./RoUeokG0.chunk.js";import"./Bodl5h9Z.chunk.js";import"./5O9SdVRZ.chunk.js";import"./BZfWKvo2.chunk.js";import"./D2zM4Kzz.chunk.js";import"./CX5q-0jT.chunk.js";import"./Cr_-BIsS.chunk.js";import"./DDeXXa-Z.chunk.js";import"./Cyyw1SCS.chunk.js";const K="interactives.studentResultsTable",p=g.encloseNamespace(K),Q={table:`${n.fixedTable} bg-white rounded-start`,header:`${n.header} border-bottom`,headerRow:"h-100",headerCell:"d-flex align-items-center justify-content-start",row:n.row},X={header:`${n.header} fw-bold`,headerRow:"h-100",headerCell:`${n.interactionHeaderCellOuter} bg-white border-bottom`,row:`${n.row} ${n.resultsRow}`,cell:n.resultsCellOuter};function b(e,t,r){w.trigger({application:j.INTERACTIVES,action:M.Interactives.STUDENT_RESULTS,args:[e,t],params:r?{interactionId:r}:{}})}function Y(e){const[t,r]=h.useState(),u=h.useRef(null),i=V(e.results),m=_(e.interactive,e.interactiveMetadata,e.results,I,e.refreshTable),o=k(e.interactive,e.results,e.refreshTable,x.first(t));function l({original:s}){b(s.user.id,e.interactiveMetadata.id)}function c(s){b(s.row.original.user.id,e.interactiveMetadata.id,s.column.id)}function I(s){W(u.current,s)}function v(s){J(u.current,s)}return o.length?a.jsxs("div",{ref:u,className:`d-flex ${o.length?` ${n.hasResults}`:""}`,children:[a.jsx(S,{columns:i,data:o,theme:Q,onSelectRow:l,onRowMouseOver:s=>v(s.index),onRowMouseLeave:()=>v(),enableSort:!0,manualSort:!0,onSort:r}),a.jsx(S,{columns:m,data:o,theme:X,enableSlider:!0,scrollIncrement:z*8,onSelectCell:c})]}):a.jsxs(d,{className:"bg-white rounded-bottom py-5",children:[a.jsx(d.Image,{src:T.EmptyStates.Interactives.NoResponses}),a.jsx(d.Heading,{children:p("emptyStateHeading")}),a.jsx(d.Info,{children:p("emptyStateDescription")})]})}const Z="reportsInteractives.interactiveStudentResultsList",ee=g.encloseNamespace(Z);function $e(e){var o,l,c;const t=f(R.interactiveMetadata(e.interactiveMetadataId)),r=f((o=t.data)!=null&&o.interactiveId?R.interactive(t.data.interactiveId):null),u=C(),i=A(e.interactiveMetadataId,u);H({title:ee("pageTitle",{interactive:(l=t.data)==null?void 0:l.name})}),O((c=t.data)==null?void 0:c.name),N(F(t.data)),B(e.interactiveMetadataId),D(i),P(e.interactiveMetadataId),L(t),y([t,i]),E(t);const m=U(i);return a.jsx(a.Fragment,{children:a.jsxs("div",{children:[a.jsx(G,{interactiveMetadataId:e.interactiveMetadataId}),!!r.data&&!!i.data&&a.jsx(q,{interactive:r.data,results:i.data,interactiveMetadataId:e.interactiveMetadataId}),t.data&&r.data&&i.data?a.jsx(Y,{interactive:r.data,interactiveMetadata:t.data,results:i.data,refreshTable:m}):a.jsx($,{})]})})}export{$e as InteractiveStudentResultsListView};
+//# sourceMappingURL=nIjQqCoO.chunk.js.map

package/dist/scripts/nIjQqCoO.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nIjQqCoO.chunk.js","sources":["../../src/apps/interactives/views/interactive-student-results-list/components/student-results-table/StudentResultsTable.tsx","../../src/apps/interactives/views/interactive-student-results-list/InteractiveStudentResultsListView.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Row, SortingRule } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { StudentResultsWithSummary } from 'libs/shared/apps/analytics/interfaces/StudentResultsWithSummary';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { Interactive, InteractiveMetadata, InteractiveResultSet } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\n\nimport {\n  highlightColumns,\n  highlightRows,\n  RESULTS_COL_WIDTH,\n  useGetFixedColumns,\n  useGetResultColumns,\n  useGetResultsTableData\n} from './StudentResultsTableUtils';\n\nimport styles from './student-results-table.module.scss';\n\nconst namespace = 'interactives.studentResultsTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst fixedTableTheme: TableTheme = {\n  table: `${styles.fixedTable} bg-white rounded-start`,\n  header: `${styles.header} border-bottom`,\n  headerRow: 'h-100',\n  headerCell: 'd-flex align-items-center justify-content-start',\n  row: styles.row\n};\n\nconst resultsTableTheme: TableTheme = {\n  header: `${styles.header} fw-bold`,\n  headerRow: 'h-100',\n  headerCell: `${styles.interactionHeaderCellOuter} bg-white border-bottom`,\n  row: `${styles.row} ${styles.resultsRow}`,\n  cell: styles.resultsCellOuter\n};\n\nfunction viewStudentResults(\n  studentId: string,\n  interactiveMetadataId: string,\n  interactionId?: string\n): void {\n  Core.AppLinkHelper.trigger({\n    application: AppChannels.INTERACTIVES,\n    action: Actions.Interactives.STUDENT_RESULTS,\n    args: [ studentId, interactiveMetadataId ],\n    params: interactionId ? { interactionId } : {}\n  });\n}\n\ninterface StudentResultsTableProps {\n  interactive: Interactive;\n  interactiveMetadata: InteractiveMetadata;\n  results: InteractiveResultSet;\n\n  /**\n   * As the table data is memoized, it must be prompted to recalculate.\n   * Toggle `refreshTable` to do so.\n   */\n  refreshTable: boolean;\n  selectedStudentId?: string;\n}\n\nexport function StudentResultsTable(props: StudentResultsTableProps): JSX.Element {\n  const [ sortBy, setSortBy ] = React.useState<SortingRule<StudentResultsWithSummary>[]>();\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  const fixedColumns = useGetFixedColumns(props.results);\n  const resultColumns = useGetResultColumns(\n    props.interactive,\n    props.interactiveMetadata,\n    props.results,\n    onColumnHover,\n    props.refreshTable\n  );\n  const data = useGetResultsTableData(props.interactive, props.results, props.refreshTable, ArrayHelper.first(sortBy));\n\n  function onSelectStudent({ original }: Row<StudentResultsWithSummary>): void {\n    viewStudentResults(original.user.id, props.interactiveMetadata.id);\n  }\n\n  function onSelectStudentResponse(cell: Cell<StudentResultsWithSummary>): void {\n    viewStudentResults(cell.row.original.user.id, props.interactiveMetadata.id, cell.column.id);\n  }\n\n  function onColumnHover(index?: number): void {\n    highlightColumns(ref.current, index);\n  }\n\n  function onRowHover(index?: number): void {\n    highlightRows(ref.current, index);\n  }\n\n  if (!data.length)\n    return (\n      <EmptyState className='bg-white rounded-bottom py-5'>\n        <EmptyState.Image src={ImageUrls.EmptyStates.Interactives.NoResponses} />\n        <EmptyState.Heading>\n          {getPhrase('emptyStateHeading')}\n        </EmptyState.Heading>\n        <EmptyState.Info>\n          {getPhrase('emptyStateDescription')}\n        </EmptyState.Info>\n      </EmptyState>\n    );\n\n  return (\n    <div ref={ref} className={`d-flex ${data.length ? ` ${styles.hasResults}` : ''}`}>\n      <Table\n        columns={fixedColumns}\n        data={data}\n        theme={fixedTableTheme}\n        onSelectRow={onSelectStudent}\n        onRowMouseOver={row => onRowHover(row.index)}\n        onRowMouseLeave={() => onRowHover()}\n        enableSort\n        manualSort\n        onSort={setSortBy}\n      />\n      <Table\n        columns={resultColumns}\n        data={data}\n        theme={resultsTableTheme}\n        enableSlider\n        scrollIncrement={RESULTS_COL_WIDTH * 8}\n        onSelectCell={onSelectStudentResponse}\n      />\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useHandleVideoError } from 'shared/hooks/UseHandleVideoError';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { useGetObjectHeaderActions } from 'shared/utils/HeaderActionUtils';\n\nimport { InteractiveNav } from 'apps/interactives/components/interactive-nav/InteractiveNav';\nimport { MarkingRequiredAlert } from 'apps/interactives/components/marking-required-alert/MarkingRequiredAlert';\nimport { useNoResultsPopup } from 'apps/interactives/hooks/UseNoResultsPopup';\nimport { useRefreshInteractiveResults } from 'apps/interactives/hooks/UseRefreshInteractiveResults';\nimport { useSetInteractiveResultsAudienceFilterCount } from 'apps/interactives/hooks/UseSetInteractiveResultsAudienceFilterCount';\nimport { useSetSuggestedInteractiveResultsAudience } from 'apps/interactives/hooks/UseSetSuggestedInteractiveResultsAudience';\n\nimport { StudentResultsTable } from './components/student-results-table/StudentResultsTable';\n\nconst namespace = 'reportsInteractives.interactiveStudentResultsList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveStudentResultsListViewProps {\n  interactiveMetadataId: string;\n}\n\nexport function InteractiveStudentResultsListView(props: InteractiveStudentResultsListViewProps): JSX.Element {\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveMetadataId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId ?\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\n  const requestFilter = useGetRequestFilter();\n  const results = useFetchInteractiveResults(props.interactiveMetadataId, requestFilter);\n\n  useSetPageMetadata({ title: getPhrase('pageTitle', { interactive: interactiveMetadata.data?.name }) });\n  useSetHeaderTitle(interactiveMetadata.data?.name);\n  useSetHeaderActions(useGetObjectHeaderActions(interactiveMetadata.data));\n  useSetSuggestedInteractiveResultsAudience(props.interactiveMetadataId);\n  useSetInteractiveResultsAudienceFilterCount(results);\n  useNoResultsPopup(props.interactiveMetadataId);\n\n  useHandleVideoError(interactiveMetadata);\n  useHandleObjectError([ interactiveMetadata, results ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const refreshTable = useRefreshInteractiveResults(results);\n\n  return (\n    <>\n      <div>\n        <InteractiveNav interactiveMetadataId={props.interactiveMetadataId} />\n        {!!interactive.data && !!results.data &&\n          <MarkingRequiredAlert\n            interactive={interactive.data}\n            results={results.data}\n            interactiveMetadataId={props.interactiveMetadataId}\n          />\n        }\n        {(!!interactiveMetadata.data && !!interactive.data && !!results.data)\n          ? <StudentResultsTable\n            interactive={interactive.data}\n            interactiveMetadata={interactiveMetadata.data}\n            results={results.data}\n            refreshTable={refreshTable}\n          />\n          : <PartialTable />\n        }\n      </div>\n    </>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","fixedTableTheme","styles","resultsTableTheme","viewStudentResults","studentId","interactiveMetadataId","interactionId","Core.AppLinkHelper","AppChannels","Actions","StudentResultsTable","props","sortBy","setSortBy","React","ref","fixedColumns","useGetFixedColumns","resultColumns","useGetResultColumns","onColumnHover","data","useGetResultsTableData","ArrayHelper","onSelectStudent","original","onSelectStudentResponse","cell","index","highlightColumns","onRowHover","highlightRows","jsxs","jsx","Table","row","RESULTS_COL_WIDTH","EmptyState","ImageUrls","InteractiveStudentResultsListView","interactiveMetadata","Flight.useBasicFetch","InteractiveRequests","interactive","_a","requestFilter","useGetRequestFilter","results","useFetchInteractiveResults","useSetPageMetadata","_b","useSetHeaderTitle","_c","useSetHeaderActions","useGetObjectHeaderActions","useSetSuggestedInteractiveResultsAudience","useSetInteractiveResultsAudienceFilterCount","useNoResultsPopup","useHandleVideoError","useHandleObjectError","useCannotConsumeError","refreshTable","useRefreshInteractiveResults","Fragment","InteractiveNav","MarkingRequiredAlert","PartialTable"],"mappings":"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"}