@clickview/reports 0.69.0 → 0.69.1-dev.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"P3PkkK_o.chunk.js","sources":["../../../../libs/shared/src/components/percentage-indicator/PercentageIndicatorUtils.ts","../../../../libs/shared/src/components/percentage-indicator/PercentageIndicator.tsx"],"sourcesContent":["import { ScoreThresholdDefaults, ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport styles from './percentage-indicator.module.scss';\n\n/**\n * Values for width and strokeWidth are taken from progress-circle.scss.\n * If either are changed, they must be updated in both places.\n */\nconst CIRCLE_WIDTH = 2; // rem\nconst CIRCLE_WIDTH_LG = 5.8; // rem\nconst CIRCLE_STROKE_WIDTH = 0.2; // rem\nconst CIRCLE_STROKE_WIDTH_LG = 0.36; // rem\n \nexport enum ProgressCircleSize {\n  Small = 'small',\n  Large = 'large',\n  ExtraSmall = 'extraSmall'\n}\n\nconst ProgressCircleSizeMap = {\n  [ProgressCircleSize.ExtraSmall]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Small]: {\n    size: CIRCLE_WIDTH\n  },\n  [ProgressCircleSize.Large]: {\n    size: CIRCLE_WIDTH_LG\n  }\n};\n\n/**\n * radius = width / 2 - strokeWidth * 2\n */\nexport function getCircleRadius(size: ProgressCircleSize): string {\n  const width = ProgressCircleSizeMap[size].size;\n  const strokeWidth = size === ProgressCircleSize.Large ? CIRCLE_STROKE_WIDTH_LG : CIRCLE_STROKE_WIDTH;\n  return `${width / 2 - strokeWidth * 2}rem`;\n}\n  \nexport function getCircleClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return styles.circleSuccess;\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return styles.circleWarning;\n  \n  return styles.circleDanger;\n}\n  \nexport function getColouredLabelClassName(\n  percentage: number,\n  scoreThresholds: ScoreThresholds = ScoreThresholdDefaults\n): string {\n  if (percentage >= scoreThresholds.HIGH)\n    return 'text-success';\n      \n  if (percentage >= scoreThresholds.MODERATE)\n    return 'text-warning';\n  \n  return 'text-danger';\n}\n \nexport function getCircleContainerClassName(size: ProgressCircleSize, percentage?: number): string {\n  let className = `d-inline-block ${styles.circleContainer}`;\n \n  if (size === ProgressCircleSize.Large)\n    className += ` ${styles.lgCircleContainer}`;\n\n  if (size === ProgressCircleSize.ExtraSmall)\n    className += ` ${styles.xsCircleContainer}`;\n\n  if (isPending(percentage))\n    className += ` ${styles.pendingCircle}`;\n \n  return className;\n}\n\nexport function getPercentageToFixed(percentage?: number): number | undefined {\n  if (isPending(percentage))\n    return;\n  \n  return +percentage.toFixed(2);\n}\n \nexport function getFormattedPercentage(percentage?: number): string {\n  if (isPending(percentage))\n    return `--%`;\n\n  return `${Math.round(percentage * 100)}%`;\n}\n\nexport function isPending(percentage?: number): boolean {\n  return typeof percentage !== 'number';\n}","import React from 'react';\n\nimport { ScoreThresholds } from 'libs/shared/constants/ScoreThresholds';\n\nimport {\n  getCircleClassName,\n  getCircleContainerClassName,\n  getCircleRadius,\n  getColouredLabelClassName,\n  getFormattedPercentage,\n  getPercentageToFixed,\n  isPending,\n  ProgressCircleSize\n} from './PercentageIndicatorUtils';\n\nimport styles from './percentage-indicator.module.scss';\n\ninterface ProgressCircleProps {\n  size: ProgressCircleSize;\n  scoreThresholds?: ScoreThresholds;\n  percentage?: number;\n}\n\nfunction ProgressCircle(props: ProgressCircleProps): JSX.Element {\n  const ref = React.useCallback((circle: SVGCircleElement) => {\n    if (!circle)\n      return;\n\n    const radius = circle.r.baseVal.value;\n    const circumference = 2 * Math.PI * radius;\n    const offset = circumference - props.percentage * circumference;\n\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\n    circle.style.strokeDashoffset = offset.toString();\n  }, [props.percentage]);\n\n  return (\n    <svg>\n      <circle r={getCircleRadius(props.size)} className={styles.backgroundCircle} />\n      {!isPending(props.percentage) &&\n        <circle\n          ref={ref}\n          r={getCircleRadius(props.size)}\n          className={getCircleClassName(props.percentage, props.scoreThresholds)}\n        />\n      }\n    </svg>\n  );\n}\n\nexport enum PercentageIndicatorLayout {\n  CircleOnly = 'circle_only',\n  LabelOnly = 'label_only',\n  LabelBefore = 'label_before',\n  LabelInside = 'label_inside'\n}\n\ninterface PercentageIndicatorProps {\n  layout: PercentageIndicatorLayout;\n  percentage?: number; // Between 0 and 1 or undefined for pending\n  className?: string;\n  customLabel?: string;\n  scoreThresholds?: ScoreThresholds;\n  size?: ProgressCircleSize;\n}\n\nPercentageIndicator.defaultProps = {\n  layout: PercentageIndicatorLayout.CircleOnly\n};\n\nexport function PercentageIndicator(props: PercentageIndicatorProps): JSX.Element {\n  const percentageToFixed = getPercentageToFixed(props.percentage);\n\n  const size = props.size ||\n    (props.layout === PercentageIndicatorLayout.LabelInside\n      ? ProgressCircleSize.Large\n      : ProgressCircleSize.Small\n    );\n\n  const label = props.customLabel || getFormattedPercentage(percentageToFixed);\n\n  if (props.layout === PercentageIndicatorLayout.LabelOnly)\n    return (\n      <span className={getColouredLabelClassName(percentageToFixed)}>\n        {label}\n      </span>\n    );\n\n  return (\n    <div className={`d-flex align-items-center justify-content-between ${props.className ?? ''}`}>\n      {props.layout === PercentageIndicatorLayout.LabelBefore &&\n        <span className='me-2'>\n          {label}\n        </span>\n      }\n      <div className={getCircleContainerClassName(size, percentageToFixed)}>\n        <ProgressCircle percentage={percentageToFixed} size={size} scoreThresholds={props.scoreThresholds} />\n        {props.layout === PercentageIndicatorLayout.LabelInside &&\n          <span className={styles.centredPercentageText}>\n            {label}\n          </span>\n        }\n      </div>\n    </div>\n  );\n}"],"names":["CIRCLE_WIDTH","CIRCLE_WIDTH_LG","CIRCLE_STROKE_WIDTH","CIRCLE_STROKE_WIDTH_LG","ProgressCircleSize","ProgressCircleSizeMap","getCircleRadius","size","width","strokeWidth","getCircleClassName","percentage","scoreThresholds","ScoreThresholdDefaults","styles","getColouredLabelClassName","getCircleContainerClassName","className","isPending","getPercentageToFixed","getFormattedPercentage","ProgressCircle","props","ref","React","circle","radius","circumference","offset","jsx","PercentageIndicatorLayout","PercentageIndicator","percentageToFixed","label"],"mappings":"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"}

