@clickview/reports 0.72.0-rc.0 → 0.73.0-rc.2

package/dist/scripts/Co9J1lM_.chunk.js

@@ -0,0 +1,2 @@
+import{c as u,V as a,r as n}from"./app-CQEXKRTo.js";function s(e){var o;const[,t]=u(a.AUDIENCE_FILTER_SELECTED_COUNT);n.useEffect(()=>{if(!e.data){t(null);return}t(e.data.userCount)},[(o=e.data)==null?void 0:o.userCount])}export{s as u};
+//# sourceMappingURL=Co9J1lM_.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Co9J1lM_.chunk.js","sources":["../../src/shared/hooks/UseSetAudienceFilterCount.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { BaseAnalyticsEventResponse } from 'libs/shared/apps/analytics/interfaces/BaseAnalyticsEvent';\nimport { IndividualEngagementResponse } from 'libs/shared/interfaces';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { TopVideosResponse } from 'shared/interfaces';\n\ntype ResponseTypes = BaseAnalyticsEventResponse | IndividualEngagementResponse | TopVideosResponse;\n\n/**\n * So that we can display the number of selected users in the audience filter\n * (including users in classrooms and groups), we read it from the API response and\n * set it in a view model so that it can be read in AudienceFilterToggle.\n */\nexport function useSetAudienceFilterCount(results: Flight.Response<ResponseTypes>): void {\n  const [ , setFilterCount ] = useViewModel<number>(ViewModelKeys.AUDIENCE_FILTER_SELECTED_COUNT);\n\n  useEffect(() => {\n    if (!results.data) {\n      setFilterCount(null);\n      return;\n    }\n    \n    setFilterCount(results.data.userCount);\n  }, [results.data?.userCount]);\n}"],"names":["useSetAudienceFilterCount","results","setFilterCount","useViewModel","ViewModelKeys","useEffect","_a"],"mappings":"oDAkBO,SAASA,EAA0BC,EAA+C,OACvF,KAAM,CAAA,CAAIC,CAAe,EAAIC,EAAqBC,EAAc,8BAA8B,EAE9FC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACJ,EAAQ,KAAM,CACjBC,EAAe,IAAI,EACnB,MACF,CAEAA,EAAeD,EAAQ,KAAK,SAAS,CACvC,EAAG,EAACK,EAAAL,EAAQ,OAAR,YAAAK,EAAc,SAAS,CAAC,CAC9B"}

package/dist/scripts/Cq8XHkfC.chunk.js

