@clickview/reports 0.71.1-dev.0 → 0.72.0-rc.0

package/dist/scripts/Cz6t-6nF.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cz6t-6nF.chunk.js","sources":["../../../../libs/shared/src/apps/analytics/utils/AnalyticsFilterUtils.ts","../../../../libs/shared/src/apps/student-response-list/StudentResponseListFooter.tsx","../../../../libs/shared/src/apps/student-response-list/StudentResponseListHeader.tsx","../../../../libs/shared/src/apps/student-response-list/StudentResponseList.tsx","../../../../libs/shared/src/hooks/useLockContentWidth.ts","../../../../libs/shared/src/apps/analytics/views/interactive-student-results/InteractiveStudentResultsView.tsx"],"sourcesContent":["import { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { AudienceQueryParams } from 'libs/shared/apps/analytics/interfaces/AudienceQueryParams';\nimport { DateRangeQueryParams } from 'libs/shared/apps/analytics/interfaces/DateRangeQueryParams';\nimport { ContextService } from 'libs/shared/services/ContextService';\n\nexport const AnalyticsFilterHelper = {\n  getAudienceAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { users, classrooms, classroomGroups } = params;\n\n    const getParam = (key: keyof AudienceQueryParams) => {\n      const param = params[key];\n\n      if (!param)\n        return;\n\n      return Array.isArray(param) ? param : [param];\n    };\n\n    const audienceFilters: AudienceQueryParams = {};\n\n    if (users)\n      audienceFilters.users = getParam('users');\n\n    if (classrooms)\n      audienceFilters.classrooms = getParam('classrooms');\n\n    if (classroomGroups)\n      audienceFilters.classroomGroups = getParam('classroomGroups');\n\n    return audienceFilters;\n  },\n  getDateRangeAppLinkParams: () => {\n    const { appLink } = ContextService.getCurrentRoute();\n    const params = ObjectHelper.isObject(appLink.params) ? appLink.params as HashObject : {};\n    const { from, to, rangeName } = params;\n\n    const dateRangeFilters: DateRangeQueryParams = {};\n\n    if (from)\n      dateRangeFilters.from = from;\n\n    if (to)\n      dateRangeFilters.to = to;\n\n    if (rangeName)\n      dateRangeFilters.rangeName = rangeName;\n\n    return dateRangeFilters;\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListFooterProps {\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  onClickClose: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListFooter(props: StudentResponseListFooterProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-end pt-3'>\n      <div>\n        {!props.showSubmitButtonSpinner &&\n          <button className='btn btn-link' onClick={props.onClickClose}>\n            {getPhrase('close')}\n          </button>\n        }\n        {!!props.interactionsToMark.length && (\n          <>\n            {props.isDemo ? (\n              <Tooltip\n                id='submitAnswers'\n                title={getPhrase('demoOnly')}\n                spanHack\n                spanHackClassName='d-inline-flex'\n              >\n                <button\n                  className='btn btn-outline-dark pointer-events-none'\n                  disabled={!numMarkedAnswers}\n                >\n                  {getPhrase('submitAnswers')}\n                </button>\n              </Tooltip>\n            ) : (\n              <SpinnerButton\n                variant='outline-dark'\n                onClick={props.onClickSubmit}\n                disabled={!numMarkedAnswers}\n                showSpinner={props.showSubmitButtonSpinner}\n              >\n                {getPhrase('submitAnswers')}\n              </SpinnerButton>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { ResultsSummary } from 'libs/shared/apps/analytics/interfaces/ResultsSummary';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Interaction } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.studentResponseList';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StudentResponseListHeaderProps {\n  summary: ResultsSummary;\n  interactionsToMark: Interaction[];\n  markedAnswers: MarkedAnswerHash;\n  onClickSubmit: () => void;\n  showSubmitButtonSpinner: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseListHeader(props: StudentResponseListHeaderProps): JSX.Element {\n  const numMarkedAnswers = Object.keys(props.markedAnswers).length;\n\n  return (\n    <div className='d-flex justify-content-between pb-3'>\n      <div className='d-flex'>\n        {!!props.summary.unanswered &&\n          <div className='bg-light rounded p-2 me-2'>\n            <strong className='me-2'>{getPhrase('unanswered')}</strong>\n            {props.summary.unanswered}\n          </div>\n        }\n        <div className='bg-light rounded p-2 me-2'>\n          <strong className='me-2'>{getPhrase('score')}</strong>\n          {props.summary.awaitingMarking\n            ? <em>{getPhrase('pending')}</em>\n            : `${Math.round(props.summary.percentCorrect * 100)}%`\n          }\n        </div>\n      </div>\n      {!!props.interactionsToMark.length && (\n        <>\n          {props.isDemo ? (\n            <Tooltip id='submitAnswers' title={getPhrase('demoOnly')} spanHack>\n              <button\n                className='btn btn-outline-dark pointer-events-none'\n                disabled={!numMarkedAnswers}\n              >\n                {getPhrase('submitAnswers')}\n              </button>\n            </Tooltip>\n          ) : (\n            <SpinnerButton\n              variant='outline-dark'\n              onClick={props.onClickSubmit}\n              disabled={!numMarkedAnswers}\n              showSpinner={props.showSubmitButtonSpinner}\n            >\n              {getPhrase('submitAnswers')}\n            </SpinnerButton>\n          )}\n        </>\n      )}\n    </div>\n  );\n}","import React from 'react';\n\nimport { InteractionResponseItem } from 'libs/shared/apps/analytics/components/questions-list/interaction-response-item/InteractionResponseItem';\nimport { MarkedAnswerHash } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getMarkedStatus, getStudentResultsSummary } from 'libs/shared/apps/analytics/utils/InteractiveUtils';\nimport { InteractionResponse } from 'libs/shared/components/interaction-response/InteractionResponse';\nimport { InteractionLabel } from 'libs/shared/components/interactive-questions/InteractionLabel';\nimport { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';\nimport { InteractiveAnswerStatus } from 'libs/shared/enums/InteractiveAnswerStatus';\nimport { Interaction, Interactive, StudentAnswer, StudentResults } from 'libs/shared/interfaces';\nimport { InteractiveCorrectnessHelper } from 'libs/shared/utils/InteractiveCorrectnessHelper';\nimport { getInteractions, getStudentResult } from 'libs/shared/utils/InteractiveHelper';\n\nimport { StudentResponseListFooter } from './StudentResponseListFooter';\nimport { StudentResponseListHeader } from './StudentResponseListHeader';\n\nimport styles from './student-response-list.module.scss';\n\nfunction getInteractionsToMark(\n  interactions: Interaction[],\n  studentResults: StudentResults\n): Interaction[] {\n  return interactions.filter(i => {\n    return InteractiveCorrectnessHelper.isInteractionCorrect(\n      i,\n      getStudentResult(studentResults)\n    ) === InteractionCorrectness.AwaitingMarking;\n  });\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nfunction useScrollSelectedInteractionIntoView(): React.MutableRefObject<HTMLLIElement> {\n  const ref = React.useRef<HTMLLIElement>(null);\n  const [ scrolled, setScrolled ] = React.useState(false);\n\n  // Only scroll once\n  React.useEffect(() => {\n    if (!ref.current || scrolled)\n      return;\n\n    setScrolled(true);\n    requestAnimationFrame(() => ref.current.scrollIntoView({ behavior: 'smooth', block: 'center' }));\n  }, [ ref.current, scrolled ]);\n\n  return ref;\n}\n\ninterface StudentResponseListProps {\n  interactive: Interactive;\n  markedAnswers: MarkedAnswerHash;\n  studentResults: StudentResults;\n  addMarkedAnswers: (answer: StudentAnswer[], status: InteractiveAnswerStatus) => void;\n  submitMarkedAnswers: () => void;\n  onClickClose: () => void;\n  imageCdnUrl: string;\n  selectedInteractionId?: string;\n  anonymiseUsers: boolean;\n  reportsStyling?: boolean;\n  isDemo?: boolean;\n}\n\nexport function StudentResponseList(props: StudentResponseListProps): JSX.Element {\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n  const selectedInteractionRef = useScrollSelectedInteractionIntoView();\n\n  const summary = getStudentResultsSummary(props.interactive, props.studentResults);\n  const interactions = getInteractions(props.interactive);\n  const questionsToMark = getInteractionsToMark(interactions, props.studentResults);\n\n  function onClickSubmit(): void {\n    setShowSpinner(true);\n    props.submitMarkedAnswers();\n  }\n\n  return (\n    <>\n      <StudentResponseListHeader\n        summary={summary}\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n      <ul className='list-unstyled'>\n        {interactions.map((interaction, idx) => {\n          const isSelected = interaction.id.toString() === props.selectedInteractionId?.toString();\n          const markingRequired = questionsToMark.some(q => q.id === interaction.id);\n          const anonymisedUserName = anonymiseUserName(\n            props.studentResults.user,\n            props.anonymiseUsers\n          );\n\n          let className = 'p-2 mb-3 rounded';\n\n          if (isSelected)\n            className += ' border-2 border-info shadow';\n\n          if (markingRequired)\n            className += ` ${styles.awaitingMarking}`;\n          else\n            className += ' border';\n\n          return (\n            <li key={idx} className={className} ref={isSelected ? selectedInteractionRef : null}>\n              <div className='d-flex mb-2'>\n                <InteractionLabel\n                  interaction={interaction}\n                  iconClassName='flex-shrink-0'\n                />\n              </div>\n              {props.reportsStyling ? (\n                <InteractionResponse\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  className='bg-light ps-2'\n                  showFeedback\n                  reportsStyling\n                  responseComponentClass='mx-n2'\n                />\n              ) : (\n                <InteractionResponseItem\n                  interaction={interaction}\n                  studentResults={props.studentResults}\n                  markedStatus={getMarkedStatus(interaction.id, props.studentResults, props.markedAnswers)}\n                  markInteraction={props.addMarkedAnswers}\n                  imageCdnUrl={props.imageCdnUrl}\n                  anonymisedUserName={anonymisedUserName}\n                  showFeedback\n                />\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      <StudentResponseListFooter\n        interactionsToMark={questionsToMark}\n        markedAnswers={props.markedAnswers}\n        onClickSubmit={onClickSubmit}\n        onClickClose={props.onClickClose}\n        showSubmitButtonSpinner={showSpinner}\n        isDemo={props.isDemo}\n      />\n    </>\n  );\n}","import React from 'react';\n\nimport { LayoutHelper } from 'libs/shared/utils/LayoutHelper';\n\nexport function useLockContentWidth(): void {\n  React.useEffect(() => {\n    LayoutHelper.lockContentWidth();\n    return () => LayoutHelper.unlockContentWidth();\n  }, []);\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { useMarkAnswers } from 'libs/shared/apps/analytics/hooks/UseMarkAnswers';\nimport { AnalyticsFilterHelper } from 'libs/shared/apps/analytics/utils/AnalyticsFilterUtils';\nimport { anonymiseUserName } from 'libs/shared/apps/analytics/utils/AnonymiseUserUtils';\nimport { getInsightsDateRangePresets, getStartEndParams } from 'libs/shared/apps/analytics/utils/DateRangeUtils';\nimport { StudentResponseList } from 'libs/shared/apps/student-response-list/StudentResponseList';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useLockContentWidth } from 'libs/shared/hooks/useLockContentWidth';\nimport { Config, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\nimport { PopupViewProps } from 'libs/shared/interfaces';\n\nconst namespace = 'shared.interactiveStudentResults';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveStudentResultsViewProps extends PopupViewProps {\n  userId: string;\n  interactiveId: string;\n  interactionId?: string;\n}\n\nexport function InteractiveStudentResultsView(props: InteractiveStudentResultsViewProps): JSX.Element {\n  const [anonymiseUsers] = useViewModel<boolean>(SharedViewModelKeys.ANONYMISE_USERS);\n\n  useLockContentWidth();\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data?.interactiveId &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n\n  const dateRangeAppLinkParams = AnalyticsFilterHelper.getDateRangeAppLinkParams();\n\n  const results = useFetchInteractiveResults(\n    props.interactiveId,\n    getStartEndParams(getInsightsDateRangePresets(), dateRangeAppLinkParams)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  useHandleObjectError([ interactiveMetadata, results ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const { markedAnswers, addMarkedAnswers, submitMarkedAnswers } = useMarkAnswers(\n    interactive.data?.id,\n    interactiveMetadata.data?.id,\n    props.closePopup\n  );\n\n  const studentResults = results.data?.students.find(s => s.user?.id?.toString() === props.userId?.toString());\n\n  const popupTitle = studentResults\n    ? getPhrase('heading', { studentName: anonymiseUserName(studentResults.user, anonymiseUsers) })\n    : '';\n  const dataLoaded = !!interactive.data && !!results.data && !!config.data;\n\n  return (\n    <Popup\n      title={popupTitle}\n      showLoadingSpinner={!dataLoaded}\n      closePopup={props.closePopup}\n      size='lg'\n    >\n      {dataLoaded &&\n        <StudentResponseList\n          interactive={interactive.data}\n          studentResults={studentResults}\n          markedAnswers={markedAnswers}\n          addMarkedAnswers={addMarkedAnswers}\n          submitMarkedAnswers={submitMarkedAnswers}\n          imageCdnUrl={config.data.imageCdnUrl}\n          selectedInteractionId={props.interactionId}\n          onClickClose={props.closePopup}\n          anonymiseUsers={anonymiseUsers}\n          reportsStyling\n        />\n      }\n    </Popup>\n  );\n}\n"],"names":["AnalyticsFilterHelper","appLink","ContextService","params","ObjectHelper","users","classrooms","classroomGroups","getParam","key","param","audienceFilters","from","to","rangeName","dateRangeFilters","namespace","getPhrase","LanguageService","StudentResponseListFooter","props","numMarkedAnswers","jsx","Fragment","Tooltip","SpinnerButton","StudentResponseListHeader","jsxs","getInteractionsToMark","interactions","studentResults","i","InteractiveCorrectnessHelper","getStudentResult","InteractionCorrectness","useScrollSelectedInteractionIntoView","ref","React","scrolled","setScrolled","StudentResponseList","showSpinner","setShowSpinner","selectedInteractionRef","summary","getStudentResultsSummary","getInteractions","questionsToMark","onClickSubmit","interaction","idx","isSelected","_a","markingRequired","q","anonymisedUserName","anonymiseUserName","className","styles","InteractionLabel","InteractionResponse","getMarkedStatus","InteractionResponseItem","useLockContentWidth","LayoutHelper","InteractiveStudentResultsView","anonymiseUsers","useViewModel","SharedViewModelKeys","interactiveMetadata","Flight.useBasicFetch","InteractiveRequests","interactive","dateRangeAppLinkParams","results","useFetchInteractiveResults","getStartEndParams","getInsightsDateRangePresets","config","ConfigRequests","useHandleObjectError","useCannotConsumeError","markedAnswers","addMarkedAnswers","submitMarkedAnswers","useMarkAnswers","_b","_c","_d","s","popupTitle","dataLoaded","Popup"],"mappings":"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"}

package/dist/scripts/D22pDzdH.chunk.js

@@ -1,2 +0,0 @@
-import{r as g,y as j,c7 as N,c8 as v,j as e,B as T,c6 as t}from"./app-BDrXtKwD.js";const n=g.forwardRef(({bsPrefix:s,className:c,as:o="div",...d},p)=>{const x=j(s,"row"),h=N(),u=v(),b=`${x}-cols`,m=[];return h.forEach(r=>{const i=d[r];delete d[r];let l;i!=null&&typeof i=="object"?{cols:l}=i:l=i;const _=r!==u?`-${r}`:"";l!=null&&m.push(`${b}${_}-${l}`)}),e.jsx(o,{ref:p,...d,className:T(c,x,...m)})});n.displayName="Row";const f="_videoTable_14eqw_1",w="_interactiveTable_14eqw_4",$="_userTable_14eqw_7",C="_header_14eqw_10",k="_videoItemContainer_14eqw_16",S="_interactiveItemContainer_14eqw_19",y="_userItemContainer_14eqw_22",q="_heatMapItemContainer_14eqw_25",I="_partialAvatar_14eqw_28",M="_partialNumber_14eqw_33",B="_partialLongText_14eqw_37",H="_partialMediumText_14eqw_41",R="_partialShortText_14eqw_45",E="_partialThumbnail_14eqw_49",V="_partialHeatMap_14eqw_53",a={videoTable:f,interactiveTable:w,userTable:$,header:C,videoItemContainer:k,interactiveItemContainer:S,userItemContainer:y,heatMapItemContainer:q,partialAvatar:I,partialNumber:M,partialLongText:B,partialMediumText:H,partialShortText:R,partialThumbnail:E,partialHeatMap:V},A=e.jsxs(n,{className:"py-3",children:[e.jsx(t,{xs:1,className:"d-flex align-items-center justify-content-center",children:e.jsx("div",{className:`partial-loading-background ${a.partialNumber}`})}),e.jsx(t,{xs:5,className:"d-flex align-items-center",children:e.jsx("div",{className:`partial-loading-background ${a.partialShortText}`})}),e.jsx(t,{xs:2,className:"d-flex align-items-center",children:e.jsx("div",{className:`d-block partial-loading-background mx-4 ${a.partialShortText}`})}),e.jsx(t,{xs:4,className:"d-flex align-items-center",children:e.jsx("div",{className:`d-block partial-loading-background mx-4 ${a.partialShortText}`})})]}),L=e.jsxs(n,{className:"py-3",children:[e.jsx(t,{xs:5,className:"d-flex align-items-center",children:e.jsx("div",{className:`partial-loading-background mx-4 ${a.partialShortText}`})}),e.jsx(t,{xs:2,className:"d-flex align-items-center",children:e.jsx("div",{className:`d-block partial-loading-background mx-4 ${a.partialShortText}`})}),e.jsx(t,{xs:2,className:"d-flex align-items-center",children:e.jsx("div",{className:`d-block partial-loading-background mx-4 ${a.partialShortText}`})}),e.jsx(t,{xs:3,className:"d-flex align-items-center",children:e.jsx("div",{className:`d-block partial-loading-background mx-4 ${a.partialShortText}`})})]}),P=e.jsxs(n,{className:"py-3",children:[e.jsx(t,{xs:2,className:"d-flex",children:e.jsx("div",{className:`partial-loading-background mx-3 ${a.partialShortText}`})}),e.jsx(t,{xs:2,className:"d-flex justify-content-center",children:e.jsx("div",{className:`partial-loading-background mx-2 ${a.partialShortText}`})}),e.jsx(t,{xs:2,className:"d-flex justify-content-center",children:e.jsx("div",{className:`partial-loading-background ${a.partialShortText}`})}),e.jsx(t,{xs:6,className:"d-flex justify-content-between",children:e.jsx("div",{className:`d-block partial-loading-background ${a.heatMapItemContainer} ${a.partialShortText}`})})]});function z(s){switch(s){case"video-views":return{headerComponent:A,tableStyle:a.videoTable};case"interactives":return{headerComponent:L,tableStyle:a.interactiveTable};case"engagement-users":return{headerComponent:P,tableStyle:a.userTable};default:return{headerComponent:e.jsx(e.Fragment,{}),tableStyle:""}}}function U(s){const{headerComponent:c,tableStyle:o}=z(s.variant);return e.jsxs("div",{className:`bg-white rounded ${o} ${s.className??""}`,children:[e.jsx("div",{className:`border-bottom ${a.header} ${s.headerClassName??""}`,children:c}),s.children]})}export{U as P,n as R,a as s};
-//# sourceMappingURL=D22pDzdH.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D22pDzdH.chunk.js","sources":["../../../../../node_modules/react-bootstrap/esm/Row.js","../../src/shared/components/partial-loading/PartialTable.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport styles from './partial-loading.module.scss';\n\nconst VideoViewsHeader = (\n  <Row className='py-3'>\n    <Col xs={1} className='d-flex align-items-center justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialNumber}`} />\n    </Col>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={4} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst InteractivesHeader = (\n  <Row className='py-3'>\n    <Col xs={5} className='d-flex align-items-center'>\n      <div className={`partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center' >\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={3} className='d-flex align-items-center'>\n      <div className={`d-block partial-loading-background mx-4 ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nconst EngagementUsersHeader = (\n  <Row className='py-3'>\n    <Col xs={2} className='d-flex'>\n      <div className={`partial-loading-background mx-3 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background mx-2 ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={2} className='d-flex justify-content-center'>\n      <div className={`partial-loading-background ${styles.partialShortText}`} />\n    </Col>\n    <Col xs={6} className='d-flex justify-content-between'>\n      <div className={`d-block partial-loading-background ${styles.heatMapItemContainer} ${styles.partialShortText}`} />\n    </Col>\n  </Row>\n);\n\nfunction getTableVariant(type: TableVariant) {\n  switch (type) {\n    case 'video-views':\n      return {\n        headerComponent: VideoViewsHeader,\n        tableStyle: styles.videoTable\n      };\n\n    case 'interactives':\n      return {\n        headerComponent: InteractivesHeader,\n        tableStyle: styles.interactiveTable\n      };\n\n    case 'engagement-users':\n      return {\n        headerComponent: EngagementUsersHeader,\n        tableStyle: styles.userTable\n      };\n\n    default:\n      return {\n        headerComponent: <></>,\n        tableStyle: ''\n      };\n  }\n}\n\nexport type TableVariant = 'video-views' | 'interactives' | 'engagement-users';\n\ninterface PartialTableProps {\n  variant?: TableVariant;\n  className?: string;\n  headerClassName?: string;\n}\n\nexport function PartialTable(props: React.PropsWithChildren<PartialTableProps>): JSX.Element {\n  const { headerComponent, tableStyle } = getTableVariant(props.variant);\n\n  return (\n    <div className={`bg-white rounded ${tableStyle} ${props.className ?? ''}`}>\n      <div className={`border-bottom ${styles.header} ${props.headerClassName ?? ''}`}>\n        {headerComponent}\n      </div>\n      {props.children}\n    </div>\n  );\n}"],"names":["Row","React.forwardRef","bsPrefix","className","Component","props","ref","decoratedBsPrefix","useBootstrapPrefix","breakpoints","useBootstrapBreakpoints","minBreakpoint","useBootstrapMinBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","_jsx","classNames","VideoViewsHeader","jsxs","jsx","Col","styles","InteractivesHeader","EngagementUsersHeader","getTableVariant","type","Fragment","PartialTable","headerComponent","tableStyle"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/scripts/D2z6V6KN.chunk.js

@@ -1,2 +0,0 @@
-import{b as R,ad as O,c as T,d as A,e as F,u as i,bO as f,f as q,a as G,L,P as K,j as e,V as H,U as D,C as $}from"./app-BDrXtKwD.js";import{P as k,M as W,V as B,a as Q,E as Y}from"./uoF107dn.chunk.js";import{u as z}from"./Cd8Y7VGD.chunk.js";import{g as j}from"./CX5q-0jT.chunk.js";import{V as M}from"./GybZtYpZ.chunk.js";import{u as J}from"./BAb7U5e_.chunk.js";import{u as X}from"./BzoD15bZ.chunk.js";import{P as Z}from"./D22pDzdH.chunk.js";import{u as ee}from"./csPZD_eN.chunk.js";import{u as ae}from"./M-TSYEoo.chunk.js";import{u as te}from"./CK9SUSD9.chunk.js";import{u as ie,a as se}from"./B29cILrj.chunk.js";import{u as ne}from"./ClkubQ2J.chunk.js";import{E as re}from"./BJDrvt1V.chunk.js";import{V as oe}from"./BvJAziJf.chunk.js";import{u as me,I as de}from"./Ewq6yyV4.chunk.js";import{O as ce}from"./Ckh8ZMGm.chunk.js";import"./CFp1zKGZ.chunk.js";import"./Dwsvd8p8.chunk.js";import"./K65Dt7jg.chunk.js";import"./5O9SdVRZ.chunk.js";import"./CW7x8M-z.chunk.js";import"./BF6robfP.chunk.js";import"./DfBzbPUM.chunk.js";import"./mBxqWw8V.chunk.js";import"./CyS0Qcff.chunk.js";import"./DZYVycui.chunk.js";import"./Cf7yxDlS.chunk.js";import"./Cmh_kkGl.chunk.js";import"./CVftTaOh.chunk.js";import"./Cu2SZCs_.chunk.js";import"./D9PHjOfy.chunk.js";import"./sFV5nxD4.chunk.js";import"./D4zllLcC.chunk.js";import"./BcPvb8J5.chunk.js";import"./DjgLQWKh.chunk.js";import"./lcnUAi0K.chunk.js";import"./Ctl4eE7j.chunk.js";import"./BKardFg7.chunk.js";import"./HdH1xgCy.chunk.js";import"./DTDgnfLK.chunk.js";import"./nR79RHo_.chunk.js";import"./H13OLF2T.chunk.js";import"./cCAKx9a1.chunk.js";const ge="_viewCountContainer_8jne3_1",le="_engagementPercentageContainer_8jne3_4",ue="_engagementGraphContainer_8jne3_7",pe="_partialTable_8jne3_10",m={viewCountContainer:ge,engagementPercentageContainer:le,engagementGraphContainer:ue,partialTable:pe},ve="reportsInteractives.interactiveEngagement",he=L.encloseNamespace(ve);function oa(a){var u,p,v,h,C,I;const{hasPermissions:P}=R(),{hasShareFlowV2:x}=O(null),[E]=T(H.ANONYMISE_USERS),g=A(),n=F(),r=i(D.currentUser()),t=i(f.interactiveMetadata(a.interactiveMetadataId)),l=i(!!t.data&&f.interactive(t.data.interactiveId)),d=i(!!r.data&&!!n&&M.aggregateEngagement(a.interactiveMetadataId,n,r.data.id)),s=i(!!r.data&&!!n&&M.individualEngagement(a.interactiveMetadataId,n,r.data.id)),{users:b,isLoading:w,usersResponse:y}=q((p=(u=s.data)==null?void 0:u.data)==null?void 0:p.map(_=>_.userId)),c=i(k.createViewKey(a.interactiveMetadataId,W.MasterObject)),o=i($.config()),V=z(a.interactiveMetadataId,n);G({title:he("pageTitle",{interactive:(v=t.data)==null?void 0:v.name})}),ne((h=t.data)==null?void 0:h.name),ie(se(t.data)),te(a.interactiveMetadataId),ae(s),me(a.interactiveMetadataId),ee(t),X([l,d,s,...y.responses,c]),J(t);const S=x&&P(K.ViewMyShares),N=!!l.data&&!!t.data&&!!d.data&&!!c.data&&!!o.data,U=!!s.data&&(!s.data.data.length||!w);return e.jsxs("div",{className:"pb-3",children:[e.jsx(de,{interactiveMetadataId:a.interactiveMetadataId,hasInsights:S}),((C=V.data)==null?void 0:C.hasWatchedInLite)===!1&&e.jsx("div",{className:"mb-3",children:e.jsx(ce,{})}),e.jsxs("div",{className:"d-flex pb-3",children:[e.jsx("div",{className:`pe-2 ${m.viewCountContainer}`,children:e.jsx(oe,{objectId:a.interactiveMetadataId,useSharerId:!0,className:"h-100"})}),e.jsx("div",{className:`px-2 ${m.engagementPercentageContainer}`,children:e.jsx(re,{objectId:a.interactiveMetadataId,useSharerId:!0,className:"h-100",layout:"vertical"})}),e.jsx("div",{className:`ps-2 ${m.engagementGraphContainer}`,children:N?e.jsx(B,{engagement:d.data,viewKey:c.data.viewKey,imageCdnUrl:o.data.imageCdnUrl,playerApiUrl:o.data.playerApiUrl},j(g)):e.jsx(Q,{})})]}),U?e.jsx(Y,{engagement:s.data.data,users:b,imageCdnUrl:(I=o.data)==null?void 0:I.imageCdnUrl,anonymiseUsers:E,enableSort:!0},j(g)):e.jsx(Z,{className:m.partialTable})]})}export{oa as InteractiveEngagementView};
-//# sourceMappingURL=D2z6V6KN.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D2z6V6KN.chunk.js","sources":["../../src/apps/interactives/views/interactive-engagement/InteractiveEngagementView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { EngagementTable } from 'libs/shared/apps/analytics/components/engagement-table/EngagementTable';\nimport { useChunkedUsersResponse } from 'libs/shared/apps/analytics/hooks/UseEngagementUsers';\nimport { useFetchInteractiveResults } from 'libs/shared/apps/analytics/hooks/UseFetchInteractiveResults';\nimport { getFilterParamsKey } from 'libs/shared/apps/analytics/utils/FilterParamUtils';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests as SharedUserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey } from 'libs/shared/interfaces';\nimport { Engagement, IndividualEngagementResponse } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialVideoEngagementOverlay } from 'shared/components/video-engagement-overlay/PartialVideoEngagementOverlay';\nimport { VideoEngagementOverlay } from 'shared/components/video-engagement-overlay/VideoEngagementOverlay';\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { useGetAppLinkFilterParams, useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useHandleVideoError } from 'shared/hooks/UseHandleVideoError';\nimport { useSetAudienceFilterCount } from 'shared/hooks/UseSetAudienceFilterCount';\nimport { useSetEngagementAudienceSuggestions } from 'shared/hooks/UseSetEngagementAudienceSuggestions';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { useGetObjectHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { EngagementOverviewCardView } from 'shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView';\nimport { ViewCountPieChartCardView } from 'shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView';\n\nimport { InteractiveNav } from 'apps/interactives/components/interactive-nav/InteractiveNav';\nimport { OnlineDataWarning } from 'apps/interactives/components/online-data-warning/OnlineDataWarning';\nimport { useNoResultsPopup } from 'apps/interactives/hooks/UseNoResultsPopup';\n\nimport styles from './interactive-engagement.module.scss';\n\nconst namespace = 'reportsInteractives.interactiveEngagement';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface InteractiveEngagementViewProps {\n  interactiveMetadataId: string;\n}\n\nexport function InteractiveEngagementView(props: InteractiveEngagementViewProps): JSX.Element {\n  const { hasPermissions } = usePermissions();\n  const { hasShareFlowV2 } = useSettings(null);\n\n\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n\n  const filterQueryParams = useGetAppLinkFilterParams();\n  const requestFilter = useGetRequestFilter();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(SharedUserRequests.currentUser());\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(props.interactiveMetadataId)\n  );\n  const interactive = Flight.useBasicFetch<Interactive>(!!interactiveMetadata.data &&\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId));\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(\n    !!currentUser.data && !!requestFilter &&\n    VideoViewRequests.aggregateEngagement(props.interactiveMetadataId, requestFilter, currentUser.data.id)\n  );\n  const individualEngagement = Flight.useBasicFetch<IndividualEngagementResponse>(\n    !!currentUser.data && !!requestFilter &&\n    VideoViewRequests.individualEngagement(props.interactiveMetadataId, requestFilter, currentUser.data.id)\n  );\n\n  const { users, isLoading, usersResponse } = useChunkedUsersResponse(\n    individualEngagement.data?.data?.map(d => d.userId)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    PlayerRequests.createViewKey(props.interactiveMetadataId, MediaIdType.MasterObject)\n  );\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const results = useFetchInteractiveResults(props.interactiveMetadataId, requestFilter);\n\n  useSetPageMetadata({ title: getPhrase('pageTitle', { interactive: interactiveMetadata.data?.name }) });\n\n  useSetHeaderTitle(interactiveMetadata.data?.name);\n  useSetHeaderActions(useGetObjectHeaderActions(interactiveMetadata.data));\n  useSetEngagementAudienceSuggestions(props.interactiveMetadataId);\n  useSetAudienceFilterCount(individualEngagement);\n  useNoResultsPopup(props.interactiveMetadataId);\n\n  useHandleVideoError(interactiveMetadata);\n  useHandleObjectError([ interactive, aggregateEngagement, individualEngagement, ...usersResponse.responses, viewKey ]);\n  useCannotConsumeError(interactiveMetadata);\n\n  const hasInsightsPermission = hasShareFlowV2 && hasPermissions(PermissionName.ViewMyShares);\n\n  const engagementOverlayDataLoaded = !!interactive.data\n    && !!interactiveMetadata.data\n    && !!aggregateEngagement.data\n    && !!viewKey.data\n    && !!config.data;\n\n  const tableDataLoaded = !!individualEngagement.data && (!individualEngagement.data.data.length || !isLoading);\n\n  return (\n    <div className='pb-3'>\n      <InteractiveNav interactiveMetadataId={props.interactiveMetadataId} hasInsights={hasInsightsPermission} />\n      {results.data?.hasWatchedInLite === false && <div className='mb-3'><OnlineDataWarning /></div>}\n      <div className='d-flex pb-3'>\n        <div className={`pe-2 ${styles.viewCountContainer}`}>\n          <ViewCountPieChartCardView\n            objectId={props.interactiveMetadataId}\n            // Currently we don't have a way to support admins viewing all results so we scope views by sharer\n            // to align with the results data.\n            useSharerId\n            className='h-100'\n          />\n        </div>\n        <div className={`px-2 ${styles.engagementPercentageContainer}`}>\n          <EngagementOverviewCardView\n            objectId={props.interactiveMetadataId}\n            // Currently we don't have a way to support admins viewing all results so we scope views by sharer\n            // to align with the results data.\n            useSharerId\n            className='h-100'\n            layout='vertical'\n          />\n        </div>\n        <div className={`ps-2 ${styles.engagementGraphContainer}`}>\n          {engagementOverlayDataLoaded\n            ? <VideoEngagementOverlay\n              // key is used to trigger player re-render\n              key={getFilterParamsKey(filterQueryParams)}\n              engagement={aggregateEngagement.data}\n              viewKey={viewKey.data.viewKey}\n              imageCdnUrl={config.data.imageCdnUrl}\n              playerApiUrl={config.data.playerApiUrl}\n            />\n            : <PartialVideoEngagementOverlay />\n          }\n        </div>\n      </div>\n      {tableDataLoaded\n        ? <EngagementTable\n          key={getFilterParamsKey(filterQueryParams)}\n          engagement={individualEngagement.data.data}\n          users={users}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          anonymiseUsers={anonymiseUsers}\n          enableSort\n        />\n        : <PartialTable className={styles.partialTable} />\n      }\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","InteractiveEngagementView","props","hasPermissions","usePermissions","hasShareFlowV2","useSettings","anonymiseUsers","useViewModel","ViewModelKeys","filterQueryParams","useGetAppLinkFilterParams","requestFilter","useGetRequestFilter","currentUser","Flight.useBasicFetch","SharedUserRequests","interactiveMetadata","InteractiveRequests","interactive","aggregateEngagement","VideoViewRequests","individualEngagement","users","isLoading","usersResponse","useChunkedUsersResponse","_b","_a","d","viewKey","PlayerRequests","MediaIdType","config","ConfigRequests","results","useFetchInteractiveResults","useSetPageMetadata","_c","useSetHeaderTitle","_d","useSetHeaderActions","useGetObjectHeaderActions","useSetEngagementAudienceSuggestions","useSetAudienceFilterCount","useNoResultsPopup","useHandleVideoError","useHandleObjectError","useCannotConsumeError","hasInsightsPermission","PermissionName","engagementOverlayDataLoaded","tableDataLoaded","jsxs","jsx","InteractiveNav","_e","OnlineDataWarning","styles","ViewCountPieChartCardView","EngagementOverviewCardView","VideoEngagementOverlay","getFilterParamsKey","PartialVideoEngagementOverlay","EngagementTable","_f","PartialTable"],"mappings":"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"}

package/dist/scripts/D3rgHjw0.chunk.js

@@ -1,2 +0,0 @@
-import{e as c,u as i,U as d,j as s,L as n}from"./app-BDrXtKwD.js";import{V as o}from"./GybZtYpZ.chunk.js";import{u as m}from"./BzoD15bZ.chunk.js";import{U as h,P as v}from"./BHgJhw0m.chunk.js";import{u as l}from"./M-TSYEoo.chunk.js";const w="shared.viewCountBarChartCard",C=n.encloseNamespace(w);function x(e){const a=c(),r=i(!!e.useSharerId&&d.currentUser()),t=i(!!a&&(e.useSharerId?!!r.data&&o.views(a,e.objectId,r.data.id):o.views(a,e.objectId)));return m(t),l(t),s.jsx("div",{className:`bg-white rounded p-3 ${e.className??""}`,children:t.data?s.jsx(h,{events:t.data.data,getEventDate:u=>u.groupedDateWatched,title:C("videoViews")}):s.jsx(v,{})})}export{x as V};
-//# sourceMappingURL=D3rgHjw0.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D3rgHjw0.chunk.js","sources":["../../src/shared/views/overview-cards/view-count-bar-chart-card/ViewCountBarChartCardView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { VideoViewEvent, VideoViewEventResponse } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { UserRequests as SharedUserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { CurrentUser } from 'libs/shared/interfaces';\n\nimport { PartialUserActivityBarChart } from 'shared/components/user-activity-bar-chart/PartialUserActivityBarChart';\nimport { UserActivityBarChart } from 'shared/components/user-activity-bar-chart/UserActivityBarChart';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useSetAudienceFilterCount } from 'shared/hooks/UseSetAudienceFilterCount';\n\nconst namespace = 'shared.viewCountBarChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ViewCountBarChartCardViewProps {\n  /**\n   * className is required as a height must be specified.\n   */\n  className: string;\n  objectId?: string;\n  useSharerId?: boolean;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function ViewCountBarChartCardView(props: ViewCountBarChartCardViewProps): JSX.Element {\n  const requestFilter = useGetRequestFilter();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(!!props.useSharerId && SharedUserRequests.currentUser());\n\n  const views = Flight.useBasicFetch<VideoViewEventResponse>(!!requestFilter && (props.useSharerId\n    ? !!currentUser.data && VideoViewRequests.views(requestFilter, props.objectId, currentUser.data.id)\n    : VideoViewRequests.views(requestFilter, props.objectId)\n  ));\n\n  useHandleObjectError(views);\n\n  useSetAudienceFilterCount(views);\n\n  return (\n    <div className={`bg-white rounded p-3 ${props.className ?? ''}`}>\n      {views.data\n        ? <UserActivityBarChart\n          events={views.data.data}\n          getEventDate={(ev: VideoViewEvent) => ev.groupedDateWatched}\n          title={getPhrase('videoViews')}\n        />\n        : <PartialUserActivityBarChart />\n      }\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","ViewCountBarChartCardView","props","requestFilter","useGetRequestFilter","currentUser","Flight.useBasicFetch","SharedUserRequests","views","VideoViewRequests","useHandleObjectError","useSetAudienceFilterCount","jsx","UserActivityBarChart","ev","PartialUserActivityBarChart"],"mappings":"yOAgBA,MAAMA,EAAY,+BACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAYrD,SAASG,EAA0BC,EAAoD,CAC5F,MAAMC,EAAgBC,EAAA,EAEhBC,EAAcC,EAAkC,CAAC,CAACJ,EAAM,aAAeK,EAAmB,aAAa,EAEvGC,EAAQF,EAA6C,CAAC,CAACH,IAAkBD,EAAM,YACjF,CAAC,CAACG,EAAY,MAAQI,EAAkB,MAAMN,EAAeD,EAAM,SAAUG,EAAY,KAAK,EAAE,EAChGI,EAAkB,MAAMN,EAAeD,EAAM,QAAQ,EACxD,EAED,OAAAQ,EAAqBF,CAAK,EAE1BG,EAA0BH,CAAK,EAG7BI,EAAAA,IAAC,OAAI,UAAW,wBAAwBV,EAAM,WAAa,EAAE,GAC1D,SAAAM,EAAM,KACHI,EAAAA,IAACC,EAAA,CACD,OAAQL,EAAM,KAAK,KACnB,aAAeM,GAAuBA,EAAG,mBACzC,MAAOf,EAAU,YAAY,CAAA,CAAA,EAE7Ba,MAACG,EAAA,CAAA,CAA4B,EAEnC,CAEJ"}

package/dist/scripts/D4zllLcC.chunk.js

@@ -1,2 +0,0 @@
-import{j as e,h as v,a6 as c}from"./app-BDrXtKwD.js";import{a as C}from"./BcPvb8J5.chunk.js";const _=["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"],j=["bg-pink","bg-orange",..._];function k(a){return e.jsx("svg",{...a,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z",clipRule:"evenodd"})})}function d(a){return e.jsx("svg",{...a,viewBox:"0 0 24 21",children:e.jsx("path",{d:"M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5",fill:"currentColor"})})}function f(a){return e.jsx("svg",{...a,children:e.jsx("path",{fill:"currentColor",d:"M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17"})})}function F(a,t){return t[a.charCodeAt(0)%t.length]}const g="_baseFallbackContainer_14tjv_1",m="_svgFallbackContainer_14tjv_1",S="_subjectFallbackContainer_14tjv_9",h="_subjectFallbackContainerSmall_14tjv_18",x="_subjectFallbackContainerLarge_14tjv_21",$="_seriesItemFallback_14tjv_24",z="_playlistItemFallback_14tjv_24",L="_playlistFallback_14tjv_28",A="_posterFallback_14tjv_29",M="_subjectFallback_14tjv_9",N="_fallbackThumbnailImage_14tjv_47",P="_videoFallback_14tjv_55",B="_folderFallback_14tjv_56",l={baseFallbackContainer:g,svgFallbackContainer:m,subjectFallbackContainer:S,subjectFallbackContainerSmall:h,subjectFallbackContainerLarge:x,seriesItemFallback:$,playlistItemFallback:z,playlistFallback:L,posterFallback:A,subjectFallback:M,fallbackThumbnailImage:N,videoFallback:P,folderFallback:B};var E=(a=>(a[a.Playlist=0]="Playlist",a[a.PlaylistThumbnail=1]="PlaylistThumbnail",a[a.Series=2]="Series",a[a.SeriesThumbnail=3]="SeriesThumbnail",a[a.Subject=4]="Subject",a[a.TallSubject=5]="TallSubject",a[a.Video=6]="Video",a[a.Folder=7]="Folder",a))(E||{});function H(a,t,n){if(t===4){const s=n===0?l.subjectFallbackContainerLarge:l.subjectFallbackContainerSmall;return`${l.subjectFallbackContainer} ${s}`}return a===0?t===3||t===1?`${l.svgFallbackContainer} rounded-3`:l.svgFallbackContainer:l.baseFallbackContainer}function O(a){return a===3?l.seriesItemFallback:a===1?l.playlistItemFallback:a===0?l.playlistFallback:a===2||a===5?l.posterFallback:a===4?`${l.subjectFallback} svg-container d-inline-block`:""}function R(a){return a===3||a===1?k:a===0?d:a===2?f:a===4||a===5?C:null}function V(a){return a===4?c.ExtraLarge:c.Standard}G.defaultProps={mediaType:0,containerClassSize:0};function G(a){const{type:t,mediaType:n,extraClasses:s,containerClassSize:o}=a;if(t===6)return e.jsx("div",{className:`${l.videoFallback} ${a.extraClasses} bg-light-blue`});if(t===7)return e.jsx("div",{className:`${l.folderFallback} ${a.extraClasses} ${F(a.name,j)}`});const b=O(t),r=R(t),u=V(t);let i=`${H(n,t,o)}`;return s&&(i+=` ${a.extraClasses}`),e.jsx("div",{className:i,children:n===0?e.jsx(v,{svg:r,className:`${b} ${a.svgContainerClassName??""}`,tagName:"div",size:u}):e.jsx("div",{className:l.fallbackThumbnailImage,style:{backgroundImage:`url('${r}')`}})})}export{j as B,G as I,k as P,f as S,E as a,F as g};
-//# sourceMappingURL=D4zllLcC.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D4zllLcC.chunk.js","sources":["../../../../libs/shared/src/constants/ColourClassNames.ts","../../../../libs/shared/src/images/svg/actions/PlaySvg.tsx","../../../../libs/shared/src/images/svg/objects/ImageSvg.tsx","../../../../libs/shared/src/images/svg/objects/SeriesSvg.tsx","../../../../libs/shared/src/utils/getBgColorClass.ts","../../../../libs/shared/src/components/image/ImageFallback.tsx"],"sourcesContent":["/**\n * Use this instead of the list below if you need to render the clickview logo\n * on the background you're rendering.\n */\nexport const LOGO_SAFE_BG_CLASS_NAMES = [\n  'bg-green',\n  'bg-cyan',\n  'bg-teal',\n  'bg-blue',\n  'bg-indigo',\n  'bg-purple'\n];\n\nexport const BG_COLOUR_CLASS_NAMES = [\n  'bg-pink',\n  'bg-orange',\n  ...LOGO_SAFE_BG_CLASS_NAMES\n];","import React from 'react';\n\nexport function PlaySvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        fillRule='evenodd'\n        d='M7.76 6.078a.5.5 0 0 0-.76.427v11a.5.5 0 0 0 .76.426l9.003-5.5a.5.5 0 0 0 0-.853z'\n        clipRule='evenodd'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function ImageSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props} viewBox='0 0 24 21'>\n      <path\n        d='M22.5 1A1.5 1.5 0 0 1 24 2.5v18a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 20.5v-18A1.5 1.5 0 0 1 1.5 1zm0 1.5h-21v18h21zm-8.21 4.092 5.84 9a.75.75 0 0 1-1.26.816L13.638 8.34l-2.523 3.591a.75.75 0 0 1-1.144.1l-.889-.89L5.1 16.45a.75.75 0 0 1-1.2-.9l4.5-6a.75.75 0 0 1 1.13-.08l.87.869 2.648-3.77a.75.75 0 0 1 1.243.023M6 4.75a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5'\n        fill='currentColor'\n      />\n    </svg>\n  );\n}\n","import React from 'react';\n\nexport function SeriesSvg(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg {...props}>\n      <path\n        fill='currentColor'\n        d='M20.283 4C21.229 4 22 4.745 22 5.66v8.74c0 .726-.478 1.338-1.151 1.565l.088-10.22a.657.657 0 0 0-.664-.66H6.351A1.71 1.71 0 0 1 7.951 4zm-2.059 1.933c.947 0 1.718.745 1.718 1.65v8.74c.01.726-.479 1.339-1.142 1.565l.088-10.24a.647.647 0 0 0-.664-.64H4.293a1.7 1.7 0 0 1 1.6-1.075zM16.05 7.95c.946 0 1.707.744 1.707 1.659v8.74c0 .915-.77 1.65-1.707 1.65H3.707C2.761 20 2 19.255 2 18.35V9.61c0-.915.77-1.66 1.707-1.66zm-.01 1.084H3.717a.647.647 0 0 0-.663.64v8.609c0 .358.292.641.663.641H16.03c.371 0 .664-.283.664-.641V9.676c.01-.358-.283-.641-.654-.641M8.546 12.39v3.178c0 .17.205.264.342.17l2.254-1.594c.117-.085.117-.255 0-.33l-2.264-1.593c-.137-.095-.332 0-.332.17'\n      />\n    </svg>\n  );\n}\n","export function getBgColorClass(name: string, classNames: string[]): string {\n  return classNames[name.charCodeAt(0) % classNames.length];\n}\n\nexport function getDeterministicBgColorClass(name: string, classNames: string[]): string {\n  const sum = name\n    .split('')\n    .reduce(\n      (acc, char) => acc + char.charCodeAt(0),\n      0\n    );\n  \n  return classNames[sum % classNames.length];\n}","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { BG_COLOUR_CLASS_NAMES } from 'libs/shared/constants/ColourClassNames';\nimport { PlaySvg } from 'libs/shared/images/svg/actions/PlaySvg';\nimport { FileImgSvg } from 'libs/shared/images/svg/objects/FileImgSvg';\nimport { ImageSvg } from 'libs/shared/images/svg/objects/ImageSvg';\nimport { SeriesSvg } from 'libs/shared/images/svg/objects/SeriesSvg';\nimport { getBgColorClass } from 'libs/shared/utils/getBgColorClass';\n\nimport styles from './image-fallback.module.scss';\n\nexport enum ImageFallbackType {\n  Playlist,\n  PlaylistThumbnail,\n  Series,\n  SeriesThumbnail,\n  Subject,\n  TallSubject,\n  Video,\n  Folder\n}\n\nexport enum ImageFallbackMediaType {\n  Svg,\n  Image\n}\n\nexport enum ContainerClassSize {\n  Large,\n  Small\n}\n\nfunction getContainerClass(\n  type: ImageFallbackMediaType,\n  objectType: ImageFallbackType,\n  containerClassSize: ContainerClassSize\n): string {\n  if (objectType === ImageFallbackType.Subject) {\n    const containerSizeClass = containerClassSize === ContainerClassSize.Large\n      ? styles.subjectFallbackContainerLarge\n      : styles.subjectFallbackContainerSmall;\n\n    return `${styles.subjectFallbackContainer} ${containerSizeClass}`;\n  }\n\n  if (type === ImageFallbackMediaType.Svg) {\n    if (objectType === ImageFallbackType.SeriesThumbnail || objectType === ImageFallbackType.PlaylistThumbnail)\n      return `${styles.svgFallbackContainer} rounded-3`;\n      \n    return styles.svgFallbackContainer;\n  }\n\n  return styles.baseFallbackContainer;\n}\n\nfunction getClassByType(type: ImageFallbackType): string {\n  if (type === ImageFallbackType.SeriesThumbnail)\n    return styles.seriesItemFallback;\n\n  if (type === ImageFallbackType.PlaylistThumbnail)\n    return styles.playlistItemFallback;\n\n  if (type === ImageFallbackType.Playlist)\n    return styles.playlistFallback;\n\n  if (type === ImageFallbackType.Series || type === ImageFallbackType.TallSubject)\n    return styles.posterFallback;\n\n  if (type === ImageFallbackType.Subject)\n    return `${styles.subjectFallback} svg-container d-inline-block`;\n\n  return '';\n}\n\nfunction getMedia(type: ImageFallbackType) {\n  if (type === ImageFallbackType.SeriesThumbnail || type === ImageFallbackType.PlaylistThumbnail)\n    return PlaySvg;\n\n  if (type === ImageFallbackType.Playlist)\n    return ImageSvg;\n\n  if (type === ImageFallbackType.Series)\n    return SeriesSvg;\n\n  if (type === ImageFallbackType.Subject || type === ImageFallbackType.TallSubject)\n    return FileImgSvg;\n\n  return null;\n}\n\nfunction getSize(type: ImageFallbackType): SvgContainerSize {\n  if (type === ImageFallbackType.Subject)\n    return SvgContainerSize.ExtraLarge;\n\n  return SvgContainerSize.Standard;\n}\n\ninterface ImageFallbackProps {\n  type: ImageFallbackType;\n  mediaType?: ImageFallbackMediaType;\n  extraClasses?: string;\n  svgContainerClassName?: string;\n  name?: string;\n  containerClassSize?: ContainerClassSize\n}\n\nImageFallback.defaultProps = {\n  mediaType: ImageFallbackMediaType.Svg,\n  containerClassSize: ContainerClassSize.Large\n};\n\nexport function ImageFallback(props: ImageFallbackProps): JSX.Element {\n  const { type, mediaType, extraClasses, containerClassSize } = props;\n\n  if (type === ImageFallbackType.Video)\n    return <div className={`${styles.videoFallback} ${props.extraClasses} bg-light-blue`} />;\n\n  if (type === ImageFallbackType.Folder)\n    return <div className={`${styles.folderFallback} ${props.extraClasses} ${getBgColorClass(props.name, BG_COLOUR_CLASS_NAMES)}`} />;\n\n  const typeClass = getClassByType(type);\n  const media = getMedia(type);\n  const size = getSize(type);\n\n  let className = `${getContainerClass(mediaType, type, containerClassSize)}`;\n\n  if (extraClasses)\n    className += ` ${props.extraClasses}`;\n\n  return (\n    <div className={className}>\n      {mediaType === ImageFallbackMediaType.Svg\n        ? (\n          <SvgContainer\n            svg={media}\n            className={`${typeClass} ${props.svgContainerClassName ?? ''}`}\n            tagName='div'\n            size={size}\n          />\n        ) : (\n          <div className={styles.fallbackThumbnailImage} style={{ backgroundImage: `url('${media}')` }} />\n        )\n      }\n    </div>\n  );\n}"],"names":["LOGO_SAFE_BG_CLASS_NAMES","BG_COLOUR_CLASS_NAMES","PlaySvg","props","jsx","ImageSvg","SeriesSvg","getBgColorClass","name","classNames","ImageFallbackType","getContainerClass","type","objectType","containerClassSize","containerSizeClass","styles","getClassByType","getMedia","FileImgSvg","getSize","SvgContainerSize","ImageFallback","mediaType","extraClasses","typeClass","media","size","className","SvgContainer"],"mappings":"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"}

package/dist/scripts/D5FZp_R5.chunk.js

@@ -1,2 +0,0 @@
-import{a,L as t,j as o}from"./app-BDrXtKwD.js";import{u as e}from"./ClkubQ2J.chunk.js";import{V as i}from"./D3rgHjw0.chunk.js";import{V as m}from"./BvJAziJf.chunk.js";import{T as p,a as c,b as n}from"./CJGzIuaC.chunk.js";import"./GybZtYpZ.chunk.js";import"./sFV5nxD4.chunk.js";import"./D4zllLcC.chunk.js";import"./BcPvb8J5.chunk.js";import"./DjgLQWKh.chunk.js";import"./BzoD15bZ.chunk.js";import"./BHgJhw0m.chunk.js";import"./Cu2SZCs_.chunk.js";import"./HdH1xgCy.chunk.js";import"./M-TSYEoo.chunk.js";import"./BKardFg7.chunk.js";import"./DTDgnfLK.chunk.js";import"./BPjdUUKC.chunk.js";import"./BNPb8jz9.chunk.js";import"./lcnUAi0K.chunk.js";import"./CdEUIVMJ.chunk.js";import"./B8h79IbE.chunk.js";import"./H13OLF2T.chunk.js";import"./Cmh_kkGl.chunk.js";import"./DljLRdDL.chunk.js";import"./CVftTaOh.chunk.js";import"./C89Wm2QM.chunk.js";import"./DecntqLn.chunk.js";import"./mBxqWw8V.chunk.js";import"./DfBzbPUM.chunk.js";import"./Cf7yxDlS.chunk.js";import"./Bf0d_B71.chunk.js";const d="_column1_kdgy5_1",l="_column2_kdgy5_4",h="_column3_kdgy5_7",u="_pieChart_kdgy5_11",x="_barChart_kdgy5_14",_="_topSearches_kdgy5_17",C="_topTopics_kdgy5_20",r={column1:d,column2:l,column3:h,pieChart:u,barChart:x,topSearches:_,topTopics:C},j="reportsDashboard.adminOverviewDashboard",s=t.encloseNamespace(j);function X(){return a({title:s("dashboard")}),e(s("dashboard")),o.jsx("div",{children:o.jsxs("div",{className:"d-flex",children:[o.jsxs("div",{className:`d-flex flex-column ${r.column1}`,children:[o.jsx("div",{className:"pb-3",children:o.jsx(m,{className:r.pieChart})}),o.jsx(p,{className:r.topSearches})]}),o.jsx("div",{className:`${r.column2} px-3`,children:o.jsx(c,{})}),o.jsxs("div",{className:`d-flex flex-column ${r.column3}`,children:[o.jsx("div",{className:"pb-3",children:o.jsx(i,{className:r.barChart})}),o.jsx(n,{className:r.topTopics})]})]})})}export{X as AdminOverviewDashboardView};
-//# sourceMappingURL=D5FZp_R5.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D5FZp_R5.chunk.js","sources":["../../src/apps/dashboard/views/admin-overview-dashboard/AdminOverviewDashboardView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\n\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { ViewCountBarChartCardView } from 'shared/views/overview-cards/view-count-bar-chart-card/ViewCountBarChartCardView';\nimport { ViewCountPieChartCardView } from 'shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView';\n\nimport { TopSearchesCardView } from 'apps/dashboard/views/overview-cards/top-searches/TopSearchesCardView';\nimport { TopTopicsCardView } from 'apps/dashboard/views/overview-cards/top-topics/TopTopicsCardView';\nimport { TopVideosCardView } from 'apps/dashboard/views/overview-cards/top-videos/TopVideosCardView';\n\nimport styles from './admin-overview-dashboard.module.scss';\n\nconst namespace = 'reportsDashboard.adminOverviewDashboard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AdminOverviewDashboardView(): JSX.Element {\n  useSetPageMetadata({ title: getPhrase('dashboard') });\n  useSetHeaderTitle(getPhrase('dashboard'));\n\n  return (\n    <div>\n      <div className='d-flex'>\n        <div className={`d-flex flex-column ${styles.column1}`}>\n          <div className='pb-3'>\n            <ViewCountPieChartCardView className={styles.pieChart} />\n          </div>\n          <TopSearchesCardView className={styles.topSearches} />\n        </div>\n        <div className={`${styles.column2} px-3`}>\n          <TopVideosCardView />\n        </div>\n        <div className={`d-flex flex-column ${styles.column3}`}>\n          <div className='pb-3'>\n            <ViewCountBarChartCardView className={styles.barChart} />\n          </div>\n          <TopTopicsCardView className={styles.topTopics} />\n        </div>\n      </div>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","AdminOverviewDashboardView","useSetPageMetadata","useSetHeaderTitle","jsx","jsxs","styles","ViewCountPieChartCardView","TopSearchesCardView","TopVideosCardView","ViewCountBarChartCardView","TopTopicsCardView"],"mappings":"wsCAgBMA,EAAY,0CACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAErD,SAASG,GAA0C,CACxD,OAAAC,EAAmB,CAAE,MAAOH,EAAU,WAAW,EAAG,EACpDI,EAAkBJ,EAAU,WAAW,CAAC,EAGtCK,EAAAA,IAAC,MAAA,CACC,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAA,OAAC,MAAA,CAAI,UAAW,sBAAsBC,EAAO,OAAO,GAClD,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACG,GAA0B,UAAWD,EAAO,SAAU,CAAA,CACzD,EACAF,EAAAA,IAACI,EAAA,CAAoB,UAAWF,EAAO,WAAA,CAAa,CAAA,EACtD,EACAF,EAAAA,IAAC,OAAI,UAAW,GAAGE,EAAO,OAAO,QAC/B,SAAAF,EAAAA,IAACK,EAAA,CAAA,CAAkB,CAAA,CACrB,SACC,MAAA,CAAI,UAAW,sBAAsBH,EAAO,OAAO,GAClD,SAAA,CAAAF,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACM,GAA0B,UAAWJ,EAAO,SAAU,CAAA,CACzD,EACAF,EAAAA,IAACO,EAAA,CAAkB,UAAWL,EAAO,SAAA,CAAW,CAAA,CAAA,CAClD,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/scripts/D9PHjOfy.chunk.js

@@ -1,42 +0,0 @@
-import{az as N,bH as p,j as L,L as f,i as w}from"./app-BDrXtKwD.js";var t=(C=>(C[C.MultipleChoice=1]="MultipleChoice",C[C.ShortAnswer=2]="ShortAnswer",C[C.TrueOrFalse=3]="TrueOrFalse",C[C.Annotation=4]="Annotation",C[C.Image=5]="Image",C[C.MissingWord=6]="MissingWord",C[C.Illustration=7]="Illustration",C))(t||{});function l(){return`
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <g transform='translate(5.000000, 3.000000)'>
-          <path d='M5.129,4.52970994e-14 C5.80434375,4.52970994e-14 6.35378125,0.5494375 6.35378125,1.22478125 L6.35378125,1.22478125 L6.35378125,4.12053125 C6.35378125,4.795875 5.80434375,5.3453125 5.129,5.3453125 L5.129,5.3453125 L5.01765625,5.3453125 L5.01765625,5.7625625 C5.14371875,5.7230625 5.2778125,5.70175 5.4166875,5.70175 C5.8579375,5.70175 6.24996875,5.9166875 6.4935,6.24740625 C6.6880625,6.13675 6.9129375,6.0735 7.15228125,6.0735 C7.61575,6.0735 8.024875,6.31059375 8.26471875,6.6699375 C8.450875,6.57140625 8.6629375,6.51559375 8.88784375,6.51559375 C9.6248125,6.51559375 10.2244688,7.11515625 10.2244688,7.85209375 L10.2244688,7.85209375 L10.2239688,11.0194063 C10.22375,12.719125 9.73003125,14.3683438 8.79625,15.7887188 C8.7095625,15.9205625 8.562375,15.9999688 8.4045625,15.9999688 L8.4045625,15.9999688 L3.1323125,15.9999688 C3.0124375,15.9999688 2.897125,15.9540625 2.8100625,15.8716563 C2.80745313,15.8691864 2.80274841,15.8647056 2.79608533,15.8582606 L2.73370254,15.7963915 C2.38498908,15.4434944 0.983540179,13.9211451 0.6698125,11.95725 L0.6698125,11.95725 L0.0538125,9.3209375 C-0.03209375,8.95328125 0.043625,8.5848125 0.261625,8.3100625 C0.46915625,8.04846875 0.78865625,7.89309375 1.14465625,7.8788125 C1.47575,7.8150625 1.81340625,7.8773125 2.10134375,8.0561875 C2.19071875,8.1116875 2.272125,8.17646875 2.34459375,8.24915625 L2.34459375,8.24915625 L2.34459375,5.34534375 L2.23325,5.34534375 C1.55790625,5.34534375 1.00846875,4.79590625 1.00846875,4.1205625 L1.00846875,4.1205625 L1.00846875,1.22478125 C1.00846875,0.5494375 1.55790625,4.52970994e-14 2.23325,4.52970994e-14 L2.23325,4.52970994e-14 Z M3.6810625,3.4381875 C3.46103125,3.4381875 3.282,3.61721875 3.282,3.83725 L3.282,3.83725 L3.282,11.2870938 C3.282,11.4215625 3.22428125,11.5495625 3.12346875,11.6385313 C3.02265625,11.7275 2.88853125,11.7689063 2.7550625,11.7522188 L2.7550625,11.7522188 L2.7175,11.7475313 C2.5228125,11.7231875 2.36390625,11.580125 2.31925,11.3890625 L2.31925,11.3890625 L1.78459375,9.10071875 C1.76034375,8.9969375 1.69715625,8.9088125 1.60659375,8.8525625 C1.51603125,8.7963125 1.407,8.78928125 1.30065625,8.79571875 C1.2585,8.79828125 1.23959375,8.8036875 1.194,8.80803125 C1.10340625,8.81665625 1.035625,8.84275 0.996,8.89271875 C0.956375,8.9426875 0.94596875,9.019 0.96665625,9.107625 L0.96665625,9.107625 L1.58653125,11.7605625 C1.5891875,11.7719063 1.59140625,11.7833438 1.59321875,11.794875 C1.83815625,13.3630313 2.95146875,14.6606563 3.32925,15.0625 L3.32925,15.0625 L8.1469375,15.0625 C8.893,13.8445 9.28625,12.4519688 9.2864375,11.0193125 L9.2864375,11.0193125 L9.2869375,7.85203125 C9.2869375,7.63209375 9.10790625,7.4530625 8.887875,7.4530625 C8.66784375,7.4530625 8.4888125,7.63209375 8.4888125,7.852125 L8.4888125,7.852125 L8.4888125,8.61359375 C8.4888125,8.87246875 8.2789375,9.08234375 8.0200625,9.08234375 C7.7611875,9.08234375 7.5513125,8.87246875 7.5513125,8.61359375 L7.5513125,8.61359375 L7.5513125,7.4100625 C7.5513125,7.19003125 7.3723125,7.011 7.15228125,7.011 C6.93225,7.011 6.75321875,7.19003125 6.75321875,7.4100625 L6.75321875,7.4100625 L6.75321875,8.28625 C6.75321875,8.545125 6.54334375,8.755 6.28446875,8.755 C6.02559375,8.755 5.81571875,8.545125 5.81571875,8.28625 L5.81571875,8.28625 L5.81571875,7.0383125 C5.81571875,6.81828125 5.6366875,6.63928125 5.41665625,6.63928125 C5.196625,6.63928125 5.017625,6.81828125 5.017625,7.0383125 L5.017625,7.0383125 L5.017625,8.232875 C5.017625,8.49175 4.80775,8.701625 4.548875,8.701625 C4.29,8.701625 4.080125,8.49175 4.080125,8.232875 L4.080125,8.232875 L4.080125,3.83725 C4.080125,3.61721875 3.90109375,3.4381875 3.6810625,3.4381875 Z M11.131,-1.59872116e-14 C11.8064063,-1.59872116e-14 12.3558125,0.5494375 12.3558125,1.22478125 L12.3558125,1.22478125 L12.3558125,4.1205625 C12.3558125,4.79590625 11.806375,5.34534375 11.131,5.34534375 L11.131,5.34534375 L8.23525,5.34534375 C7.55990625,5.34534375 7.01046875,4.79590625 7.01046875,4.1205625 L7.01046875,4.1205625 L7.01046875,1.22478125 C7.01046875,0.5494375 7.55990625,-1.59872116e-14 8.23525,-1.59872116e-14 L8.23525,-1.59872116e-14 Z M11.1310313,0.9375 L8.23528125,0.9375 C8.076875,0.9375 7.948,1.066375 7.948,1.22478125 L7.948,1.22478125 L7.948,4.1205625 C7.948,4.27896875 8.076875,4.40784375 8.23528125,4.40784375 L8.23528125,4.40784375 L11.1310313,4.40784375 C11.2894375,4.40784375 11.4183438,4.27896875 11.4183438,4.1205625 L11.4183438,4.1205625 L11.4183438,1.22478125 C11.4183438,1.066375 11.2894375,0.9375 11.1310313,0.9375 L11.1310313,0.9375 Z M5.129,0.9375 L2.23325,0.9375 C2.07484375,0.9375 1.94596875,1.066375 1.94596875,1.22478125 L1.94596875,1.22478125 L1.94596875,4.1205625 C1.94596875,4.27896875 2.07484375,4.40784375 2.2331875,4.40784375 L2.2331875,4.40784375 L2.34453125,4.40784375 L2.34453125,3.83721875 C2.34453125,3.10025 2.944125,2.50065625 3.68109375,2.50065625 C4.4180625,2.50065625 5.01765625,3.10025 5.01765625,3.83721875 L5.01765625,3.83721875 L5.01765625,4.40784375 L5.129,4.40784375 C5.28740625,4.40784375 5.41628125,4.27896875 5.41628125,4.1205625 L5.41628125,4.1205625 L5.41628125,1.22478125 C5.41628125,1.066375 5.28740625,0.9375 5.129,0.9375 L5.129,0.9375 Z'></path>
-        </g>
-      </g>
-    </svg>
-  `}function g(){return`
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <path d='M16.5547082,3.66666667 C17.0307547,3.66666667 17.4166667,4.10561087 17.4166667,4.65176211 L17.4166667,17.3482379 C17.4166667,17.8922911 17.0325905,18.3333333 16.5547082,18.3333333 L5.44529184,18.3333333 C4.9692453,18.3333333 4.58333333,17.8943891 4.58333333,17.3482379 L4.58333333,4.65176211 C4.58333333,4.10770892 4.96740951,3.66666667 5.44529184,3.66666667 L16.5547082,3.66666667 Z M6.64149485,4.58362946 L5.39188119,4.58333333 L5.39188119,4.58333333 L5.39140886,4.63124366 C5.39133174,4.64701901 5.39125542,4.66659213 5.39117991,4.68981696 L5.39052172,4.99349248 C5.39045096,5.0373129 5.39038099,5.08434682 5.39031181,5.13444817 L5.38951907,5.87355262 C5.38945612,5.94585631 5.38939393,6.02064317 5.38933252,6.09776711 L5.38846857,7.41164942 C5.38841476,7.50849255 5.38836171,7.60694243 5.3883094,7.706853 L5.38744819,9.63144592 C5.38740476,9.7436262 5.38736207,9.85639075 5.3873201,9.96959351 L5.38636125,13.0260679 C5.38633211,13.1353268 5.38630366,13.2437094 5.38627591,13.3510694 L5.38541667,17.4092786 L5.38541667,17.4092786 C5.38541667,17.4094727 5.40139773,17.4096625 5.43215374,17.4098483 L5.66621602,17.410657 C5.70239956,17.4107438 5.74182455,17.4108296 5.78434021,17.4109144 L6.24635879,17.4116506 C6.30606164,17.4117294 6.36840286,17.4118072 6.43323171,17.411884 L7.07978636,17.412549 C7.15818403,17.4126199 7.23861702,17.4126899 7.32093458,17.4127589 L8.38955516,17.4135407 C8.48453695,17.413602 8.58080025,17.4136624 8.67819428,17.4137218 L10.2050643,17.4145426 C10.3099966,17.4145926 10.4153058,17.4146418 10.5208411,17.41469 L12.7186143,17.4155682 C12.8199282,17.4156037 12.9204129,17.4156383 13.0199177,17.4156721 L16.5962838,17.4166643 C16.6041235,17.4166659 16.6081188,17.4166667 16.6081188,17.4166667 L16.6083574,17.404543 L16.6083574,17.404543 L16.6092636,17.1281822 C16.609336,17.0909349 16.6094075,17.0503279 16.6094783,17.0065075 L16.6102897,16.3357629 C16.6103542,16.2685716 16.610418,16.1987511 16.6104809,16.1264474 L16.6111995,15.1489598 C16.6112564,15.059128 16.6113124,14.9673972 16.6113678,14.8739137 L16.6122825,13.0334559 C16.6123288,12.924197 16.6123745,12.8140617 16.6124193,12.703196 L16.6132553,10.3177583 C16.6132901,10.2038252 16.6133242,10.0901843 16.6133575,9.97698153 L16.6143069,6.10515513 C16.6143225,6.02803119 16.6143373,5.95324434 16.6143515,5.88094064 L16.6145833,4.59072136 L16.6145833,4.59072136 L16.6027483,4.59043343 L16.6027483,4.59043343 L16.5107818,4.58987601 C16.4881671,4.58978515 16.4620094,4.5896953 16.4324595,4.58960647 L16.0789915,4.58883422 C16.0304453,4.58875142 15.9789591,4.58866963 15.9246838,4.58858883 L15.1491499,4.58766678 C15.0749737,4.58759388 14.9986113,4.58752196 14.9202136,4.58745101 L14.1637515,4.58683864 C14.0744988,4.5867735 13.983663,4.58670932 13.891395,4.58664609 L12.4188002,4.58576887 C12.3159787,4.5857151 12.2124787,4.58566226 12.108451,4.58561036 L10.2115288,4.58477559 C10.1065966,4.58473469 10.0020412,4.58469469 9.89801354,4.5846556 L6.8573146,4.58368638 C6.78313834,4.58366655 6.71114817,4.58364758 6.64149485,4.58362946 Z M9.80280172,11.9166667 C10.0210177,11.9166667 10.1979167,12.1218695 10.1979167,12.375 C10.1979167,12.6281305 10.0210177,12.8333333 9.80280172,12.8333333 L9.80280172,12.8333333 L7.38469828,12.8333333 C7.16648232,12.8333333 6.98958333,12.6281305 6.98958333,12.375 C6.98958333,12.1218695 7.16648232,11.9166667 7.38469828,11.9166667 L7.38469828,11.9166667 Z M14.5678761,9.16666667 C14.8122845,9.16666667 15.0104167,9.37186949 15.0104167,9.625 C15.0104167,9.87813051 14.8122845,10.0833333 14.5678761,10.0833333 L14.5678761,10.0833333 L7.4321239,10.0833333 C7.18771549,10.0833333 6.98958333,9.87813051 6.98958333,9.625 C6.98958333,9.37186949 7.18771549,9.16666667 7.4321239,9.16666667 L7.4321239,9.16666667 Z M14.5678761,6.41666667 C14.8122845,6.41666667 15.0104167,6.62186949 15.0104167,6.875 C15.0104167,7.12813051 14.8122845,7.33333333 14.5678761,7.33333333 L14.5678761,7.33333333 L7.4321239,7.33333333 C7.18771549,7.33333333 6.98958333,7.12813051 6.98958333,6.875 C6.98958333,6.62186949 7.18771549,6.41666667 7.4321239,6.41666667 L7.4321239,6.41666667 Z'></path>
-      </g>
-    </svg>
-  `}function m(){return`
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(2.000000, 2.000000)'>
-        <g transform='translate(3.500000, 2.000000)'>
-          <path d='M10.78125,7.53125 C11.0285625,7.53125 11.2715937,7.59621875 11.4840312,7.71909375 C11.7963125,7.89971875 12.1875,7.6735625 12.1875,7.31334375 L12.1875,3.3125 C12.1875,3.053625 11.977625,2.84375 11.71875,2.84375 L8.38675,2.84375 C8.42015625,2.680125 8.4375,2.51184375 8.4375,2.34375 C8.4375,1.05140625 7.38609375,0 6.09375,0 C4.80140625,0 3.75,1.05140625 3.75,2.34375 C3.75,2.51184375 3.76734375,2.680125 3.80075,2.84375 L0.46875,2.84375 C0.209875,2.84375 0,3.053625 0,3.3125 L0,7.31334375 C0,7.674125 0.391625,7.899375 0.70346875,7.71909375 C0.91590625,7.59621875 1.1589375,7.53125 1.40625,7.53125 C2.18165625,7.53125 2.8125,8.16209375 2.8125,8.9375 C2.8125,9.71290625 2.18165625,10.34375 1.40625,10.34375 C1.1589375,10.34375 0.91590625,10.2787812 0.70346875,10.1559062 C0.3911875,9.9753125 0,10.2013437 0,10.5616563 L0,15.53125 C0,15.790125 0.209875,16 0.46875,16 L4.46959375,16 C4.8303125,16 5.05578125,15.608375 4.8753125,15.2965312 C4.7524375,15.0840937 4.6875,14.8410938 4.6875,14.59375 C4.6875,13.8183438 5.31834375,13.1875 6.09375,13.1875 C6.86915625,13.1875 7.5,13.8183438 7.5,14.59375 C7.5,14.8410938 7.4350625,15.0840937 7.31215625,15.2965312 C7.13146875,15.6087812 7.3576875,16 7.717875,16 L11.71875,16 C11.977625,16 12.1875,15.790125 12.1875,15.53125 L12.1875,10.5616563 C12.1875,10.2009375 11.7959375,9.97553125 11.4840312,10.1559063 C11.2715937,10.2787812 11.0285625,10.34375 10.78125,10.34375 C10.0058438,10.34375 9.375,9.71290625 9.375,8.9375 C9.375,8.16209375 10.0058438,7.53125 10.78125,7.53125 Z M10.78125,11.28125 C10.9393125,11.28125 11.096375,11.2652812 11.25,11.234 L11.25,15.0625 L8.39021875,15.0625 C8.42153125,14.9088438 8.4375,14.7518125 8.4375,14.59375 C8.4375,13.3014062 7.38609375,12.25 6.09375,12.25 C4.80140625,12.25 3.75,13.3014062 3.75,14.59375 C3.75,14.7518125 3.76596875,14.9088438 3.79728125,15.0625 L0.9375,15.0625 L0.9375,11.234 C1.091125,11.2652812 1.2481875,11.28125 1.40625,11.28125 C2.69859375,11.28125 3.75,10.2298438 3.75,8.9375 C3.75,7.64515625 2.69859375,6.59375 1.40625,6.59375 C1.2481875,6.59375 1.091125,6.60971875 0.9375,6.641 L0.9375,3.78125 L4.46959375,3.78125 C4.8303125,3.78125 5.05578125,3.389625 4.8753125,3.07778125 C4.75596875,2.87140625 4.6875,2.603875 4.6875,2.34375 C4.6875,1.56834375 5.31834375,0.9375 6.09375,0.9375 C6.86915625,0.9375 7.5,1.56834375 7.5,2.34375 C7.5,2.603875 7.43153125,2.87140625 7.31215625,3.07778125 C7.13146875,3.39003125 7.3576875,3.78125 7.717875,3.78125 L11.25,3.78125 L11.25,6.641 C11.096375,6.60971875 10.9393125,6.59375 10.78125,6.59375 C9.48890625,6.59375 8.4375,7.64515625 8.4375,8.9375 C8.4375,10.2298438 9.48890625,11.28125 10.78125,11.28125 Z'></path>
-        </g>
-      </g>
-    </svg>
-  `}function u(){return`
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <path d='M15.125,3.66666667 C16.8969136,3.66666667 18.3333333,5.10308643 18.3333333,6.875 L18.3333333,15.125 C18.3333333,16.8969136 16.8969136,18.3333333 15.125,18.3333333 L6.875,18.3333333 C5.10308643,18.3333333 3.66666667,16.8969136 3.66666667,15.125 L3.66666667,6.875 C3.66666667,5.10308643 5.10308643,3.66666667 6.875,3.66666667 L15.125,3.66666667 Z M15.125,4.58333333 L6.875,4.58333333 C5.60934745,4.58333333 4.58333333,5.60934745 4.58333333,6.875 L4.58333333,15.125 C4.58333333,16.3906526 5.60934745,17.4166667 6.875,17.4166667 L15.125,17.4166667 C16.3906526,17.4166667 17.4166667,16.3906526 17.4166667,15.125 L17.4166667,6.875 C17.4166667,5.60934745 16.3906526,4.58333333 15.125,4.58333333 Z M7.33333333,13.2916667 C7.83959435,13.2916667 8.25,13.7020723 8.25,14.2083333 C8.25,14.7145944 7.83959435,15.125 7.33333333,15.125 C6.82707231,15.125 6.41666667,14.7145944 6.41666667,14.2083333 C6.41666667,13.7020723 6.82707231,13.2916667 7.33333333,13.2916667 Z M15.0349223,13.75 C15.2880528,13.75 15.4932556,13.9552028 15.4932556,14.2083333 C15.4932556,14.4614638 15.2880528,14.6666667 15.0349223,14.6666667 L9.625,14.6666667 C9.37186949,14.6666667 9.16666667,14.4614638 9.16666667,14.2083333 C9.16666667,13.9552028 9.37186949,13.75 9.625,13.75 L15.0349223,13.75 Z M7.33333333,10.0833333 C7.83959435,10.0833333 8.25,10.493739 8.25,11 C8.25,11.506261 7.83959435,11.9166667 7.33333333,11.9166667 C6.82707231,11.9166667 6.41666667,11.506261 6.41666667,11 C6.41666667,10.493739 6.82707231,10.0833333 7.33333333,10.0833333 Z M15.125,10.5416667 C15.3781305,10.5416667 15.5833333,10.7468695 15.5833333,11 C15.5833333,11.2531305 15.3781305,11.4583333 15.125,11.4583333 L9.625,11.4583333 C9.37186949,11.4583333 9.16666667,11.2531305 9.16666667,11 C9.16666667,10.7468695 9.37186949,10.5416667 9.625,10.5416667 L15.125,10.5416667 Z M7.33333333,6.875 C7.83959435,6.875 8.25,7.28540565 8.25,7.79166667 C8.25,8.29792769 7.83959435,8.70833333 7.33333333,8.70833333 C6.82707231,8.70833333 6.41666667,8.29792769 6.41666667,7.79166667 C6.41666667,7.28540565 6.82707231,6.875 7.33333333,6.875 Z M15.125,7.33333333 C15.3781305,7.33333333 15.5833333,7.53853616 15.5833333,7.79166667 C15.5833333,8.04479718 15.3781305,8.25 15.125,8.25 L9.625,8.25 C9.37186949,8.25 9.16666667,8.04479718 9.16666667,7.79166667 C9.16666667,7.53853616 9.37186949,7.33333333 9.625,7.33333333 L15.125,7.33333333 Z'></path>
-      </g>
-    </svg>
-  `}function h(){return`
-    <svg viewBox='0 0 24 24'>
-      <path d='M19,5 C19.5522847,5 20,5.44771525 20,6 L20,18 C20,18.5522847 19.5522847,19 19,19 L5,19 C4.44771525,19 4,18.5522847 4,18 L4,6 C4,5.44771525 4.44771525,5 5,5 L19,5 Z M19,6 L5,6 L5,18 L19,18 L19,6 Z M13.5270821,8.72788029 L17.419465,14.7278803 C17.5697525,14.9595444 17.5037838,15.2691774 17.2721197,15.419465 C17.0404556,15.5697525 16.7308226,15.5037838 16.580535,15.2721197 L13.0911139,9.89327406 L11.4091273,12.2874279 C11.2306031,12.5415408 10.866042,12.5731488 10.6464466,12.3535534 L10.0540971,11.7612039 L7.4,15.3 C7.23431458,15.5209139 6.9209139,15.5656854 6.7,15.4 C6.4790861,15.2343146 6.43431458,14.9209139 6.6,14.7 L9.6,10.7 C9.7825648,10.4565803 10.1383987,10.4312919 10.3535534,10.6464466 L10.9328729,11.2257661 L12.6984898,8.71257207 C12.9021272,8.42271292 13.3342903,8.43069712 13.5270821,8.72788029 Z M8,7.5 C8.82842712,7.5 9.5,8.17157288 9.5,9 C9.5,9.82842712 8.82842712,10.5 8,10.5 C7.17157288,10.5 6.5,9.82842712 6.5,9 C6.5,8.17157288 7.17157288,7.5 8,7.5 Z M8,8.5 C7.72385763,8.5 7.5,8.72385763 7.5,9 C7.5,9.27614237 7.72385763,9.5 8,9.5 C8.27614237,9.5 8.5,9.27614237 8.5,9 C8.5,8.72385763 8.27614237,8.5 8,8.5 Z'></path>
-    </svg>
-  `}function c(){return`
-    <svg viewBox='0 0 24 24'>
-      <path d='M16.8002 15.5516C16.5657 15.84 16.5105 16.2347 16.6569 16.5764L17.145 17.7153L15.6723 17.0841C15.4046 16.9694 15.1 16.9771 14.8384 17.1053L14.756 17.1457C13.9034 17.5634 12.9645 17.7835 11.9918 17.7835C8.51692 17.7835 5.7 14.9666 5.7 11.4918C5.7 8.01692 8.51692 5.2 11.9918 5.2C15.4666 5.2 18.2835 8.01692 18.2835 11.4918C18.2835 12.958 17.7819 14.3442 16.8765 15.4578L16.8002 15.5516ZM17.1319 19.0152C17.9616 19.3708 18.8005 18.5319 18.4449 17.7021L17.8075 16.2148C18.8554 14.926 19.4835 13.2823 19.4835 11.4918C19.4835 7.35418 16.1294 4 11.9918 4C7.85418 4 4.5 7.35418 4.5 11.4918C4.5 15.6294 7.85418 18.9835 11.9918 18.9835C13.173 18.9835 14.2903 18.7102 15.284 18.2233L17.1319 19.0152Z' />
-    </svg>
-  `}function v(){return`
-    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
-      <path fill-rule='evenodd' clip-rule='evenodd' d='M18.2411 13.7881C18.2887 13.5157 18.0395 13.2465 17.6953 13.3346C17.3344 13.4271 16.9508 13.4506 16.5627 13.3938C15.8185 14.404 15.232 15.0693 14.7556 15.4771C14.9397 15.8591 14.9223 16.3164 14.7953 16.7237C14.663 17.148 14.3965 17.5746 14.004 17.9197C13.1974 18.6288 11.9124 18.9538 10.252 18.3555L9.6361 18.1336L10.8248 16.4403C10.8536 16.3994 10.895 16.2797 10.948 15.9967C10.9568 15.9502 10.9658 15.8998 10.9752 15.8466L10.9753 15.846L10.9754 15.8459L10.9754 15.8459C11.0141 15.6287 11.0613 15.3639 11.1335 15.1223C11.2242 14.8188 11.3771 14.4637 11.6835 14.2095C11.9817 13.9622 12.3608 13.8619 12.8023 13.9024C13.0571 13.2864 13.5182 12.476 14.2494 11.3987L14.2357 11.357C14.2007 11.2488 14.1511 11.0868 14.119 10.8858C14.0536 10.4764 14.0643 9.9266 14.3604 9.29657C14.4494 9.10715 14.5146 8.91445 14.5573 8.72168C14.8536 7.38674 14.077 6.0484 12.7163 5.76998C12.6531 5.75701 12.5892 5.74486 12.5246 5.73347C8.70188 5.05944 5.05659 7.61193 4.38254 11.4346C3.70848 15.2574 6.26101 18.9027 10.0837 19.5768C13.9064 20.2508 17.5518 17.6983 18.2258 13.8756L18.2411 13.7881ZM15.8626 12.6572C15.8947 12.5723 15.9481 12.5005 16.0149 12.4463C16.091 12.34 16.1692 12.2296 16.2493 12.1152C17.2716 10.6552 18.1315 9.27136 18.6754 8.22122C18.8855 7.81559 19.042 7.47194 19.1431 7.19994C18.9065 7.38016 18.6161 7.63896 18.2839 7.97168C17.4465 8.81052 16.4034 10.0589 15.3866 11.5111C14.5179 12.7517 14.0214 13.6064 13.7659 14.1913L14.285 14.5548C14.6757 14.1827 15.1887 13.5831 15.8626 12.6572ZM17.4471 12.3659C17.3881 12.381 17.3282 12.3933 17.2674 12.4027C18.2189 11.0249 19.029 9.71286 19.5633 8.68114C19.8471 8.13334 20.0641 7.64372 20.1787 7.25589C20.2351 7.06519 20.2765 6.8674 20.2745 6.68479C20.2725 6.51587 20.2295 6.23216 19.9736 6.05296C19.7244 5.87848 19.4469 5.92652 19.2885 5.97523C19.1139 6.02893 18.9362 6.12717 18.7674 6.23956C18.4249 6.46764 18.0169 6.82379 17.5762 7.26518C16.8442 7.99842 15.9806 9.00929 15.1147 10.1778C15.1398 10.0455 15.1836 9.90125 15.2542 9.74611L15.2654 9.72185C16.2163 7.69819 15.1756 5.25268 12.9173 4.7904C12.8445 4.77544 12.7715 4.76158 12.6983 4.74868C8.33172 3.97872 4.16769 6.89438 3.39773 11.261C2.62777 15.6276 5.54347 19.7916 9.91006 20.5616C14.2767 21.3315 18.4407 18.4159 19.2106 14.0492L19.2262 13.9606C19.4123 12.8961 18.4178 12.1172 17.4471 12.3659ZM11.6433 17.0149C11.8176 16.7665 11.8855 16.4229 11.9309 16.1811C11.9432 16.1158 11.9545 16.0525 11.9655 15.9909C12.0033 15.7804 12.0374 15.5901 12.0916 15.4086C12.161 15.1765 12.2405 15.0468 12.3219 14.9792C12.3717 14.9379 12.4608 14.8871 12.649 14.894L13.8774 15.9774C13.9004 16.0738 13.9028 16.2267 13.8406 16.426C13.7637 16.6728 13.6001 16.9432 13.3438 17.1686C12.934 17.5288 12.2479 17.8037 11.2342 17.5976L11.6433 17.0149ZM7 14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5C8 14.2239 7.77614 14 7.5 14C7.22386 14 7 14.2239 7 14.5ZM9 14.5C9 15.3284 8.32843 16 7.5 16C6.67157 16 6 15.3284 6 14.5C6 13.6716 6.67157 13 7.5 13C8.32843 13 9 13.6716 9 14.5ZM11.6 8.5C11.6 8.77614 11.3761 9 11.1 9C10.8238 9 10.6 8.77614 10.6 8.5C10.6 8.22386 10.8238 8 11.1 8C11.3761 8 11.6 8.22386 11.6 8.5ZM9.59998 8.5C9.59998 9.32843 10.2715 10 11.1 10C11.9284 10 12.6 9.32843 12.6 8.5C12.6 7.67157 11.9284 7 11.1 7C10.2715 7 9.59998 7.67157 9.59998 8.5ZM7.70007 11C7.42393 11 7.20007 10.7761 7.20007 10.5C7.20007 10.2239 7.42393 10 7.70007 10C7.97622 10 8.20007 10.2239 8.20007 10.5C8.20007 10.7761 7.97622 11 7.70007 11ZM7.70007 12C8.5285 12 9.20007 11.3284 9.20007 10.5C9.20007 9.67157 8.5285 9 7.70007 9C6.87165 9 6.20007 9.67157 6.20007 10.5C6.20007 11.3284 6.87165 12 7.70007 12Z' />
-    </svg>
-  `}const Z=f.encloseNamespace("shared.interactionTypes"),n=(C,e)=>f.isInitialised()?Z(C):e;function s(C){return L.jsx("div",{dangerouslySetInnerHTML:{__html:C}})}const b={[t.Annotation](){return{name:n("annotationName","Annotation"),bgClassName:"bg-pink",Svg:()=>s(c()),svgEl:c(),typeName:"annotation"}},[t.Image](){return{name:n("imageName","Image"),bgClassName:"bg-orange",Svg:()=>s(h()),svgEl:h(),typeName:"image"}},[t.MissingWord](){return{name:n("missingWordName","Fill in the blank"),prompt:n("missingWordPrompt","Fill in the blank by typing the missing word(s)"),bgClassName:"bg-teal",Svg:()=>s(m()),svgEl:m(),typeName:"missing-word"}},[t.MultipleChoice](){return{name:n("multipleChoiceName","Multiple choice"),prompt:n("multipleChoicePrompt","Choose the correct answer(s)"),bgClassName:"bg-blue",Svg:()=>s(u()),svgEl:u(),typeName:"multiple-choice"}},[t.ShortAnswer](){return{name:n("shortAnswerName","Short answer"),prompt:n("shortAnswerPrompt","Type in your answer to the question"),bgClassName:"bg-green",Svg:()=>s(g()),svgEl:g(),typeName:"short-answer"}},[t.TrueOrFalse](){return{name:n("trueOrFalseName","True or false"),prompt:n("trueOrFalsePrompt","Choose the correct answer"),bgClassName:"bg-purple",Svg:()=>s(l()),svgEl:l(),typeName:"true-or-false"}},[t.Illustration](){return{name:n("illustrationName","Illustrate"),prompt:n("illustrationPrompt","Draw the answer"),bgClassName:"bg-indigo",Svg:()=>s(v()),svgEl:v(),typeName:"illustration"}}},d={getTypeInfo:C=>{const e=b[C];if(!e){N.throw(new p(`No type info defined for typeId: ${C}`));return}return e()}};function S(C,e,a){return C.replace(new RegExp(`<${e}.*?>`,"gi"),"").replace(new RegExp(`</${e}>`,"gi"),a?"<br>":"")}function M(C,e,a=!1){return!C||!e.length?C:e.reduce((r,o)=>S(r,o,a),C)}function x(C){var e,a;if(C)return C=M(C,["ul","ol","b","i","u","old","em","strong","sup","sub","a","span"]),C=M(C,["li","p","div"],!0),((a=(e=C.split("<br>"))==null?void 0:e.filter(r=>!!r)[0])==null?void 0:a.trim())||"Annotation"}A.defaultProps={showIcon:!0,showQuestion:!0};function A(C){const{name:e,bgClassName:a,Svg:r}=d.getTypeInfo(C.interaction.typeId),o=C.questionNumber?`${C.questionNumber}. `:"";let i=`interaction-type-icon flex-shrink-0 ${a}`;return C.smallIcon&&(i+=" sm"),(C.showQuestion||C.showTypeName)&&(i+=C.smallIcon?" me-1":" me-2"),C.iconClassName&&(i+=` ${C.iconClassName}`),L.jsxs("span",{className:C.containerClassName,children:[!!C.showIcon&&L.jsx("span",{className:i,children:L.jsx(r,{})}),L.jsxs(w,{appLink:C.appLink,onClick:C.onClick,children:[!!C.showTypeName&&L.jsx("span",{className:C.typeNameClassName,children:L.jsxs("strong",{children:[o,e]})}),!!C.showQuestion&&L.jsx("span",{className:C.questionClassName,children:C.interaction.typeId===t.Annotation?L.jsx("span",{dangerouslySetInnerHTML:{__html:x(C.interaction.data.annotation)}}):C.interaction.name})]})]})}export{A as I,t as a,d as b};
-//# sourceMappingURL=D9PHjOfy.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"D9PHjOfy.chunk.js","sources":["../../../../libs/shared/src/interfaces/models/interactive/InteractionTypeId.ts","../../../../libs/shared/src/components/svgs/interaction-types/InteractionTypes.tsx","../../../../libs/shared/src/utils/interaction-type-helper/InteractionTypeHelper.tsx","../../../../libs/shared/src/components/interactive-questions/formatAnnotationText.ts","../../../../libs/shared/src/components/interactive-questions/InteractionLabel.tsx"],"sourcesContent":["export enum InteractionTypeId {\n  MultipleChoice = 1,\n  ShortAnswer = 2,\n  TrueOrFalse = 3,\n  Annotation = 4,\n  Image = 5,\n  MissingWord = 6,\n  Illustration = 7\n}\n\nexport const ExperimentalInteractionTypes: Partial<Record<InteractionTypeId, boolean>> = {\n  [InteractionTypeId.Illustration]: true\n};","export function TrueOrFalseSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <g transform='translate(1.000000, 1.000000)'>\n        <g transform='translate(5.000000, 3.000000)'>\n          <path d='M5.129,4.52970994e-14 C5.80434375,4.52970994e-14 6.35378125,0.5494375 6.35378125,1.22478125 L6.35378125,1.22478125 L6.35378125,4.12053125 C6.35378125,4.795875 5.80434375,5.3453125 5.129,5.3453125 L5.129,5.3453125 L5.01765625,5.3453125 L5.01765625,5.7625625 C5.14371875,5.7230625 5.2778125,5.70175 5.4166875,5.70175 C5.8579375,5.70175 6.24996875,5.9166875 6.4935,6.24740625 C6.6880625,6.13675 6.9129375,6.0735 7.15228125,6.0735 C7.61575,6.0735 8.024875,6.31059375 8.26471875,6.6699375 C8.450875,6.57140625 8.6629375,6.51559375 8.88784375,6.51559375 C9.6248125,6.51559375 10.2244688,7.11515625 10.2244688,7.85209375 L10.2244688,7.85209375 L10.2239688,11.0194063 C10.22375,12.719125 9.73003125,14.3683438 8.79625,15.7887188 C8.7095625,15.9205625 8.562375,15.9999688 8.4045625,15.9999688 L8.4045625,15.9999688 L3.1323125,15.9999688 C3.0124375,15.9999688 2.897125,15.9540625 2.8100625,15.8716563 C2.80745313,15.8691864 2.80274841,15.8647056 2.79608533,15.8582606 L2.73370254,15.7963915 C2.38498908,15.4434944 0.983540179,13.9211451 0.6698125,11.95725 L0.6698125,11.95725 L0.0538125,9.3209375 C-0.03209375,8.95328125 0.043625,8.5848125 0.261625,8.3100625 C0.46915625,8.04846875 0.78865625,7.89309375 1.14465625,7.8788125 C1.47575,7.8150625 1.81340625,7.8773125 2.10134375,8.0561875 C2.19071875,8.1116875 2.272125,8.17646875 2.34459375,8.24915625 L2.34459375,8.24915625 L2.34459375,5.34534375 L2.23325,5.34534375 C1.55790625,5.34534375 1.00846875,4.79590625 1.00846875,4.1205625 L1.00846875,4.1205625 L1.00846875,1.22478125 C1.00846875,0.5494375 1.55790625,4.52970994e-14 2.23325,4.52970994e-14 L2.23325,4.52970994e-14 Z M3.6810625,3.4381875 C3.46103125,3.4381875 3.282,3.61721875 3.282,3.83725 L3.282,3.83725 L3.282,11.2870938 C3.282,11.4215625 3.22428125,11.5495625 3.12346875,11.6385313 C3.02265625,11.7275 2.88853125,11.7689063 2.7550625,11.7522188 L2.7550625,11.7522188 L2.7175,11.7475313 C2.5228125,11.7231875 2.36390625,11.580125 2.31925,11.3890625 L2.31925,11.3890625 L1.78459375,9.10071875 C1.76034375,8.9969375 1.69715625,8.9088125 1.60659375,8.8525625 C1.51603125,8.7963125 1.407,8.78928125 1.30065625,8.79571875 C1.2585,8.79828125 1.23959375,8.8036875 1.194,8.80803125 C1.10340625,8.81665625 1.035625,8.84275 0.996,8.89271875 C0.956375,8.9426875 0.94596875,9.019 0.96665625,9.107625 L0.96665625,9.107625 L1.58653125,11.7605625 C1.5891875,11.7719063 1.59140625,11.7833438 1.59321875,11.794875 C1.83815625,13.3630313 2.95146875,14.6606563 3.32925,15.0625 L3.32925,15.0625 L8.1469375,15.0625 C8.893,13.8445 9.28625,12.4519688 9.2864375,11.0193125 L9.2864375,11.0193125 L9.2869375,7.85203125 C9.2869375,7.63209375 9.10790625,7.4530625 8.887875,7.4530625 C8.66784375,7.4530625 8.4888125,7.63209375 8.4888125,7.852125 L8.4888125,7.852125 L8.4888125,8.61359375 C8.4888125,8.87246875 8.2789375,9.08234375 8.0200625,9.08234375 C7.7611875,9.08234375 7.5513125,8.87246875 7.5513125,8.61359375 L7.5513125,8.61359375 L7.5513125,7.4100625 C7.5513125,7.19003125 7.3723125,7.011 7.15228125,7.011 C6.93225,7.011 6.75321875,7.19003125 6.75321875,7.4100625 L6.75321875,7.4100625 L6.75321875,8.28625 C6.75321875,8.545125 6.54334375,8.755 6.28446875,8.755 C6.02559375,8.755 5.81571875,8.545125 5.81571875,8.28625 L5.81571875,8.28625 L5.81571875,7.0383125 C5.81571875,6.81828125 5.6366875,6.63928125 5.41665625,6.63928125 C5.196625,6.63928125 5.017625,6.81828125 5.017625,7.0383125 L5.017625,7.0383125 L5.017625,8.232875 C5.017625,8.49175 4.80775,8.701625 4.548875,8.701625 C4.29,8.701625 4.080125,8.49175 4.080125,8.232875 L4.080125,8.232875 L4.080125,3.83725 C4.080125,3.61721875 3.90109375,3.4381875 3.6810625,3.4381875 Z M11.131,-1.59872116e-14 C11.8064063,-1.59872116e-14 12.3558125,0.5494375 12.3558125,1.22478125 L12.3558125,1.22478125 L12.3558125,4.1205625 C12.3558125,4.79590625 11.806375,5.34534375 11.131,5.34534375 L11.131,5.34534375 L8.23525,5.34534375 C7.55990625,5.34534375 7.01046875,4.79590625 7.01046875,4.1205625 L7.01046875,4.1205625 L7.01046875,1.22478125 C7.01046875,0.5494375 7.55990625,-1.59872116e-14 8.23525,-1.59872116e-14 L8.23525,-1.59872116e-14 Z M11.1310313,0.9375 L8.23528125,0.9375 C8.076875,0.9375 7.948,1.066375 7.948,1.22478125 L7.948,1.22478125 L7.948,4.1205625 C7.948,4.27896875 8.076875,4.40784375 8.23528125,4.40784375 L8.23528125,4.40784375 L11.1310313,4.40784375 C11.2894375,4.40784375 11.4183438,4.27896875 11.4183438,4.1205625 L11.4183438,4.1205625 L11.4183438,1.22478125 C11.4183438,1.066375 11.2894375,0.9375 11.1310313,0.9375 L11.1310313,0.9375 Z M5.129,0.9375 L2.23325,0.9375 C2.07484375,0.9375 1.94596875,1.066375 1.94596875,1.22478125 L1.94596875,1.22478125 L1.94596875,4.1205625 C1.94596875,4.27896875 2.07484375,4.40784375 2.2331875,4.40784375 L2.2331875,4.40784375 L2.34453125,4.40784375 L2.34453125,3.83721875 C2.34453125,3.10025 2.944125,2.50065625 3.68109375,2.50065625 C4.4180625,2.50065625 5.01765625,3.10025 5.01765625,3.83721875 L5.01765625,3.83721875 L5.01765625,4.40784375 L5.129,4.40784375 C5.28740625,4.40784375 5.41628125,4.27896875 5.41628125,4.1205625 L5.41628125,4.1205625 L5.41628125,1.22478125 C5.41628125,1.066375 5.28740625,0.9375 5.129,0.9375 L5.129,0.9375 Z'></path>\n        </g>\n      </g>\n    </svg>\n  `;\n}\n\nexport function ShortAnswerSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <g transform='translate(1.000000, 1.000000)'>\n        <path d='M16.5547082,3.66666667 C17.0307547,3.66666667 17.4166667,4.10561087 17.4166667,4.65176211 L17.4166667,17.3482379 C17.4166667,17.8922911 17.0325905,18.3333333 16.5547082,18.3333333 L5.44529184,18.3333333 C4.9692453,18.3333333 4.58333333,17.8943891 4.58333333,17.3482379 L4.58333333,4.65176211 C4.58333333,4.10770892 4.96740951,3.66666667 5.44529184,3.66666667 L16.5547082,3.66666667 Z M6.64149485,4.58362946 L5.39188119,4.58333333 L5.39188119,4.58333333 L5.39140886,4.63124366 C5.39133174,4.64701901 5.39125542,4.66659213 5.39117991,4.68981696 L5.39052172,4.99349248 C5.39045096,5.0373129 5.39038099,5.08434682 5.39031181,5.13444817 L5.38951907,5.87355262 C5.38945612,5.94585631 5.38939393,6.02064317 5.38933252,6.09776711 L5.38846857,7.41164942 C5.38841476,7.50849255 5.38836171,7.60694243 5.3883094,7.706853 L5.38744819,9.63144592 C5.38740476,9.7436262 5.38736207,9.85639075 5.3873201,9.96959351 L5.38636125,13.0260679 C5.38633211,13.1353268 5.38630366,13.2437094 5.38627591,13.3510694 L5.38541667,17.4092786 L5.38541667,17.4092786 C5.38541667,17.4094727 5.40139773,17.4096625 5.43215374,17.4098483 L5.66621602,17.410657 C5.70239956,17.4107438 5.74182455,17.4108296 5.78434021,17.4109144 L6.24635879,17.4116506 C6.30606164,17.4117294 6.36840286,17.4118072 6.43323171,17.411884 L7.07978636,17.412549 C7.15818403,17.4126199 7.23861702,17.4126899 7.32093458,17.4127589 L8.38955516,17.4135407 C8.48453695,17.413602 8.58080025,17.4136624 8.67819428,17.4137218 L10.2050643,17.4145426 C10.3099966,17.4145926 10.4153058,17.4146418 10.5208411,17.41469 L12.7186143,17.4155682 C12.8199282,17.4156037 12.9204129,17.4156383 13.0199177,17.4156721 L16.5962838,17.4166643 C16.6041235,17.4166659 16.6081188,17.4166667 16.6081188,17.4166667 L16.6083574,17.404543 L16.6083574,17.404543 L16.6092636,17.1281822 C16.609336,17.0909349 16.6094075,17.0503279 16.6094783,17.0065075 L16.6102897,16.3357629 C16.6103542,16.2685716 16.610418,16.1987511 16.6104809,16.1264474 L16.6111995,15.1489598 C16.6112564,15.059128 16.6113124,14.9673972 16.6113678,14.8739137 L16.6122825,13.0334559 C16.6123288,12.924197 16.6123745,12.8140617 16.6124193,12.703196 L16.6132553,10.3177583 C16.6132901,10.2038252 16.6133242,10.0901843 16.6133575,9.97698153 L16.6143069,6.10515513 C16.6143225,6.02803119 16.6143373,5.95324434 16.6143515,5.88094064 L16.6145833,4.59072136 L16.6145833,4.59072136 L16.6027483,4.59043343 L16.6027483,4.59043343 L16.5107818,4.58987601 C16.4881671,4.58978515 16.4620094,4.5896953 16.4324595,4.58960647 L16.0789915,4.58883422 C16.0304453,4.58875142 15.9789591,4.58866963 15.9246838,4.58858883 L15.1491499,4.58766678 C15.0749737,4.58759388 14.9986113,4.58752196 14.9202136,4.58745101 L14.1637515,4.58683864 C14.0744988,4.5867735 13.983663,4.58670932 13.891395,4.58664609 L12.4188002,4.58576887 C12.3159787,4.5857151 12.2124787,4.58566226 12.108451,4.58561036 L10.2115288,4.58477559 C10.1065966,4.58473469 10.0020412,4.58469469 9.89801354,4.5846556 L6.8573146,4.58368638 C6.78313834,4.58366655 6.71114817,4.58364758 6.64149485,4.58362946 Z M9.80280172,11.9166667 C10.0210177,11.9166667 10.1979167,12.1218695 10.1979167,12.375 C10.1979167,12.6281305 10.0210177,12.8333333 9.80280172,12.8333333 L9.80280172,12.8333333 L7.38469828,12.8333333 C7.16648232,12.8333333 6.98958333,12.6281305 6.98958333,12.375 C6.98958333,12.1218695 7.16648232,11.9166667 7.38469828,11.9166667 L7.38469828,11.9166667 Z M14.5678761,9.16666667 C14.8122845,9.16666667 15.0104167,9.37186949 15.0104167,9.625 C15.0104167,9.87813051 14.8122845,10.0833333 14.5678761,10.0833333 L14.5678761,10.0833333 L7.4321239,10.0833333 C7.18771549,10.0833333 6.98958333,9.87813051 6.98958333,9.625 C6.98958333,9.37186949 7.18771549,9.16666667 7.4321239,9.16666667 L7.4321239,9.16666667 Z M14.5678761,6.41666667 C14.8122845,6.41666667 15.0104167,6.62186949 15.0104167,6.875 C15.0104167,7.12813051 14.8122845,7.33333333 14.5678761,7.33333333 L14.5678761,7.33333333 L7.4321239,7.33333333 C7.18771549,7.33333333 6.98958333,7.12813051 6.98958333,6.875 C6.98958333,6.62186949 7.18771549,6.41666667 7.4321239,6.41666667 L7.4321239,6.41666667 Z'></path>\n      </g>\n    </svg>\n  `;\n}\n\nexport function MissingWordSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <g transform='translate(2.000000, 2.000000)'>\n        <g transform='translate(3.500000, 2.000000)'>\n          <path d='M10.78125,7.53125 C11.0285625,7.53125 11.2715937,7.59621875 11.4840312,7.71909375 C11.7963125,7.89971875 12.1875,7.6735625 12.1875,7.31334375 L12.1875,3.3125 C12.1875,3.053625 11.977625,2.84375 11.71875,2.84375 L8.38675,2.84375 C8.42015625,2.680125 8.4375,2.51184375 8.4375,2.34375 C8.4375,1.05140625 7.38609375,0 6.09375,0 C4.80140625,0 3.75,1.05140625 3.75,2.34375 C3.75,2.51184375 3.76734375,2.680125 3.80075,2.84375 L0.46875,2.84375 C0.209875,2.84375 0,3.053625 0,3.3125 L0,7.31334375 C0,7.674125 0.391625,7.899375 0.70346875,7.71909375 C0.91590625,7.59621875 1.1589375,7.53125 1.40625,7.53125 C2.18165625,7.53125 2.8125,8.16209375 2.8125,8.9375 C2.8125,9.71290625 2.18165625,10.34375 1.40625,10.34375 C1.1589375,10.34375 0.91590625,10.2787812 0.70346875,10.1559062 C0.3911875,9.9753125 0,10.2013437 0,10.5616563 L0,15.53125 C0,15.790125 0.209875,16 0.46875,16 L4.46959375,16 C4.8303125,16 5.05578125,15.608375 4.8753125,15.2965312 C4.7524375,15.0840937 4.6875,14.8410938 4.6875,14.59375 C4.6875,13.8183438 5.31834375,13.1875 6.09375,13.1875 C6.86915625,13.1875 7.5,13.8183438 7.5,14.59375 C7.5,14.8410938 7.4350625,15.0840937 7.31215625,15.2965312 C7.13146875,15.6087812 7.3576875,16 7.717875,16 L11.71875,16 C11.977625,16 12.1875,15.790125 12.1875,15.53125 L12.1875,10.5616563 C12.1875,10.2009375 11.7959375,9.97553125 11.4840312,10.1559063 C11.2715937,10.2787812 11.0285625,10.34375 10.78125,10.34375 C10.0058438,10.34375 9.375,9.71290625 9.375,8.9375 C9.375,8.16209375 10.0058438,7.53125 10.78125,7.53125 Z M10.78125,11.28125 C10.9393125,11.28125 11.096375,11.2652812 11.25,11.234 L11.25,15.0625 L8.39021875,15.0625 C8.42153125,14.9088438 8.4375,14.7518125 8.4375,14.59375 C8.4375,13.3014062 7.38609375,12.25 6.09375,12.25 C4.80140625,12.25 3.75,13.3014062 3.75,14.59375 C3.75,14.7518125 3.76596875,14.9088438 3.79728125,15.0625 L0.9375,15.0625 L0.9375,11.234 C1.091125,11.2652812 1.2481875,11.28125 1.40625,11.28125 C2.69859375,11.28125 3.75,10.2298438 3.75,8.9375 C3.75,7.64515625 2.69859375,6.59375 1.40625,6.59375 C1.2481875,6.59375 1.091125,6.60971875 0.9375,6.641 L0.9375,3.78125 L4.46959375,3.78125 C4.8303125,3.78125 5.05578125,3.389625 4.8753125,3.07778125 C4.75596875,2.87140625 4.6875,2.603875 4.6875,2.34375 C4.6875,1.56834375 5.31834375,0.9375 6.09375,0.9375 C6.86915625,0.9375 7.5,1.56834375 7.5,2.34375 C7.5,2.603875 7.43153125,2.87140625 7.31215625,3.07778125 C7.13146875,3.39003125 7.3576875,3.78125 7.717875,3.78125 L11.25,3.78125 L11.25,6.641 C11.096375,6.60971875 10.9393125,6.59375 10.78125,6.59375 C9.48890625,6.59375 8.4375,7.64515625 8.4375,8.9375 C8.4375,10.2298438 9.48890625,11.28125 10.78125,11.28125 Z'></path>\n        </g>\n      </g>\n    </svg>\n  `;\n}\n\nexport function MultipleChoiceSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <g transform='translate(1.000000, 1.000000)'>\n        <path d='M15.125,3.66666667 C16.8969136,3.66666667 18.3333333,5.10308643 18.3333333,6.875 L18.3333333,15.125 C18.3333333,16.8969136 16.8969136,18.3333333 15.125,18.3333333 L6.875,18.3333333 C5.10308643,18.3333333 3.66666667,16.8969136 3.66666667,15.125 L3.66666667,6.875 C3.66666667,5.10308643 5.10308643,3.66666667 6.875,3.66666667 L15.125,3.66666667 Z M15.125,4.58333333 L6.875,4.58333333 C5.60934745,4.58333333 4.58333333,5.60934745 4.58333333,6.875 L4.58333333,15.125 C4.58333333,16.3906526 5.60934745,17.4166667 6.875,17.4166667 L15.125,17.4166667 C16.3906526,17.4166667 17.4166667,16.3906526 17.4166667,15.125 L17.4166667,6.875 C17.4166667,5.60934745 16.3906526,4.58333333 15.125,4.58333333 Z M7.33333333,13.2916667 C7.83959435,13.2916667 8.25,13.7020723 8.25,14.2083333 C8.25,14.7145944 7.83959435,15.125 7.33333333,15.125 C6.82707231,15.125 6.41666667,14.7145944 6.41666667,14.2083333 C6.41666667,13.7020723 6.82707231,13.2916667 7.33333333,13.2916667 Z M15.0349223,13.75 C15.2880528,13.75 15.4932556,13.9552028 15.4932556,14.2083333 C15.4932556,14.4614638 15.2880528,14.6666667 15.0349223,14.6666667 L9.625,14.6666667 C9.37186949,14.6666667 9.16666667,14.4614638 9.16666667,14.2083333 C9.16666667,13.9552028 9.37186949,13.75 9.625,13.75 L15.0349223,13.75 Z M7.33333333,10.0833333 C7.83959435,10.0833333 8.25,10.493739 8.25,11 C8.25,11.506261 7.83959435,11.9166667 7.33333333,11.9166667 C6.82707231,11.9166667 6.41666667,11.506261 6.41666667,11 C6.41666667,10.493739 6.82707231,10.0833333 7.33333333,10.0833333 Z M15.125,10.5416667 C15.3781305,10.5416667 15.5833333,10.7468695 15.5833333,11 C15.5833333,11.2531305 15.3781305,11.4583333 15.125,11.4583333 L9.625,11.4583333 C9.37186949,11.4583333 9.16666667,11.2531305 9.16666667,11 C9.16666667,10.7468695 9.37186949,10.5416667 9.625,10.5416667 L15.125,10.5416667 Z M7.33333333,6.875 C7.83959435,6.875 8.25,7.28540565 8.25,7.79166667 C8.25,8.29792769 7.83959435,8.70833333 7.33333333,8.70833333 C6.82707231,8.70833333 6.41666667,8.29792769 6.41666667,7.79166667 C6.41666667,7.28540565 6.82707231,6.875 7.33333333,6.875 Z M15.125,7.33333333 C15.3781305,7.33333333 15.5833333,7.53853616 15.5833333,7.79166667 C15.5833333,8.04479718 15.3781305,8.25 15.125,8.25 L9.625,8.25 C9.37186949,8.25 9.16666667,8.04479718 9.16666667,7.79166667 C9.16666667,7.53853616 9.37186949,7.33333333 9.625,7.33333333 L15.125,7.33333333 Z'></path>\n      </g>\n    </svg>\n  `;\n}\n\nexport function ImageSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <path d='M19,5 C19.5522847,5 20,5.44771525 20,6 L20,18 C20,18.5522847 19.5522847,19 19,19 L5,19 C4.44771525,19 4,18.5522847 4,18 L4,6 C4,5.44771525 4.44771525,5 5,5 L19,5 Z M19,6 L5,6 L5,18 L19,18 L19,6 Z M13.5270821,8.72788029 L17.419465,14.7278803 C17.5697525,14.9595444 17.5037838,15.2691774 17.2721197,15.419465 C17.0404556,15.5697525 16.7308226,15.5037838 16.580535,15.2721197 L13.0911139,9.89327406 L11.4091273,12.2874279 C11.2306031,12.5415408 10.866042,12.5731488 10.6464466,12.3535534 L10.0540971,11.7612039 L7.4,15.3 C7.23431458,15.5209139 6.9209139,15.5656854 6.7,15.4 C6.4790861,15.2343146 6.43431458,14.9209139 6.6,14.7 L9.6,10.7 C9.7825648,10.4565803 10.1383987,10.4312919 10.3535534,10.6464466 L10.9328729,11.2257661 L12.6984898,8.71257207 C12.9021272,8.42271292 13.3342903,8.43069712 13.5270821,8.72788029 Z M8,7.5 C8.82842712,7.5 9.5,8.17157288 9.5,9 C9.5,9.82842712 8.82842712,10.5 8,10.5 C7.17157288,10.5 6.5,9.82842712 6.5,9 C6.5,8.17157288 7.17157288,7.5 8,7.5 Z M8,8.5 C7.72385763,8.5 7.5,8.72385763 7.5,9 C7.5,9.27614237 7.72385763,9.5 8,9.5 C8.27614237,9.5 8.5,9.27614237 8.5,9 C8.5,8.72385763 8.27614237,8.5 8,8.5 Z'></path>\n    </svg>\n  `;\n}\n\nexport function AnnotationSvg(): string {\n  return `\n    <svg viewBox='0 0 24 24'>\n      <path d='M16.8002 15.5516C16.5657 15.84 16.5105 16.2347 16.6569 16.5764L17.145 17.7153L15.6723 17.0841C15.4046 16.9694 15.1 16.9771 14.8384 17.1053L14.756 17.1457C13.9034 17.5634 12.9645 17.7835 11.9918 17.7835C8.51692 17.7835 5.7 14.9666 5.7 11.4918C5.7 8.01692 8.51692 5.2 11.9918 5.2C15.4666 5.2 18.2835 8.01692 18.2835 11.4918C18.2835 12.958 17.7819 14.3442 16.8765 15.4578L16.8002 15.5516ZM17.1319 19.0152C17.9616 19.3708 18.8005 18.5319 18.4449 17.7021L17.8075 16.2148C18.8554 14.926 19.4835 13.2823 19.4835 11.4918C19.4835 7.35418 16.1294 4 11.9918 4C7.85418 4 4.5 7.35418 4.5 11.4918C4.5 15.6294 7.85418 18.9835 11.9918 18.9835C13.173 18.9835 14.2903 18.7102 15.284 18.2233L17.1319 19.0152Z' />\n    </svg>\n  `;\n}\n\nexport function IllustrationSvg(): string {\n  return `\n    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <path fill-rule='evenodd' clip-rule='evenodd' d='M18.2411 13.7881C18.2887 13.5157 18.0395 13.2465 17.6953 13.3346C17.3344 13.4271 16.9508 13.4506 16.5627 13.3938C15.8185 14.404 15.232 15.0693 14.7556 15.4771C14.9397 15.8591 14.9223 16.3164 14.7953 16.7237C14.663 17.148 14.3965 17.5746 14.004 17.9197C13.1974 18.6288 11.9124 18.9538 10.252 18.3555L9.6361 18.1336L10.8248 16.4403C10.8536 16.3994 10.895 16.2797 10.948 15.9967C10.9568 15.9502 10.9658 15.8998 10.9752 15.8466L10.9753 15.846L10.9754 15.8459L10.9754 15.8459C11.0141 15.6287 11.0613 15.3639 11.1335 15.1223C11.2242 14.8188 11.3771 14.4637 11.6835 14.2095C11.9817 13.9622 12.3608 13.8619 12.8023 13.9024C13.0571 13.2864 13.5182 12.476 14.2494 11.3987L14.2357 11.357C14.2007 11.2488 14.1511 11.0868 14.119 10.8858C14.0536 10.4764 14.0643 9.9266 14.3604 9.29657C14.4494 9.10715 14.5146 8.91445 14.5573 8.72168C14.8536 7.38674 14.077 6.0484 12.7163 5.76998C12.6531 5.75701 12.5892 5.74486 12.5246 5.73347C8.70188 5.05944 5.05659 7.61193 4.38254 11.4346C3.70848 15.2574 6.26101 18.9027 10.0837 19.5768C13.9064 20.2508 17.5518 17.6983 18.2258 13.8756L18.2411 13.7881ZM15.8626 12.6572C15.8947 12.5723 15.9481 12.5005 16.0149 12.4463C16.091 12.34 16.1692 12.2296 16.2493 12.1152C17.2716 10.6552 18.1315 9.27136 18.6754 8.22122C18.8855 7.81559 19.042 7.47194 19.1431 7.19994C18.9065 7.38016 18.6161 7.63896 18.2839 7.97168C17.4465 8.81052 16.4034 10.0589 15.3866 11.5111C14.5179 12.7517 14.0214 13.6064 13.7659 14.1913L14.285 14.5548C14.6757 14.1827 15.1887 13.5831 15.8626 12.6572ZM17.4471 12.3659C17.3881 12.381 17.3282 12.3933 17.2674 12.4027C18.2189 11.0249 19.029 9.71286 19.5633 8.68114C19.8471 8.13334 20.0641 7.64372 20.1787 7.25589C20.2351 7.06519 20.2765 6.8674 20.2745 6.68479C20.2725 6.51587 20.2295 6.23216 19.9736 6.05296C19.7244 5.87848 19.4469 5.92652 19.2885 5.97523C19.1139 6.02893 18.9362 6.12717 18.7674 6.23956C18.4249 6.46764 18.0169 6.82379 17.5762 7.26518C16.8442 7.99842 15.9806 9.00929 15.1147 10.1778C15.1398 10.0455 15.1836 9.90125 15.2542 9.74611L15.2654 9.72185C16.2163 7.69819 15.1756 5.25268 12.9173 4.7904C12.8445 4.77544 12.7715 4.76158 12.6983 4.74868C8.33172 3.97872 4.16769 6.89438 3.39773 11.261C2.62777 15.6276 5.54347 19.7916 9.91006 20.5616C14.2767 21.3315 18.4407 18.4159 19.2106 14.0492L19.2262 13.9606C19.4123 12.8961 18.4178 12.1172 17.4471 12.3659ZM11.6433 17.0149C11.8176 16.7665 11.8855 16.4229 11.9309 16.1811C11.9432 16.1158 11.9545 16.0525 11.9655 15.9909C12.0033 15.7804 12.0374 15.5901 12.0916 15.4086C12.161 15.1765 12.2405 15.0468 12.3219 14.9792C12.3717 14.9379 12.4608 14.8871 12.649 14.894L13.8774 15.9774C13.9004 16.0738 13.9028 16.2267 13.8406 16.426C13.7637 16.6728 13.6001 16.9432 13.3438 17.1686C12.934 17.5288 12.2479 17.8037 11.2342 17.5976L11.6433 17.0149ZM7 14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5C8 14.2239 7.77614 14 7.5 14C7.22386 14 7 14.2239 7 14.5ZM9 14.5C9 15.3284 8.32843 16 7.5 16C6.67157 16 6 15.3284 6 14.5C6 13.6716 6.67157 13 7.5 13C8.32843 13 9 13.6716 9 14.5ZM11.6 8.5C11.6 8.77614 11.3761 9 11.1 9C10.8238 9 10.6 8.77614 10.6 8.5C10.6 8.22386 10.8238 8 11.1 8C11.3761 8 11.6 8.22386 11.6 8.5ZM9.59998 8.5C9.59998 9.32843 10.2715 10 11.1 10C11.9284 10 12.6 9.32843 12.6 8.5C12.6 7.67157 11.9284 7 11.1 7C10.2715 7 9.59998 7.67157 9.59998 8.5ZM7.70007 11C7.42393 11 7.20007 10.7761 7.20007 10.5C7.20007 10.2239 7.42393 10 7.70007 10C7.97622 10 8.20007 10.2239 8.20007 10.5C8.20007 10.7761 7.97622 11 7.70007 11ZM7.70007 12C8.5285 12 9.20007 11.3284 9.20007 10.5C9.20007 9.67157 8.5285 9 7.70007 9C6.87165 9 6.20007 9.67157 6.20007 10.5C6.20007 11.3284 6.87165 12 7.70007 12Z' />\n    </svg>\n  `;\n}","import React from 'react';\n\nimport { DevError } from 'libs/common/backbone/errors/DevError';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AnnotationSvg, IllustrationSvg, ImageSvg, MissingWordSvg, MultipleChoiceSvg, ShortAnswerSvg, TrueOrFalseSvg } from 'libs/shared/components/svgs/interaction-types/InteractionTypes';\nimport { InteractionTypeId } from 'libs/shared/interfaces';\n\nconst internalGetPhrase = LanguageService.encloseNamespace('shared.interactionTypes');\nconst getPhrase = (phrase: string, fallback: string) => {\n  if (!LanguageService.isInitialised())\n    return fallback;\n  return internalGetPhrase(phrase);\n};\n\ninterface InteractionTypeInfo {\n  name: string;\n  prompt?: string;\n  bgClassName: string;\n  Svg: React.FC;\n  svgEl?: string\n  /**\n   * Used for anlaytics\n   */\n  typeName: string;\n}\n\n\nfunction parseSvgElement(svg: string): React.ReactElement {\n  return (\n    <div dangerouslySetInnerHTML={{ __html: svg }}></div>\n  );\n}\n\nconst interactionTypeDefaults = {\n  [InteractionTypeId.Annotation](): InteractionTypeInfo {\n    return {\n      name: getPhrase('annotationName', 'Annotation'),\n      bgClassName: 'bg-pink',\n      Svg: () => parseSvgElement(AnnotationSvg()),\n      svgEl: AnnotationSvg(),\n      typeName: 'annotation'\n    };\n  },\n  [InteractionTypeId.Image](): InteractionTypeInfo {\n    return {\n      name: getPhrase('imageName', 'Image'),\n      bgClassName: 'bg-orange',\n      Svg: () => parseSvgElement(ImageSvg()),\n      svgEl: ImageSvg(),\n      typeName: 'image'\n    };\n  },\n  [InteractionTypeId.MissingWord](): InteractionTypeInfo {\n    return {\n      name: getPhrase('missingWordName', 'Fill in the blank'),\n      prompt: getPhrase('missingWordPrompt', 'Fill in the blank by typing the missing word(s)'),\n      bgClassName: 'bg-teal',\n      Svg: () => parseSvgElement(MissingWordSvg()),\n      svgEl: MissingWordSvg(),\n      typeName: 'missing-word'\n    };\n  },\n  [InteractionTypeId.MultipleChoice](): InteractionTypeInfo {\n    return {\n      name: getPhrase('multipleChoiceName', 'Multiple choice'),\n      prompt: getPhrase('multipleChoicePrompt', 'Choose the correct answer(s)'),\n      bgClassName: 'bg-blue',\n      Svg: () => parseSvgElement(MultipleChoiceSvg()),\n      svgEl: MultipleChoiceSvg(),\n      typeName: 'multiple-choice'\n    };\n  },\n  [InteractionTypeId.ShortAnswer](): InteractionTypeInfo {\n    return {\n      name: getPhrase('shortAnswerName', 'Short answer'),\n      prompt: getPhrase('shortAnswerPrompt', 'Type in your answer to the question'),\n      bgClassName: 'bg-green',\n      Svg: () => parseSvgElement(ShortAnswerSvg()),\n      svgEl: ShortAnswerSvg(),\n      typeName: 'short-answer'\n    };\n  },\n  [InteractionTypeId.TrueOrFalse](): InteractionTypeInfo {\n    return {\n      name: getPhrase('trueOrFalseName', 'True or false'),\n      prompt: getPhrase('trueOrFalsePrompt', 'Choose the correct answer'),\n      bgClassName: 'bg-purple',\n      Svg: () => parseSvgElement(TrueOrFalseSvg()),\n      svgEl: TrueOrFalseSvg(),\n      typeName: 'true-or-false'\n    };\n  },\n  [InteractionTypeId.Illustration](): InteractionTypeInfo {\n    return {\n      name: getPhrase('illustrationName', 'Illustrate'),\n      prompt: getPhrase('illustrationPrompt', 'Draw the answer'),\n      bgClassName: 'bg-indigo',\n      Svg: () => parseSvgElement(IllustrationSvg()),\n      svgEl: IllustrationSvg(),\n      typeName: 'illustration'\n    };\n  }\n};\n\nexport const InteractionTypeHelper = {\n  getTypeInfo: (typeId: InteractionTypeId) => {\n    const func = interactionTypeDefaults[typeId];\n\n    if (!func) {\n      Core.ErrorHelper.throw(new DevError(`No type info defined for typeId: ${typeId}`));\n      return;\n    }\n\n    return func();\n  }\n};","function stripTag(text: string, tag: string, newLine: boolean) {\n  return text\n    .replace(new RegExp(`<${tag}.*?>`, 'gi'), '')\n    .replace(new RegExp(`</${tag}>`, 'gi'), newLine ? '<br>' : '');\n}\n\nfunction stripTags(text: string, tags: string[], newLine: boolean = false): string {\n  if (!text || !tags.length)\n    return text;\n\n  return tags.reduce((text, tag) => stripTag(text, tag, newLine), text);\n}\n\nexport function formatAnnotationText(text: string): string {\n  if (!text) return;\n\n  text = stripTags(text, [ 'ul', 'ol', 'b', 'i', 'u', 'old', 'em', 'strong', 'sup', 'sub', 'a', 'span' ]);\n  text = stripTags(text, [ 'li', 'p', 'div' ], true);\n\n  return text.split('<br>')?.filter(t => !!t)[0]?.trim() || 'Annotation';\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Interaction, InteractionTypeId } from 'libs/shared/interfaces';\nimport { InteractionTypeHelper } from 'libs/shared/utils/interaction-type-helper/InteractionTypeHelper';\n\nimport { formatAnnotationText } from './formatAnnotationText';\n\ninterface InteractionLabelProps {\n  interaction: Interaction;\n  smallIcon?: boolean;\n  showIcon?: boolean;\n  showTypeName?: boolean;\n  showQuestion?: boolean;\n  iconClassName?: string;\n  typeNameClassName?: string;\n  questionClassName?: string;\n  containerClassName?: string;\n  questionNumber?: string | number;\n  appLink?: Core.AppLink;\n  onClick?: () => void;\n}\n\nInteractionLabel.defaultProps = {\n  showIcon: true,\n  showQuestion: true\n};\n\nexport function InteractionLabel(props: InteractionLabelProps): JSX.Element {\n  const { name, bgClassName, Svg } = InteractionTypeHelper.getTypeInfo(props.interaction.typeId);\n\n  const questionNumber = props.questionNumber ? `${props.questionNumber}. ` : '';\n\n  let iconClassName = `interaction-type-icon flex-shrink-0 ${bgClassName}`;\n\n  if (props.smallIcon)\n    iconClassName += ' sm';\n\n  if (props.showQuestion || props.showTypeName)\n    iconClassName += props.smallIcon\n      ? ' me-1'\n      : ' me-2';\n\n  if (props.iconClassName)\n    iconClassName += ` ${props.iconClassName}`;\n\n  return (\n    <span className={props.containerClassName}>\n      {!!props.showIcon &&\n        <span className={iconClassName}>\n          <Svg />\n        </span>\n      }\n      <AppLink appLink={props.appLink} onClick={props.onClick}>\n        {!!props.showTypeName &&\n          <span className={props.typeNameClassName}><strong>{questionNumber}{name}</strong></span>\n        }\n        {!!props.showQuestion &&\n          <span className={props.questionClassName}>\n            {props.interaction.typeId === InteractionTypeId.Annotation\n              ? <span dangerouslySetInnerHTML={{\n                __html: formatAnnotationText(props.interaction.data.annotation)\n              }} />\n              : props.interaction.name\n            }\n          </span>\n        }\n      </AppLink>\n    </span>\n  );\n}"],"names":["InteractionTypeId","TrueOrFalseSvg","ShortAnswerSvg","MissingWordSvg","MultipleChoiceSvg","ImageSvg","AnnotationSvg","IllustrationSvg","internalGetPhrase","LanguageService","getPhrase","phrase","fallback","parseSvgElement","svg","interactionTypeDefaults","InteractionTypeHelper","typeId","func","Core.ErrorHelper","DevError","stripTag","text","tag","newLine","stripTags","tags","formatAnnotationText","_b","_a","t","InteractionLabel","props","name","bgClassName","Svg","questionNumber","iconClassName","jsxs","jsx","AppLink"],"mappings":"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"}

package/dist/scripts/DMIuTLXg.chunk.js

@@ -1,2 +0,0 @@
-import{j as e,O as m,bF as Y,L as x,e as j,u as T,n as C,T as L,S as w,bD as i,v as D,a as M}from"./app-BDrXtKwD.js";import{u as b,g as v}from"./B29cILrj.chunk.js";import{u as B}from"./ClkubQ2J.chunk.js";import{g as G,V as _,L as E}from"./bOC-mo3v.chunk.js";import{L as N}from"./BohkY37l.chunk.js";import{m as S,a as F}from"./Cu2SZCs_.chunk.js";import"./lcnUAi0K.chunk.js";import"./Ctl4eE7j.chunk.js";import"./CVftTaOh.chunk.js";import"./sFV5nxD4.chunk.js";const H="_image_zpxv9_1",O={image:H},A="reportsShared.schoolLoginsByGroupCardEmptyState",p=x.encloseNamespace(A);function R(){return e.jsxs(m,{className:"flex-grow-1 justify-content-center",children:[e.jsx(m.Image,{src:Y.EmptyStates.Shared.School,className:O.image}),e.jsx(m.Heading,{className:"h6",children:p("heading")}),e.jsx(m.Info,{className:"w-100",children:p("description")})]})}const $="logins.schoolLoginsByGroupCard";function U(){var a;const n=j(),s=T(N.logins(n)),r=C(),t=c=>c==="Unknown"||c===null?"Staff":c,o=G((a=s.data)==null?void 0:a.yearGroupCount,t,c=>S(t(c))),d=o==null?void 0:o.reduce((c,l)=>c+l.y,0);return e.jsx("div",{className:"d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3",children:o?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"h6 mb-1",children:e.jsx(L,{namespace:$,phrase:r?"totalLoginsTertiary":"totalLogins",options:{logins:d}})}),o.length?e.jsx(w,{className:"position-relative",children:e.jsx("div",{className:"position-absolute w-100",children:e.jsx(_,{data:o})})}):e.jsx(R,{})]}):e.jsx("div",{className:"partial-loading-background w-50",children:" "})})}const g={MONTH:35,YEAR:365},u={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},h={day:"D MMM",month:"MMM",year:"YYYY"};function k(n){const s=i.diffBetween(n.end,n.start,"day");return s>g.YEAR?"year":s>g.MONTH?"month":"day"}function I(n,s){const r=[];let t=i.format(n.start,u[s]);for(;!i.isAfter(t,n.end,s);)r.push(t),t=i.format(i.add(t,1,s),u[s]);return r}function V(n,s){if(!n)return null;const r=k(s),t=I(s,r),o={};n.forEach(a=>{if(!a.userType)return;const c="groupedDateWatched"in a&&a.groupedDateWatched||"groupedLoggedOn"in a&&a.groupedLoggedOn,l=i.format(i.convertUTCToLocal(c),u[r]);o[a.userType]=o[a.userType]??{},o[a.userType][l]=o[a.userType][l]??0,o[a.userType][l]+=a.count});const d=Object.keys(o);return d.length?{categories:t.map(a=>i.format(a,h[r])),data:D.sortBy(d.map(a=>({name:F(a),type:"line",data:t.map(c=>o[a][c]??0),color:S(a)})),"name")}:{categories:t.map(a=>i.format(a,h[r])),data:[]}}const P="logins.schoolLoginsByMonthCard";function W(){var t;const n=j(),s=T(N.logins(n)),r=V((t=s.data)==null?void 0:t.data,n);return e.jsx("div",{className:"d-flex flex-column h-100 bg-white rounded p-3 position-relative",children:r?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"position-absolute h6 mb-1",children:e.jsx(L,{namespace:P,phrase:"loginActivity"})}),e.jsx(E,{categories:r.categories,data:r.data})]}):e.jsx("div",{className:"partial-loading-background w-25",children:" "})})}const q="_column2_1cfp0_1",z="_column1_1cfp0_1",f={column2:q,column1:z},J="logins.schoolLoginOverview",y=x.encloseNamespace(J);function re(){return M({title:y("title")}),B(y("title")),b(v()),e.jsx("div",{children:e.jsxs("div",{className:"d-flex gap-3",children:[e.jsx("div",{className:`${f.column1}`,children:e.jsx(U,{})}),e.jsx("div",{className:`${f.column2}`,children:e.jsx(W,{})})]})})}export{re as SchoolLoginOverview};
-//# sourceMappingURL=DMIuTLXg.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DMIuTLXg.chunk.js","sources":["../../src/apps/logins/views/cards/school-logins-by-group-card/empty-state/SchoolLoginsByGroupCardEmptyState.tsx","../../src/apps/logins/views/cards/school-logins-by-group-card/SchoolLoginsByGroupCardView.tsx","../../src/shared/utils/LineChartByMonthUtils.ts","../../src/apps/logins/views/cards/school-logins-by-month-card/SchoolLoginsByMonthCardView.tsx","../../src/apps/logins/views/school-login-overview/SchoolLoginOverview.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'reportsShared.schoolLoginsByGroupCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nimport styles from './school-logins-by-group-card-card-empty-state.module.scss';\n\nexport function SchoolLoginsByGroupCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.School}\n        className={styles.image}\n      />\n      <EmptyState.Heading className='h6'>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-100'>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\nimport Scrollbars from 'react-custom-scrollbars-2';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { LoginEventResponse } from 'libs/shared/apps/analytics/interfaces/LoginEvent';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { VerticalBarChart } from 'shared/components/vertical-bar-chart/VerticalBarChart';\nimport { LoginRequests } from 'shared/flight-requests/LoginRequests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useIsTertiary } from 'shared/hooks/useIsTertiary';\nimport { getCountByGroup } from 'shared/utils/BarChartByGroupUtils';\nimport { mapUserTypeToChartColour } from 'shared/utils/UserUtils';\n\nimport { SchoolLoginsByGroupCardEmptyState } from './empty-state/SchoolLoginsByGroupCardEmptyState';\n\nconst namespace = 'logins.schoolLoginsByGroupCard';\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SchoolLoginsByGroupCardView() {\n  const requestFilter = useGetRequestFilter();\n\n  const logins = Flight.useBasicFetch<LoginEventResponse>(LoginRequests.logins(requestFilter));\n  \n  const isTertiary = useIsTertiary();\n\n  const mapNameToGroup = (name: string) => (name === 'Unknown' || name === null) ? 'Staff' : name;\n  const totalLoginsByGroupData = getCountByGroup(\n    logins.data?.yearGroupCount,\n    mapNameToGroup,\n    name => mapUserTypeToChartColour(mapNameToGroup(name))\n  );\n  const totalLoginsCount = totalLoginsByGroupData?.reduce((acc, group) => (acc + group.y), 0);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3'>\n      {totalLoginsByGroupData ?\n        <>\n          <h2 className='h6 mb-1'>\n            <Text\n              namespace={namespace}\n              phrase={isTertiary ? 'totalLoginsTertiary' : 'totalLogins'}\n              options={{ logins: totalLoginsCount }}\n            />\n          </h2>\n\n          {totalLoginsByGroupData.length ?\n            <Scrollbars className='position-relative'>\n              <div className='position-absolute w-100'>\n                <VerticalBarChart data={totalLoginsByGroupData} />\n              </div>\n            </Scrollbars>\n            : <SchoolLoginsByGroupCardEmptyState />\n          }\n        </>\n        : <div className='partial-loading-background w-50'>&nbsp;</div>\n      }\n    </div>\n  );\n}","import { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LoginEvent } from 'libs/shared/apps/analytics/interfaces/LoginEvent';\nimport { VideoViewEvent } from 'libs/shared/apps/analytics/interfaces/VideoViewEvent';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nimport { mapUserTypeToChartColour, mapUserTypeToChartLabel } from 'shared/utils/UserUtils';\n\nconst GroupByThresholds = {\n  MONTH: 35,\n  YEAR: 365\n};\n\nconst DateFormats = {\n  day: 'YYYY-MM-DD',\n  month: 'YYYY-MM',\n  year: 'YYYY'\n};\n\nconst DisplayFormats = {\n  day: 'D MMM',\n  month: 'MMM',\n  year: 'YYYY'\n};\n\ntype GroupedViewData = {\n  [key in UserGroup]?: {\n    [date: string]: number;\n  }\n}\n\ntype GroupBy = 'day' | 'month' | 'year';\n\ninterface ChartData {\n  categories: string[];\n  data: Highcharts.SeriesLineOptions[];\n}\n\nfunction getGroupBy(requestFilter: AnalyticsRequestFilter): GroupBy {\n  const range = DateHelper.diffBetween(requestFilter.end, requestFilter.start, 'day');\n\n  if (range > GroupByThresholds.YEAR)\n    return 'year';\n\n  if (range > GroupByThresholds.MONTH)\n    return 'month';\n\n  return 'day';\n}\n\nfunction getFullDateRange(requestFilter: AnalyticsRequestFilter, groupBy: GroupBy): string[] {\n  const range: string[] = [];\n\n  let currentDate = DateHelper.format(requestFilter.start, DateFormats[groupBy]);\n\n  while (!DateHelper.isAfter(currentDate, requestFilter.end, groupBy)) {\n    range.push(currentDate);\n    currentDate = DateHelper.format(DateHelper.add(currentDate, 1, groupBy), DateFormats[groupBy]);\n  }\n\n  return range;\n}\n\nexport function getChartData(\n  events: VideoViewEvent[] | LoginEvent[],\n  requestFilter: AnalyticsRequestFilter\n): ChartData {\n  if (!events) return null;\n\n  const groupBy = getGroupBy(requestFilter);\n  const fullDateRange = getFullDateRange(requestFilter, groupBy);\n  \n  const grouped: GroupedViewData = {};\n\n  events.forEach(ev => {\n    if (!ev.userType)\n      return;\n\n    const eventDate = 'groupedDateWatched' in ev && ev.groupedDateWatched || 'groupedLoggedOn' in ev && ev.groupedLoggedOn;\n    const eventDateFormatted = DateHelper.format(DateHelper.convertUTCToLocal(eventDate), DateFormats[groupBy]);\n\n    grouped[ev.userType] = grouped[ev.userType] ?? {};\n    grouped[ev.userType][eventDateFormatted] = grouped[ev.userType][eventDateFormatted] ?? 0;\n    grouped[ev.userType][eventDateFormatted] += ev.count;\n  });\n\n  const roles = Object.keys(grouped) as UserGroup[];\n\n  if (!roles.length) return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data: []\n  };\n\n  return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data:\n      ArrayHelper.sortBy(roles.map(r => ({\n        name: mapUserTypeToChartLabel(r),\n        type: 'line',\n        data: fullDateRange.map(d => grouped[r][d] ?? 0),\n        color: mapUserTypeToChartColour(r)\n      })), 'name')\n  };\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { LoginEventResponse } from 'libs/shared/apps/analytics/interfaces/LoginEvent';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { LineChart } from 'shared/components/line-chart/LineChart';\nimport { LoginRequests } from 'shared/flight-requests/LoginRequests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getChartData } from 'shared/utils/LineChartByMonthUtils';\n\nconst namespace = 'logins.schoolLoginsByMonthCard';\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function SchoolLoginsByMonthCardView() {\n  const requestFilter = useGetRequestFilter();\n\n  const logins = Flight.useBasicFetch<LoginEventResponse>(LoginRequests.logins(requestFilter));\n\n  const chartData = getChartData(logins.data?.data, requestFilter);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white rounded p-3 position-relative'>\n      {chartData ?\n        <>\n          <h2 className='position-absolute h6 mb-1'><Text namespace={namespace} phrase='loginActivity' /></h2>\n\n          <LineChart categories={chartData.categories} data={chartData.data} />\n        </>\n        : <div className='partial-loading-background w-25'>&nbsp;</div>}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\n\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { getLoginHeaderActions } from 'shared/utils/HeaderActionUtils';\n\nimport { SchoolLoginsByGroupCardView } from 'apps/logins/views/cards/school-logins-by-group-card/SchoolLoginsByGroupCardView';\nimport { SchoolLoginsByMonthCardView } from 'apps/logins/views/cards/school-logins-by-month-card/SchoolLoginsByMonthCardView';\n\nimport styles from './school-login-overview.module.scss';\n\nconst namespace = 'logins.schoolLoginOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function SchoolLoginOverview() {\n  useSetPageMetadata({ title: getPhrase('title') });\n  useSetHeaderTitle(getPhrase('title'));\n  useSetHeaderActions(getLoginHeaderActions());\n\n  return (\n    <div>\n      <div className='d-flex gap-3'>\n        <div className={`${styles.column1}`}>\n          <SchoolLoginsByGroupCardView />\n        </div>\n        <div className={`${styles.column2}`}>\n          <SchoolLoginsByMonthCardView />\n        </div>\n      </div>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","SchoolLoginsByGroupCardEmptyState","jsxs","EmptyState","jsx","ImageUrls","styles","SchoolLoginsByGroupCardView","requestFilter","useGetRequestFilter","logins","Flight.useBasicFetch","LoginRequests","isTertiary","useIsTertiary","mapNameToGroup","name","totalLoginsByGroupData","getCountByGroup","_a","mapUserTypeToChartColour","totalLoginsCount","acc","group","Fragment","Text","Scrollbars","VerticalBarChart","GroupByThresholds","DateFormats","DisplayFormats","getGroupBy","range","DateHelper","getFullDateRange","groupBy","currentDate","getChartData","events","fullDateRange","grouped","ev","eventDate","eventDateFormatted","roles","d","ArrayHelper","r","mapUserTypeToChartLabel","SchoolLoginsByMonthCardView","chartData","LineChart","SchoolLoginOverview","useSetPageMetadata","useSetHeaderTitle","useSetHeaderActions","getLoginHeaderActions"],"mappings":"8eAQMA,EAAY,kDACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAIrD,SAASG,GAAoC,CAClD,OACEC,EAAAA,KAACC,EAAA,CAAW,UAAU,qCACpB,SAAA,CAAAC,EAAAA,IAACD,EAAW,MAAX,CACC,IAAKE,EAAU,YAAY,OAAO,OAClC,UAAWC,EAAO,KAAA,CAAA,EAEpBF,MAACD,EAAW,QAAX,CAAmB,UAAU,KAC3B,SAAAJ,EAAU,SAAS,EACtB,EACAK,MAACD,EAAW,KAAX,CAAgB,UAAU,QACxB,SAAAJ,EAAU,aAAa,CAAA,CAC1B,CAAA,EACF,CAEJ,CCXA,MAAMD,EAAY,iCAGX,SAASS,GAA8B,OAC5C,MAAMC,EAAgBC,EAAA,EAEhBC,EAASC,EAAyCC,EAAc,OAAOJ,CAAa,CAAC,EAErFK,EAAaC,EAAA,EAEbC,EAAkBC,GAAkBA,IAAS,WAAaA,IAAS,KAAQ,QAAUA,EACrFC,EAAyBC,GAC7BC,EAAAT,EAAO,OAAP,YAAAS,EAAa,eACbJ,EACAC,GAAQI,EAAyBL,EAAeC,CAAI,CAAC,CAAA,EAEjDK,EAAmBJ,GAAA,YAAAA,EAAwB,OAAO,CAACK,EAAKC,IAAWD,EAAMC,EAAM,EAAI,GAEzF,OACEnB,MAAC,MAAA,CAAI,UAAU,sEACZ,WACCF,EAAAA,KAAAsB,WAAA,CACE,SAAA,CAAApB,EAAAA,IAAC,KAAA,CAAG,UAAU,UACZ,SAAAA,EAAAA,IAACqB,EAAA,CAAA,UACC3B,EACA,OAAQe,EAAa,sBAAwB,cAC7C,QAAS,CAAE,OAAQQ,CAAA,CAAiB,CAAA,EAExC,EAECJ,EAAuB,OACtBb,MAACsB,GAAW,UAAU,oBACpB,eAAC,MAAA,CAAI,UAAU,0BACb,SAAAtB,EAAAA,IAACuB,GAAiB,KAAMV,EAAwB,EAClD,CAAA,CACF,QACGhB,EAAA,CAAA,CAAkC,CAAA,EAEzC,EACEG,MAAC,MAAA,CAAI,UAAU,kCAAkC,aAAM,EAE7D,CAEJ,CClDA,MAAMwB,EAAoB,CACxB,MAAO,GACP,KAAM,GACR,EAEMC,EAAc,CAClB,IAAK,aACL,MAAO,UACP,KAAM,MACR,EAEMC,EAAiB,CACrB,IAAK,QACL,MAAO,MACP,KAAM,MACR,EAeA,SAASC,EAAWvB,EAAgD,CAClE,MAAMwB,EAAQC,EAAW,YAAYzB,EAAc,IAAKA,EAAc,MAAO,KAAK,EAElF,OAAIwB,EAAQJ,EAAkB,KACrB,OAELI,EAAQJ,EAAkB,MACrB,QAEF,KACT,CAEA,SAASM,EAAiB1B,EAAuC2B,EAA4B,CAC3F,MAAMH,EAAkB,CAAA,EAExB,IAAII,EAAcH,EAAW,OAAOzB,EAAc,MAAOqB,EAAYM,CAAO,CAAC,EAE7E,KAAO,CAACF,EAAW,QAAQG,EAAa5B,EAAc,IAAK2B,CAAO,GAChEH,EAAM,KAAKI,CAAW,EACtBA,EAAcH,EAAW,OAAOA,EAAW,IAAIG,EAAa,EAAGD,CAAO,EAAGN,EAAYM,CAAO,CAAC,EAG/F,OAAOH,CACT,CAEO,SAASK,EACdC,EACA9B,EACW,CACX,GAAI,CAAC8B,EAAQ,OAAO,KAEpB,MAAMH,EAAUJ,EAAWvB,CAAa,EAClC+B,EAAgBL,EAAiB1B,EAAe2B,CAAO,EAEvDK,EAA2B,CAAA,EAEjCF,EAAO,QAAQG,GAAM,CACnB,GAAI,CAACA,EAAG,SACN,OAEF,MAAMC,EAAY,uBAAwBD,GAAMA,EAAG,oBAAsB,oBAAqBA,GAAMA,EAAG,gBACjGE,EAAqBV,EAAW,OAAOA,EAAW,kBAAkBS,CAAS,EAAGb,EAAYM,CAAO,CAAC,EAE1GK,EAAQC,EAAG,QAAQ,EAAID,EAAQC,EAAG,QAAQ,GAAK,CAAA,EAC/CD,EAAQC,EAAG,QAAQ,EAAEE,CAAkB,EAAIH,EAAQC,EAAG,QAAQ,EAAEE,CAAkB,GAAK,EACvFH,EAAQC,EAAG,QAAQ,EAAEE,CAAkB,GAAKF,EAAG,KACjD,CAAC,EAED,MAAMG,EAAQ,OAAO,KAAKJ,CAAO,EAEjC,OAAKI,EAAM,OAKJ,CACL,WAAYL,EAAc,IAAIM,GAAKZ,EAAW,OAAOY,EAAGf,EAAeK,CAAO,CAAC,CAAC,EAChF,KACEW,EAAY,OAAOF,EAAM,IAAIG,IAAM,CACjC,KAAMC,EAAwBD,CAAC,EAC/B,KAAM,OACN,KAAMR,EAAc,IAAIM,GAAKL,EAAQO,CAAC,EAAEF,CAAC,GAAK,CAAC,EAC/C,MAAOzB,EAAyB2B,CAAC,CAAA,EACjC,EAAG,MAAM,CAAA,EAbW,CACxB,WAAYR,EAAc,IAAIM,GAAKZ,EAAW,OAAOY,EAAGf,EAAeK,CAAO,CAAC,CAAC,EAChF,KAAM,CAAA,CAAC,CAaX,CC7FA,MAAMrC,EAAY,iCAGX,SAASmD,GAA8B,OAC5C,MAAMzC,EAAgBC,EAAA,EAEhBC,EAASC,EAAyCC,EAAc,OAAOJ,CAAa,CAAC,EAErF0C,EAAYb,GAAalB,EAAAT,EAAO,OAAP,YAAAS,EAAa,KAAMX,CAAa,EAE/D,OACEJ,MAAC,MAAA,CAAI,UAAU,kEACZ,WACCF,EAAAA,KAAAsB,WAAA,CACE,SAAA,CAAApB,EAAAA,IAAC,KAAA,CAAG,UAAU,4BAA4B,SAAAA,EAAAA,IAACqB,aAAK3B,EAAsB,OAAO,gBAAgB,CAAA,CAAE,QAE9FqD,EAAA,CAAU,WAAYD,EAAU,WAAY,KAAMA,EAAU,IAAA,CAAM,CAAA,EACrE,EACE9C,MAAC,MAAA,CAAI,UAAU,kCAAkC,aAAM,EAC7D,CAEJ,yEClBMN,EAAY,6BACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAErD,SAASsD,IAAsB,CACpC,OAAAC,EAAmB,CAAE,MAAOtD,EAAU,OAAO,EAAG,EAChDuD,EAAkBvD,EAAU,OAAO,CAAC,EACpCwD,EAAoBC,GAAuB,EAGzCpD,EAAAA,IAAC,MAAA,CACC,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGE,EAAO,OAAO,GAC/B,SAAAF,EAAAA,IAACG,IAA4B,CAAA,CAC/B,EACAH,EAAAA,IAAC,OAAI,UAAW,GAAGE,EAAO,OAAO,GAC/B,SAAAF,EAAAA,IAAC6C,EAAA,CAAA,CAA4B,CAAA,CAC/B,CAAA,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/scripts/DNgLQx2d.chunk.js