package/dist/scripts/SA1hxE7y.chunk.js

@@ -0,0 +1,15 @@
+import{j as e,i as o,a2 as m,h as d,Z as u,bQ as x,bR as p}from"./app-5iiM5qQY.js";import{B as b,a as f}from"./BqY3bZyH.chunk.js";const j="_pillTabSelector_a6f6x_1",k="_tab_a6f6x_4",S="_minWidth_a6f6x_21",y="_radiusSmall_a6f6x_24",_="_tabLink_a6f6x_35",n={pillTabSelector:j,tab:k,minWidth:S,radiusSmall:y,tabLink:_};function c(t){return e.jsxs(e.Fragment,{children:[!!t.tab.svg&&e.jsx("div",{className:t.tab.name?"pe-1":"",children:e.jsx(d,{svg:t.tab.svg})}),t.tab.name,typeof t.tab.count=="number"&&e.jsx("div",{className:"ps-2",children:e.jsx(b,{type:f.Count,data:t.tab.count})})]})}r.defaultProps={borderRadius:"lg"};function r(t){function s(a){a.active||!a.onSelect||(a.onSelect(),a.analyticsData&&a.analyticsOptions&&u.logUserAction(a.analyticsData,a.analyticsOptions))}return e.jsx("nav",{className:t.className??"",ref:t.containerRef,children:e.jsx("ul",{className:`
+        list-unstyled d-inline-block m-0 ${n.pillTabSelector}
+        ${t.borderRadius?n.radiusSmall:""}
+        ${t.listClassName}
+      `,children:t.tabs.map((a,i)=>e.jsx("li",{className:`
+                p-0 ${n.tab} ${a.active?"btn btn-dark":"btn btn-outline-dark"}
+                ${a.name?n.minWidth:""} ${a.className}
+              `,children:a.appLink?e.jsx(o,{appLink:a.appLink,analyticsData:a.analyticsData,analyticsOptions:a.analyticsOptions,className:`
+                    cursor-pointer d-flex align-items-center justify-content-center
+                    text-decoration-none text-reset px-2 text-nowrap ${n.tabLink}
+                  `,children:e.jsx(c,{tab:a})}):e.jsx(m,{className:`
+                    cursor-pointer d-flex align-items-center justify-content-center
+                    text-decoration-none text-reset px-2 text-nowrap ${n.tabLink}
+                  `,onClick:()=>s(a),children:e.jsx(c,{tab:a})})},i))})})}function v(t){const s=t.items.map(a=>{var i,l;return{name:a.label,onSelect:()=>x.trigger(a.appLink),active:a.appLink.action===((l=(i=p.getCurrentRoute())==null?void 0:i.appLink)==null?void 0:l.action)}});return e.jsx(r,{className:"pb-3",tabs:s})}export{v as S};
+//# sourceMappingURL=SA1hxE7y.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SA1hxE7y.chunk.js","sources":["../../../../libs/shared/src/components/pill-tab-selector/PillTabSelector.tsx","../../src/shared/components/sub-nav/SubNav.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { AnalyticsOptions } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { SvgIcon } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer } from '../svg-container/SvgContainer';\n\nimport styles from './pill-tab-selector.module.scss';\n\ninterface TabContentsProps {\n  tab: PillTab;\n}\n\nfunction TabContents(props: TabContentsProps): JSX.Element {\n  return (\n    <>\n      {!!props.tab.svg && (\n        <div className={props.tab.name ? 'pe-1' : ''}>\n          <SvgContainer svg={props.tab.svg} />\n        </div>\n      )}\n\n      {props.tab.name}\n\n      {typeof (props.tab.count) === 'number' && (\n        <div className='ps-2'>\n          <Badge type={BadgeType.Count} data={props.tab.count} />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport interface PillTab {\n  name: string;\n  active: boolean;\n  svg?: SvgIcon;\n\n  className?: string;\n\n  appLink?: Core.AppLink;\n  onSelect?: () => void;\n\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n\n  count?: number;\n}\n\ninterface PillTabSelectorProps {\n  tabs: PillTab[];\n  containerRef?: (el: HTMLElement) => void;\n  listClassName?: string;\n  className?: string;\n  borderRadius?: 'sm' | 'lg'\n}\n\nPillTabSelector.defaultProps = {\n  borderRadius: 'lg'\n};\n\nexport function PillTabSelector(props: PillTabSelectorProps): JSX.Element {\n  function onSelectTab(tab: PillTab): void {\n    if (tab.active || !tab.onSelect)\n      return;\n\n    tab.onSelect();\n\n    if (tab.analyticsData && tab.analyticsOptions)\n      AnalyticsHelper.logUserAction(tab.analyticsData, tab.analyticsOptions);\n  }\n\n  return (\n    <nav className={props.className ?? ''} ref={props.containerRef}>\n      <ul className={`\n        list-unstyled d-inline-block m-0 ${styles.pillTabSelector}\n        ${props.borderRadius ? styles.radiusSmall : ''}\n        ${props.listClassName}\n      `}>\n        {props.tabs.map((tab, index) => {\n          return (\n            <li\n              className={`\n                p-0 ${styles.tab} ${tab.active ? 'btn btn-dark' : 'btn btn-outline-dark'}\n                ${tab.name ? styles.minWidth : ''} ${tab.className}\n              `}\n              key={index}\n            >\n              {tab.appLink ? (\n                <AppLink\n                  appLink={tab.appLink}\n                  analyticsData={tab.analyticsData}\n                  analyticsOptions={tab.analyticsOptions}\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                >\n                  <TabContents tab={tab} />\n                </AppLink>\n              ) : (\n                <DivButton\n                  className={`\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ${styles.tabLink}\n                  `}\n                  onClick={() => onSelectTab(tab)}\n                >\n                  <TabContents tab={tab} />\n                </DivButton>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { PillTab, PillTabSelector } from 'libs/shared/components/pill-tab-selector/PillTabSelector';\nimport { ContextService } from 'libs/shared/services/ContextService';\nexport interface SubNavItem {\n  label: string;\n  appLink: Core.AppLink;\n}\n\ninterface SubNavProps {\n  items: SubNavItem[];\n}\n\nexport function SubNav(props: SubNavProps): JSX.Element {\n  const tabs: PillTab[] = props.items.map(i => ({\n    name: i.label,\n    onSelect: () => Core.AppLinkHelper.trigger(i.appLink),\n    active: i.appLink.action === ContextService.getCurrentRoute()?.appLink?.action\n  }));\n\n  return <PillTabSelector className='pb-3' tabs={tabs} />;\n}"],"names":["TabContents","props","jsxs","Fragment","jsx","SvgContainer","Badge","BadgeType","PillTabSelector","onSelectTab","tab","AnalyticsHelper","styles","index","AppLink","DivButton","SubNav","tabs","i","Core.AppLinkHelper","_b","_a","ContextService"],"mappings":"4TAqBA,SAASA,EAAYC,EAAsC,CACzD,OACEC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAA,CAAC,CAACF,EAAM,IAAI,KACXG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAM,IAAI,KAAO,OAAS,GACxC,SAAAG,EAAAA,IAACC,EAAA,CAAa,IAAKJ,EAAM,IAAI,IAAK,EACpC,EAGDA,EAAM,IAAI,KAEV,OAAQA,EAAM,IAAI,OAAW,UAC5BG,EAAAA,IAAC,OAAI,UAAU,OACb,SAAAA,EAAAA,IAACE,EAAA,CAAM,KAAMC,EAAU,MAAO,KAAMN,EAAM,IAAI,MAAO,CAAA,CACvD,CAAA,EAEJ,CAEJ,CA0BAO,EAAgB,aAAe,CAC7B,aAAc,IAChB,EAEO,SAASA,EAAgBP,EAA0C,CACxE,SAASQ,EAAYC,EAAoB,CACnCA,EAAI,QAAU,CAACA,EAAI,WAGvBA,EAAI,SAAA,EAEAA,EAAI,eAAiBA,EAAI,kBAC3BC,EAAgB,cAAcD,EAAI,cAAeA,EAAI,gBAAgB,EACzE,CAEA,OACEN,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAM,WAAa,GAAI,IAAKA,EAAM,aAChD,SAAAG,EAAAA,IAAC,KAAA,CAAG,UAAW;AAAA,2CACsBQ,EAAO,eAAe;AAAA,UACvDX,EAAM,aAAeW,EAAO,YAAc,EAAE;AAAA,UAC5CX,EAAM,aAAa;AAAA,QAEpB,SAAAA,EAAM,KAAK,IAAI,CAACS,EAAKG,IAElBT,EAAAA,IAAC,KAAA,CACC,UAAW;AAAA,sBACHQ,EAAO,GAAG,IAAIF,EAAI,OAAS,eAAiB,sBAAsB;AAAA,kBACtEA,EAAI,KAAOE,EAAO,SAAW,EAAE,IAAIF,EAAI,SAAS;AAAA,gBAInD,WAAI,QACHN,EAAAA,IAACU,EAAA,CACC,QAASJ,EAAI,QACb,cAAeA,EAAI,cACnB,iBAAkBA,EAAI,iBACtB,UAAW;AAAA;AAAA,uEAE0CE,EAAO,OAAO;AAAA,oBAGnE,SAAAR,EAAAA,IAACJ,GAAY,IAAAU,CAAA,CAAU,CAAA,CAAA,EAGzBN,EAAAA,IAACW,EAAA,CACC,UAAW;AAAA;AAAA,uEAE0CH,EAAO,OAAO;AAAA,oBAEnE,QAAS,IAAMH,EAAYC,CAAG,EAE9B,SAAAN,EAAAA,IAACJ,GAAY,IAAAU,CAAA,CAAU,CAAA,CAAA,CACzB,EAvBGG,CAAA,CA2BV,EACH,EACF,CAEJ,CC9GO,SAASG,EAAOf,EAAiC,CACtD,MAAMgB,EAAkBhB,EAAM,MAAM,IAAIiB,GAAA,SAAM,OAC5C,KAAMA,EAAE,MACR,SAAU,IAAMC,EAAmB,QAAQD,EAAE,OAAO,EACpD,OAAQA,EAAE,QAAQ,WAAWE,GAAAC,EAAAC,EAAe,gBAAA,IAAf,YAAAD,EAAkC,UAAlC,YAAAD,EAA2C,OAAA,EACxE,EAEF,OAAOhB,EAAAA,IAACI,EAAA,CAAgB,UAAU,OAAO,KAAAS,CAAA,CAAY,CACvD"}