@@ -0,0 +1,2 @@
+import{j as c,p as _}from"./app-CQEXKRTo.js";import{S as u}from"./5O9SdVRZ.chunk.js";const d="_circleContainer_1g8w5_1",f="_backgroundCircle_1g8w5_17",m="_circleSuccess_1g8w5_20",x="_circleWarning_1g8w5_23",b="_circleDanger_1g8w5_26",h="_lgCircleContainer_1g8w5_29",T="_xsCircleContainer_1g8w5_40",y="_pendingCircle_1g8w5_48",S="_centredPercentageText_1g8w5_58",t={circleContainer:d,backgroundCircle:f,circleSuccess:m,circleWarning:x,circleDanger:b,lgCircleContainer:h,xsCircleContainer:T,pendingCircle:y,centredPercentageText:S},o=2,D=5.8,j=.2,w=.36;var s=(e=>(e.Small="small",e.Large="large",e.ExtraSmall="extraSmall",e))(s||{});const E={extraSmall:{size:o},small:{size:o},large:{size:D}};function g(e){const n=E[e].size,r=e==="large"?w:j;return`${n/2-r*2}rem`}function N(e,n=u){return e>=n.HIGH?t.circleSuccess:e>=n.MODERATE?t.circleWarning:t.circleDanger}function R(e,n=u){return e>=n.HIGH?"text-success":e>=n.MODERATE?"text-warning":"text-danger"}function I(e,n){let r=`d-inline-block ${t.circleContainer}`;return e==="large"&&(r+=` ${t.lgCircleContainer}`),e==="extraSmall"&&(r+=` ${t.xsCircleContainer}`),i(n)&&(r+=` ${t.pendingCircle}`),r}function L(e){if(!i(e))return+e.toFixed(2)}function k(e){return i(e)?"--%":`${Math.round(e*100)}%`}function i(e){return typeof e!="number"}function W(e){const n=_.useCallback(r=>{if(!r)return;const l=r.r.baseVal.value,a=2*Math.PI*l,C=a-e.percentage*a;r.style.strokeDasharray=`${a} ${a}`,r.style.strokeDashoffset=C.toString()},[e.percentage]);return c.jsxs("svg",{children:[c.jsx("circle",{r:g(e.size),className:t.backgroundCircle}),!i(e.percentage)&&c.jsx("circle",{ref:n,r:g(e.size),className:N(e.percentage,e.scoreThresholds)})]})}var $=(e=>(e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside",e))($||{});H.defaultProps={layout:"circle_only"};function H(e){const n=L(e.percentage),r=e.size||(e.layout==="label_inside"?s.Large:s.Small),l=e.customLabel||k(n);return e.layout==="label_only"?c.jsx("span",{className:R(n),children:l}):c.jsxs("div",{className:`d-flex align-items-center justify-content-between ${e.className??""}`,children:[e.layout==="label_before"&&c.jsx("span",{className:"me-2",children:l}),c.jsxs("div",{className:I(r,n),children:[c.jsx(W,{percentage:n,size:r,scoreThresholds:e.scoreThresholds}),e.layout==="label_inside"&&c.jsx("span",{className:t.centredPercentageText,children:l})]})]})}export{H as P,$ as a,L as b,k as g};
+//# sourceMappingURL=Cq8XHkfC.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cq8XHkfC.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/Crxtdvtr.chunk.js

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

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

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

package/dist/scripts/CvkQEqoz.chunk.js

@@ -0,0 +1,2 @@
+import{c as t,r,V as o}from"./app-CQEXKRTo.js";function a(e){const[,s]=t(o.HEADER_TITLE);r.useEffect(()=>(s(e),()=>{s(null)}),[e])}export{a as u};
+//# sourceMappingURL=CvkQEqoz.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CvkQEqoz.chunk.js","sources":["../../src/shared/hooks/UseSetHeaderTitle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\n\nexport function useSetHeaderTitle(title?: string): void {\n  const [ , setTitle ] = useViewModel<string>(ViewModelKeys.HEADER_TITLE);\n\n  useEffect(() => {\n    setTitle(title);\n\n    return () => {\n      setTitle(null);\n    };\n  }, [title]);\n}"],"names":["useSetHeaderTitle","title","setTitle","useViewModel","ViewModelKeys","useEffect"],"mappings":"+CAMO,SAASA,EAAkBC,EAAsB,CACtD,KAAM,CAAA,CAAIC,CAAS,EAAIC,EAAqBC,EAAc,YAAY,EAEtEC,EAAAA,UAAU,KACRH,EAASD,CAAK,EAEP,IAAM,CACXC,EAAS,IAAI,CACf,GACC,CAACD,CAAK,CAAC,CACZ"}

package/dist/scripts/DC24UA5G.chunk.js

@@ -0,0 +1,2 @@
+import{j as e,O as a,bF as d,L as c,d as m,I as h,l as u}from"./app-CQEXKRTo.js";import{T as p}from"./bDb9_r6g.chunk.js";import{V as x,T as b,a as j}from"./BEjQ8YiC.chunk.js";const w="reportsVideos.videoViewsTableEmptyState",l=c.encloseNamespace(w);function I(){return e.jsxs(a,{className:"bg-white rounded justify-content-center py-5",children:[e.jsx(a.Image,{src:d.EmptyStates.Shared.ViewCount,className:"w-25 h-auto"}),e.jsx(a.Heading,{children:l("heading")}),e.jsx(a.Info,{children:l("description")})]})}const y="_title_3yzlb_1",g="_thumbnail_3yzlb_2",v="_seeOverview_3yzlb_8",f="_row_3yzlb_11",r={title:y,thumbnail:g,seeOverview:v,row:f},S="reportsVideos.videoViewsTable",n=c.encloseNamespace(S),V={table:"bg-white rounded",header:"border-bottom",headerCell:"p-3",row:r.row,cell:"p-3"},T=[{Header:()=>e.jsx("div",{className:"d-flex justify-content-end",children:"#"}),accessor:"object",id:"index",Cell:({row:{index:t}})=>e.jsx("div",{className:"d-flex align-items-center justify-content-end h-100",children:t+1}),width:5,disableSortBy:!0},{Header:t=>e.jsx("div",{className:r.title,children:e.jsxs(e.Fragment,{children:[n("title")," ",t.renderSortIndicator()]})}),accessor:"object",id:"image",Cell:({value:t})=>e.jsx(x,{video:t,imageOptions:{size:h.Small},textPosition:b.Independent,type:"cosmetic",hideMask:!0,extraClasses:r.thumbnail,newDurationStyle:!0,size:"sm"}),width:30,hideSortIndicator:!0,sortType:(t,o)=>{var s,i;return((s=t.original.object.name)==null?void 0:s.toLowerCase())>((i=o.original.object.name)==null?void 0:i.toLowerCase())?1:-1}},{accessor:"object",id:"name",Cell:({value:t})=>e.jsxs("div",{className:"d-flex flex-column justify-content-center h-100",children:[u.isVideoType(t)&&e.jsx(j,{type:"series",video:t,analyticsOptions:null,className:"d-inline clamp-1"}),e.jsx("span",{className:"text-truncate",children:t.name})]}),width:60,disableSortBy:!0},{Header:()=>e.jsx(e.Fragment,{children:n("contentType")}),accessor:"contentType",Cell:({value:t})=>e.jsx("div",{className:"d-flex align-items-center h-100",children:t}),width:30},{Header:()=>e.jsx(e.Fragment,{children:n("views")}),accessor:"count",Cell:({value:t})=>e.jsx("div",{className:"d-flex align-items-center h-100",children:t}),width:30},{accessor:"object",id:"see-overview",Cell:()=>e.jsx("div",{className:`${r.seeOverview} align-items-center h-100 text-info`,children:n("seeAnalytics")}),width:25,disableSortBy:!0}];function L(t){const o=m();function s(i){return t.getVideoAppLink(i.original.object,o)}return e.jsx(p,{columns:T,data:t.videos,theme:V,getRowAppLink:s,enableSort:!0})}export{L as V,I as a};
+//# sourceMappingURL=DC24UA5G.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DC24UA5G.chunk.js","sources":["../../src/apps/videos/components/video-views-table/video-views-table-empty-state/VideoViewsTableEmptyState.tsx","../../src/apps/videos/components/video-views-table/VideoViewsTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\n\nimport { ImageUrls } from 'shared/constants/ReportsImageUrls';\n\nconst namespace = 'reportsVideos.videoViewsTableEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport function VideoViewsTableEmptyState(): JSX.Element {\n  return (\n    <EmptyState className='bg-white rounded justify-content-center py-5'>\n      <EmptyState.Image\n        src={ImageUrls.EmptyStates.Shared.ViewCount}\n        className='w-25 h-auto'\n      />\n      <EmptyState.Heading>\n        {getPhrase('heading')}\n      </EmptyState.Heading>\n      <EmptyState.Info>\n        {getPhrase('description')}\n      </EmptyState.Info>\n    </EmptyState>\n  );\n}","import React from 'react';\nimport { Row } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { FilterQueryParams } from 'libs/shared/apps/analytics/interfaces/FilterQueryParams';\nimport { Column, HeaderProps, Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TopVideo } from 'shared/interfaces';\n\nimport styles from './video-views-table.module.scss';\n\nconst namespace = 'reportsVideos.videoViewsTable';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst theme: TableTheme = {\n  table: 'bg-white rounded',\n  header: 'border-bottom',\n  headerCell: 'p-3',\n  row: styles.row,\n  cell: 'p-3'\n};\n\nexport const COLUMNS: Column<TopVideo>[] = [\n  {\n    Header: () => (\n      <div className='d-flex justify-content-end'>\n        #\n      </div>\n    ),\n    accessor: 'object',\n    id: 'index',\n    Cell: ({ row: { index } }) => (\n      <div className='d-flex align-items-center justify-content-end h-100'>\n        {index + 1}\n      </div>\n    ),\n    width: 5,\n    disableSortBy: true\n  },\n  {\n    Header: (props: HeaderProps<TopVideo>) => (\n      <div className={styles.title}>\n        <>{getPhrase('title')} {props.renderSortIndicator()}</>\n      </div>\n    ),\n    accessor: 'object',\n    id: 'image',\n    Cell: ({ value }) => (\n      <VideoThumbnail\n        video={value}\n        imageOptions={{ size: ImageSize.Small }}\n        textPosition={ThumbnailTextPosition.Independent}\n        type='cosmetic'\n        hideMask\n        extraClasses={styles.thumbnail}\n        newDurationStyle\n        size='sm'\n      />\n    ),\n    width: 30,\n    hideSortIndicator: true,\n    sortType: (rowA: Row<TopVideo>, rowB: Row<TopVideo>) => {\n      return rowA.original.object.name?.toLowerCase() > rowB.original.object.name?.toLowerCase() ? 1 : -1;\n    }\n  },\n  {\n    accessor: 'object',\n    id: 'name',\n    Cell: ({ value }) => (\n      <div className='d-flex flex-column justify-content-center h-100'>\n        {VideoHelper.isVideoType(value) && (\n          <VideoSubText\n            type='series'\n            video={value}\n            analyticsOptions={null}\n            className='d-inline clamp-1'\n          />\n        )}\n        <span className='text-truncate'>{value.name}</span>\n      </div>\n    ),\n    width: 60,\n    disableSortBy: true\n  },\n  {\n    Header: () => <>{getPhrase('contentType')}</>,\n    accessor: 'contentType',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    Header: () => <>{getPhrase('views')}</>,\n    accessor: 'count',\n    Cell: ({ value }) => (\n      <div className='d-flex align-items-center h-100'>\n        {value}\n      </div>\n    ),\n    width: 30\n  },\n  {\n    accessor: 'object',\n    id: 'see-overview',\n    Cell: () => (\n      <div className={`${styles.seeOverview} align-items-center h-100 text-info`}>\n        {getPhrase('seeAnalytics')}\n      </div>\n    ),\n    width: 25,\n    disableSortBy: true\n  }\n];\n\ninterface VideoViewsByVideoTableProps {\n  videos: TopVideo[];\n  getVideoAppLink: (object: VideoTypes, filterQueryParams: FilterQueryParams) => Core.AppLink;\n}\n\nexport function VideoViewsTable(props: VideoViewsByVideoTableProps): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  function getRowAppLink(row: Row<TopVideo>): Core.AppLink {\n    return props.getVideoAppLink(row.original.object, filterQueryParams);\n  }\n\n  return (\n    <Table\n      columns={COLUMNS}\n      data={props.videos}\n      theme={theme}\n      getRowAppLink={getRowAppLink}\n      enableSort\n    />\n  );\n}"],"names":["namespace","getPhrase","LanguageService","VideoViewsTableEmptyState","jsxs","EmptyState","jsx","ImageUrls","theme","styles","COLUMNS","index","props","Fragment","value","VideoThumbnail","ImageSize","ThumbnailTextPosition","rowA","rowB","_a","_b","VideoHelper","VideoSubText","VideoViewsTable","filterQueryParams","useGetAppLinkFilterParams","getRowAppLink","row","Table"],"mappings":"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"}

package/dist/scripts/DDQPxnFm.chunk.js

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

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

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