@@ -1,2 +0,0 @@
-import{j as e,O as r,bF as y,L as j,e as w,u as C,T,ag as N}from"./app-BDrXtKwD.js";import{c as h,H as S,b as V,m as v,a as R}from"./Cu2SZCs_.chunk.js";import{V as p}from"./SsbfqiCA.chunk.js";const g={chart:{spacing:[4,0,4,0]},title:{text:null},tooltip:{enabled:!1},credits:{enabled:!1},yAxis:{gridLineWidth:0,labels:{enabled:!1},title:{text:null},endOnTick:!0,tickAmount:10},xAxis:{lineWidth:0,labels:{style:{...h}}},legend:{enabled:!1},plotOptions:{column:{borderRadius:4,dataLabels:{enabled:!0,style:h,inside:!1,crop:!1,overflow:"allow"},groupPadding:0,minPointLength:8}},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}}}]},O=(a,t)=>({...g,xAxis:{...g.xAxis,categories:a},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}},data:t}]});function _(a){const t=O(a.data.map(l=>l.name),a.data);return e.jsx(e.Fragment,{children:e.jsx(S,{highcharts:V,options:t,containerProps:{className:"h-100"}})})}const A="_image_1a110_1",I={image:A},L="reportsShared.totalViewsByRoleCardEmptyState",f=j.encloseNamespace(L);function F(){return e.jsxs(r,{className:"flex-grow-1 justify-content-center",children:[e.jsx(r.Image,{src:y.EmptyStates.Shared.Ticket,className:I.image}),e.jsx(r.Heading,{className:"h6",children:f("heading")}),e.jsx(r.Info,{className:"w-100",children:f("description")})]})}const B="reportsShared.videoViewsByRoleCard";function U(a){const t=w(),l=C(a.videoId?p.videoAggregation(a.videoId,"user_type",t):p.aggregation("user_type",t));function x(c){if(!c)return null;const n=c.reduce((s,i)=>{const m=[N.System,"255"].includes(i.name)?null:i.name,u=s.find(b=>b.name===m);return u?u.count+=i.count:s.push({name:m,count:i.count}),s},[]).map(s=>({name:R(s.name),y:s.count,color:v(s.name)})),d=n.findIndex(s=>s.name==="Staff");if(d>-1){const[s]=n.splice(d,1);n.push(s)}return n}const o=x(l.data);return e.jsx("div",{className:"d-flex flex-column h-100 bg-white rounded p-3",children:o?e.jsxs(e.Fragment,{children:[e.jsx("h2",{className:"h6 mb-3",children:e.jsx(T,{namespace:B,phrase:"videoViews"})}),o.length?e.jsx("div",{className:"flex-grow-1 position-relative",children:e.jsx("div",{className:"position-absolute w-100 h-100",children:e.jsx(_,{data:o})})}):e.jsx(F,{})]}):e.jsx("div",{className:"partial-loading-background w-25",children:" "})})}export{_ as C,U as V};
-//# sourceMappingURL=DNgLQx2d.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DNgLQx2d.chunk.js","sources":["../../src/shared/components/column-chart/ColumnChart.tsx","../../src/shared/views/overview-cards/video-views-by-role-card/empty-state/TotalViewsByRoleCardEmptyState.tsx","../../src/shared/views/overview-cards/video-views-by-role-card/VideoViewsByRoleCardView.tsx"],"sourcesContent":["import React from 'react';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\n\nimport { CHART_FONT_STYLES } from 'shared/constants/ChartStyles';\n\nconst STATIC_COLUMN_CHART_OPTIONS: Highcharts.Options = {\n  chart: {\n    spacing: [ 4, 0, 4, 0 ]\n  },\n  title: {\n    text: null\n  },\n  tooltip: {\n    enabled: false\n  },\n  credits: {\n    enabled: false\n  },\n  yAxis: {\n    gridLineWidth: 0,\n    labels: {\n      enabled: false\n    },\n    title: {\n      text: null\n    },\n    endOnTick: true,\n    tickAmount: 10\n  },\n  xAxis: {\n    lineWidth: 0,\n    labels: {\n      style: {\n        ...CHART_FONT_STYLES\n      }\n    }\n  },\n  legend: {\n    enabled: false\n  },\n  plotOptions: {\n    column: {\n      borderRadius: 4,\n      dataLabels: {\n        enabled: true,\n        style: CHART_FONT_STYLES,\n        inside: false,\n        crop: false,\n        overflow: 'allow'\n      },\n      groupPadding: 0,\n      minPointLength: 8\n    }\n  },\n  series: [{\n    type: 'column',\n    label: {\n      enabled: false\n    },\n    states: {\n      hover: {\n        enabled: false\n      }\n    }\n  }]\n};\n\nconst getChartOptions = (\n  categories: string[],\n  data: Highcharts.PointOptionsObject[]\n): Highcharts.Options => ({\n  ...STATIC_COLUMN_CHART_OPTIONS,\n  xAxis: {\n    ...STATIC_COLUMN_CHART_OPTIONS.xAxis,\n    categories\n  },\n  series: [{\n    type: 'column',\n    label: {\n      enabled: false\n    },\n    states: {\n      hover: {\n        enabled: false\n      }\n    },\n    data\n  }]\n});\n\ninterface ColumnChartProps {\n  data: Highcharts.PointOptionsObject[]\n}\n\nexport function ColumnChart(props: ColumnChartProps) {\n  const chartOptions = getChartOptions(props.data.map(data => data.name as string), props.data);\n\n  return (\n    <>\n      <HighchartsReact\n        highcharts={Highcharts}\n        options={chartOptions}\n        containerProps={{ className: 'h-100' }}\n      />\n    </>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nimport styles from './total-views-by-role-card-empty-state.module.scss';\n\nconst namespace = 'reportsShared.totalViewsByRoleCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\nexport function TotalViewsByRoleCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.Ticket}\n        className={styles.image}\n      />\n      <EmptyState.Heading className='h6'>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info className='w-100'>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\n\nimport { ColumnChart } from 'shared/components/column-chart/ColumnChart';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { mapUserTypeToChartColour, mapUserTypeToChartLabel } from 'shared/utils/UserUtils';\nimport { TotalViewsByRoleCardEmptyState } from 'shared/views/overview-cards/video-views-by-role-card/empty-state/TotalViewsByRoleCardEmptyState';\n\n\nconst namespace = 'reportsShared.videoViewsByRoleCard';\n\ninterface VideoViewsByRoleCardProps {\n  videoId?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function VideoViewsByRoleCardView(props: VideoViewsByRoleCardProps) {\n  const requestFilter = useGetRequestFilter();\n\n  const viewsByGroup = Flight.useBasicFetch<GroupedAnalyticsCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregation(props.videoId, 'user_type', requestFilter) :\n    VideoViewsV2Requests.aggregation('user_type', requestFilter));\n\n  function getChartData(views: GroupedAnalyticsCount[]): Highcharts.PointOptionsObject[] {\n    if (!views) return null;\n\n    // Bucketing System user data as Anonymous\n    const mergedViews = views.reduce((acc, val) => {\n      const key = [ UserGroup.System, '255' ].includes(val.name) ? null : val.name;\n      const existing = acc.find(v => v.name === key);\n\n      if (existing)\n        existing.count += val.count;\n      else\n        acc.push({ name: key, count: val.count });\n\n      return acc;\n    }, []);\n\n    const mappedGroups: Highcharts.PointOptionsObject[] = mergedViews.map(group => ({\n      name: mapUserTypeToChartLabel(group.name),\n      y: group.count,\n      color: mapUserTypeToChartColour(group.name as UserGroup)\n    }));\n\n    const staffIndex = mappedGroups.findIndex(group => group.name === 'Staff');\n\n    // Move Staff to last index\n    if (staffIndex > -1) {\n      const [staffObject] = mappedGroups.splice(staffIndex, 1);\n\n      mappedGroups.push(staffObject);\n    }\n    return mappedGroups;\n  }\n\n  const chartData = getChartData(viewsByGroup.data);\n\n  return (\n    <div className='d-flex flex-column h-100 bg-white rounded p-3'>\n      {chartData ?\n        <>\n          <h2 className='h6 mb-3'><Text namespace={namespace} phrase='videoViews' /></h2>\n\n          {chartData.length ?\n            <div className='flex-grow-1 position-relative'>\n              <div className='position-absolute w-100 h-100'>\n                <ColumnChart data={chartData} />\n              </div>\n            </div>\n            : <TotalViewsByRoleCardEmptyState />\n          }\n        </>\n        : <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}"],"names":["STATIC_COLUMN_CHART_OPTIONS","CHART_FONT_STYLES","getChartOptions","categories","data","ColumnChart","props","chartOptions","jsx","Fragment","HighchartsReact","Highcharts","namespace","getPhrase","LanguageService","TotalViewsByRoleCardEmptyState","jsxs","EmptyState","ImageUrls","styles","VideoViewsByRoleCardView","requestFilter","useGetRequestFilter","viewsByGroup","Flight.useBasicFetch","VideoViewsV2Requests","getChartData","views","mappedGroups","acc","val","key","UserGroup","existing","v","group","mapUserTypeToChartLabel","mapUserTypeToChartColour","staffIndex","staffObject","chartData","Text"],"mappings":"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"}