package/dist/scripts/YHL8PX91.chunk.js

@@ -0,0 +1,2 @@
+import{e as V,u as h,a as v,L as f,j as o,k as j,m as T}from"./app-5iiM5qQY.js";import{u as b}from"./DKu8iTnz.chunk.js";import{u as x}from"./BvArNs1K.chunk.js";import{P as g}from"./72EXv822.chunk.js";import{P as w}from"./DQA8MZy3.chunk.js";import{V as L}from"./BLSeaGtL.chunk.js";import{u as P}from"./BxBPX67V.chunk.js";import{S as F}from"./DT1lPNaD.chunk.js";import{V as q,a as I}from"./Ctu1A4hw.chunk.js";import"./sFV5nxD4.chunk.js";import"./SA1hxE7y.chunk.js";import"./BqY3bZyH.chunk.js";import"./Cs1UnwSi.chunk.js";import"./DMd0fZar.chunk.js";import"./qwzILhQ0.chunk.js";import"./D9oCeDYw.chunk.js";import"./DO-V6YKu.chunk.js";import"./BLuY6AYO.chunk.js";import"./CP2i5uhZ.chunk.js";import"./Cn0ghy_D.chunk.js";import"./DNP9cLqQ.chunk.js";import"./LT6WE6TB.chunk.js";import"./Cl1c9Acb.chunk.js";import"./CbBaa9Aj.chunk.js";import"./CTMVj7AR.chunk.js";const R="reportsVideos.schoolTopVideosView",d=f.encloseNamespace(R),S=100;function te(){var a,m,p;const l=V(),t=h(L.topStreams(S,l)),s=b(((a=t.data)==null?void 0:a.map(e=>e.objectId))??[],T.videos);x(t),v({title:d("videos")}),P(d("videos"));const i=t.hasCompleted&&!s.isFetching,r=!!((m=s.itemsArr)!=null&&m.length),u=(p=t.data)==null?void 0:p.map(e=>{var c;const n=(c=s.items)==null?void 0:c[e==null?void 0:e.objectId];return n?{count:e.count,object:n,contentType:e.contentType}:null}).filter(e=>!!e);return o.jsxs("div",{className:"pb-3",children:[o.jsx(F,{}),!i&&o.jsx(g,{variant:"video-views",children:o.jsx(w,{variant:"video-views"})}),i&&r&&o.jsx(q,{videos:u,getVideoAppLink:j}),i&&!r&&o.jsx(I,{})]})}export{te as SchoolTopVideosView};
+//# sourceMappingURL=YHL8PX91.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YHL8PX91.chunk.js","sources":["../../src/apps/videos/views/school-top-videos/SchoolTopVideosView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialTableContent } from 'shared/components/partial-loading/PartialTableContent';\nimport { VideoViewsV2Requests } from 'shared/flight-requests/VideoViewsV2Requests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { TopVideo, TopVideoV2 } from 'shared/interfaces';\nimport { getSchoolVideoAppLink } from 'shared/utils/ReportsAppLinkUtils';\n\nimport { SchoolVideosNav } from 'apps/videos/components/school-videos-nav/SchoolVideosNav';\nimport { VideoViewsTableEmptyState } from 'apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState';\nimport { VideoViewsTable } from 'apps/videos/components/video-views-table/VideoViewsTable';\n\nconst namespace = 'reportsVideos.schoolTopVideosView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst LIMIT = 100;\n\nexport function SchoolTopVideosView(): JSX.Element {\n  const requestFilter = useGetRequestFilter();\n\n  const topStreams = Flight.useBasicFetch<TopVideoV2[]>(VideoViewsV2Requests.topStreams(LIMIT, requestFilter));\n\n  const videos = useBatchFetch<VideoTypes>(\n    topStreams.data?.map(v => v.objectId) ?? [],\n    VideoRequests.videos\n  );\n\n  useHandleObjectError(topStreams);\n\n  useSetPageMetadata({ title: getPhrase('videos') });\n  useSetHeaderTitle(getPhrase('videos'));\n\n  const hasLoaded = (\n    topStreams.hasCompleted &&\n    !videos.isFetching\n  );\n\n  const hasVideoViews = !!videos.itemsArr?.length;\n  \n  const mappedVideos = topStreams.data?.map<TopVideo>(topStream => {\n    const video = videos.items?.[topStream?.objectId];\n\n    if (!video)\n      return null;\n\n    return {\n      count: topStream.count,\n      object: video,\n      contentType: topStream.contentType\n    };\n  }).filter(v => !!v);\n\n  return (\n    <div className='pb-3'>\n      <SchoolVideosNav />\n      {!hasLoaded &&\n        <PartialTable variant='video-views'>\n          <PartialTableContent variant='video-views' />\n        </PartialTable>\n      }\n      {hasLoaded && hasVideoViews &&\n        <VideoViewsTable videos={mappedVideos} getVideoAppLink={getSchoolVideoAppLink} />\n      }\n      {hasLoaded && !hasVideoViews && <VideoViewsTableEmptyState />}\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","LIMIT","SchoolTopVideosView","requestFilter","useGetRequestFilter","topStreams","Flight.useBasicFetch","VideoViewsV2Requests","videos","useBatchFetch","_a","v","VideoRequests","useHandleObjectError","useSetPageMetadata","useSetHeaderTitle","hasLoaded","hasVideoViews","_b","mappedVideos","_c","topStream","video","jsxs","jsx","SchoolVideosNav","PartialTable","PartialTableContent","VideoViewsTable","getSchoolVideoAppLink","VideoViewsTableEmptyState"],"mappings":"u1BAuBA,MAAMA,EAAY,oCACZC,EAAYC,EAAgB,iBAAiBF,CAAS,EAEtDG,EAAQ,IAEP,SAASC,IAAmC,WACjD,MAAMC,EAAgBC,EAAA,EAEhBC,EAAaC,EAAmCC,EAAqB,WAAWN,EAAOE,CAAa,CAAC,EAErGK,EAASC,IACbC,EAAAL,EAAW,OAAX,YAAAK,EAAiB,OAASC,EAAE,YAAa,CAAA,EACzCC,EAAc,MAAA,EAGhBC,EAAqBR,CAAU,EAE/BS,EAAmB,CAAE,MAAOf,EAAU,QAAQ,EAAG,EACjDgB,EAAkBhB,EAAU,QAAQ,CAAC,EAErC,MAAMiB,EACJX,EAAW,cACX,CAACG,EAAO,WAGJS,EAAgB,CAAC,GAACC,EAAAV,EAAO,WAAP,MAAAU,EAAiB,QAEnCC,GAAeC,EAAAf,EAAW,OAAX,YAAAe,EAAiB,IAAcC,GAAa,OAC/D,MAAMC,GAAQZ,EAAAF,EAAO,QAAP,YAAAE,EAAeW,GAAA,YAAAA,EAAW,UAExC,OAAKC,EAGE,CACL,MAAOD,EAAU,MACjB,OAAQC,EACR,YAAaD,EAAU,WAAA,EALhB,IAOX,GAAG,OAAOV,GAAK,CAAC,CAACA,GAEjB,OACEY,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAgB,EAChB,CAACT,GACAQ,EAAAA,IAACE,EAAA,CAAa,QAAQ,cACpB,SAAAF,EAAAA,IAACG,EAAA,CAAoB,QAAQ,aAAA,CAAc,CAAA,CAC7C,EAEDX,GAAaC,GACZO,EAAAA,IAACI,GAAgB,OAAQT,EAAc,gBAAiBU,EAAuB,EAEhFb,GAAa,CAACC,GAAiBO,EAAAA,IAACM,EAAA,CAAA,CAA0B,CAAA,EAC7D,CAEJ"}