@clickview/reports 0.87.0-rc.0 → 0.87.0

package/dist/scripts/{DkXQWig4.chunk.js → CPfbCh7G.chunk.js}

@@ -1,2 +1,2 @@
-import{Kn as e,P as t,U as n,st as r}from"./BSV_W0cK.chunk.js";import{n as i}from"./COrUmz0l.chunk.js";import{n as a}from"./DLiesDxa.chunk.js";import{t as o}from"./Dhb09xKG.chunk.js";import{t as s}from"./Bqlm3yF_.chunk.js";import{t as c}from"./Btl_wt9M.chunk.js";import{l,n as u,t as d}from"./DjcvhO-s.chunk.js";import{N as f,P as p,i as m}from"./app-BeoBow2q.js";import{t as h}from"./DPmS69Mt2.chunk.js";import{t as g}from"./B_HlStqa2.chunk.js";var _=e(r(),1),v=t(),y=`reportsDefault.classroomSizeSelector`,b=10,x=40;function S(e){return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeTitle`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeDescription`})}),(0,v.jsx)(`label`,{className:`mb-1`,htmlFor:`classroomSize`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeLabel`})}),(0,v.jsx)(l.Range,{id:`classroomSize`,min:b,max:x,step:1,value:e.classroomSize,onChange:t=>e.onClassroomSizeChanged(Number(t.target.value))}),(0,v.jsxs)(`div`,{className:`d-flex justify-content-between small mb-2`,children:[(0,v.jsx)(`span`,{children:b}),(0,v.jsx)(`span`,{children:x})]}),(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeSummary`,options:{count:e.classroomSize}})})]})}var C=`reportsDefault.classroomViewsToggle`;function w(e){return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3 d-flex align-items-center gap-3`,e.className),children:[(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:C,phrase:`title`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:C,phrase:`description`})})]}),(0,v.jsx)(u,{on:e.enabled,floatEnd:!1,onClick:()=>e.onEnabledChanged(!e.enabled)})]})}var T=`reportsDefault.schoolHoursSelector`,E=[6,7,8,9,10,11,12,13,14,15,16,17,18],D=o.getTimezones();function O(e){let[t,n]=_.useState(!1),r=e.startHour<e.endHour;return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursTitle`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursDescription`})}),(0,v.jsxs)(`div`,{className:`d-flex align-items-end gap-3 mb-2`,children:[(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`startTimeLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.startHour,onChange:t=>e.onStartHourChanged(Number(t.target.value)),children:E.map(e=>(0,v.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]}),(0,v.jsx)(`span`,{className:`pb-2`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursTo`})}),(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`endTimeLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.endHour,onChange:t=>e.onEndHourChanged(Number(t.target.value)),children:E.map(e=>(0,v.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]})]}),r?(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursSummary`,options:{startTime:o.hourToFriendlyString(e.startHour),endTime:o.hourToFriendlyString(e.endHour)}})}):(0,v.jsx)(`p`,{className:`text-danger mb-0`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursValidation`})}),(0,v.jsx)(`div`,{className:`mt-3`,children:t?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`label`,{className:`mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`timezoneLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.timezone,onChange:t=>e.onTimezoneChanged(t.target.value),children:D.map(e=>(0,v.jsx)(`option`,{value:e,children:e},e))})]}):(0,v.jsxs)(`span`,{className:`text-secondary`,children:[(0,v.jsx)(a,{namespace:T,phrase:`timezoneCurrent`,options:{timezone:e.timezone}}),` — `,(0,v.jsx)(`button`,{className:`btn btn-link text-info p-0 align-baseline`,onClick:()=>n(!0),children:(0,v.jsx)(a,{namespace:T,phrase:`timezoneChange`})})]})})]})}var k=`reports.classroomViewsPopup`,A=s.encloseNamespace(k);function j(e){let t=m(n.ClassroomViewsPopup),{enableAlert:r}=g(t.hasClassroomViews),i=h(),s=o.timeStringToHour(t.schoolStartTime),l=o.timeStringToHour(t.schoolEndTime),[u,y]=_.useState(t.hasClassroomViews),[b,x]=_.useState(t.classroomSize),[C,T]=_.useState(t.timezone),[E,D]=_.useState(s),[j,M]=_.useState(l),[N,P]=_.useState(!1),F=u?E<j&&C:!0,I=u!==t.hasClassroomViews||b!==t.classroomSize||C!==t.timezone||E!==s||j!==l;async function L(){try{P(!0),await t.updateSettingsAsync({hasClassroomViews:u,schoolStartTime:o.hourToTimeString(E),schoolEndTime:o.hourToTimeString(j),timezone:C,classroomSize:b}),i.success(A(`success`)),u||r(),e.closePopup()}catch{i.error(A(`error`))}finally{P(!1)}}return(0,v.jsxs)(c,{closePopup:e.closePopup,title:A(`title`),size:`lg`,children:[(0,v.jsx)(`p`,{children:(0,v.jsx)(a,{namespace:k,phrase:`description1`})}),(0,v.jsx)(`p`,{children:(0,v.jsx)(a,{namespace:k,phrase:`description2`})}),(0,v.jsx)(w,{className:`my-3`,enabled:u,onEnabledChanged:y}),u&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(S,{className:`mb-3`,classroomSize:b,onClassroomSizeChanged:x}),(0,v.jsx)(O,{className:`mb-3`,startHour:E,endHour:j,timezone:C,onStartHourChanged:D,onEndHourChanged:M,onTimezoneChanged:T})]}),(0,v.jsxs)(d,{className:`justify-content-between`,children:[(0,v.jsx)(`a`,{href:f.getLiteArticle(p.ClassroomViews),target:`_blank`,rel:`noopener noreferrer`,className:`text-info`,children:(0,v.jsx)(a,{namespace:k,phrase:`learnMore`})}),(0,v.jsxs)(`div`,{className:`d-flex`,children:[(0,v.jsx)(d.Cancel,{onClick:e.closePopup,text:A(`close`)}),(0,v.jsx)(d.Submit,{onClick:L,text:A(`save`),showSpinner:N,variant:`dark`,disabled:!F||!I})]})]})]})}export{j as ClassroomViewsPopupView};
-//# sourceMappingURL=DkXQWig4.chunk.js.map
+import{Kn as e,P as t,U as n,st as r}from"./BSV_W0cK.chunk.js";import{n as i}from"./COrUmz0l.chunk.js";import{n as a}from"./DLiesDxa.chunk.js";import{t as o}from"./Dhb09xKG.chunk.js";import{t as s}from"./Bqlm3yF_.chunk.js";import{t as c}from"./Btl_wt9M.chunk.js";import{l,n as u,t as d}from"./DjcvhO-s.chunk.js";import{N as f,P as p,i as m}from"./app-CirLTvga.js";import{t as h}from"./BfXnhpYV2.chunk.js";import{t as g}from"./CYTD62SM2.chunk.js";var _=e(r(),1),v=t(),y=`reportsDefault.classroomSizeSelector`,b=10,x=40;function S(e){return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeTitle`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeDescription`})}),(0,v.jsx)(`label`,{className:`mb-1`,htmlFor:`classroomSize`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeLabel`})}),(0,v.jsx)(l.Range,{id:`classroomSize`,min:b,max:x,step:1,value:e.classroomSize,onChange:t=>e.onClassroomSizeChanged(Number(t.target.value))}),(0,v.jsxs)(`div`,{className:`d-flex justify-content-between small mb-2`,children:[(0,v.jsx)(`span`,{children:b}),(0,v.jsx)(`span`,{children:x})]}),(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:y,phrase:`classroomSizeSummary`,options:{count:e.classroomSize}})})]})}var C=`reportsDefault.classroomViewsToggle`;function w(e){return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3 d-flex align-items-center gap-3`,e.className),children:[(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:C,phrase:`title`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:C,phrase:`description`})})]}),(0,v.jsx)(u,{on:e.enabled,floatEnd:!1,onClick:()=>e.onEnabledChanged(!e.enabled)})]})}var T=`reportsDefault.schoolHoursSelector`,E=[6,7,8,9,10,11,12,13,14,15,16,17,18],D=o.getTimezones();function O(e){let[t,n]=_.useState(!1),r=e.startHour<e.endHour;return(0,v.jsxs)(`div`,{className:i(`border rounded-3 p-3`,e.className),children:[(0,v.jsx)(`h3`,{className:`h6 fw-semibold mb-1`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursTitle`})}),(0,v.jsx)(`p`,{className:`text-secondary mb-3`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursDescription`})}),(0,v.jsxs)(`div`,{className:`d-flex align-items-end gap-3 mb-2`,children:[(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`startTimeLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.startHour,onChange:t=>e.onStartHourChanged(Number(t.target.value)),children:E.map(e=>(0,v.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]}),(0,v.jsx)(`span`,{className:`pb-2`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursTo`})}),(0,v.jsxs)(`div`,{className:`flex-grow-1`,children:[(0,v.jsx)(`label`,{className:`small mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`endTimeLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.endHour,onChange:t=>e.onEndHourChanged(Number(t.target.value)),children:E.map(e=>(0,v.jsx)(`option`,{value:e,children:o.hourToFriendlyString(e)},e))})]})]}),r?(0,v.jsx)(`p`,{className:`text-secondary mb-0`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursSummary`,options:{startTime:o.hourToFriendlyString(e.startHour),endTime:o.hourToFriendlyString(e.endHour)}})}):(0,v.jsx)(`p`,{className:`text-danger mb-0`,children:(0,v.jsx)(a,{namespace:T,phrase:`schoolHoursValidation`})}),(0,v.jsx)(`div`,{className:`mt-3`,children:t?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(`label`,{className:`mb-1 d-block`,children:(0,v.jsx)(a,{namespace:T,phrase:`timezoneLabel`})}),(0,v.jsx)(`select`,{className:`form-select`,value:e.timezone,onChange:t=>e.onTimezoneChanged(t.target.value),children:D.map(e=>(0,v.jsx)(`option`,{value:e,children:e},e))})]}):(0,v.jsxs)(`span`,{className:`text-secondary`,children:[(0,v.jsx)(a,{namespace:T,phrase:`timezoneCurrent`,options:{timezone:e.timezone}}),` — `,(0,v.jsx)(`button`,{className:`btn btn-link text-info p-0 align-baseline`,onClick:()=>n(!0),children:(0,v.jsx)(a,{namespace:T,phrase:`timezoneChange`})})]})})]})}var k=`reports.classroomViewsPopup`,A=s.encloseNamespace(k);function j(e){let t=m(n.ClassroomViewsPopup),{enableAlert:r}=g(t.hasClassroomViews),i=h(),s=o.timeStringToHour(t.schoolStartTime),l=o.timeStringToHour(t.schoolEndTime),[u,y]=_.useState(t.hasClassroomViews),[b,x]=_.useState(t.classroomSize),[C,T]=_.useState(t.timezone),[E,D]=_.useState(s),[j,M]=_.useState(l),[N,P]=_.useState(!1),F=u?E<j&&C:!0,I=u!==t.hasClassroomViews||b!==t.classroomSize||C!==t.timezone||E!==s||j!==l;async function L(){try{P(!0),await t.updateSettingsAsync({hasClassroomViews:u,schoolStartTime:o.hourToTimeString(E),schoolEndTime:o.hourToTimeString(j),timezone:C,classroomSize:b}),i.success(A(`success`)),u||r(),e.closePopup()}catch{i.error(A(`error`))}finally{P(!1)}}return(0,v.jsxs)(c,{closePopup:e.closePopup,title:A(`title`),size:`lg`,children:[(0,v.jsx)(`p`,{children:(0,v.jsx)(a,{namespace:k,phrase:`description1`})}),(0,v.jsx)(`p`,{children:(0,v.jsx)(a,{namespace:k,phrase:`description2`})}),(0,v.jsx)(w,{className:`my-3`,enabled:u,onEnabledChanged:y}),u&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(S,{className:`mb-3`,classroomSize:b,onClassroomSizeChanged:x}),(0,v.jsx)(O,{className:`mb-3`,startHour:E,endHour:j,timezone:C,onStartHourChanged:D,onEndHourChanged:M,onTimezoneChanged:T})]}),(0,v.jsxs)(d,{className:`justify-content-between`,children:[(0,v.jsx)(`a`,{href:f.getLiteArticle(p.ClassroomViews),target:`_blank`,rel:`noopener noreferrer`,className:`text-info`,children:(0,v.jsx)(a,{namespace:k,phrase:`learnMore`})}),(0,v.jsxs)(`div`,{className:`d-flex`,children:[(0,v.jsx)(d.Cancel,{onClick:e.closePopup,text:A(`close`)}),(0,v.jsx)(d.Submit,{onClick:L,text:A(`save`),showSpinner:N,variant:`dark`,disabled:!F||!I})]})]})]})}export{j as ClassroomViewsPopupView};
+//# sourceMappingURL=CPfbCh7G.chunk.js.map

package/dist/scripts/{DkXQWig4.chunk.js.map → CPfbCh7G.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DkXQWig4.chunk.js","names":[],"sources":["../../src/apps/default/views/classroom-views-popup/components/classroom-size-selector/ClassroomSizeSelector.tsx","../../src/apps/default/views/classroom-views-popup/components/classroom-views-toggle/ClassroomViewsToggle.tsx","../../src/apps/default/views/classroom-views-popup/components/school-hours-selector/SchoolHoursSelector.tsx","../../src/apps/default/views/classroom-views-popup/ClassroomViewsPopupView.tsx"],"sourcesContent":["import React from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.classroomSizeSelector';\n\nconst MIN_CLASSROOM_SIZE = 10;\nconst MAX_CLASSROOM_SIZE = 40;\n\ninterface ClassroomSizeSelectorProps {\n  className?: string;\n  classroomSize: number;\n  onClassroomSizeChanged: (size: number) => void;\n}\n\nexport function ClassroomSizeSelector(props: ClassroomSizeSelectorProps) {\n  return (\n    <div className={classNames('border rounded-3 p-3', props.className)}>\n      <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='classroomSizeTitle' /></h3>\n      <p className='text-secondary mb-3'><Text namespace={namespace} phrase='classroomSizeDescription' /></p>\n\n      <label className='mb-1' htmlFor='classroomSize'><Text namespace={namespace} phrase='classroomSizeLabel' /></label>\n\n      <Form.Range\n        id='classroomSize'\n        min={MIN_CLASSROOM_SIZE}\n        max={MAX_CLASSROOM_SIZE}\n        step={1}\n        value={props.classroomSize}\n        onChange={e => props.onClassroomSizeChanged(Number(e.target.value))}\n      />\n      <div className='d-flex justify-content-between small mb-2'>\n        <span>{MIN_CLASSROOM_SIZE}</span>\n        <span>{MAX_CLASSROOM_SIZE}</span>\n      </div>\n\n      <p className='text-secondary mb-0'>\n        <Text namespace={namespace} phrase='classroomSizeSummary' options={{ count: props.classroomSize }} />\n      </p>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nconst namespace = 'reportsDefault.classroomViewsToggle';\n\ninterface ClassroomViewsToggleProps {\n  className?: string;\n  enabled: boolean;\n  onEnabledChanged: (enabled: boolean) => void;\n}\n\nexport function ClassroomViewsToggle(props: ClassroomViewsToggleProps) {\n  return (\n    <div className={classNames('border rounded-3 p-3 d-flex align-items-center gap-3', props.className)}>\n      <div className='flex-grow-1'>\n        <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='title' /></h3>\n        <p className='text-secondary mb-0'><Text namespace={namespace} phrase='description' /></p>\n      </div>\n\n      <ToggleSwitch\n        on={props.enabled}\n        floatEnd={false}\n        onClick={() => props.onEnabledChanged(!props.enabled)}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.schoolHoursSelector';\n\nconst SCHOOL_HOURS = [ 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 ];\nconst ALL_TIMEZONES = DateHelper.getTimezones();\n\ninterface SchoolHoursSelectorProps {\n  className?: string;\n  startHour: number;\n  endHour: number;\n  timezone: string;\n  onStartHourChanged: (hour: number) => void;\n  onEndHourChanged: (hour: number) => void;\n  onTimezoneChanged: (tz: string) => void;\n}\n\nexport function SchoolHoursSelector(props: SchoolHoursSelectorProps) {\n  const [ showTimezoneSelect, setShowTimezoneSelect ] = React.useState(false);\n\n  const isTimeRangeValid = props.startHour < props.endHour;\n\n  return (\n    <div className={classNames('border rounded-3 p-3', props.className)}>\n      <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='schoolHoursTitle' /></h3>\n      <p className='text-secondary mb-3'><Text namespace={namespace} phrase='schoolHoursDescription' /></p>\n\n      <div className='d-flex align-items-end gap-3 mb-2'>\n        <div className='flex-grow-1'>\n          <label className='small mb-1 d-block'><Text namespace={namespace} phrase='startTimeLabel' /></label>\n          <select\n            className='form-select'\n            value={props.startHour}\n            onChange={e => props.onStartHourChanged(Number(e.target.value))}\n          >\n            {SCHOOL_HOURS.map(hour => (\n              <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n            ))}\n          </select>\n        </div>\n        <span className='pb-2'><Text namespace={namespace} phrase='schoolHoursTo' /></span>\n        <div className='flex-grow-1'>\n          <label className='small mb-1 d-block'><Text namespace={namespace} phrase='endTimeLabel' /></label>\n          <select\n            className='form-select'\n            value={props.endHour}\n            onChange={e => props.onEndHourChanged(Number(e.target.value))}\n          >\n            {SCHOOL_HOURS.map(hour => (\n              <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n            ))}\n          </select>\n        </div>\n      </div>\n\n      {isTimeRangeValid ? (\n        <p className='text-secondary mb-0'>\n          <Text\n            namespace={namespace}\n            phrase='schoolHoursSummary'\n            options={{\n              startTime: DateHelper.hourToFriendlyString(props.startHour),\n              endTime: DateHelper.hourToFriendlyString(props.endHour)\n            }}\n          />\n        </p>\n      ) : (\n        <p className='text-danger mb-0'>\n          <Text namespace={namespace} phrase='schoolHoursValidation' />\n        </p>\n      )}\n\n      <div className='mt-3'>\n        {showTimezoneSelect ? (\n          <>\n            <label className='mb-1 d-block'><Text namespace={namespace} phrase='timezoneLabel' /></label>\n            <select className='form-select' value={props.timezone} onChange={e => props.onTimezoneChanged(e.target.value)}>\n              {ALL_TIMEZONES.map(tz => (\n                <option key={tz} value={tz}>{tz}</option>\n              ))}\n            </select>\n          </>\n        ) : (\n          <span className='text-secondary'>\n            <Text namespace={namespace} phrase='timezoneCurrent' options={{ timezone: props.timezone }} />\n            {' — '}\n            <button className='btn btn-link text-info p-0 align-baseline' onClick={() => setShowTimezoneSelect(true)}>\n              <Text namespace={namespace} phrase='timezoneChange' />\n            </button>\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { PopupViewProps } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { useClassroomViewsAlert } from 'shared/hooks/useClassroomViewsAlert';\nimport { useClassroomViewsSettings } from 'shared/hooks/useClassroomViewsSettings';\n\nimport { ClassroomSizeSelector } from './components/classroom-size-selector/ClassroomSizeSelector';\nimport { ClassroomViewsToggle } from './components/classroom-views-toggle/ClassroomViewsToggle';\nimport { SchoolHoursSelector } from './components/school-hours-selector/SchoolHoursSelector';\n\nconst namespace = 'reports.classroomViewsPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function ClassroomViewsPopupView(props: PopupViewProps): JSX.Element {\n  const classroomViewsSettings = useClassroomViewsSettings(LocationContext.ClassroomViewsPopup);\n  const { enableAlert } = useClassroomViewsAlert(classroomViewsSettings.hasClassroomViews);\n  const alerts = useAlerts();\n\n  const initialStartHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolStartTime);\n  const initialEndHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolEndTime);\n  \n  const [ hasClassroomViews, setHasClassroomViews ] = React.useState(classroomViewsSettings.hasClassroomViews);\n  const [ classroomSize, setClassroomSize ] = React.useState(classroomViewsSettings.classroomSize);\n  const [ timezone, setTimezone ] = React.useState(classroomViewsSettings.timezone);\n  const [ schoolStartHour, setSchoolStartHour ] = React.useState(initialStartHour);\n  const [ schoolEndHour, setSchoolEndHour ] = React.useState(initialEndHour);\n  const [ isSaving, setIsSaving ] = React.useState(false);\n\n  const isFormValid = hasClassroomViews ? (schoolStartHour < schoolEndHour && timezone) : true;\n  const isDirty = hasClassroomViews !== classroomViewsSettings.hasClassroomViews\n    || classroomSize !== classroomViewsSettings.classroomSize\n    || timezone !== classroomViewsSettings.timezone\n    || schoolStartHour !== initialStartHour\n    || schoolEndHour !== initialEndHour;\n\n  async function onSave() {\n    try {\n      setIsSaving(true);\n      \n      await classroomViewsSettings.updateSettingsAsync({\n        hasClassroomViews,\n        schoolStartTime: DateHelper.hourToTimeString(schoolStartHour),\n        schoolEndTime: DateHelper.hourToTimeString(schoolEndHour),\n        timezone,\n        classroomSize\n      });\n      \n      alerts.success(getPhrase('success'));\n\n      // We re-enable the alert if the user has just turned off Classroom Views, \n      // to give them a reminder about the feature and how to turn it back on..\n      if (!hasClassroomViews)\n        enableAlert();\n      \n      props.closePopup();\n    } catch {\n      alerts.error(getPhrase('error'));\n    } finally {\n      setIsSaving(false);\n    }\n  }\n\n  return (\n    <Popup\n      closePopup={props.closePopup}\n      title={getPhrase('title')}\n      size='lg'\n    >\n      <p><Text namespace={namespace} phrase='description1' /></p>\n      <p><Text namespace={namespace} phrase='description2' /></p>\n\n      <ClassroomViewsToggle\n        className='my-3'\n        enabled={hasClassroomViews}\n        onEnabledChanged={setHasClassroomViews}\n      />\n\n      {hasClassroomViews && (\n        <>\n          <ClassroomSizeSelector\n            className='mb-3'\n            classroomSize={classroomSize}\n            onClassroomSizeChanged={setClassroomSize}\n          />\n\n          <SchoolHoursSelector\n            className='mb-3'\n            startHour={schoolStartHour}\n            endHour={schoolEndHour}\n            timezone={timezone}\n            onStartHourChanged={setSchoolStartHour}\n            onEndHourChanged={setSchoolEndHour}\n            onTimezoneChanged={setTimezone}\n          />\n        </>\n      )}\n\n      <PopupButtons className='justify-content-between'>\n        <a href={ArticleHelper.getLiteArticle(LiteSupportArticle.ClassroomViews)} target='_blank' rel='noopener noreferrer' className='text-info'>\n          <Text namespace={namespace} phrase='learnMore' />\n        </a>\n        <div className='d-flex'>\n          <PopupButtons.Cancel onClick={props.closePopup} text={getPhrase('close')} />\n          <PopupButtons.Submit onClick={onSave} text={getPhrase('save')} showSpinner={isSaving} variant='dark' disabled={!isFormValid || !isDirty} />\n        </div>\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CPfbCh7G.chunk.js","names":[],"sources":["../../src/apps/default/views/classroom-views-popup/components/classroom-size-selector/ClassroomSizeSelector.tsx","../../src/apps/default/views/classroom-views-popup/components/classroom-views-toggle/ClassroomViewsToggle.tsx","../../src/apps/default/views/classroom-views-popup/components/school-hours-selector/SchoolHoursSelector.tsx","../../src/apps/default/views/classroom-views-popup/ClassroomViewsPopupView.tsx"],"sourcesContent":["import React from 'react';\nimport { Form } from 'react-bootstrap';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.classroomSizeSelector';\n\nconst MIN_CLASSROOM_SIZE = 10;\nconst MAX_CLASSROOM_SIZE = 40;\n\ninterface ClassroomSizeSelectorProps {\n  className?: string;\n  classroomSize: number;\n  onClassroomSizeChanged: (size: number) => void;\n}\n\nexport function ClassroomSizeSelector(props: ClassroomSizeSelectorProps) {\n  return (\n    <div className={classNames('border rounded-3 p-3', props.className)}>\n      <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='classroomSizeTitle' /></h3>\n      <p className='text-secondary mb-3'><Text namespace={namespace} phrase='classroomSizeDescription' /></p>\n\n      <label className='mb-1' htmlFor='classroomSize'><Text namespace={namespace} phrase='classroomSizeLabel' /></label>\n\n      <Form.Range\n        id='classroomSize'\n        min={MIN_CLASSROOM_SIZE}\n        max={MAX_CLASSROOM_SIZE}\n        step={1}\n        value={props.classroomSize}\n        onChange={e => props.onClassroomSizeChanged(Number(e.target.value))}\n      />\n      <div className='d-flex justify-content-between small mb-2'>\n        <span>{MIN_CLASSROOM_SIZE}</span>\n        <span>{MAX_CLASSROOM_SIZE}</span>\n      </div>\n\n      <p className='text-secondary mb-0'>\n        <Text namespace={namespace} phrase='classroomSizeSummary' options={{ count: props.classroomSize }} />\n      </p>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nconst namespace = 'reportsDefault.classroomViewsToggle';\n\ninterface ClassroomViewsToggleProps {\n  className?: string;\n  enabled: boolean;\n  onEnabledChanged: (enabled: boolean) => void;\n}\n\nexport function ClassroomViewsToggle(props: ClassroomViewsToggleProps) {\n  return (\n    <div className={classNames('border rounded-3 p-3 d-flex align-items-center gap-3', props.className)}>\n      <div className='flex-grow-1'>\n        <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='title' /></h3>\n        <p className='text-secondary mb-0'><Text namespace={namespace} phrase='description' /></p>\n      </div>\n\n      <ToggleSwitch\n        on={props.enabled}\n        floatEnd={false}\n        onClick={() => props.onEnabledChanged(!props.enabled)}\n      />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { classNames } from 'libs/common/react/utils/ClassNameHelper';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'reportsDefault.schoolHoursSelector';\n\nconst SCHOOL_HOURS = [ 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18 ];\nconst ALL_TIMEZONES = DateHelper.getTimezones();\n\ninterface SchoolHoursSelectorProps {\n  className?: string;\n  startHour: number;\n  endHour: number;\n  timezone: string;\n  onStartHourChanged: (hour: number) => void;\n  onEndHourChanged: (hour: number) => void;\n  onTimezoneChanged: (tz: string) => void;\n}\n\nexport function SchoolHoursSelector(props: SchoolHoursSelectorProps) {\n  const [ showTimezoneSelect, setShowTimezoneSelect ] = React.useState(false);\n\n  const isTimeRangeValid = props.startHour < props.endHour;\n\n  return (\n    <div className={classNames('border rounded-3 p-3', props.className)}>\n      <h3 className='h6 fw-semibold mb-1'><Text namespace={namespace} phrase='schoolHoursTitle' /></h3>\n      <p className='text-secondary mb-3'><Text namespace={namespace} phrase='schoolHoursDescription' /></p>\n\n      <div className='d-flex align-items-end gap-3 mb-2'>\n        <div className='flex-grow-1'>\n          <label className='small mb-1 d-block'><Text namespace={namespace} phrase='startTimeLabel' /></label>\n          <select\n            className='form-select'\n            value={props.startHour}\n            onChange={e => props.onStartHourChanged(Number(e.target.value))}\n          >\n            {SCHOOL_HOURS.map(hour => (\n              <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n            ))}\n          </select>\n        </div>\n        <span className='pb-2'><Text namespace={namespace} phrase='schoolHoursTo' /></span>\n        <div className='flex-grow-1'>\n          <label className='small mb-1 d-block'><Text namespace={namespace} phrase='endTimeLabel' /></label>\n          <select\n            className='form-select'\n            value={props.endHour}\n            onChange={e => props.onEndHourChanged(Number(e.target.value))}\n          >\n            {SCHOOL_HOURS.map(hour => (\n              <option key={hour} value={hour}>{DateHelper.hourToFriendlyString(hour)}</option>\n            ))}\n          </select>\n        </div>\n      </div>\n\n      {isTimeRangeValid ? (\n        <p className='text-secondary mb-0'>\n          <Text\n            namespace={namespace}\n            phrase='schoolHoursSummary'\n            options={{\n              startTime: DateHelper.hourToFriendlyString(props.startHour),\n              endTime: DateHelper.hourToFriendlyString(props.endHour)\n            }}\n          />\n        </p>\n      ) : (\n        <p className='text-danger mb-0'>\n          <Text namespace={namespace} phrase='schoolHoursValidation' />\n        </p>\n      )}\n\n      <div className='mt-3'>\n        {showTimezoneSelect ? (\n          <>\n            <label className='mb-1 d-block'><Text namespace={namespace} phrase='timezoneLabel' /></label>\n            <select className='form-select' value={props.timezone} onChange={e => props.onTimezoneChanged(e.target.value)}>\n              {ALL_TIMEZONES.map(tz => (\n                <option key={tz} value={tz}>{tz}</option>\n              ))}\n            </select>\n          </>\n        ) : (\n          <span className='text-secondary'>\n            <Text namespace={namespace} phrase='timezoneCurrent' options={{ timezone: props.timezone }} />\n            {' — '}\n            <button className='btn btn-link text-info p-0 align-baseline' onClick={() => setShowTimezoneSelect(true)}>\n              <Text namespace={namespace} phrase='timezoneChange' />\n            </button>\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { PopupViewProps } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { useClassroomViewsAlert } from 'shared/hooks/useClassroomViewsAlert';\nimport { useClassroomViewsSettings } from 'shared/hooks/useClassroomViewsSettings';\n\nimport { ClassroomSizeSelector } from './components/classroom-size-selector/ClassroomSizeSelector';\nimport { ClassroomViewsToggle } from './components/classroom-views-toggle/ClassroomViewsToggle';\nimport { SchoolHoursSelector } from './components/school-hours-selector/SchoolHoursSelector';\n\nconst namespace = 'reports.classroomViewsPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function ClassroomViewsPopupView(props: PopupViewProps): JSX.Element {\n  const classroomViewsSettings = useClassroomViewsSettings(LocationContext.ClassroomViewsPopup);\n  const { enableAlert } = useClassroomViewsAlert(classroomViewsSettings.hasClassroomViews);\n  const alerts = useAlerts();\n\n  const initialStartHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolStartTime);\n  const initialEndHour = DateHelper.timeStringToHour(classroomViewsSettings.schoolEndTime);\n  \n  const [ hasClassroomViews, setHasClassroomViews ] = React.useState(classroomViewsSettings.hasClassroomViews);\n  const [ classroomSize, setClassroomSize ] = React.useState(classroomViewsSettings.classroomSize);\n  const [ timezone, setTimezone ] = React.useState(classroomViewsSettings.timezone);\n  const [ schoolStartHour, setSchoolStartHour ] = React.useState(initialStartHour);\n  const [ schoolEndHour, setSchoolEndHour ] = React.useState(initialEndHour);\n  const [ isSaving, setIsSaving ] = React.useState(false);\n\n  const isFormValid = hasClassroomViews ? (schoolStartHour < schoolEndHour && timezone) : true;\n  const isDirty = hasClassroomViews !== classroomViewsSettings.hasClassroomViews\n    || classroomSize !== classroomViewsSettings.classroomSize\n    || timezone !== classroomViewsSettings.timezone\n    || schoolStartHour !== initialStartHour\n    || schoolEndHour !== initialEndHour;\n\n  async function onSave() {\n    try {\n      setIsSaving(true);\n      \n      await classroomViewsSettings.updateSettingsAsync({\n        hasClassroomViews,\n        schoolStartTime: DateHelper.hourToTimeString(schoolStartHour),\n        schoolEndTime: DateHelper.hourToTimeString(schoolEndHour),\n        timezone,\n        classroomSize\n      });\n      \n      alerts.success(getPhrase('success'));\n\n      // We re-enable the alert if the user has just turned off Classroom Views, \n      // to give them a reminder about the feature and how to turn it back on..\n      if (!hasClassroomViews)\n        enableAlert();\n      \n      props.closePopup();\n    } catch {\n      alerts.error(getPhrase('error'));\n    } finally {\n      setIsSaving(false);\n    }\n  }\n\n  return (\n    <Popup\n      closePopup={props.closePopup}\n      title={getPhrase('title')}\n      size='lg'\n    >\n      <p><Text namespace={namespace} phrase='description1' /></p>\n      <p><Text namespace={namespace} phrase='description2' /></p>\n\n      <ClassroomViewsToggle\n        className='my-3'\n        enabled={hasClassroomViews}\n        onEnabledChanged={setHasClassroomViews}\n      />\n\n      {hasClassroomViews && (\n        <>\n          <ClassroomSizeSelector\n            className='mb-3'\n            classroomSize={classroomSize}\n            onClassroomSizeChanged={setClassroomSize}\n          />\n\n          <SchoolHoursSelector\n            className='mb-3'\n            startHour={schoolStartHour}\n            endHour={schoolEndHour}\n            timezone={timezone}\n            onStartHourChanged={setSchoolStartHour}\n            onEndHourChanged={setSchoolEndHour}\n            onTimezoneChanged={setTimezone}\n          />\n        </>\n      )}\n\n      <PopupButtons className='justify-content-between'>\n        <a href={ArticleHelper.getLiteArticle(LiteSupportArticle.ClassroomViews)} target='_blank' rel='noopener noreferrer' className='text-info'>\n          <Text namespace={namespace} phrase='learnMore' />\n        </a>\n        <div className='d-flex'>\n          <PopupButtons.Cancel onClick={props.closePopup} text={getPhrase('close')} />\n          <PopupButtons.Submit onClick={onSave} text={getPhrase('save')} showSpinner={isSaving} variant='dark' disabled={!isFormValid || !isDirty} />\n        </div>\n      </PopupButtons>\n    </Popup>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{B_HlStqa2.chunk.js → CYTD62SM2.chunk.js}

@@ -1,2 +1,2 @@
-import{n as e,s as t}from"./CammdB53.chunk.js";import{M as n}from"./app-BeoBow2q.js";function r(r){let[i,a]=e(n.CLASSROOM_VIEWS_ALERT,!0,{storage:t.LocalStorage});function o(){a(!1)}function s(){a(!0)}let c=`none`;return i&&(c=r?`info`:`reminder`),{alertVariant:c,dismissAlert:o,enableAlert:s}}export{r as t};
-//# sourceMappingURL=B_HlStqa2.chunk.js.map
+import{n as e,s as t}from"./CammdB53.chunk.js";import{M as n}from"./app-CirLTvga.js";function r(r){let[i,a]=e(n.CLASSROOM_VIEWS_ALERT,!0,{storage:t.LocalStorage});function o(){a(!1)}function s(){a(!0)}let c=`none`;return i&&(c=r?`info`:`reminder`),{alertVariant:c,dismissAlert:o,enableAlert:s}}export{r as t};
+//# sourceMappingURL=CYTD62SM2.chunk.js.map

package/dist/scripts/{B_HlStqa2.chunk.js.map → CYTD62SM2.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"B_HlStqa2.chunk.js","names":[],"sources":["../../src/shared/hooks/useClassroomViewsAlert.ts"],"sourcesContent":["import { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nexport type ClassroomViewsAlertVariant = 'info' | 'reminder' | 'none';\n\ninterface ClassroomViewsAlert {\n  alertVariant: ClassroomViewsAlertVariant;\n  dismissAlert: () => void;\n  enableAlert: () => void;\n}\n\nexport function useClassroomViewsAlert(hasClassroomViews: boolean): ClassroomViewsAlert {\n  const [ alertVisible, setAlertVisible ] = useViewModel<boolean>(\n    ViewModelKeys.CLASSROOM_VIEWS_ALERT,\n    true,\n    { storage: StorageType.LocalStorage }\n  );\n\n  function dismissAlert(): void {\n    setAlertVisible(false);\n  }\n\n  function enableAlert(): void {\n    setAlertVisible(true);\n  }\n\n  let alertVariant: ClassroomViewsAlertVariant = 'none';\n\n  if (alertVisible)\n    alertVariant = hasClassroomViews ? 'info' : 'reminder';\n\n  return { alertVariant, dismissAlert, enableAlert };\n}\n"],"mappings":"qFAaA,SAAgB,EAAuB,EAAiD,CACtF,GAAM,CAAE,EAAc,GAAoB,EACxC,EAAc,sBACd,GACA,CAAE,QAAS,EAAY,aAAc,CACtC,CAED,SAAS,GAAqB,CAC5B,EAAgB,GAAM,CAGxB,SAAS,GAAoB,CAC3B,EAAgB,GAAK,CAGvB,IAAI,EAA2C,OAK/C,OAHI,IACF,EAAe,EAAoB,OAAS,YAEvC,CAAE,eAAc,eAAc,cAAa"}
+{"version":3,"file":"CYTD62SM2.chunk.js","names":[],"sources":["../../src/shared/hooks/useClassroomViewsAlert.ts"],"sourcesContent":["import { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nexport type ClassroomViewsAlertVariant = 'info' | 'reminder' | 'none';\n\ninterface ClassroomViewsAlert {\n  alertVariant: ClassroomViewsAlertVariant;\n  dismissAlert: () => void;\n  enableAlert: () => void;\n}\n\nexport function useClassroomViewsAlert(hasClassroomViews: boolean): ClassroomViewsAlert {\n  const [ alertVisible, setAlertVisible ] = useViewModel<boolean>(\n    ViewModelKeys.CLASSROOM_VIEWS_ALERT,\n    true,\n    { storage: StorageType.LocalStorage }\n  );\n\n  function dismissAlert(): void {\n    setAlertVisible(false);\n  }\n\n  function enableAlert(): void {\n    setAlertVisible(true);\n  }\n\n  let alertVariant: ClassroomViewsAlertVariant = 'none';\n\n  if (alertVisible)\n    alertVariant = hasClassroomViews ? 'info' : 'reminder';\n\n  return { alertVariant, dismissAlert, enableAlert };\n}\n"],"mappings":"qFAaA,SAAgB,EAAuB,EAAiD,CACtF,GAAM,CAAE,EAAc,GAAoB,EACxC,EAAc,sBACd,GACA,CAAE,QAAS,EAAY,aAAc,CACtC,CAED,SAAS,GAAqB,CAC5B,EAAgB,GAAM,CAGxB,SAAS,GAAoB,CAC3B,EAAgB,GAAK,CAGvB,IAAI,EAA2C,OAK/C,OAHI,IACF,EAAe,EAAoB,OAAS,YAEvC,CAAE,eAAc,eAAc,cAAa"}

package/dist/scripts/{CllvFALa2.chunk.js → ChsDPjp62.chunk.js}

@@ -1,2 +1,2 @@
-import{P as e,en as t,st as n}from"./BSV_W0cK.chunk.js";import{v as r}from"./COrUmz0l.chunk.js";import{d as i,n as a}from"./DLiesDxa.chunk.js";import{t as o}from"./Dhb09xKG.chunk.js";import{r as s,t as c}from"./BmJ66zOA.chunk.js";import{t as l}from"./Bqlm3yF_.chunk.js";import{n as u,r as d,t as f}from"./H5KLIhR_.chunk.js";import{t as p}from"./Du_kaCuU.chunk.js";import{r as m}from"./app-BeoBow2q.js";import{t as h}from"./BYLD2f9R2.chunk.js";import{i as g,n as _,o as v,r as y,s as b,t as x}from"./CkS0imTk2.chunk.js";var S={image:`_image_1a110_1`};n();var C=e(),w=l.encloseNamespace(`shared.streamsBarChartCardEmptyState`);function T(){return(0,C.jsxs)(p,{className:`flex-grow-1 justify-content-center`,children:[(0,C.jsx)(p.Image,{src:f.EmptyStates.Shared.BagQuestionOrange,className:S.image}),(0,C.jsx)(p.Heading,{className:`h6`,children:w(`heading`)}),(0,C.jsx)(p.Info,{className:`w-100`,children:w(`description`)})]})}var E=c(),D=`shared.streamsBarChartCard`,O=l.encloseNamespace(D);function k(e){let n=m(`video-views`),o=_(i(e.videoId?h.videoAggregation(e.videoId,e.type,n):h.aggregation(e.type,n)).data,y(e.type)),s=o?.reduce((e,t)=>e+t.y,0);return(0,C.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3`,children:o?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(`div`,{className:`d-flex justify-content-between`,children:[(0,C.jsx)(`h2`,{className:`h6 mb-1`,children:(0,C.jsx)(a,{namespace:D,phrase:`totalViews`,options:{views:s}})}),e.appLink&&e.appLinkText&&(0,C.jsx)(r,{appLink:e.appLink,className:`text-info`,children:e.appLinkText})]}),o.length?(0,C.jsx)(E.Scrollbars,{className:`position-relative`,children:(0,C.jsx)(`div`,{className:`position-absolute w-100 pe-2`,children:(0,C.jsx)(b,{data:o,labelAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:d.DEFAULT,action:u.Default.CLASSROOM_VIEWS_POPUP})},tooltip:O(`classroomViewsSettings`)}}})})}):(0,C.jsx)(T,{})]}):(0,C.jsx)(`div`,{className:`partial-loading-background d-block w-50`,children:`\xA0`})})}var A={MONTH:35,YEAR:365},j={day:`YYYY-MM-DD`,month:`YYYY-MM`,year:`YYYY`},M={day:`D MMM`,month:`MMM`,year:`YYYY`};function N(e){let t=o.diffBetween(e.end,e.start,`day`);return t>A.YEAR?`year`:t>A.MONTH?`month`:`day`}function P(e,t){let n=[],r=o.convertUTCToLocal(e.start),i=o.convertUTCToLocal(e.end),a=o.format(r,j[t]);for(;!o.isAfter(a,i,t);)n.push(a),a=o.format(o.add(a,1,t),j[t]);return n}function F(e,t,n){if(!e)return null;let r=N(t),i=P(t,r),a=new Map;e.forEach(e=>{let t=o.format(o.convertUTCToLocal(e.dateStreamed),j[r]),n=[s.System,`255`].includes(e.name)?null:e.name,i=a.get(n);i||a.set(n,i=new Map);let c=i.get(t)??0;i.set(t,c+e.count)});let c=[...a.keys()];if(!c.length)return{categories:i.map(e=>o.format(e,M[r])),data:[]};let l=y(n);return{categories:i.map(e=>o.format(e,M[r])),data:c.map(e=>({name:l(e),type:`line`,data:i.map(t=>a.get(e).get(t)??0),color:g(e)})).sort((e,t)=>v(e.name,t.name))}}var I=`reportsShared.streamsChartCard`,L=l.encloseNamespace(I);function R(e){let n=m(`video-views`),r=F(i(e.videoId?h.videoAggregationChart(e.videoId,e.type,n):h.aggregationChart(e.type,n)).data,n,e.type);return(0,C.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3 position-relative`,children:r?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`h2`,{className:`position-absolute h6 mb-1`,children:(0,C.jsx)(a,{namespace:I,phrase:`videoViews`})}),(0,C.jsx)(x,{categories:r.categories,data:r.data,legendAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:d.DEFAULT,action:u.Default.CLASSROOM_VIEWS_POPUP})},tooltip:L(`classroomViewsSettings`)}}})]}):(0,C.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}export{k as n,R as t};
-//# sourceMappingURL=CllvFALa2.chunk.js.map
+import{P as e,en as t,st as n}from"./BSV_W0cK.chunk.js";import{v as r}from"./COrUmz0l.chunk.js";import{d as i,n as a}from"./DLiesDxa.chunk.js";import{t as o}from"./Dhb09xKG.chunk.js";import{r as s,t as c}from"./BmJ66zOA.chunk.js";import{t as l}from"./Bqlm3yF_.chunk.js";import{n as u,r as d,t as f}from"./H5KLIhR_.chunk.js";import{t as p}from"./Du_kaCuU.chunk.js";import{r as m}from"./app-CirLTvga.js";import{t as h}from"./B01p94Dy2.chunk.js";import{i as g,n as _,o as v,r as y,s as b,t as x}from"./BbbU3LZb2.chunk.js";var S={image:`_image_1a110_1`};n();var C=e(),w=l.encloseNamespace(`shared.streamsBarChartCardEmptyState`);function T(){return(0,C.jsxs)(p,{className:`flex-grow-1 justify-content-center`,children:[(0,C.jsx)(p.Image,{src:f.EmptyStates.Shared.BagQuestionOrange,className:S.image}),(0,C.jsx)(p.Heading,{className:`h6`,children:w(`heading`)}),(0,C.jsx)(p.Info,{className:`w-100`,children:w(`description`)})]})}var E=c(),D=`shared.streamsBarChartCard`,O=l.encloseNamespace(D);function k(e){let n=m(`video-views`),o=_(i(e.videoId?h.videoAggregation(e.videoId,e.type,n):h.aggregation(e.type,n)).data,y(e.type)),s=o?.reduce((e,t)=>e+t.y,0);return(0,C.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3`,children:o?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(`div`,{className:`d-flex justify-content-between`,children:[(0,C.jsx)(`h2`,{className:`h6 mb-1`,children:(0,C.jsx)(a,{namespace:D,phrase:`totalViews`,options:{views:s}})}),e.appLink&&e.appLinkText&&(0,C.jsx)(r,{appLink:e.appLink,className:`text-info`,children:e.appLinkText})]}),o.length?(0,C.jsx)(E.Scrollbars,{className:`position-relative`,children:(0,C.jsx)(`div`,{className:`position-absolute w-100 pe-2`,children:(0,C.jsx)(b,{data:o,labelAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:d.DEFAULT,action:u.Default.CLASSROOM_VIEWS_POPUP})},tooltip:O(`classroomViewsSettings`)}}})})}):(0,C.jsx)(T,{})]}):(0,C.jsx)(`div`,{className:`partial-loading-background d-block w-50`,children:`\xA0`})})}var A={MONTH:35,YEAR:365},j={day:`YYYY-MM-DD`,month:`YYYY-MM`,year:`YYYY`},M={day:`D MMM`,month:`MMM`,year:`YYYY`};function N(e){let t=o.diffBetween(e.end,e.start,`day`);return t>A.YEAR?`year`:t>A.MONTH?`month`:`day`}function P(e,t){let n=[],r=o.convertUTCToLocal(e.start),i=o.convertUTCToLocal(e.end),a=o.format(r,j[t]);for(;!o.isAfter(a,i,t);)n.push(a),a=o.format(o.add(a,1,t),j[t]);return n}function F(e,t,n){if(!e)return null;let r=N(t),i=P(t,r),a=new Map;e.forEach(e=>{let t=o.format(o.convertUTCToLocal(e.dateStreamed),j[r]),n=[s.System,`255`].includes(e.name)?null:e.name,i=a.get(n);i||a.set(n,i=new Map);let c=i.get(t)??0;i.set(t,c+e.count)});let c=[...a.keys()];if(!c.length)return{categories:i.map(e=>o.format(e,M[r])),data:[]};let l=y(n);return{categories:i.map(e=>o.format(e,M[r])),data:c.map(e=>({name:l(e),type:`line`,data:i.map(t=>a.get(e).get(t)??0),color:g(e)})).sort((e,t)=>v(e.name,t.name))}}var I=`reportsShared.streamsChartCard`,L=l.encloseNamespace(I);function R(e){let n=m(`video-views`),r=F(i(e.videoId?h.videoAggregationChart(e.videoId,e.type,n):h.aggregationChart(e.type,n)).data,n,e.type);return(0,C.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3 position-relative`,children:r?(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(`h2`,{className:`position-absolute h6 mb-1`,children:(0,C.jsx)(a,{namespace:I,phrase:`videoViews`})}),(0,C.jsx)(x,{categories:r.categories,data:r.data,legendAnnotations:{"Classroom views":{onClick:()=>{t.trigger({application:d.DEFAULT,action:u.Default.CLASSROOM_VIEWS_POPUP})},tooltip:L(`classroomViewsSettings`)}}})]}):(0,C.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}export{k as n,R as t};
+//# sourceMappingURL=ChsDPjp62.chunk.js.map

package/dist/scripts/{CllvFALa2.chunk.js.map → ChsDPjp62.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CllvFALa2.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/total-views-by-group-card-empty-state.module.scss","../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState.tsx","../../src/shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView.tsx","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardViewUtils.ts","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\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\nconst namespace = 'shared.streamsBarChartCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nimport styles from './total-views-by-group-card-empty-state.module.scss';\n\nexport function StreamsBarChartCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.BagQuestionOrange}\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}\n","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { VerticalBarChart } from 'shared/components/vertical-bar-chart/VerticalBarChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getCountByGroup } from 'shared/utils/BarChartByGroupUtils';\nimport { getLabelMapper } from 'shared/utils/UserUtils';\nimport { StreamsBarChartCardEmptyState } from 'shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState';\n\nconst namespace = 'shared.streamsBarChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TotalViewsByGroupViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  appLink?: Core.AppLink;\n  appLinkText?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsBarChartCardView(props: TotalViewsByGroupViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const chartData = Flight.useBasicFetch<GroupedAnalyticsCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregation(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregation(props.type, requestFilter));\n\n  const grouped = getCountByGroup(\n    chartData.data,\n    getLabelMapper(props.type)\n  );\n  const total = grouped?.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      {grouped ?\n        <>\n          <div className='d-flex justify-content-between'>\n            <h2 className='h6 mb-1'><Text namespace={namespace} phrase='totalViews' options={{ views: total }} /></h2>\n            {props.appLink && props.appLinkText &&\n              <AppLink\n                appLink={props.appLink}\n                className='text-info'\n              >\n                {props.appLinkText}\n              </AppLink>\n            }\n          </div>\n\n          {grouped.length ?\n            <Scrollbars className='position-relative'>\n              <div className='position-absolute w-100 pe-2'>\n                <VerticalBarChart data={grouped} labelAnnotations={{\n                  'Classroom views': {\n                    onClick: () => {\n                      Core.AppLinkHelper.trigger({\n                        application: AppChannels.DEFAULT,\n                        action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                      });\n                    },\n                    tooltip: getPhrase('classroomViewsSettings')\n                  }\n                }} />\n              </div>\n            </Scrollbars> :\n            <StreamsBarChartCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background d-block w-50'>&nbsp;</div>\n      }\n    </div >\n  );\n}\n","import { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nimport { compareGroupNames } from 'shared/utils/GroupSortUtils';\nimport { getLabelMapper, mapUserTypeToChartColour } 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 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  const localStart = DateHelper.convertUTCToLocal(requestFilter.start);\n  const localEnd = DateHelper.convertUTCToLocal(requestFilter.end);\n\n  let currentDate = DateHelper.format(localStart, DateFormats[groupBy]);\n\n  while (!DateHelper.isAfter(currentDate, localEnd, 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: GroupedAnalyticsChartCount[],\n  requestFilter: AnalyticsRequestFilter,\n  type: StreamAggregationType\n): ChartData {\n  if (!events) return null;\n\n  const groupBy = getGroupBy(requestFilter);\n  const fullDateRange = getFullDateRange(requestFilter, groupBy);\n  \n  const grouped = new Map<string, Map<string, number>>();\n  \n  events.forEach(ev => {\n    const eventDate = DateHelper.format(DateHelper.convertUTCToLocal(ev.dateStreamed), DateFormats[groupBy]);\n    \n    // Bucketing System user data as Anonymous\n    const name = [ UserGroup.System, '255' ].includes(ev.name) ? null : ev.name;\n\n    let group = grouped.get(name);\n\n    if (!group)\n      grouped.set(name, group = new Map<string, number>);\n\n    const oldCount = group.get(eventDate) ?? 0;\n    group.set(eventDate, oldCount + ev.count);\n  });\n\n  const roles = [...grouped.keys()] as UserGroup[];\n\n  if (!roles.length) return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data: []\n  };\n\n  const labelMapper = getLabelMapper(type);\n\n  return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data:\n      roles.map(r => ({\n        name: labelMapper(r),\n        type: 'line' as const,\n        data: fullDateRange.map(d => grouped.get(r).get(d) ?? 0),\n        color: mapUserTypeToChartColour(r)\n      })).sort((a, b) => compareGroupNames(a.name, b.name))\n  };\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { LineChart } from 'shared/components/line-chart/LineChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\n\nimport { getChartData } from './StreamsChartCardViewUtils';\n\nconst namespace = 'reportsShared.streamsChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StreamsChartCardViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsChartCardView(props: StreamsChartCardViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const viewsByGroup = Flight.useBasicFetch<GroupedAnalyticsChartCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregationChart(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregationChart(props.type, requestFilter));\n\n  const chartData = getChartData(viewsByGroup.data, requestFilter, props.type);\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='videoViews' /></h2>\n          <LineChart\n            categories={chartData.categories}\n            data={chartData.data}\n            legendAnnotations={{\n              'Classroom views': {\n                onClick: () => {\n                  Core.AppLinkHelper.trigger({\n                    application: AppChannels.DEFAULT,\n                    action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                  });\n                },\n                tooltip: getPhrase('classroomViewsSettings')\n              }\n            }}\n          />\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChsDPjp62.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/total-views-by-group-card-empty-state.module.scss","../../src/shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState.tsx","../../src/shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView.tsx","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardViewUtils.ts","../../src/shared/views/overview-cards/streams-chart-card/StreamsChartCardView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\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\nconst namespace = 'shared.streamsBarChartCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nimport styles from './total-views-by-group-card-empty-state.module.scss';\n\nexport function StreamsBarChartCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.BagQuestionOrange}\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}\n","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { VerticalBarChart } from 'shared/components/vertical-bar-chart/VerticalBarChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getCountByGroup } from 'shared/utils/BarChartByGroupUtils';\nimport { getLabelMapper } from 'shared/utils/UserUtils';\nimport { StreamsBarChartCardEmptyState } from 'shared/views/overview-cards/streams-bar-chart-card/empty-state/StreamsBarChartCardEmptyState';\n\nconst namespace = 'shared.streamsBarChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TotalViewsByGroupViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  appLink?: Core.AppLink;\n  appLinkText?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsBarChartCardView(props: TotalViewsByGroupViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const chartData = Flight.useBasicFetch<GroupedAnalyticsCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregation(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregation(props.type, requestFilter));\n\n  const grouped = getCountByGroup(\n    chartData.data,\n    getLabelMapper(props.type)\n  );\n  const total = grouped?.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      {grouped ?\n        <>\n          <div className='d-flex justify-content-between'>\n            <h2 className='h6 mb-1'><Text namespace={namespace} phrase='totalViews' options={{ views: total }} /></h2>\n            {props.appLink && props.appLinkText &&\n              <AppLink\n                appLink={props.appLink}\n                className='text-info'\n              >\n                {props.appLinkText}\n              </AppLink>\n            }\n          </div>\n\n          {grouped.length ?\n            <Scrollbars className='position-relative'>\n              <div className='position-absolute w-100 pe-2'>\n                <VerticalBarChart data={grouped} labelAnnotations={{\n                  'Classroom views': {\n                    onClick: () => {\n                      Core.AppLinkHelper.trigger({\n                        application: AppChannels.DEFAULT,\n                        action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                      });\n                    },\n                    tooltip: getPhrase('classroomViewsSettings')\n                  }\n                }} />\n              </div>\n            </Scrollbars> :\n            <StreamsBarChartCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background d-block w-50'>&nbsp;</div>\n      }\n    </div >\n  );\n}\n","import { DateHelper } from 'libs/common/react/utils/DateHelper';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\nimport { AnalyticsRequestFilter } from 'libs/shared/interfaces';\n\nimport { compareGroupNames } from 'shared/utils/GroupSortUtils';\nimport { getLabelMapper, mapUserTypeToChartColour } 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 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  const localStart = DateHelper.convertUTCToLocal(requestFilter.start);\n  const localEnd = DateHelper.convertUTCToLocal(requestFilter.end);\n\n  let currentDate = DateHelper.format(localStart, DateFormats[groupBy]);\n\n  while (!DateHelper.isAfter(currentDate, localEnd, 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: GroupedAnalyticsChartCount[],\n  requestFilter: AnalyticsRequestFilter,\n  type: StreamAggregationType\n): ChartData {\n  if (!events) return null;\n\n  const groupBy = getGroupBy(requestFilter);\n  const fullDateRange = getFullDateRange(requestFilter, groupBy);\n  \n  const grouped = new Map<string, Map<string, number>>();\n  \n  events.forEach(ev => {\n    const eventDate = DateHelper.format(DateHelper.convertUTCToLocal(ev.dateStreamed), DateFormats[groupBy]);\n    \n    // Bucketing System user data as Anonymous\n    const name = [ UserGroup.System, '255' ].includes(ev.name) ? null : ev.name;\n\n    let group = grouped.get(name);\n\n    if (!group)\n      grouped.set(name, group = new Map<string, number>);\n\n    const oldCount = group.get(eventDate) ?? 0;\n    group.set(eventDate, oldCount + ev.count);\n  });\n\n  const roles = [...grouped.keys()] as UserGroup[];\n\n  if (!roles.length) return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data: []\n  };\n\n  const labelMapper = getLabelMapper(type);\n\n  return {\n    categories: fullDateRange.map(d => DateHelper.format(d, DisplayFormats[groupBy])),\n    data:\n      roles.map(r => ({\n        name: labelMapper(r),\n        type: 'line' as const,\n        data: fullDateRange.map(d => grouped.get(r).get(d) ?? 0),\n        color: mapUserTypeToChartColour(r)\n      })).sort((a, b) => compareGroupNames(a.name, b.name))\n  };\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { GroupedAnalyticsChartCount } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { StreamAggregationType } from 'libs/shared/apps/analytics/interfaces/StreamAggregationType';\nimport { Text } from 'libs/shared/components/text/Text';\n\nimport { LineChart } from 'shared/components/line-chart/LineChart';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\n\nimport { getChartData } from './StreamsChartCardViewUtils';\n\nconst namespace = 'reportsShared.streamsChartCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface StreamsChartCardViewProps {\n  type: StreamAggregationType;\n  videoId?: string;\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function StreamsChartCardView(props: StreamsChartCardViewProps) {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const viewsByGroup = Flight.useBasicFetch<GroupedAnalyticsChartCount[]>(props.videoId ?\n    VideoViewsV2Requests.videoAggregationChart(props.videoId, props.type, requestFilter) :\n    VideoViewsV2Requests.aggregationChart(props.type, requestFilter));\n\n  const chartData = getChartData(viewsByGroup.data, requestFilter, props.type);\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='videoViews' /></h2>\n          <LineChart\n            categories={chartData.categories}\n            data={chartData.data}\n            legendAnnotations={{\n              'Classroom views': {\n                onClick: () => {\n                  Core.AppLinkHelper.trigger({\n                    application: AppChannels.DEFAULT,\n                    action: Actions.Default.CLASSROOM_VIEWS_POPUP\n                  });\n                },\n                tooltip: getPhrase('classroomViewsSettings')\n              }\n            }}\n          />\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{DxBCBFh3.chunk.js → Cje7C8bz.chunk.js}

@@ -1,2 +1,2 @@
-import{Kn as e,P as t,st as n}from"./BSV_W0cK.chunk.js";import{r}from"./COrUmz0l.chunk.js";import{n as i}from"./CammdB53.chunk.js";import{t as a}from"./Bqlm3yF_.chunk.js";import{n as o,r as s}from"./H5KLIhR_.chunk.js";import{n as c}from"./DjcvhO-s.chunk.js";import{$ as l,F as u,M as d}from"./app-BeoBow2q.js";import{m as f}from"./CkS0imTk2.chunk.js";import{t as p}from"./Bn4Go0UF.chunk.js";var m=e(n());function h(e){let[,t]=i(d.HEADER_ACTIONS);(0,m.useEffect)(()=>(t(e),()=>{t(null)}),[!!e])}var g=t(),_=a.encloseNamespace(`reportsShared.anonymiseAction`);function v(){let[e,t]=i(d.ANONYMISE_USERS,!1);return(0,g.jsxs)(`div`,{className:`d-flex align-items center justify-content-between`,onClick:()=>t(!e),children:[(0,g.jsx)(`span`,{className:`me-3`,children:_(`hideNames`)}),(0,g.jsx)(c,{on:e,onClick:()=>{}})]})}var y=a.encloseNamespace(`reportsShared.utils`);function b(e){let t=f(l.getPrimaryObjectUrl);if(!e)return;let n=[];return t&&n.push({label:()=>(0,g.jsxs)(`span`,{className:`d-flex justify-content-between align-items-center`,children:[(0,g.jsx)(`span`,{className:`me-2`,children:y(`seeVideo`)}),(0,g.jsx)(r,{svg:u})]}),href:t(e),openInNewTab:!0}),n.push({label:()=>(0,g.jsx)(v,{})}),n}function x(){return[{label:y(`generateReport`),appLink:{application:s.DEFAULT,action:o.Default.GENERATE_REPORT,params:{type:p.VideoViews}}}]}function S(){return[{label:y(`generateReport`),appLink:{application:s.DEFAULT,action:o.Default.GENERATE_REPORT,params:{type:p.Logins}}}]}export{h as i,x as n,b as r,S as t};
-//# sourceMappingURL=DxBCBFh3.chunk.js.map
+import{Kn as e,P as t,st as n}from"./BSV_W0cK.chunk.js";import{r}from"./COrUmz0l.chunk.js";import{n as i}from"./CammdB53.chunk.js";import{t as a}from"./Bqlm3yF_.chunk.js";import{n as o,r as s}from"./H5KLIhR_.chunk.js";import{n as c}from"./DjcvhO-s.chunk.js";import{$ as l,F as u,M as d}from"./app-CirLTvga.js";import{m as f}from"./BbbU3LZb2.chunk.js";import{t as p}from"./DPwC1loE.chunk.js";var m=e(n());function h(e){let[,t]=i(d.HEADER_ACTIONS);(0,m.useEffect)(()=>(t(e),()=>{t(null)}),[!!e])}var g=t(),_=a.encloseNamespace(`reportsShared.anonymiseAction`);function v(){let[e,t]=i(d.ANONYMISE_USERS,!1);return(0,g.jsxs)(`div`,{className:`d-flex align-items center justify-content-between`,onClick:()=>t(!e),children:[(0,g.jsx)(`span`,{className:`me-3`,children:_(`hideNames`)}),(0,g.jsx)(c,{on:e,onClick:()=>{}})]})}var y=a.encloseNamespace(`reportsShared.utils`);function b(e){let t=f(l.getPrimaryObjectUrl);if(!e)return;let n=[];return t&&n.push({label:()=>(0,g.jsxs)(`span`,{className:`d-flex justify-content-between align-items-center`,children:[(0,g.jsx)(`span`,{className:`me-2`,children:y(`seeVideo`)}),(0,g.jsx)(r,{svg:u})]}),href:t(e),openInNewTab:!0}),n.push({label:()=>(0,g.jsx)(v,{})}),n}function x(){return[{label:y(`generateReport`),appLink:{application:s.DEFAULT,action:o.Default.GENERATE_REPORT,params:{type:p.VideoViews}}}]}function S(){return[{label:y(`generateReport`),appLink:{application:s.DEFAULT,action:o.Default.GENERATE_REPORT,params:{type:p.Logins}}}]}export{h as i,x as n,b as r,S as t};
+//# sourceMappingURL=Cje7C8bz.chunk.js.map

package/dist/scripts/{DxBCBFh3.chunk.js.map → Cje7C8bz.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DxBCBFh3.chunk.js","names":[],"sources":["../../src/shared/hooks/UseSetHeaderActions.ts","../../src/shared/components/anonymise-action/AnonymiseAction.tsx","../../src/shared/utils/HeaderActionUtils.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\n/**\n * This hook will only set the actions on the initial render.\n * If the actions are dynamic, either this hook will need to be updated\n * or useViewModel used directly.\n */\nexport function useSetHeaderActions(actions?: DropdownActionOptions[]): void {\n  const [ , setActions ] = useViewModel<DropdownActionOptions[]>(ViewModelKeys.HEADER_ACTIONS);\n\n  useEffect(() => {\n    setActions(actions);\n\n    return () => {\n      setActions(null);\n    };\n  }, [!!actions]);\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nconst namespace = 'reportsShared.anonymiseAction';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AnonymiseAction(): JSX.Element {\n  const [ anonymiseUsers, setAnonymiseUsers ] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS, false);\n\n  return (\n    <div\n      className='d-flex align-items center justify-content-between'\n      onClick={() => setAnonymiseUsers(!anonymiseUsers)}\n    >\n      <span className='me-3'>\n        {getPhrase('hideNames')}\n      </span>\n      <ToggleSwitch on={anonymiseUsers} onClick={() => {}} />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useGetExternalUrl } from 'libs/shared/hooks/UseGetExternalUrl';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { AnonymiseAction } from 'shared/components/anonymise-action/AnonymiseAction';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { GenerateReportType } from 'shared/views/generate-report/GenerateReportView';\n\nimport { ExternalRouteHelper } from './ExternalRouteHelper';\n\nconst namespace = 'reportsShared.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useGetObjectHeaderActions(object?: BaseObject): DropdownActionOptions[] {\n  const getObjectUrl = useGetExternalUrl(ExternalRouteHelper.getPrimaryObjectUrl);\n  if (!object)\n    return;\n\n  const actions: DropdownActionOptions[] = [];\n\n  if (getObjectUrl)\n    actions.push({\n      label: () => (\n        <span\n          className='d-flex justify-content-between align-items-center'\n        >\n          <span className='me-2'>\n            {/* // TODO: once we have non-video types this will need to be updated. */}\n            {getPhrase('seeVideo')}\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </span>\n      ),\n      href: getObjectUrl(object),\n      openInNewTab: true\n    });\n\n  actions.push({\n    label: () => <AnonymiseAction />\n  });\n\n  return actions;\n}\n\nexport function getVideoHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.VideoViews }\n    }\n  }];\n}\n\nexport function getLoginHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.Logins }\n    }\n  }];\n}\n"],"mappings":"oZAaA,SAAgB,EAAoB,EAAyC,CAC3E,GAAM,EAAI,GAAe,EAAsC,EAAc,eAAe,EAE5F,EAAA,EAAA,gBACE,EAAW,EAAQ,KAEN,CACX,EAAW,KAAK,GAEjB,CAAC,CAAC,CAAC,EAAQ,CAAC,WCZX,EAAY,EAAgB,iBADhB,gCAC2C,CAE7D,SAAgB,GAA+B,CAC7C,GAAM,CAAE,EAAgB,GAAsB,EAAsB,EAAc,gBAAiB,GAAM,CAEzG,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,oDACV,YAAe,EAAkB,CAAC,EAAe,UAFnD,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gBACb,EAAU,YAAY,CAClB,CAAA,EACP,EAAA,EAAA,KAAC,EAAD,CAAc,GAAI,EAAgB,YAAe,GAAM,CAAA,CACnD,GCNV,IAAM,EAAY,EAAgB,iBADhB,sBAC2C,CAE7D,SAAgB,EAA0B,EAA8C,CACtF,IAAM,EAAe,EAAkB,EAAoB,oBAAoB,CAC/E,GAAI,CAAC,EACH,OAEF,IAAM,EAAmC,EAAE,CAuB3C,OArBI,GACF,EAAQ,KAAK,CACX,WACE,EAAA,EAAA,MAAC,OAAD,CACE,UAAU,6DADZ,EAGE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gBAEb,EAAU,WAAW,CACjB,CAAA,EACP,EAAA,EAAA,KAAC,EAAD,CAAc,IAAK,EAAgB,CAAA,CAC9B,GAET,KAAM,EAAa,EAAO,CAC1B,aAAc,GACf,CAAC,CAEJ,EAAQ,KAAK,CACX,WAAa,EAAA,EAAA,KAAC,EAAD,EAAmB,CAAA,CACjC,CAAC,CAEK,EAGT,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,iBAAiB,CAClC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,WAAY,CAChD,CACF,CAAC,CAGJ,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,iBAAiB,CAClC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,OAAQ,CAC5C,CACF,CAAC"}
+{"version":3,"file":"Cje7C8bz.chunk.js","names":[],"sources":["../../src/shared/hooks/UseSetHeaderActions.ts","../../src/shared/components/anonymise-action/AnonymiseAction.tsx","../../src/shared/utils/HeaderActionUtils.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\n/**\n * This hook will only set the actions on the initial render.\n * If the actions are dynamic, either this hook will need to be updated\n * or useViewModel used directly.\n */\nexport function useSetHeaderActions(actions?: DropdownActionOptions[]): void {\n  const [ , setActions ] = useViewModel<DropdownActionOptions[]>(ViewModelKeys.HEADER_ACTIONS);\n\n  useEffect(() => {\n    setActions(actions);\n\n    return () => {\n      setActions(null);\n    };\n  }, [!!actions]);\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nconst namespace = 'reportsShared.anonymiseAction';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function AnonymiseAction(): JSX.Element {\n  const [ anonymiseUsers, setAnonymiseUsers ] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS, false);\n\n  return (\n    <div\n      className='d-flex align-items center justify-content-between'\n      onClick={() => setAnonymiseUsers(!anonymiseUsers)}\n    >\n      <span className='me-3'>\n        {getPhrase('hideNames')}\n      </span>\n      <ToggleSwitch on={anonymiseUsers} onClick={() => {}} />\n    </div>\n  );\n}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DropdownActionOptions } from 'libs/shared/components/actions/ActionsDropdown';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { useGetExternalUrl } from 'libs/shared/hooks/UseGetExternalUrl';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\nimport { BaseObject } from 'libs/shared/interfaces';\n\nimport { AnonymiseAction } from 'shared/components/anonymise-action/AnonymiseAction';\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { GenerateReportType } from 'shared/views/generate-report/GenerateReportView';\n\nimport { ExternalRouteHelper } from './ExternalRouteHelper';\n\nconst namespace = 'reportsShared.utils';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function useGetObjectHeaderActions(object?: BaseObject): DropdownActionOptions[] {\n  const getObjectUrl = useGetExternalUrl(ExternalRouteHelper.getPrimaryObjectUrl);\n  if (!object)\n    return;\n\n  const actions: DropdownActionOptions[] = [];\n\n  if (getObjectUrl)\n    actions.push({\n      label: () => (\n        <span\n          className='d-flex justify-content-between align-items-center'\n        >\n          <span className='me-2'>\n            {/* // TODO: once we have non-video types this will need to be updated. */}\n            {getPhrase('seeVideo')}\n          </span>\n          <SvgContainer svg={NewWindowSvg} />\n        </span>\n      ),\n      href: getObjectUrl(object),\n      openInNewTab: true\n    });\n\n  actions.push({\n    label: () => <AnonymiseAction />\n  });\n\n  return actions;\n}\n\nexport function getVideoHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.VideoViews }\n    }\n  }];\n}\n\nexport function getLoginHeaderActions(): DropdownActionOptions[] {\n  return [{\n    label: getPhrase('generateReport'),\n    appLink: {\n      application: AppChannels.DEFAULT,\n      action: Actions.Default.GENERATE_REPORT,\n      params: { type: GenerateReportType.Logins }\n    }\n  }];\n}\n"],"mappings":"oZAaA,SAAgB,EAAoB,EAAyC,CAC3E,GAAM,EAAI,GAAe,EAAsC,EAAc,eAAe,EAE5F,EAAA,EAAA,gBACE,EAAW,EAAQ,KAEN,CACX,EAAW,KAAK,GAEjB,CAAC,CAAC,CAAC,EAAQ,CAAC,WCZX,EAAY,EAAgB,iBADhB,gCAC2C,CAE7D,SAAgB,GAA+B,CAC7C,GAAM,CAAE,EAAgB,GAAsB,EAAsB,EAAc,gBAAiB,GAAM,CAEzG,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,oDACV,YAAe,EAAkB,CAAC,EAAe,UAFnD,EAIE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gBACb,EAAU,YAAY,CAClB,CAAA,EACP,EAAA,EAAA,KAAC,EAAD,CAAc,GAAI,EAAgB,YAAe,GAAM,CAAA,CACnD,GCNV,IAAM,EAAY,EAAgB,iBADhB,sBAC2C,CAE7D,SAAgB,EAA0B,EAA8C,CACtF,IAAM,EAAe,EAAkB,EAAoB,oBAAoB,CAC/E,GAAI,CAAC,EACH,OAEF,IAAM,EAAmC,EAAE,CAuB3C,OArBI,GACF,EAAQ,KAAK,CACX,WACE,EAAA,EAAA,MAAC,OAAD,CACE,UAAU,6DADZ,EAGE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gBAEb,EAAU,WAAW,CACjB,CAAA,EACP,EAAA,EAAA,KAAC,EAAD,CAAc,IAAK,EAAgB,CAAA,CAC9B,GAET,KAAM,EAAa,EAAO,CAC1B,aAAc,GACf,CAAC,CAEJ,EAAQ,KAAK,CACX,WAAa,EAAA,EAAA,KAAC,EAAD,EAAmB,CAAA,CACjC,CAAC,CAEK,EAGT,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,iBAAiB,CAClC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,WAAY,CAChD,CACF,CAAC,CAGJ,SAAgB,GAAiD,CAC/D,MAAO,CAAC,CACN,MAAO,EAAU,iBAAiB,CAClC,QAAS,CACP,YAAa,EAAY,QACzB,OAAQ,EAAQ,QAAQ,gBACxB,OAAQ,CAAE,KAAM,EAAmB,OAAQ,CAC5C,CACF,CAAC"}

package/dist/scripts/{BLzQ085A.chunk.js → Co8fEkVu.chunk.js}

@@ -1,2 +1,2 @@
-import{P as e,st as t}from"./BSV_W0cK.chunk.js";import{m as n}from"./app-BeoBow2q.js";t();var r=e();function i(e){let t=`d-flex align-items-center badge-list ${n.minHeight}`;return e.className&&(t+=` ${e.className}`),(0,r.jsx)(`div`,{className:t,children:e.children})}export{i as t};
-//# sourceMappingURL=BLzQ085A.chunk.js.map
+import{P as e,st as t}from"./BSV_W0cK.chunk.js";import{m as n}from"./app-CirLTvga.js";t();var r=e();function i(e){let t=`d-flex align-items-center badge-list ${n.minHeight}`;return e.className&&(t+=` ${e.className}`),(0,r.jsx)(`div`,{className:t,children:e.children})}export{i as t};
+//# sourceMappingURL=Co8fEkVu.chunk.js.map

package/dist/scripts/{BLzQ085A.chunk.js.map → Co8fEkVu.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BLzQ085A.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/badges/BadgeListContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport styles from './badge.module.scss';\n\ninterface BadgeListContainerProps {\n  className?: string;\n}\n\nexport function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element {\n  let className = `d-flex align-items-center badge-list ${styles.minHeight}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return (\n    <div className={className}>\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":"oGAQA,SAAgB,EAAmB,EAAsE,CACvG,IAAI,EAAY,wCAAwC,EAAO,YAK/D,OAHI,EAAM,YACR,GAAa,IAAI,EAAM,cAGvB,EAAA,EAAA,KAAC,MAAD,CAAgB,qBACb,EAAM,SACH,CAAA"}
+{"version":3,"file":"Co8fEkVu.chunk.js","names":[],"sources":["../../../../libs/shared/src/components/badges/BadgeListContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport styles from './badge.module.scss';\n\ninterface BadgeListContainerProps {\n  className?: string;\n}\n\nexport function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element {\n  let className = `d-flex align-items-center badge-list ${styles.minHeight}`;\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return (\n    <div className={className}>\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":"oGAQA,SAAgB,EAAmB,EAAsE,CACvG,IAAI,EAAY,wCAAwC,EAAO,YAK/D,OAHI,EAAM,YACR,GAAa,IAAI,EAAM,cAGvB,EAAA,EAAA,KAAC,MAAD,CAAgB,qBACb,EAAM,SACH,CAAA"}

package/dist/scripts/{DuQ74iFu.chunk.js → CqU1GfrZ.chunk.js}

@@ -1,2 +1,2 @@
-import{P as e,st as t}from"./BSV_W0cK.chunk.js";import{d as n,n as r}from"./DLiesDxa.chunk.js";import{t as i}from"./Bqlm3yF_.chunk.js";import{t as a}from"./H5KLIhR_.chunk.js";import{t as o}from"./DmGbjBUG.chunk.js";import{t as s}from"./Du_kaCuU.chunk.js";import{r as c}from"./app-BeoBow2q.js";import{t as l}from"./BYLD2f9R2.chunk.js";import{c as u}from"./CkS0imTk2.chunk.js";import{n as d,t as f}from"./BQcTfbZm2.chunk.js";import{n as p}from"./BOGodQXj2.chunk.js";import{n as m,t as h}from"./CllvFALa2.chunk.js";import{i as g,n as _}from"./DxBCBFh3.chunk.js";import{t as v}from"./WxjzAHzM.chunk.js";import{n as y,t as b}from"./rtCrJwRm.chunk.js";t();var x={image:`_image_1a110_1`},S=e(),C=i.encloseNamespace(`reportsShared.totalViewsByContentCardEmptyState`);function w(){return(0,S.jsxs)(s,{className:`flex-grow-1 justify-content-center`,children:[(0,S.jsx)(s.Image,{src:a.EmptyStates.Shared.PuzzleGroup,className:x.image}),(0,S.jsx)(s.Heading,{className:`h6`,children:C(`heading`)}),(0,S.jsx)(s.Info,{className:`w-100`,children:C(`description`)})]})}var T=`reportsShared.videoViewsByContentCard`,E=i.encloseNamespace(T),D=function(e){return e.ClickView=`ClickView content`,e.TV=`TV content`,e.UserGenerated=`User generated content`,e}(D||{});function O(){let e=c(`video-views`),t=n(l.aggregation(`content_type`,e));function i(e){switch(e){case D.ClickView:return u.YELLOW;case D.TV:return u.PURPLE;case D.UserGenerated:return u.GREEN}}function a(e){switch(e){case D.ClickView:return E(`clickview`);case D.TV:return E(`tv`);case D.UserGenerated:return E(`userGenerated`)}}function o(e){return e?e.filter(e=>e.name===D.ClickView||e.name===D.TV||e.name===D.UserGenerated).map(e=>({name:a(e.name),y:e.count,color:i(e.name)})):null}let s=o(t.data);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3`,children:s?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`h2`,{className:`h6 mb-3`,children:(0,S.jsx)(r,{namespace:T,phrase:`videoViews`})}),s.length?(0,S.jsx)(y,{data:s}):(0,S.jsx)(w,{})]}):(0,S.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}var k={column1:`_column1_1s749_1`,column2:`_column2_1s749_4`,videoViewsCard:`_videoViewsCard_1s749_7`},A=i.encloseNamespace(`videos.schoolVideoOverview`),j=50;function M(){return o({title:A(`videos`)}),p(A(`videos`)),g(_()),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(v,{}),(0,S.jsxs)(`div`,{className:`d-flex gap-3`,children:[(0,S.jsxs)(`div`,{className:`d-flex flex-column gap-3 ${k.column1}`,children:[(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(m,{type:`year_group`})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(b,{})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(O,{})})]}),(0,S.jsxs)(`div`,{className:`d-flex flex-column gap-3 ${k.column2}`,children:[(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(h,{type:`user_type`})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(f,{type:d.RootTopic,heading:A(`totalViewsSubject`),emptyStateText:A(`emptySubjects`),limit:j})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(f,{type:d.ChildTopic,heading:A(`totalViewsTopic`),emptyStateText:A(`emptyTopics`),limit:j})})]})]})]})}export{M as SchoolVideoOverviewView};
-//# sourceMappingURL=DuQ74iFu.chunk.js.map
+import{P as e,st as t}from"./BSV_W0cK.chunk.js";import{d as n,n as r}from"./DLiesDxa.chunk.js";import{t as i}from"./Bqlm3yF_.chunk.js";import{t as a}from"./H5KLIhR_.chunk.js";import{t as o}from"./DmGbjBUG.chunk.js";import{t as s}from"./Du_kaCuU.chunk.js";import{r as c}from"./app-CirLTvga.js";import{t as l}from"./B01p94Dy2.chunk.js";import{c as u}from"./BbbU3LZb2.chunk.js";import{n as d,t as f}from"./BSethuDj2.chunk.js";import{n as p}from"./DoqY7Zz22.chunk.js";import{n as m,t as h}from"./ChsDPjp62.chunk.js";import{i as g,n as _}from"./Cje7C8bz.chunk.js";import{t as v}from"./F0alulpY.chunk.js";import{n as y,t as b}from"./Z3CSanPV.chunk.js";t();var x={image:`_image_1a110_1`},S=e(),C=i.encloseNamespace(`reportsShared.totalViewsByContentCardEmptyState`);function w(){return(0,S.jsxs)(s,{className:`flex-grow-1 justify-content-center`,children:[(0,S.jsx)(s.Image,{src:a.EmptyStates.Shared.PuzzleGroup,className:x.image}),(0,S.jsx)(s.Heading,{className:`h6`,children:C(`heading`)}),(0,S.jsx)(s.Info,{className:`w-100`,children:C(`description`)})]})}var T=`reportsShared.videoViewsByContentCard`,E=i.encloseNamespace(T),D=function(e){return e.ClickView=`ClickView content`,e.TV=`TV content`,e.UserGenerated=`User generated content`,e}(D||{});function O(){let e=c(`video-views`),t=n(l.aggregation(`content_type`,e));function i(e){switch(e){case D.ClickView:return u.YELLOW;case D.TV:return u.PURPLE;case D.UserGenerated:return u.GREEN}}function a(e){switch(e){case D.ClickView:return E(`clickview`);case D.TV:return E(`tv`);case D.UserGenerated:return E(`userGenerated`)}}function o(e){return e?e.filter(e=>e.name===D.ClickView||e.name===D.TV||e.name===D.UserGenerated).map(e=>({name:a(e.name),y:e.count,color:i(e.name)})):null}let s=o(t.data);return(0,S.jsx)(`div`,{className:`d-flex flex-column h-100 bg-white rounded p-3`,children:s?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(`h2`,{className:`h6 mb-3`,children:(0,S.jsx)(r,{namespace:T,phrase:`videoViews`})}),s.length?(0,S.jsx)(y,{data:s}):(0,S.jsx)(w,{})]}):(0,S.jsx)(`div`,{className:`partial-loading-background w-25`,children:`\xA0`})})}var k={column1:`_column1_1s749_1`,column2:`_column2_1s749_4`,videoViewsCard:`_videoViewsCard_1s749_7`},A=i.encloseNamespace(`videos.schoolVideoOverview`),j=50;function M(){return o({title:A(`videos`)}),p(A(`videos`)),g(_()),(0,S.jsxs)(`div`,{children:[(0,S.jsx)(v,{}),(0,S.jsxs)(`div`,{className:`d-flex gap-3`,children:[(0,S.jsxs)(`div`,{className:`d-flex flex-column gap-3 ${k.column1}`,children:[(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(m,{type:`year_group`})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(b,{})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(O,{})})]}),(0,S.jsxs)(`div`,{className:`d-flex flex-column gap-3 ${k.column2}`,children:[(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(h,{type:`user_type`})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(f,{type:d.RootTopic,heading:A(`totalViewsSubject`),emptyStateText:A(`emptySubjects`),limit:j})}),(0,S.jsx)(`div`,{className:k.videoViewsCard,children:(0,S.jsx)(f,{type:d.ChildTopic,heading:A(`totalViewsTopic`),emptyStateText:A(`emptyTopics`),limit:j})})]})]})]})}export{M as SchoolVideoOverviewView};
+//# sourceMappingURL=CqU1GfrZ.chunk.js.map

package/dist/scripts/{DuQ74iFu.chunk.js.map → CqU1GfrZ.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DuQ74iFu.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/video-views-by-content-card/empty-state/total-views-by-content-card-empty-state.module.scss","../../src/shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState.tsx","../../src/shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard.tsx","../../src/apps/videos/views/school-video-overview/school-video-overview.module.scss","../../src/apps/videos/views/school-video-overview/SchoolVideoOverviewView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\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-content-card-empty-state.module.scss';\n\nconst namespace = 'reportsShared.totalViewsByContentCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function TotalViewsByContentCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.PuzzleGroup}\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}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\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';\n\nimport { ColumnChart } from 'shared/components/column-chart/ColumnChart';\nimport { CHART_COLOUR } from 'shared/constants/ChartStyles';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TotalViewsByContentCardEmptyState } from 'shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState';\n\nconst namespace = 'reportsShared.videoViewsByContentCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nenum ContentType {\n  ClickView = 'ClickView content',\n  TV = 'TV content',\n  UserGenerated = 'User generated content'\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function VideoViewsByContentCardView() {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const contentTypeCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.aggregation('content_type', requestFilter)\n  );\n\n  function mapContentTypeToChartColour(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return CHART_COLOUR.YELLOW;\n      case ContentType.TV: return CHART_COLOUR.PURPLE;\n      case ContentType.UserGenerated: return CHART_COLOUR.GREEN;\n    }\n  }\n\n  function mapContentTypeToLabel(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return getPhrase('clickview');\n      case ContentType.TV: return getPhrase('tv');\n      case ContentType.UserGenerated: return getPhrase('userGenerated');\n    }\n  }\n\n  function getChartData(contentTypeCount: GroupedAnalyticsCount[]) {\n    if (!contentTypeCount) return null;\n\n    const mappedGroups = contentTypeCount.filter(group => (\n      group.name === ContentType.ClickView ||\n      group.name === ContentType.TV ||\n      group.name === ContentType.UserGenerated\n    )).map(group => ({\n      name: mapContentTypeToLabel(group.name),\n      y: group.count,\n      color: mapContentTypeToChartColour(group.name)\n    }));\n\n    return mappedGroups;\n  }\n\n  const chartData = getChartData(contentTypeCount.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            <ColumnChart data={chartData} /> :\n            <TotalViewsByContentCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n",":local {\n  .column1 {\n    flex: 3 0;\n  }\n  \n  .column2 {\n    flex: 4 0;\n  }\n\n  .videoViewsCard {\n    height: 20rem;\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 { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { getVideoHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { StreamsBarChartCardView } from 'shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView';\nimport { StreamsChartCardView } from 'shared/views/overview-cards/streams-chart-card/StreamsChartCardView';\nimport { TopClassificationsCardView } from 'shared/views/overview-cards/top-classifications-card/TopClassificationsCardView';\nimport { VideoViewsByContentCardView } from 'shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard';\nimport { VideoViewsByRoleCardView } from 'shared/views/overview-cards/video-views-by-role-card/VideoViewsByRoleCardView';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\n\nimport styles from './school-video-overview.module.scss';\n\nconst namespace = 'videos.schoolVideoOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst TOP_CLASSIFICATIONS_LIMIT = 50;\n\nexport function SchoolVideoOverviewView(): JSX.Element {\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n  useSetHeaderActions(getVideoHeaderActions());\n\n  return (\n    <div>\n      <SchoolVideosNav />\n      <div className='d-flex gap-3'>\n        <div className={`d-flex flex-column gap-3 ${styles.column1}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsBarChartCardView type='year_group' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByRoleCardView />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByContentCardView />\n          </div>\n        </div>\n        <div className={`d-flex flex-column gap-3 ${styles.column2}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsChartCardView type='user_type' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.RootTopic}\n              heading={getPhrase('totalViewsSubject')}\n              emptyStateText={getPhrase('emptySubjects')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.ChildTopic}\n              heading={getPhrase('totalViewsTopic')}\n              emptyStateText={getPhrase('emptyTopics')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CqU1GfrZ.chunk.js","names":[],"sources":["../../src/shared/views/overview-cards/video-views-by-content-card/empty-state/total-views-by-content-card-empty-state.module.scss","../../src/shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState.tsx","../../src/shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard.tsx","../../src/apps/videos/views/school-video-overview/school-video-overview.module.scss","../../src/apps/videos/views/school-video-overview/SchoolVideoOverviewView.tsx"],"sourcesContent":[":local {\n  .image {\n    width: 12.5rem;\n    height: auto;\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-content-card-empty-state.module.scss';\n\nconst namespace = 'reportsShared.totalViewsByContentCardEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function TotalViewsByContentCardEmptyState() {\n  return (\n    <EmptyState className='flex-grow-1 justify-content-center'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.PuzzleGroup}\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}\n","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\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';\n\nimport { ColumnChart } from 'shared/components/column-chart/ColumnChart';\nimport { CHART_COLOUR } from 'shared/constants/ChartStyles';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TotalViewsByContentCardEmptyState } from 'shared/views/overview-cards/video-views-by-content-card/empty-state/TotalViewsByContentCardEmptyState';\n\nconst namespace = 'reportsShared.videoViewsByContentCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nenum ContentType {\n  ClickView = 'ClickView content',\n  TV = 'TV content',\n  UserGenerated = 'User generated content'\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function VideoViewsByContentCardView() {\n  const requestFilter = useGetRequestFilter('video-views');\n\n  const contentTypeCount = Flight.useBasicFetch<GroupedAnalyticsCount[]>(\n    VideoViewsV2Requests.aggregation('content_type', requestFilter)\n  );\n\n  function mapContentTypeToChartColour(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return CHART_COLOUR.YELLOW;\n      case ContentType.TV: return CHART_COLOUR.PURPLE;\n      case ContentType.UserGenerated: return CHART_COLOUR.GREEN;\n    }\n  }\n\n  function mapContentTypeToLabel(contentType: string) {\n    switch (contentType) {\n      case ContentType.ClickView: return getPhrase('clickview');\n      case ContentType.TV: return getPhrase('tv');\n      case ContentType.UserGenerated: return getPhrase('userGenerated');\n    }\n  }\n\n  function getChartData(contentTypeCount: GroupedAnalyticsCount[]) {\n    if (!contentTypeCount) return null;\n\n    const mappedGroups = contentTypeCount.filter(group => (\n      group.name === ContentType.ClickView ||\n      group.name === ContentType.TV ||\n      group.name === ContentType.UserGenerated\n    )).map(group => ({\n      name: mapContentTypeToLabel(group.name),\n      y: group.count,\n      color: mapContentTypeToChartColour(group.name)\n    }));\n\n    return mappedGroups;\n  }\n\n  const chartData = getChartData(contentTypeCount.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            <ColumnChart data={chartData} /> :\n            <TotalViewsByContentCardEmptyState />\n          }\n        </> :\n        <div className='partial-loading-background w-25'>&nbsp;</div>\n      }\n    </div>\n  );\n}\n",":local {\n  .column1 {\n    flex: 3 0;\n  }\n  \n  .column2 {\n    flex: 4 0;\n  }\n\n  .videoViewsCard {\n    height: 20rem;\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 { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { getVideoHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { StreamsBarChartCardView } from 'shared/views/overview-cards/streams-bar-chart-card/StreamsBarChartCardView';\nimport { StreamsChartCardView } from 'shared/views/overview-cards/streams-chart-card/StreamsChartCardView';\nimport { TopClassificationsCardView } from 'shared/views/overview-cards/top-classifications-card/TopClassificationsCardView';\nimport { VideoViewsByContentCardView } from 'shared/views/overview-cards/video-views-by-content-card/VideoViewsByContentCard';\nimport { VideoViewsByRoleCardView } from 'shared/views/overview-cards/video-views-by-role-card/VideoViewsByRoleCardView';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\n\nimport styles from './school-video-overview.module.scss';\n\nconst namespace = 'videos.schoolVideoOverview';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst TOP_CLASSIFICATIONS_LIMIT = 50;\n\nexport function SchoolVideoOverviewView(): JSX.Element {\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n  useSetHeaderActions(getVideoHeaderActions());\n\n  return (\n    <div>\n      <SchoolVideosNav />\n      <div className='d-flex gap-3'>\n        <div className={`d-flex flex-column gap-3 ${styles.column1}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsBarChartCardView type='year_group' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByRoleCardView />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <VideoViewsByContentCardView />\n          </div>\n        </div>\n        <div className={`d-flex flex-column gap-3 ${styles.column2}`}>\n          <div className={styles.videoViewsCard}>\n            <StreamsChartCardView type='user_type' />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.RootTopic}\n              heading={getPhrase('totalViewsSubject')}\n              emptyStateText={getPhrase('emptySubjects')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n          <div className={styles.videoViewsCard}>\n            <TopClassificationsCardView\n              type={TopicAnalyticsType.ChildTopic}\n              heading={getPhrase('totalViewsTopic')}\n              emptyStateText={getPhrase('emptyTopics')}\n              limit={TOP_CLASSIFICATIONS_LIMIT}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/scripts/{rdbFZIyT.chunk.js → CrnI3v9u.chunk.js}

@@ -1,2 +1,2 @@
-import{E as e,Kn as t,P as n,b as r,st as i,x as a,y as o}from"./BSV_W0cK.chunk.js";import{d as s}from"./DLiesDxa.chunk.js";import{t as c}from"./Bqlm3yF_.chunk.js";import{t as l}from"./H5KLIhR_.chunk.js";import{t as u}from"./07ZZlAWY.chunk.js";import{t as d}from"./DmGbjBUG.chunk.js";import{t as f}from"./DHk1ZJ0C.chunk.js";import{t as p}from"./Du_kaCuU.chunk.js";import{h as m,l as h,n as g,r as _,u as v}from"./app-BeoBow2q.js";import{n as y,r as b,t as x}from"./C2ZUZoNE2.chunk.js";import{t as S}from"./BYLD2f9R2.chunk.js";import{t as C}from"./BbTaGrM02.chunk.js";import{n as w}from"./BOGodQXj2.chunk.js";import{r as T,t as E}from"./C7rNnvPs.chunk.js";import{t as D}from"./WxjzAHzM.chunk.js";var O=t(e()),k=t(i()),A=n(),j=k.forwardRef(({bsPrefix:e,className:t,as:n=`div`,...i},s)=>{let c=a(e,`row`),l=o(),u=r(),d=`${c}-cols`,f=[];return l.forEach(e=>{let t=i[e];delete i[e];let n;typeof t==`object`&&t?{cols:n}=t:n=t;let r=e===u?``:`-${e}`;n!=null&&f.push(`${d}${r}-${n}`)}),(0,A.jsx)(n,{ref:s,...i,className:(0,O.default)(t,c,...f)})});j.displayName=`Row`;var M={videoTable:`_videoTable_14eqw_1`,interactiveTable:`_interactiveTable_14eqw_4`,userTable:`_userTable_14eqw_7`,header:`_header_14eqw_10`,itemHeader:`_itemHeader_14eqw_13`,videoItemContainer:`_videoItemContainer_14eqw_16`,interactiveItemContainer:`_interactiveItemContainer_14eqw_19`,userItemContainer:`_userItemContainer_14eqw_22`,heatMapItemContainer:`_heatMapItemContainer_14eqw_25`,partialAvatar:`_partialAvatar_14eqw_28`,partialNumber:`_partialNumber_14eqw_33`,partialLongText:`_partialLongText_14eqw_37`,partialMediumText:`_partialMediumText_14eqw_41`,partialShortText:`_partialShortText_14eqw_45`,partialThumbnail:`_partialThumbnail_14eqw_49`,partialHeatMap:`_partialHeatMap_14eqw_53`},N=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),P=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),F=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:2,className:`d-flex`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-3 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:6,className:`d-flex justify-content-between`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.heatMapItemContainer} ${M.partialShortText}`})})]});function I(e){switch(e){case`video-views`:return{headerComponent:N,tableStyle:M.videoTable};case`interactives`:return{headerComponent:P,tableStyle:M.interactiveTable};case`engagement-users`:return{headerComponent:F,tableStyle:M.userTable};default:return{headerComponent:(0,A.jsx)(A.Fragment,{}),tableStyle:``}}}function L(e){let{headerComponent:t,tableStyle:n}=I(e.variant);return(0,A.jsxs)(`div`,{className:`bg-white rounded ${n} ${e.className??``}`,children:[(0,A.jsx)(`div`,{className:`border-bottom ${M.header} ${e.headerClassName??``}`,children:t}),e.children]})}function R(){return(0,A.jsxs)(j,{className:`py-1 ${M.videoItemContainer}`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialLongText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function z(){return(0,A.jsxs)(j,{className:`py-1 ${M.interactiveItemContainer}`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialMediumText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialAvatar}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialMediumText}`})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function B(){return(0,A.jsxs)(j,{className:`my-2 ${M.userItemContainer}`,children:[(0,A.jsxs)(u,{xs:2,className:`d-flex align-items-center `,children:[(0,A.jsx)(`div`,{className:`partial-loading-background ms-3 ${M.partialAvatar}`}),(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})]}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:6,className:`d-flex justify-content-between align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.heatMapItemContainer} ${M.partialHeatMap}`})})]})}function V(e,t){switch(e){case`video-views`:return(0,A.jsx)(R,{},t);case`interactives`:return(0,A.jsx)(z,{},t);case`engagement-users`:return(0,A.jsx)(B,{},t);default:return(0,A.jsx)(A.Fragment,{})}}H.defaultProps={itemCount:7};function H(e){return(0,A.jsx)(`div`,{className:`my-1`,children:Array(e.itemCount).fill(null).map((t,n)=>V(e.variant,n))})}var U=c.encloseNamespace(`reportsVideos.videoViewsTableEmptyState`);function W(){return(0,A.jsxs)(p,{className:`bg-white rounded justify-content-center py-5`,children:[(0,A.jsx)(p.Image,{src:l.EmptyStates.Shared.ViewCount,className:`w-25 h-auto`}),(0,A.jsx)(p.Heading,{children:U(`heading`)}),(0,A.jsx)(p.Info,{children:U(`description`)})]})}var G={title:`_title_3yzlb_1`,thumbnail:`_thumbnail_3yzlb_2`,seeOverview:`_seeOverview_3yzlb_8`,row:`_row_3yzlb_11`},K=c.encloseNamespace(`reportsVideos.videoViewsTable`),q={table:`bg-white rounded`,header:`border-bottom`,headerCell:`p-3`,row:G.row,cell:`p-3`},J=[{Header:()=>(0,A.jsx)(`div`,{className:`d-flex justify-content-end`,children:`#`}),accessor:`object`,id:`index`,Cell:({row:{index:e}})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center justify-content-end h-100`,children:e+1}),width:5,disableSortBy:!0},{Header:e=>(0,A.jsx)(`div`,{className:G.title,children:(0,A.jsxs)(A.Fragment,{children:[K(`title`),` `,e.renderSortIndicator()]})}),accessor:`object`,id:`image`,Cell:({value:e})=>(0,A.jsx)(x,{video:e,imageOptions:{size:f.Small},textPosition:y.Independent,type:`cosmetic`,hideMask:!0,extraClasses:G.thumbnail,newDurationStyle:!0,size:`sm`}),width:30,hideSortIndicator:!0,sortType:(e,t)=>e.original.object.name?.toLowerCase()>t.original.object.name?.toLowerCase()?1:-1},{accessor:`object`,id:`name`,Cell:({value:e})=>(0,A.jsxs)(`div`,{className:`d-flex flex-column justify-content-center h-100`,children:[v.isVideoType(e)&&(0,A.jsx)(b,{type:`series`,video:e,analyticsOptions:null,className:`d-inline clamp-1`}),(0,A.jsx)(`span`,{className:`text-truncate`,children:e.name})]}),width:60,disableSortBy:!0},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`contentType`)}),accessor:`contentType`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`views`)}),accessor:`combinedCount`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{accessor:`object`,id:`see-overview`,Cell:()=>(0,A.jsx)(`div`,{className:`${G.seeOverview} align-items-center h-100 text-info`,children:K(`seeAnalytics`)}),width:25,disableSortBy:!0}];function Y(e){let t=g();function n(n){return e.getVideoAppLink(n.original.object,t)}return(0,A.jsx)(E,{columns:J,data:e.videos,theme:q,getRowAppLink:n,enableSort:!0})}var X=c.encloseNamespace(`reportsVideos.schoolTopVideosView`),Z=100;function Q(){let e=_(`video-views`),t=s(S.topStreams(Z,e)),n=C(t.data?.map(e=>e.objectId)??[],m.videos);T(t),d({title:X(`videos`)}),w(X(`videos`));let r=t.hasCompleted&&!n.isFetching,i=!!n.itemsArr?.length,a=t.data?.map(e=>{let t=n.items?.[e?.objectId];return t?{count:e.count,object:t,contentType:e.contentType,combinedCount:e.combinedCount}:null}).filter(e=>!!e);return(0,A.jsxs)(`div`,{className:`pb-3`,children:[(0,A.jsx)(D,{}),!r&&(0,A.jsx)(L,{variant:`video-views`,children:(0,A.jsx)(H,{variant:`video-views`})}),r&&i&&(0,A.jsx)(Y,{videos:a,getVideoAppLink:h}),r&&!i&&(0,A.jsx)(W,{})]})}export{Q as SchoolTopVideosView};
-//# sourceMappingURL=rdbFZIyT.chunk.js.map
+import{E as e,Kn as t,P as n,b as r,st as i,x as a,y as o}from"./BSV_W0cK.chunk.js";import{d as s}from"./DLiesDxa.chunk.js";import{t as c}from"./Bqlm3yF_.chunk.js";import{t as l}from"./H5KLIhR_.chunk.js";import{t as u}from"./07ZZlAWY.chunk.js";import{t as d}from"./DmGbjBUG.chunk.js";import{t as f}from"./DHk1ZJ0C.chunk.js";import{t as p}from"./Du_kaCuU.chunk.js";import{h as m,l as h,n as g,r as _,u as v}from"./app-CirLTvga.js";import{n as y,r as b,t as x}from"./msX5dXMR2.chunk.js";import{t as S}from"./B01p94Dy2.chunk.js";import{t as C}from"./CzP4rwtN2.chunk.js";import{n as w}from"./DoqY7Zz22.chunk.js";import{r as T,t as E}from"./BKWokslH.chunk.js";import{t as D}from"./F0alulpY.chunk.js";var O=t(e()),k=t(i()),A=n(),j=k.forwardRef(({bsPrefix:e,className:t,as:n=`div`,...i},s)=>{let c=a(e,`row`),l=o(),u=r(),d=`${c}-cols`,f=[];return l.forEach(e=>{let t=i[e];delete i[e];let n;typeof t==`object`&&t?{cols:n}=t:n=t;let r=e===u?``:`-${e}`;n!=null&&f.push(`${d}${r}-${n}`)}),(0,A.jsx)(n,{ref:s,...i,className:(0,O.default)(t,c,...f)})});j.displayName=`Row`;var M={videoTable:`_videoTable_14eqw_1`,interactiveTable:`_interactiveTable_14eqw_4`,userTable:`_userTable_14eqw_7`,header:`_header_14eqw_10`,itemHeader:`_itemHeader_14eqw_13`,videoItemContainer:`_videoItemContainer_14eqw_16`,interactiveItemContainer:`_interactiveItemContainer_14eqw_19`,userItemContainer:`_userItemContainer_14eqw_22`,heatMapItemContainer:`_heatMapItemContainer_14eqw_25`,partialAvatar:`_partialAvatar_14eqw_28`,partialNumber:`_partialNumber_14eqw_33`,partialLongText:`_partialLongText_14eqw_37`,partialMediumText:`_partialMediumText_14eqw_41`,partialShortText:`_partialShortText_14eqw_45`,partialThumbnail:`_partialThumbnail_14eqw_49`,partialHeatMap:`_partialHeatMap_14eqw_53`},N=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),P=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:5,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})})]}),F=(0,A.jsxs)(j,{className:`py-3`,children:[(0,A.jsx)(u,{xs:2,className:`d-flex`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-3 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:6,className:`d-flex justify-content-between`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.heatMapItemContainer} ${M.partialShortText}`})})]});function I(e){switch(e){case`video-views`:return{headerComponent:N,tableStyle:M.videoTable};case`interactives`:return{headerComponent:P,tableStyle:M.interactiveTable};case`engagement-users`:return{headerComponent:F,tableStyle:M.userTable};default:return{headerComponent:(0,A.jsx)(A.Fragment,{}),tableStyle:``}}}function L(e){let{headerComponent:t,tableStyle:n}=I(e.variant);return(0,A.jsxs)(`div`,{className:`bg-white rounded ${n} ${e.className??``}`,children:[(0,A.jsx)(`div`,{className:`border-bottom ${M.header} ${e.headerClassName??``}`,children:t}),e.children]})}function R(){return(0,A.jsxs)(j,{className:`py-1 ${M.videoItemContainer}`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialLongText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:4,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function z(){return(0,A.jsxs)(j,{className:`py-1 ${M.interactiveItemContainer}`,children:[(0,A.jsx)(u,{xs:1,className:`d-flex align-items-center justify-content-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialNumber}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block`,children:(0,A.jsx)(`div`,{className:`partial-loading-background rounded ${M.partialThumbnail}`})})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ms-n2 ${M.partialMediumText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialAvatar}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialMediumText}`})}),(0,A.jsx)(u,{xs:3,className:`d-flex align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background mx-4 ${M.partialNumber}`})})]})}function B(){return(0,A.jsxs)(j,{className:`my-2 ${M.userItemContainer}`,children:[(0,A.jsxs)(u,{xs:2,className:`d-flex align-items-center `,children:[(0,A.jsx)(`div`,{className:`partial-loading-background ms-3 ${M.partialAvatar}`}),(0,A.jsx)(`div`,{className:`partial-loading-background mx-2 ${M.partialShortText}`})]}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`d-block partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:2,className:`d-flex justify-content-center align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.partialShortText}`})}),(0,A.jsx)(u,{xs:6,className:`d-flex justify-content-between align-items-center`,children:(0,A.jsx)(`div`,{className:`partial-loading-background ${M.heatMapItemContainer} ${M.partialHeatMap}`})})]})}function V(e,t){switch(e){case`video-views`:return(0,A.jsx)(R,{},t);case`interactives`:return(0,A.jsx)(z,{},t);case`engagement-users`:return(0,A.jsx)(B,{},t);default:return(0,A.jsx)(A.Fragment,{})}}H.defaultProps={itemCount:7};function H(e){return(0,A.jsx)(`div`,{className:`my-1`,children:Array(e.itemCount).fill(null).map((t,n)=>V(e.variant,n))})}var U=c.encloseNamespace(`reportsVideos.videoViewsTableEmptyState`);function W(){return(0,A.jsxs)(p,{className:`bg-white rounded justify-content-center py-5`,children:[(0,A.jsx)(p.Image,{src:l.EmptyStates.Shared.ViewCount,className:`w-25 h-auto`}),(0,A.jsx)(p.Heading,{children:U(`heading`)}),(0,A.jsx)(p.Info,{children:U(`description`)})]})}var G={title:`_title_3yzlb_1`,thumbnail:`_thumbnail_3yzlb_2`,seeOverview:`_seeOverview_3yzlb_8`,row:`_row_3yzlb_11`},K=c.encloseNamespace(`reportsVideos.videoViewsTable`),q={table:`bg-white rounded`,header:`border-bottom`,headerCell:`p-3`,row:G.row,cell:`p-3`},J=[{Header:()=>(0,A.jsx)(`div`,{className:`d-flex justify-content-end`,children:`#`}),accessor:`object`,id:`index`,Cell:({row:{index:e}})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center justify-content-end h-100`,children:e+1}),width:5,disableSortBy:!0},{Header:e=>(0,A.jsx)(`div`,{className:G.title,children:(0,A.jsxs)(A.Fragment,{children:[K(`title`),` `,e.renderSortIndicator()]})}),accessor:`object`,id:`image`,Cell:({value:e})=>(0,A.jsx)(x,{video:e,imageOptions:{size:f.Small},textPosition:y.Independent,type:`cosmetic`,hideMask:!0,extraClasses:G.thumbnail,newDurationStyle:!0,size:`sm`}),width:30,hideSortIndicator:!0,sortType:(e,t)=>e.original.object.name?.toLowerCase()>t.original.object.name?.toLowerCase()?1:-1},{accessor:`object`,id:`name`,Cell:({value:e})=>(0,A.jsxs)(`div`,{className:`d-flex flex-column justify-content-center h-100`,children:[v.isVideoType(e)&&(0,A.jsx)(b,{type:`series`,video:e,analyticsOptions:null,className:`d-inline clamp-1`}),(0,A.jsx)(`span`,{className:`text-truncate`,children:e.name})]}),width:60,disableSortBy:!0},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`contentType`)}),accessor:`contentType`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{Header:()=>(0,A.jsx)(A.Fragment,{children:K(`views`)}),accessor:`combinedCount`,Cell:({value:e})=>(0,A.jsx)(`div`,{className:`d-flex align-items-center h-100`,children:e}),width:30},{accessor:`object`,id:`see-overview`,Cell:()=>(0,A.jsx)(`div`,{className:`${G.seeOverview} align-items-center h-100 text-info`,children:K(`seeAnalytics`)}),width:25,disableSortBy:!0}];function Y(e){let t=g();function n(n){return e.getVideoAppLink(n.original.object,t)}return(0,A.jsx)(E,{columns:J,data:e.videos,theme:q,getRowAppLink:n,enableSort:!0})}var X=c.encloseNamespace(`reportsVideos.schoolTopVideosView`),Z=100;function Q(){let e=_(`video-views`),t=s(S.topStreams(Z,e)),n=C(t.data?.map(e=>e.objectId)??[],m.videos);T(t),d({title:X(`videos`)}),w(X(`videos`));let r=t.hasCompleted&&!n.isFetching,i=!!n.itemsArr?.length,a=t.data?.map(e=>{let t=n.items?.[e?.objectId];return t?{count:e.count,object:t,contentType:e.contentType,combinedCount:e.combinedCount}:null}).filter(e=>!!e);return(0,A.jsxs)(`div`,{className:`pb-3`,children:[(0,A.jsx)(D,{}),!r&&(0,A.jsx)(L,{variant:`video-views`,children:(0,A.jsx)(H,{variant:`video-views`})}),r&&i&&(0,A.jsx)(Y,{videos:a,getVideoAppLink:h}),r&&!i&&(0,A.jsx)(W,{})]})}export{Q as SchoolTopVideosView};
+//# sourceMappingURL=CrnI3v9u.chunk.js.map