package/dist/scripts/DPPRKUKt.chunk.js

@@ -1,2 +0,0 @@
-import{v as i,cQ as F,p as o}from"./app-BDrXtKwD.js";const y=50;function C(e,c){const h=i.chunk(e,y).map(u=>c(i.uniq(u))),s=F(h),r=i.flatten(s.data),t=s.data.length?r.reduce((u,d)=>({...u,[d.id]:d}),{}):null;return{itemsArr:r,items:t,isFetching:s.isFetching,hasCompleted:s.hasCompleted}}function I(e,c,f){const h=(t=>typeof t=="object"?t.id:t),{fetchItems:s,...r}=q({getRequest:c});return o.useEffect(()=>{e!=null&&e.length&&s(e)},[e==null?void 0:e.map(h).join(",")]),r}function q(e){var p,g;const c=(n=>typeof n=="object"?n.id:n),f=o.useRef(new Set),[h,s]=o.useState([]);function r(n){if(!(n!=null&&n.length))return;const a=[];n.forEach(l=>{const m=c(l);f.current.has(m)||(a.push(l),f.current.add(m))}),a.length&&s(l=>[...l,...i.chunk(a,y).map(e.getRequest)])}const t=F(h),u=i.flatten(t.data),d=t.data.length?u.reduce((n,a)=>({...n,[c(a)]:a}),{}):null;return{hasFirstRequestCompleted:!!((g=(p=t.responses)==null?void 0:p[0])!=null&&g.hasCompleted),itemsArr:u,items:d,isFetching:t.isFetching,fetchItems:r}}export{I as a,C as u};
-//# sourceMappingURL=DPPRKUKt.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DPPRKUKt.chunk.js","sources":["../../../../libs/shared/src/hooks/UseBatchFetch.ts"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { BaseObject } from 'libs/shared/interfaces';\n\nconst CHUNK_SIZE = 50;\n\nexport interface UseBatchFetchResult<T extends BaseObject> {\n  itemsArr: T[];\n  items: { [key: string]: T} | null;\n  isFetching: boolean;\n  hasCompleted: boolean;\n}\n\n/**\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\n * requests if there are more than 25 items.\n * This will return items as null until we have all our items. Items will be returned as an object with\n * their ids as they key for easy mapping\n * \n * @param itemIds \n * @param getRequest \n */\nexport function useBatchFetch<T extends BaseObject>(\n  itemIds: string[],\n  getRequest: (ids: string[]) => Flight.Request\n): UseBatchFetchResult<T> {\n  const chunks = ArrayHelper.chunk<string>(itemIds, CHUNK_SIZE);\n\n  const requests = chunks.map(chunk => getRequest(ArrayHelper.uniq(chunk)));\n\n  const responses = Flight.useBasicFetchAll<T[]>(requests);\n\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce((acc, item) => ({ ...acc, [item.id]: item }), {})\n    : null;\n\n  return {\n    itemsArr,\n    items,\n    isFetching: responses.isFetching,\n    hasCompleted: responses.hasCompleted\n  };\n}\n\n/**\n * When you need the useBatchFetch() behavior, but your list of objects to hydrate\n * will grow, such as on a scrolling page. useGrowingBatchFetch() will use local state\n * to determine what we've already built a request for and what items are new\n * as to not re-fetch items - Sha\n */\nexport function useGrowingBatchFetch<TResponse, TObjects = string>(\n  objs: TObjects[],\n  getRequest: (items: TObjects[]) => Flight.Request,\n  _getKey?: (obj: TObjects) => string\n) {\n  const getKey = _getKey ?? ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const { fetchItems, ...data } = useGrowingBatchFetchFunc<TResponse, TObjects>({ getRequest, _getKey });\n\n  React.useEffect(() => {\n    if (!objs?.length)\n      return;\n\n    fetchItems(objs);\n  }, [objs?.map(getKey).join(',')]);\n\n  return data;\n}\n\ninterface UseGrowingBatchFetchFuncOptions<TObjects> {\n  getRequest: (items: TObjects[]) => Flight.Request;\n  _getKey?: (obj: TObjects) => string;\n}\n\n/**\n * When you need the useGrowingBatchFetch() behaviour, but need to trigger the\n * fetch manually and update the objects - Nish \n */\nexport function useGrowingBatchFetchFunc<TResponse, TObjects = string>(\n  options: UseGrowingBatchFetchFuncOptions<TObjects>\n) {\n  const getKey = options._getKey ?? ((obj: any) => {\n    if (typeof obj === 'object')\n      return obj.id;\n\n    return obj;\n  });\n\n  const fetchedItems = React.useRef<Set<string>>(new Set<string>());\n  const [ requests, setRequests ] = React.useState<Flight.Request[]>([]);\n\n  function fetchItems(objs: TObjects[]) {\n    if (!objs?.length)\n      return;\n\n    const unfetchedItems: TObjects[] = [];\n    \n    objs.forEach(obj => {\n      const key = getKey(obj);\n\n      if (fetchedItems.current.has(key))\n        return;\n\n      unfetchedItems.push(obj);\n      fetchedItems.current.add(key);\n    });\n      \n    if (!unfetchedItems.length)\n      return;\n    \n    setRequests(r => ([ ...r, ...ArrayHelper.chunk<TObjects>(unfetchedItems, CHUNK_SIZE).map(options.getRequest) ]));\n  }\n\n  const responses = Flight.useBasicFetchAll<TResponse[]>(requests);\n  const itemsArr = ArrayHelper.flatten(responses.data);\n  const items = responses.data.length\n    ? itemsArr.reduce<Record<string, TResponse>>((acc, item) => ({ ...acc, [getKey(item)]: item }), {})\n    : null;\n\n  return {\n    hasFirstRequestCompleted: !!responses.responses?.[0]?.hasCompleted,\n    itemsArr,\n    items,\n    isFetching: responses.isFetching,\n    fetchItems\n  };\n}\n"],"names":["CHUNK_SIZE","useBatchFetch","itemIds","getRequest","requests","ArrayHelper","chunk","responses","Flight.useBasicFetchAll","itemsArr","items","acc","item","useGrowingBatchFetch","objs","_getKey","getKey","obj","fetchItems","data","useGrowingBatchFetchFunc","React","options","fetchedItems","setRequests","unfetchedItems","key","r","_b","_a"],"mappings":"qDAOA,MAAMA,EAAa,GAkBZ,SAASC,EACdC,EACAC,EACwB,CAGxB,MAAMC,EAFSC,EAAY,MAAcH,EAASF,CAAU,EAEpC,IAAIM,GAASH,EAAWE,EAAY,KAAKC,CAAK,CAAC,CAAC,EAElEC,EAAYC,EAA6BJ,CAAQ,EAEjDK,EAAWJ,EAAY,QAAQE,EAAU,IAAI,EAC7CG,EAAQH,EAAU,KAAK,OACzBE,EAAS,OAAO,CAACE,EAAKC,KAAU,CAAE,GAAGD,EAAK,CAACC,EAAK,EAAE,EAAGA,IAAS,CAAA,CAAE,EAChE,KAEJ,MAAO,CACL,SAAAH,EACA,MAAAC,EACA,WAAYH,EAAU,WACtB,aAAcA,EAAU,YAAA,CAE5B,CAQO,SAASM,EACdC,EACAX,EACAY,EACA,CACA,MAAMC,GAAsBC,GACtB,OAAOA,GAAQ,SACVA,EAAI,GAENA,GAGH,CAAE,WAAAC,EAAY,GAAGC,CAAA,EAASC,EAA8C,CAAE,WAAAjB,CAAoB,CAAC,EAErG,OAAAkB,EAAM,UAAU,IAAM,CACfP,GAAA,MAAAA,EAAM,QAGXI,EAAWJ,CAAI,CACjB,EAAG,CAACA,GAAA,YAAAA,EAAM,IAAIE,GAAQ,KAAK,IAAI,CAAC,EAEzBG,CACT,CAWO,SAASC,EACdE,EACA,SACA,MAAMN,GAA8BC,GAC9B,OAAOA,GAAQ,SACVA,EAAI,GAENA,GAGHM,EAAeF,EAAM,OAAoB,IAAI,GAAa,EAC1D,CAAEjB,EAAUoB,CAAY,EAAIH,EAAM,SAA2B,CAAA,CAAE,EAErE,SAASH,EAAWJ,EAAkB,CACpC,GAAI,EAACA,GAAA,MAAAA,EAAM,QACT,OAEF,MAAMW,EAA6B,CAAA,EAEnCX,EAAK,QAAQG,GAAO,CAClB,MAAMS,EAAMV,EAAOC,CAAG,EAElBM,EAAa,QAAQ,IAAIG,CAAG,IAGhCD,EAAe,KAAKR,CAAG,EACvBM,EAAa,QAAQ,IAAIG,CAAG,EAC9B,CAAC,EAEID,EAAe,QAGpBD,EAAYG,GAAM,CAAE,GAAGA,EAAG,GAAGtB,EAAY,MAAgBoB,EAAgBzB,CAAU,EAAE,IAAIsB,EAAQ,UAAU,CAAE,CAAE,CACjH,CAEA,MAAMf,EAAYC,EAAqCJ,CAAQ,EACzDK,EAAWJ,EAAY,QAAQE,EAAU,IAAI,EAC7CG,EAAQH,EAAU,KAAK,OACzBE,EAAS,OAAkC,CAACE,EAAKC,KAAU,CAAE,GAAGD,EAAK,CAACK,EAAOJ,CAAI,CAAC,EAAGA,IAAS,CAAA,CAAE,EAChG,KAEJ,MAAO,CACL,yBAA0B,CAAC,GAACgB,GAAAC,EAAAtB,EAAU,YAAV,YAAAsB,EAAsB,KAAtB,MAAAD,EAA0B,cACtD,SAAAnB,EACA,MAAAC,EACA,WAAYH,EAAU,WACtB,WAAAW,CAAA,CAEJ"}

package/dist/scripts/DTDgnfLK.chunk.js

@@ -1,2 +0,0 @@
-import{s as u}from"./app-BDrXtKwD.js";import{g as a}from"./sFV5nxD4.chunk.js";var c=(o=>(o[o.RootTopic=1]="RootTopic",o[o.ChildTopic=2]="ChildTopic",o))(c||{});function i(o,r,t){return{...o,topicAnalyticsType:r,query:"cover",limit:t}}const v={topTopics(o,r,t,e,s){return{url:u.urlBuilder("{gateway}/v1/analytics/topics/top",i(o,r)),key:a(`top:topics:${r}`,o),success:t,error:e,always:s}},topTopicsV2(o,r,t,e,s,p){return{url:u.urlBuilder("{gateway}/v2/analytics/topics/top",i(o,r,t)),key:a(`top:topics:${r}:v2:${t}`,o),success:e,error:s,always:p}},viewsByTopic(o,r,t,e,s){return{url:u.urlBuilder("{gateway}/v1/analytics/topics/count",i(o,r)),key:a(`views:topics:${r}`,o),normalize:!1,success:t,error:e,always:s}}};export{c as T,v as a};
-//# sourceMappingURL=DTDgnfLK.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DTDgnfLK.chunk.js","sources":["../../src/shared/enums/TopicAnalyticsType.ts","../../src/shared/flight-requests/TopicRequests.ts"],"sourcesContent":["export enum TopicAnalyticsType {\n  RootTopic = 1,\n  ChildTopic = 2\n}","import { Xhr } from 'libs/common/backbone/interfaces';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsRequestFilter, Classification } from 'libs/shared/interfaces';\nimport { getAnalyticsRequestKey } from 'libs/shared/utils/AnalyticsRequestUtils';\n\nimport { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\n\nfunction getTopicRequestParams(\n  filter: AnalyticsRequestFilter,\n  topicAnalyticsType: TopicAnalyticsType,\n  limit?: number\n): HashObject {\n  return {\n    ...filter,\n    topicAnalyticsType,\n    query: 'cover',\n    limit\n  };\n}\n\nexport const TopicRequests = {\n  topTopics(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v1/analytics/topics/top',\n        getTopicRequestParams(filter, topicAnalyticsType)\n      ),\n      key: getAnalyticsRequestKey(`top:topics:${topicAnalyticsType}`, filter),\n      success,\n      error,\n      always\n    };\n  },\n\n  topTopicsV2(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    limit: number,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v2/analytics/topics/top',\n        getTopicRequestParams(filter, topicAnalyticsType, limit)\n      ),\n      key: getAnalyticsRequestKey(`top:topics:${topicAnalyticsType}:v2:${limit}`, filter),\n      success,\n      error,\n      always\n    };\n  },\n\n  viewsByTopic(\n    filter: AnalyticsRequestFilter,\n    topicAnalyticsType: TopicAnalyticsType,\n    success?: (data: Classification[]) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder(\n        '{gateway}/v1/analytics/topics/count',\n        getTopicRequestParams(filter, topicAnalyticsType)\n      ),\n      key: getAnalyticsRequestKey(`views:topics:${topicAnalyticsType}`, filter),\n      normalize: false,\n      success,\n      error,\n      always\n    };\n  }\n};"],"names":["TopicAnalyticsType","getTopicRequestParams","filter","topicAnalyticsType","limit","TopicRequests","success","error","always","UrlHelper","getAnalyticsRequestKey"],"mappings":"8EAAO,IAAKA,GAAAA,IACVA,EAAAA,EAAA,UAAY,CAAA,EAAZ,YACAA,EAAAA,EAAA,WAAa,CAAA,EAAb,aAFUA,IAAAA,GAAA,CAAA,CAAA,ECUZ,SAASC,EACPC,EACAC,EACAC,EACY,CACZ,MAAO,CACL,GAAGF,EACH,mBAAAC,EACA,MAAO,QACP,MAAAC,CAAA,CAEJ,CAEO,MAAMC,EAAgB,CAC3B,UACEH,EACAC,EACAG,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,oCACAR,EAAsBC,EAAQC,CAAkB,CAAA,EAElD,IAAKO,EAAuB,cAAcP,CAAkB,GAAID,CAAM,EACtE,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,EAEA,YACEN,EACAC,EACAC,EACAE,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,oCACAR,EAAsBC,EAAQC,EAAoBC,CAAK,CAAA,EAEzD,IAAKM,EAAuB,cAAcP,CAAkB,OAAOC,CAAK,GAAIF,CAAM,EAClF,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,EAEA,aACEN,EACAC,EACAG,EACAC,EACAC,EACgB,CAChB,MAAO,CACL,IAAKC,EAAU,WACb,sCACAR,EAAsBC,EAAQC,CAAkB,CAAA,EAElD,IAAKO,EAAuB,gBAAgBP,CAAkB,GAAID,CAAM,EACxE,UAAW,GACX,QAAAI,EACA,MAAAC,EACA,OAAAC,CAAA,CAEJ,CACF"}

package/dist/scripts/DTUnn1Hh.chunk.js

@@ -1,2 +0,0 @@
-import{j as o,t}from"./app-BDrXtKwD.js";function i({error:r}){return o.jsx(t,{error:r})}export{i as NotFoundView};
-//# sourceMappingURL=DTUnn1Hh.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DTUnn1Hh.chunk.js","sources":["../../src/apps/default/views/not-found/ReportsNotFoundView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\n\nimport { ErrorView } from 'apps/default/views/error/ReportsErrorView';\n\ninterface NotFoundViewProps {\n  error: ErrorPageError;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function NotFoundView({ error }: NotFoundViewProps): React.ReactElement {\n  return <ErrorView error={error} />;\n}"],"names":["NotFoundView","error","jsx","ErrorView"],"mappings":"wCAWO,SAASA,EAAa,CAAE,MAAAC,GAAgD,CAC7E,OAAOC,MAACC,GAAU,MAAAF,EAAc,CAClC"}

package/dist/scripts/DWKdFOij.chunk.js

@@ -1,2 +0,0 @@
-import{u as d,a as n,L as c,b as u,P as l,j as e}from"./app-BDrXtKwD.js";import{V as p,a as h}from"./Di60KvwG.chunk.js";import{u as v}from"./csPZD_eN.chunk.js";import{u as j,a as V}from"./B29cILrj.chunk.js";import{u as x}from"./ClkubQ2J.chunk.js";import{E as C}from"./BJDrvt1V.chunk.js";import{V as f}from"./D3rgHjw0.chunk.js";import{V as w}from"./BvJAziJf.chunk.js";import"./nR79RHo_.chunk.js";import"./H13OLF2T.chunk.js";import"./Cmh_kkGl.chunk.js";import"./BcPvb8J5.chunk.js";import"./BAb7U5e_.chunk.js";import"./BzoD15bZ.chunk.js";import"./lcnUAi0K.chunk.js";import"./Ctl4eE7j.chunk.js";import"./CVftTaOh.chunk.js";import"./K65Dt7jg.chunk.js";import"./5O9SdVRZ.chunk.js";import"./GybZtYpZ.chunk.js";import"./sFV5nxD4.chunk.js";import"./D4zllLcC.chunk.js";import"./DjgLQWKh.chunk.js";import"./BHgJhw0m.chunk.js";import"./Cu2SZCs_.chunk.js";import"./HdH1xgCy.chunk.js";import"./M-TSYEoo.chunk.js";import"./BKardFg7.chunk.js";import"./DTDgnfLK.chunk.js";const b="_column1_1i69v_1",N="_column2_1i69v_4",_="_barChart_1i69v_7",s={column1:b,column2:N,barChart:_},S="reportsVideos.videoOverview",g=c.encloseNamespace(S);function ae(i){var t,o;const a=d(p.video(i.id));n({title:a.data?g("pageTitle",{video:(t=a.data)==null?void 0:t.name}):null}),x((o=a.data)==null?void 0:o.name),j(V(a.data)),v(a);const{hasPermissions:m}=u(),r=!m(l.ViewCustomerAnalytics);return e.jsxs("div",{children:[e.jsx(h,{id:i.id}),e.jsxs("div",{className:"d-flex",children:[e.jsx("div",{className:`pe-2 ${s.column1}`,children:e.jsx(w,{objectId:i.id,useSharerId:r,className:"h-100"})}),e.jsxs("div",{className:`ps-2 ${s.column2}`,children:[e.jsx(f,{objectId:i.id,useSharerId:r,className:s.barChart}),e.jsx("div",{className:"mt-3",children:e.jsx(C,{objectId:i.id,useSharerId:r,layout:"horizontal"})})]})]})]})}export{ae as VideoOverviewView};
-//# sourceMappingURL=DWKdFOij.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DWKdFOij.chunk.js","sources":["../../src/apps/videos/views/video-overview/VideoOverviewView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Video } from 'libs/shared/interfaces';\n\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\nimport { useHandleVideoError } from 'shared/hooks/UseHandleVideoError';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { useGetObjectHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { EngagementOverviewCardView } from 'shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView';\nimport { ViewCountBarChartCardView } from 'shared/views/overview-cards/view-count-bar-chart-card/ViewCountBarChartCardView';\nimport { ViewCountPieChartCardView } from 'shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView';\n\nimport { VideoNav } from 'apps/videos/components/video-nav/VideoNav';\n\nimport styles from './video-overview.module.scss';\n\nconst namespace = 'reportsVideos.videoOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface VideoOverviewViewProps {\n  id: string;\n}\n\nexport function VideoOverviewView(props: VideoOverviewViewProps): JSX.Element {\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.id));\n  \n  useSetPageMetadata({ title: video.data ? getPhrase('pageTitle', { video: video.data?.name }) : null });\n  useSetHeaderTitle(video.data?.name);\n  useSetHeaderActions(useGetObjectHeaderActions(video.data));\n  useHandleVideoError(video);\n\n  const { hasPermissions } = usePermissions();\n\n  const scopeBySharerId = !hasPermissions(PermissionName.ViewCustomerAnalytics);\n\n  return (\n    <div>\n      <VideoNav id={props.id} />\n      <div className='d-flex'>\n        <div className={`pe-2 ${styles.column1}`}>\n          <ViewCountPieChartCardView\n            objectId={props.id}\n            useSharerId={scopeBySharerId}\n            className='h-100'\n          />\n        </div>\n        <div className={`ps-2 ${styles.column2}`}>\n          <ViewCountBarChartCardView\n            objectId={props.id}\n            useSharerId={scopeBySharerId}\n            className={styles.barChart}\n          />\n          <div className='mt-3'>\n            <EngagementOverviewCardView\n              objectId={props.id}\n              useSharerId={scopeBySharerId}\n              layout='horizontal'\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","VideoOverviewView","props","video","Flight.useBasicFetch","VideoRequests","useSetPageMetadata","_a","useSetHeaderTitle","_b","useSetHeaderActions","useGetObjectHeaderActions","useHandleVideoError","hasPermissions","usePermissions","scopeBySharerId","PermissionName","jsx","VideoNav","jsxs","styles","ViewCountPieChartCardView","ViewCountBarChartCardView","EngagementOverviewCardView"],"mappings":"oiCAuBMA,EAAY,8BACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAMrD,SAASG,GAAkBC,EAA4C,SAC5E,MAAMC,EAAQC,EAA4BC,EAAc,MAAMH,EAAM,EAAE,CAAC,EAEvEI,EAAmB,CAAE,MAAOH,EAAM,KAAOJ,EAAU,YAAa,CAAE,OAAOQ,EAAAJ,EAAM,OAAN,YAAAI,EAAY,IAAA,CAAM,EAAI,KAAM,EACrGC,GAAkBC,EAAAN,EAAM,OAAN,YAAAM,EAAY,IAAI,EAClCC,EAAoBC,EAA0BR,EAAM,IAAI,CAAC,EACzDS,EAAoBT,CAAK,EAEzB,KAAM,CAAE,eAAAU,CAAA,EAAmBC,EAAA,EAErBC,EAAkB,CAACF,EAAeG,EAAe,qBAAqB,EAE5E,cACG,MAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAS,GAAIhB,EAAM,EAAA,CAAI,EACxBiB,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAF,MAAC,MAAA,CAAI,UAAW,QAAQG,EAAO,OAAO,GACpC,SAAAH,EAAAA,IAACI,EAAA,CACC,SAAUnB,EAAM,GAChB,YAAaa,EACb,UAAU,OAAA,CAAA,EAEd,SACC,MAAA,CAAI,UAAW,QAAQK,EAAO,OAAO,GACpC,SAAA,CAAAH,EAAAA,IAACK,EAAA,CACC,SAAUpB,EAAM,GAChB,YAAaa,EACb,UAAWK,EAAO,QAAA,CAAA,EAEpBH,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACM,EAAA,CACC,SAAUrB,EAAM,GAChB,YAAaa,EACb,OAAO,YAAA,CAAA,CACT,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}