@clickview/reports 0.69.1-dev.0 → 0.70.0-rc.0

package/dist/scripts/Dn5-Zvws.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dn5-Zvws.chunk.js","sources":["../../src/apps/clips/views/clip-engagement/ClipEngagementView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { EngagementTable } from 'libs/shared/apps/analytics/components/engagement-table/EngagementTable';\nimport { useChunkedUsersResponse } from 'libs/shared/apps/analytics/hooks/UseEngagementUsers';\nimport { getFilterParamsKey } from 'libs/shared/apps/analytics/utils/FilterParamUtils';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests as SharedUserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoViewRequests } from 'libs/shared/flight-requests/VideoViewRequests';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, PlayerViewKey, Video } from 'libs/shared/interfaces';\nimport { Engagement, IndividualEngagementResponse } from 'libs/shared/interfaces';\n\nimport { PartialTable } from 'shared/components/partial-loading/PartialTable';\nimport { PartialVideoEngagementOverlay } from 'shared/components/video-engagement-overlay/PartialVideoEngagementOverlay';\nimport { VideoEngagementOverlay } from 'shared/components/video-engagement-overlay/VideoEngagementOverlay';\nimport { ViewModelKeys } from 'shared/constants/ReportsViewModels';\nimport { ClipRequests } from 'shared/flight-requests/ClipRequests';\nimport { useGetAppLinkFilterParams, useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { useHandleVideoError } from 'shared/hooks/UseHandleVideoError';\nimport { useSetAudienceFilterCount } from 'shared/hooks/UseSetAudienceFilterCount';\nimport { useSetEngagementAudienceSuggestions } from 'shared/hooks/UseSetEngagementAudienceSuggestions';\nimport { useSetHeaderActions } from 'shared/hooks/UseSetHeaderActions';\nimport { useSetHeaderTitle } from 'shared/hooks/UseSetHeaderTitle';\nimport { useGetObjectHeaderActions } from 'shared/utils/HeaderActionUtils';\nimport { EngagementOverviewCardView } from 'shared/views/overview-cards/engagement-overview-card/EngagementOverviewCardView';\nimport { ViewCountPieChartCardView } from 'shared/views/overview-cards/view-count-pie-chart-card/ViewCountPieChartCardView';\n\nimport { ClipNav } from 'apps/clips/components/clip-nav/ClipNav';\n\nimport styles from './clip-engagement.module.scss';\n\nconst namespace = 'reportsClips.clipEngagement';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface ClipEngagementViewProps {\n  id: string;\n}\n\nexport function ClipEngagementView(props: ClipEngagementViewProps): JSX.Element {\n  const [anonymiseUsers] = useViewModel<boolean>(ViewModelKeys.ANONYMISE_USERS);\n\n  const filterQueryParams = useGetAppLinkFilterParams();\n  const requestFilter = useGetRequestFilter();\n\n  const { hasPermissions } = usePermissions();\n\n  const scopeBySharerId = !hasPermissions(PermissionName.ViewCustomerAnalytics);\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(scopeBySharerId && SharedUserRequests.currentUser());\n\n  const clip = Flight.useBasicFetch<Video>(ClipRequests.clip(props.id));\n\n  const aggregateEngagement = Flight.useBasicFetch<Engagement>(!!requestFilter && (scopeBySharerId\n    ? !!currentUser.data && VideoViewRequests.aggregateEngagement(props.id, requestFilter, currentUser.data.id)\n    : VideoViewRequests.aggregateEngagement(props.id, requestFilter)\n  ));\n\n  const individualEngagement = Flight.useBasicFetch<IndividualEngagementResponse>(!!requestFilter && (scopeBySharerId\n    ? !!currentUser.data && VideoViewRequests.individualEngagement(props.id, requestFilter, currentUser.data.id)\n    : VideoViewRequests.individualEngagement(props.id, requestFilter)\n  ));\n\n  const { users, isLoading, usersResponse } = useChunkedUsersResponse(\n    individualEngagement.data?.data?.map(d => d.userId)\n  );\n\n  const viewKey = Flight.useBasicFetch<PlayerViewKey>(\n    PlayerRequests.createViewKey(props.id, MediaIdType.MasterObject)\n  );\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  useSetPageMetadata({ title: getPhrase('pageTitle', { clip: clip.data?.name }) });\n  useSetHeaderTitle(clip.data?.name);\n  useSetHeaderActions(useGetObjectHeaderActions(clip.data));\n  useSetEngagementAudienceSuggestions(props.id);\n  useSetAudienceFilterCount(individualEngagement);\n\n  useHandleVideoError(clip);\n  useHandleObjectError([ viewKey, aggregateEngagement, individualEngagement, ...usersResponse.responses ]);\n\n  const engagementOverlayDataLoaded = !!clip.data\n    && !!aggregateEngagement.data\n    && !!viewKey.data\n    && !!config.data;\n\n  const tableDataLoaded = !!individualEngagement.data && (!individualEngagement.data.data.length || !isLoading);\n\n  return (\n    <div className='pb-3'>\n      <ClipNav id={props.id} />\n      <div className='d-flex pb-3'>\n        <div className={`pe-2 ${styles.viewCountContainer}`}>\n          <ViewCountPieChartCardView\n            useSharerId={scopeBySharerId}\n            objectId={props.id}\n            className='h-100'\n          />\n        </div>\n        <div className={`px-2 ${styles.engagementPercentageContainer}`}>\n          <EngagementOverviewCardView\n            objectId={props.id}\n            useSharerId={scopeBySharerId}\n            className='h-100'\n            layout='vertical'\n          />\n        </div>\n        <div className={`ps-2 ${styles.engagementGraphContainer}`}>\n          {engagementOverlayDataLoaded\n            ? <VideoEngagementOverlay\n              // key is used to trigger player re-render\n              key={getFilterParamsKey(filterQueryParams)}\n              engagement={aggregateEngagement.data}\n              viewKey={viewKey.data.viewKey}\n              imageCdnUrl={config.data.imageCdnUrl}\n              playerApiUrl={config.data.playerApiUrl}\n            />\n            : <PartialVideoEngagementOverlay />\n          }\n        </div>\n      </div>\n      {tableDataLoaded\n        ? <EngagementTable\n          key={getFilterParamsKey(filterQueryParams)}\n          engagement={individualEngagement.data.data}\n          users={users}\n          imageCdnUrl={config.data?.imageCdnUrl}\n          anonymiseUsers={anonymiseUsers}\n          enableSort\n        />\n        : <PartialTable className={styles.partialTable} />\n      }\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","ClipEngagementView","props","anonymiseUsers","useViewModel","ViewModelKeys","filterQueryParams","useGetAppLinkFilterParams","requestFilter","useGetRequestFilter","hasPermissions","usePermissions","scopeBySharerId","PermissionName","currentUser","Flight.useBasicFetch","SharedUserRequests","clip","ClipRequests","aggregateEngagement","VideoViewRequests","individualEngagement","users","isLoading","usersResponse","useChunkedUsersResponse","_b","_a","d","viewKey","PlayerRequests","MediaIdType","config","ConfigRequests","useSetPageMetadata","_c","useSetHeaderTitle","_d","useSetHeaderActions","useGetObjectHeaderActions","useSetEngagementAudienceSuggestions","useSetAudienceFilterCount","useHandleVideoError","useHandleObjectError","engagementOverlayDataLoaded","tableDataLoaded","jsxs","jsx","ClipNav","styles","ViewCountPieChartCardView","EngagementOverviewCardView","VideoEngagementOverlay","getFilterParamsKey","PartialVideoEngagementOverlay","EngagementTable","_e","PartialTable"],"mappings":"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"}

package/dist/scripts/DnhffgUu.chunk.js

@@ -1,2 +0,0 @@
-import{e as N,b as f,u as b,j as e,L as j,o as S,h as E,N as k,P as p,E as $,r as q,R,p as w,D as u,d as V,i as I,q as L,I as F,A as D,g as Q}from"./app-5iiM5qQY.js";import{E as O}from"./BIIsc-MA.chunk.js";import{u as A}from"./BvArNs1K.chunk.js";import{S as W}from"./CEy1YX0b.chunk.js";import{u as M}from"./C8oA7_zY.chunk.js";import{I as z,a as G}from"./DNP9cLqQ.chunk.js";import{s as g,M as H}from"./C0Ak1kpS.chunk.js";import{a as U,T as m}from"./BlUKEHqx.chunk.js";import{V as Y}from"./EBNeK_uD.chunk.js";import{V as B,T as K}from"./D9oCeDYw.chunk.js";const J="_query_joot4_1",X="_partialQuery_joot4_5",Z="_newWindowIcon_joot4_15",ee="_searchItem_joot4_18",o={query:J,partialQuery:X,newWindowIcon:Z,searchItem:ee},se="reportsDashboard.topSearchesCardView",P=j.encloseNamespace(se);function ae(){return e.jsxs("ul",{className:"list-unstyled m-0 pt-2",children:[e.jsx("li",{className:"py-1",children:e.jsx("div",{className:`${o.partialQuery} partial-loading-background`})}),e.jsx("li",{className:"py-1",children:e.jsx("div",{className:`${o.partialQuery} partial-loading-background`})}),e.jsx("li",{className:"py-1",children:e.jsx("div",{className:`${o.partialQuery} partial-loading-background`})}),e.jsx("li",{className:"py-1",children:e.jsx("div",{className:`${o.partialQuery} partial-loading-background`})})]})}function te(s){return e.jsx("div",{className:"d-flex align-items-center justify-content-center text-center h-100",children:P(s.isAdmin?"emptyStateAdmin":"emptyStateTeacher")})}const ie={0:"🥇",1:"🥈",2:"🥉"};function ne(s){let a="d-flex flex-column bg-white rounded p-3";return s.className&&(a+=` ${s.className}`),a}function ke(s){var n;const a=N(),{hasPermissions:i}=f(),t=b(!!a&&W.topSearches(a)),c=M($.getPrimarySearchUrl);return A(t),e.jsxs("div",{className:ne(s),children:[e.jsx("h3",{className:"h6 mb-2",children:P("topSearches")}),!!((n=t.data)!=null&&n.length)&&e.jsx("div",{className:"h-100 me-n2",children:e.jsx(S.Scrollbars,{height:"100%",children:e.jsx("ul",{className:"list-unstyled m-0 pe-3",children:t.data.map((d,l)=>{const r=ie[l];return e.jsx("li",{className:`py-1 ${o.searchItem}`,children:e.jsxs("a",{href:c(d.query),target:"_blank",className:"position-relative d-flex justify-content-between align-items-center",children:[e.jsxs("span",{children:[r?e.jsx(O,{emoji:r}):e.jsx(e.Fragment,{children:" "}),e.jsx("span",{className:o.query,children:d.query})]}),e.jsx(E,{svg:k,className:`svg-container ${o.newWindowIcon}`})]})},l)})})})}),!t.data&&e.jsx(ae,{}),!!t.data&&!t.data.length&&e.jsx(te,{isAdmin:i(p.ViewCustomerAnalytics)})]})}const y=()=>{const[s]=q.useState(R.getRandomInt(5)+3+"rem");return e.jsxs("div",{className:`border d-flex position-relative me-2 ${g.widgetItem}`,children:[e.jsx("div",{className:g.imagePanel}),e.jsx("div",{className:"px-2",style:{width:s}}),e.jsx("div",{className:g.partialIcon,children:e.jsx(z,{type:G.Subject})})]})},ce="reportsDashboard.topTopicsCard",h=j.encloseNamespace(ce),x={[m.RootTopic]:{toggle:"subjects",heading:"popularSubjects",emptyState:{admin:"emptySubjectsAdmin",teacher:"emptySubjectsTeacher"}},[m.ChildTopic]:{toggle:"topics",heading:"popularTopics",emptyState:{admin:"emptyTopicsAdmin",teacher:"emptyTopicsTeacher"}}},_="top:topics:selection";function le(s){const a=s(p.ViewCustomerAnalytics)?m.RootTopic:m.ChildTopic,i=localStorage.getItem(_);if(!i)return a;const t=parseInt(i);return!isNaN(t)&&!!m[t]?t:a}function re(s){localStorage.setItem(_,s.toString())}function oe(){return Object.values(m).filter(s=>typeof s=="number")}function de(s){const a=x[s.type].emptyState;return e.jsx("div",{className:"d-flex align-items-center justify-content-center text-center h-100",children:h(s.isAdmin?a.admin:a.teacher)})}function me(s){return e.jsxs(u,{align:"end",children:[e.jsx(u.Toggle,{id:"topic-type-dropdown",variant:"outline-dark",className:"no-caret",children:h(x[s.type].toggle)}),e.jsx(u.Menu,{children:oe().map((a,i)=>s.type===a?e.jsx(w.Fragment,{},i):e.jsx(u.Item,{onClick:()=>s.onSelectType(a),children:h(x[a].toggle)},i))})]})}function pe(s){let a="d-flex flex-column bg-white rounded p-3";return s.className&&(a+=` ${s.className}`),a}function $e(s){var l;const a=N(),{hasPermissions:i}=f(),[t,c]=w.useState(le(i)),n=b(!!a&&U.topTopics(a,t));function d(r){re(r),c(r)}return e.jsxs("div",{className:pe(s),children:[e.jsxs("div",{className:"d-flex justify-content-between align-items-center pb-1",children:[e.jsx("h3",{className:"h6 m-0",children:h(x[t].heading)}),e.jsx(me,{type:t,onSelectType:d})]}),!n.data&&e.jsxs("ul",{className:"list-unstyled m-0",children:[e.jsx("li",{className:"py-2",children:e.jsx(y,{})}),e.jsx("li",{className:"py-2",children:e.jsx(y,{})}),e.jsx("li",{className:"py-2",children:e.jsx(y,{})})]}),!!((l=n.data)!=null&&l.length)&&e.jsx("div",{className:"h-100 me-n2",children:e.jsx(S.Scrollbars,{height:"100%",children:e.jsx("ul",{className:"list-unstyled m-0 pe-3",children:n.data.map((r,C)=>e.jsx("li",{className:"py-2",children:e.jsx(H,{data:r})},C))})})}),!!n.data&&!n.data.length&&e.jsx(de,{type:t,isAdmin:i(p.ViewCustomerAnalytics)})]})}const ue="_thumbnail_pvflg_1",he="_name_pvflg_5",T={thumbnail:ue,name:he},xe=new Array(7).fill(null).map((s,a)=>a);function je(){return e.jsx("ul",{className:"list-unstyled",children:xe.map(s=>e.jsx("li",{className:"py-2",children:e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6",children:e.jsx("div",{className:`${T.thumbnail} rounded partial-loading-background`})}),e.jsx("div",{className:"col-6 d-flex align-items-center",children:e.jsx("div",{className:`${T.name} partial-loading-background`})})]})},s))})}function ge(s){const a=V();return e.jsx("li",{className:"py-2",children:e.jsx(I,{appLink:L(s.video,a),children:e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6",children:e.jsx(B,{video:s.video,imageOptions:{size:F.Small},textPosition:K.Independent,type:"cosmetic",hideMask:!0,newDurationStyle:!0,size:"sm"})}),e.jsx("div",{className:"col-6 d-flex align-items-center",children:e.jsx("span",{className:"clamp-2 fw-bold",children:s.video.name})})]})})})}const ye="reportsDashboard.topVideosEmptyState",Ne=j.encloseNamespace(ye);function fe(s){return e.jsx("div",{className:"d-flex align-items-center justify-content-center text-center h-100",children:Ne(s.isAdmin?"messageAdmin":"messageTeacher")})}const be="reportsDashboard.topVideosCardView",v=j.encloseNamespace(be);function Se(){const s=V();return{application:Q.VIDEOS,action:D.Videos.VIEWS,params:s}}function qe(){var c,n;const s=N(),a=Se(),{hasPermissions:i}=f(),t=b(!!s&&Y.topVideos(s));return A(t),e.jsxs("div",{className:"d-flex flex-column bg-white rounded p-3 h-100",children:[e.jsx("h3",{className:"h6 mb-2",children:v("topVideos")}),!!((n=(c=t.data)==null?void 0:c.data)!=null&&n.length)&&e.jsx("div",{className:"h-100 me-n2",children:e.jsxs(S.Scrollbars,{height:"100%",children:[e.jsx("ul",{className:"list-unstyled m-0 pe-3",children:t.data.data.map((d,l)=>e.jsx(ge,{video:d.object},l))}),i(p.ViewCustomerAnalytics)&&e.jsx("div",{className:"d-flex align-items-center justify-content-center mt-2 mb-1",children:e.jsx(I,{appLink:a,className:"btn btn-outline-dark rounded-pill",children:v("seeMore")})})]})}),!t.data&&e.jsx(je,{}),!!t.data&&!t.data.data.length&&e.jsx(fe,{isAdmin:i(p.ViewCustomerAnalytics)})]})}export{ke as T,qe as a,$e as b};
-//# sourceMappingURL=DnhffgUu.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DnhffgUu.chunk.js","sources":["../../src/apps/dashboard/views/overview-cards/top-searches/TopSearchesCardView.tsx","../../../../libs/shared/src/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem.tsx","../../src/apps/dashboard/views/overview-cards/top-topics/TopTopicsCardView.tsx","../../src/apps/dashboard/views/overview-cards/top-videos/components/partial-top-videos/PartialTopVideos.tsx","../../src/apps/dashboard/views/overview-cards/top-videos/components/top-video-item/TopVideoItem.tsx","../../src/apps/dashboard/views/overview-cards/top-videos/components/top-videos-empty-state/TopVideosEmptyState.tsx","../../src/apps/dashboard/views/overview-cards/top-videos/TopVideosCardView.tsx"],"sourcesContent":["import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { EmojiText } from 'libs/shared/components/emoji-text/EmojiText';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { NewWindowSvg } from 'libs/shared/images/svg/actions/NewWindowSvg';\n\nimport { SearchRequests } from 'shared/flight-requests/SearchRequests';\nimport { useGetExternalUrl } from 'shared/hooks/UseGetExternalUrl';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TopSearch } from 'shared/interfaces';\nimport { ExternalRouteHelper } from 'shared/utils/ExternalRouteHelper';\n\nimport styles from './top-searches-card.module.scss';\n\nconst namespace = 'reportsDashboard.topSearchesCardView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction PartialTopSearches(): JSX.Element {\n  return (\n    <ul className='list-unstyled m-0 pt-2'>\n      <li className='py-1'>\n        <div className={`${styles.partialQuery} partial-loading-background`} />\n      </li>\n      <li className='py-1'>\n        <div className={`${styles.partialQuery} partial-loading-background`} />\n      </li>\n      <li className='py-1'>\n        <div className={`${styles.partialQuery} partial-loading-background`} />\n      </li>\n      <li className='py-1'>\n        <div className={`${styles.partialQuery} partial-loading-background`} />\n      </li>\n    </ul>\n  );\n}\n\ninterface EmptyTopSearchesProps {\n  isAdmin: boolean;\n}\n\nfunction EmptyTopSearches(props: EmptyTopSearchesProps): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center text-center h-100'>\n      {getPhrase(props.isAdmin ? 'emptyStateAdmin' : 'emptyStateTeacher')}\n    </div>\n  );\n}\n\nconst EmojiMap: { [index: number]: string } = {\n  [0]: '🥇',\n  [1]: '🥈',\n  [2]: '🥉'\n};\n\nfunction getCardClassName(props: TopSearchesCardViewProps): string {\n  let className = 'd-flex flex-column bg-white rounded p-3';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return className;\n}\n\ninterface TopSearchesCardViewProps {\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function TopSearchesCardView(props: TopSearchesCardViewProps): JSX.Element {\n  const requestFilter = useGetRequestFilter();\n\n  const { hasPermissions } = usePermissions();\n\n  const searches = Flight.useBasicFetch<TopSearch[]>(!!requestFilter && SearchRequests.topSearches(requestFilter));\n\n  const getSearchUrl = useGetExternalUrl(ExternalRouteHelper.getPrimarySearchUrl);\n\n  useHandleObjectError(searches);\n\n  return (\n    <div className={getCardClassName(props)}>\n      <h3 className='h6 mb-2'>{getPhrase('topSearches')}</h3>\n      {!!searches.data?.length &&\n        <div className='h-100 me-n2'>\n          <Scrollbars height='100%'>\n            <ul className='list-unstyled m-0 pe-3'>\n              {searches.data.map((s, idx) => {\n                const emoji = EmojiMap[idx];\n\n                return (\n                  <li\n                    key={idx}\n                    className={`py-1 ${styles.searchItem}`}\n                  >\n                    <a\n                      href={getSearchUrl(s.query)}\n                      target='_blank'\n                      className='position-relative d-flex justify-content-between align-items-center'\n                    >\n                      <span>\n                        {emoji\n                          ? <EmojiText emoji={emoji} />\n                          : <>&nbsp;</> // This is needed to give the li the correct height.\n                        }\n                        <span className={styles.query}>\n                          {s.query}\n                        </span>\n                      </span>\n                      <SvgContainer svg={NewWindowSvg} className={`svg-container ${styles.newWindowIcon}`} />\n                    </a>\n                  </li>\n                );\n              })}\n            </ul>\n          </Scrollbars>\n        </div>\n      }\n      {!searches.data && <PartialTopSearches />}\n      {!!searches.data && !searches.data.length &&\n        <EmptyTopSearches isAdmin={hasPermissions(PermissionName.ViewCustomerAnalytics)} />\n      }\n    </div>\n  );\n}","import * as React from 'react';\n\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\n\nimport { ImageFallback, ImageFallbackType } from 'libs/shared/components/image/ImageFallback';\n\nimport styles from './cover-pill.module.scss';\n\nexport const PartialSubjectWidgetItem = () => {\n  const [width] = React.useState(RandomHelper.getRandomInt(5) + 3 + 'rem');\n\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={styles.imagePanel} />\n      <div className='px-2' style={{ width }} />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} />\n      </div>\n    </div>\n  );\n};\n\nexport const PartialLargeSubjectWidgetItem = () => {\n  return (\n    <div className={`border d-flex position-relative me-2 ${styles.widgetItem}`}>\n      <div className={`${styles.partialLargeImage}`} />\n      <div className='px-2' />\n      <div className={styles.partialIcon}>\n        <ImageFallback type={ImageFallbackType.Subject} extraClasses={styles.partialLargeFallback} />\n      </div>\n    </div>\n  );\n};","import React from 'react';\nimport { Dropdown } from 'react-bootstrap';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { PartialSubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/PartialSubjectWidgetItem';\nimport { SubjectWidgetItem } from 'libs/shared/components/widgets/items/subject-widget-item/SubjectWidgetItem';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { HasPermissionsFunc, usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport { TopicAnalyticsType } from 'shared/enums/TopicAnalyticsType';\nimport { TopicRequests } from 'shared/flight-requests/TopicRequests';\nimport { useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\n\nconst namespace = 'reportsDashboard.topTopicsCard';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst TOPIC_TYPE_PHRASES = {\n  [TopicAnalyticsType.RootTopic]: {\n    toggle: 'subjects',\n    heading: 'popularSubjects',\n    emptyState: {\n      admin: 'emptySubjectsAdmin',\n      teacher: 'emptySubjectsTeacher'\n    }\n  },\n  [TopicAnalyticsType.ChildTopic]: {\n    toggle: 'topics',\n    heading: 'popularTopics',\n    emptyState: {\n      admin: 'emptyTopicsAdmin',\n      teacher: 'emptyTopicsTeacher'\n    }\n  }\n};\n\nconst LOCAL_STORAGE_KEY = 'top:topics:selection';\n\nfunction getInitialToggleState(hasPermissions: HasPermissionsFunc): TopicAnalyticsType {\n  const defaultState = hasPermissions(PermissionName.ViewCustomerAnalytics)\n    ? TopicAnalyticsType.RootTopic\n    : TopicAnalyticsType.ChildTopic;\n\n  const localStoragePreference = localStorage.getItem(LOCAL_STORAGE_KEY);\n\n  if (!localStoragePreference)\n    return defaultState;\n\n  const preferenceInt = parseInt(localStoragePreference);\n\n  const isValid = !isNaN(preferenceInt) && !!TopicAnalyticsType[preferenceInt];\n\n  if (!isValid)\n    return defaultState;\n\n  return preferenceInt;\n}\n\nfunction setTogglePreference(type: TopicAnalyticsType): void {\n  localStorage.setItem(LOCAL_STORAGE_KEY, type.toString());\n}\n\nfunction getEnumValues(): TopicAnalyticsType[] {\n  return Object.values(TopicAnalyticsType).filter(t => typeof t === 'number') as TopicAnalyticsType[];\n}\n\ninterface TopTopicsEmptyStateProps {\n  type: TopicAnalyticsType;\n  isAdmin: boolean;\n}\n\nfunction TopTopicsEmptyState(props: TopTopicsEmptyStateProps): JSX.Element {\n  const phrase = TOPIC_TYPE_PHRASES[props.type].emptyState;\n\n  return (\n    <div className='d-flex align-items-center justify-content-center text-center h-100'>\n      {getPhrase(props.isAdmin ? phrase.admin : phrase.teacher)}\n    </div>\n  );\n}\n\ninterface TopicTypeToggleProps {\n  type: TopicAnalyticsType;\n  onSelectType: (type: TopicAnalyticsType) => void;\n}\n\nfunction TopicTypeToggle(props: TopicTypeToggleProps): JSX.Element {\n  return (\n    <Dropdown align='end'>\n      <Dropdown.Toggle\n        id='topic-type-dropdown'\n        variant='outline-dark'\n        className='no-caret'\n      >\n        {getPhrase(TOPIC_TYPE_PHRASES[props.type].toggle)}\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {getEnumValues().map((type, idx) => {\n          if (props.type === type)\n            return <React.Fragment key={idx} />;\n\n          return (\n            <Dropdown.Item key={idx} onClick={() => props.onSelectType(type)}>\n              {getPhrase(TOPIC_TYPE_PHRASES[type].toggle)}\n            </Dropdown.Item>\n          );\n        })}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}\n\nfunction getCardClassName(props: TopTopicsCardViewProps): string {\n  let className = 'd-flex flex-column bg-white rounded p-3';\n\n  if (props.className)\n    className += ` ${props.className}`;\n\n  return className;\n}\n\ninterface TopTopicsCardViewProps {\n  className?: string;\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function TopTopicsCardView(props: TopTopicsCardViewProps): JSX.Element {\n  const requestFilter = useGetRequestFilter();\n  const { hasPermissions } = usePermissions();\n\n  const [ type, setType ] = React.useState(getInitialToggleState(hasPermissions));\n  \n  const topTopics = Flight.useBasicFetch<Classification[]>(!!requestFilter &&\n    TopicRequests.topTopics(requestFilter, type));\n\n  function onSelectType(type: TopicAnalyticsType): void {\n    setTogglePreference(type);\n    setType(type);\n  }\n\n  return (\n    <div className={getCardClassName(props)}>\n      <div className='d-flex justify-content-between align-items-center pb-1'>\n        <h3 className='h6 m-0'>\n          {getPhrase(TOPIC_TYPE_PHRASES[type].heading)}\n        </h3>\n        <TopicTypeToggle type={type} onSelectType={onSelectType} />\n      </div>\n      {!topTopics.data &&\n        <ul className='list-unstyled m-0'>\n          <li className='py-2'>\n            <PartialSubjectWidgetItem />\n          </li>\n          <li className='py-2'>\n            <PartialSubjectWidgetItem />\n          </li>\n          <li className='py-2'>\n            <PartialSubjectWidgetItem />\n          </li>\n        </ul>\n      }\n      {!!topTopics.data?.length &&\n        <div className='h-100 me-n2'>\n          <Scrollbars height='100%'>\n            <ul className='list-unstyled m-0 pe-3'>\n              {topTopics.data.map((t, idx) => (\n                <li key={idx} className='py-2'>\n                  <SubjectWidgetItem data={t} />\n                </li>\n              ))}\n            </ul>\n          </Scrollbars>\n        </div>\n      }\n      {!!topTopics.data && !topTopics.data.length &&\n        <TopTopicsEmptyState\n          type={type}\n          isAdmin={hasPermissions(PermissionName.ViewCustomerAnalytics)}\n        />\n      }\n    </div>\n  );\n}","import React from 'react';\n\nimport styles from './partial-top-videos.module.scss';\n\nconst VIDEOS = (new Array(7)).fill(null).map((v, idx) => idx);\n\nexport function PartialTopVideos(): JSX.Element {\n  return (\n    <ul className='list-unstyled'>\n      {VIDEOS.map(v => (\n        <li key={v} className='py-2'>\n          <div className='row'>\n            <div className='col-6'>\n              <div className={`${styles.thumbnail} rounded partial-loading-background`} />\n            </div>\n            <div className='col-6 d-flex align-items-center'>\n              <div className={`${styles.name} partial-loading-background`} />\n            </div>\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}","import React from 'react';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nimport { useGetAppLinkFilterParams } from 'shared/hooks/UseGetFilterQueryParams';\nimport { getVideoAppLink } from 'shared/utils/ReportsAppLinkUtils';\n\ninterface TopVideoItemProps {\n  video: VideoTypes;\n}\n\nexport function TopVideoItem(props: TopVideoItemProps): JSX.Element {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  return (\n    <li className='py-2'>\n      <AppLink appLink={getVideoAppLink(props.video, filterQueryParams)}>\n        <div className='row'>\n          <div className='col-6'>\n            <VideoThumbnail\n              video={props.video}\n              imageOptions={{ size: ImageSize.Small }}\n              textPosition={ThumbnailTextPosition.Independent}\n              type='cosmetic'\n              hideMask\n              newDurationStyle\n              size='sm'\n            />\n          </div>\n          <div className='col-6 d-flex align-items-center'>\n            <span className='clamp-2 fw-bold'>\n              {props.video.name}\n            </span>\n          </div>\n        </div>\n      </AppLink>\n    </li>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'reportsDashboard.topVideosEmptyState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface TopVideosEmptyStateProps {\n  isAdmin: boolean;\n}\n\nexport function TopVideosEmptyState(props: TopVideosEmptyStateProps): JSX.Element {\n  return (\n    <div className='d-flex align-items-center justify-content-center text-center h-100'>\n      {getPhrase(props.isAdmin ? 'messageAdmin' : 'messageTeacher')}\n    </div>\n  );\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/ReportsActions';\nimport { AppChannels } from 'shared/constants/ReportsRadioChannels';\nimport { VideoViewRequests } from 'shared/flight-requests/VideoViewRequests';\nimport { useGetAppLinkFilterParams, useGetRequestFilter } from 'shared/hooks/UseGetFilterQueryParams';\nimport { TopVideosResponse } from 'shared/interfaces';\n\nimport { PartialTopVideos } from './components/partial-top-videos/PartialTopVideos';\nimport { TopVideoItem } from './components/top-video-item/TopVideoItem';\nimport { TopVideosEmptyState } from './components/top-videos-empty-state/TopVideosEmptyState';\n\nconst namespace = 'reportsDashboard.topVideosCardView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction useVideosViewsAppLink(): Core.AppLink {\n  const filterQueryParams = useGetAppLinkFilterParams();\n\n  return {\n    application: AppChannels.VIDEOS,\n    action: Actions.Videos.VIEWS,\n    params: filterQueryParams\n  };\n}\n\n// eslint-disable-next-line rulesdir/require-view-title\nexport function TopVideosCardView(): JSX.Element {\n  const requestFilter = useGetRequestFilter();\n  const videoViewsAppLink = useVideosViewsAppLink();\n\n  const { hasPermissions } = usePermissions();\n\n  const videos = Flight.useBasicFetch<TopVideosResponse>(!!requestFilter &&\n    VideoViewRequests.topVideos(requestFilter));\n\n  useHandleObjectError(videos);\n\n  return (\n    <div className='d-flex flex-column bg-white rounded p-3 h-100'>\n      <h3 className='h6 mb-2'>{getPhrase('topVideos')}</h3>\n      {!!videos.data?.data?.length &&\n        <div className='h-100 me-n2'>\n          <Scrollbars height='100%'>\n            <ul className='list-unstyled m-0 pe-3'>\n              {videos.data.data.map((v, idx) => <TopVideoItem key={idx} video={v.object} />)}\n            </ul>\n            {hasPermissions(PermissionName.ViewCustomerAnalytics) &&\n              <div className='d-flex align-items-center justify-content-center mt-2 mb-1'>\n                <AppLink appLink={videoViewsAppLink} className='btn btn-outline-dark rounded-pill'>\n                  {getPhrase('seeMore')}\n                </AppLink>\n              </div>\n            }\n          </Scrollbars>\n        </div>\n      }\n      {!videos.data && <PartialTopVideos />}\n      {!!videos.data && !videos.data.data.length &&\n        <TopVideosEmptyState isAdmin={hasPermissions(PermissionName.ViewCustomerAnalytics)} />\n      }\n    </div>\n  );\n}"],"names":["namespace","getPhrase","LanguageService","PartialTopSearches","jsxs","jsx","styles","EmptyTopSearches","props","EmojiMap","getCardClassName","className","TopSearchesCardView","requestFilter","useGetRequestFilter","hasPermissions","usePermissions","searches","Flight.useBasicFetch","SearchRequests","getSearchUrl","useGetExternalUrl","ExternalRouteHelper","useHandleObjectError","_a","Scrollbars","s","idx","emoji","EmojiText","SvgContainer","NewWindowSvg","PermissionName","PartialSubjectWidgetItem","width","React.useState","RandomHelper","ImageFallback","ImageFallbackType","TOPIC_TYPE_PHRASES","TopicAnalyticsType","LOCAL_STORAGE_KEY","getInitialToggleState","defaultState","localStoragePreference","preferenceInt","setTogglePreference","type","getEnumValues","t","TopTopicsEmptyState","phrase","TopicTypeToggle","Dropdown","React","TopTopicsCardView","setType","topTopics","TopicRequests","onSelectType","SubjectWidgetItem","VIDEOS","v","PartialTopVideos","TopVideoItem","filterQueryParams","useGetAppLinkFilterParams","AppLink","getVideoAppLink","VideoThumbnail","ImageSize","ThumbnailTextPosition","TopVideosEmptyState","useVideosViewsAppLink","AppChannels","Actions","TopVideosCardView","videoViewsAppLink","videos","VideoViewRequests","_b"],"mappings":"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"}

package/dist/scripts/Dv9OgzKw.chunk.js

@@ -1,2 +0,0 @@
-import{b as R,ad as O,c as T,d as A,e as F,u as i,bN as f,f as q,a as G,L,P as K,j as e,V as H,U as D,C as $}from"./app-5iiM5qQY.js";import{P as k,M as W,V as B,a as Q,E as Y}from"./BZf-mjTJ.chunk.js";import{u as z}from"./DJzpw8qX.chunk.js";import{g as j}from"./CX5q-0jT.chunk.js";import{V as M}from"./C0Ak1kpS.chunk.js";import{u as J}from"./CSmXZuTZ.chunk.js";import{u as X}from"./BvArNs1K.chunk.js";import{P as Z}from"./72EXv822.chunk.js";import{u as ee}from"./D2pFW6EB.chunk.js";import{u as ae}from"./uBcZoYae.chunk.js";import{u as te}from"./B3PA8QNB.chunk.js";import{u as ie,a as se}from"./DFlfmBPU.chunk.js";import{u as ne}from"./BxBPX67V.chunk.js";import{E as re}from"./DxOc33K6.chunk.js";import{V as oe}from"./8CNwntVY.chunk.js";import{u as me,I as de}from"./BLEXuU9u.chunk.js";import{O as ce}from"./BhPjzT2a.chunk.js";import"./qwzILhQ0.chunk.js";import"./CsP3Lruv.chunk.js";import"./P3PkkK_o.chunk.js";import"./5O9SdVRZ.chunk.js";import"./CW7x8M-z.chunk.js";import"./hU1zzvt8.chunk.js";import"./Cl1c9Acb.chunk.js";import"./LT6WE6TB.chunk.js";import"./B9IzwFHp.chunk.js";import"./CsROrwVV.chunk.js";import"./CbBaa9Aj.chunk.js";import"./Cs1UnwSi.chunk.js";import"./BLuY6AYO.chunk.js";import"./DvV9e2O3.chunk.js";import"./CNgTzzan.chunk.js";import"./sFV5nxD4.chunk.js";import"./DNP9cLqQ.chunk.js";import"./DMd0fZar.chunk.js";import"./C6UUJ8P5.chunk.js";import"./C8oA7_zY.chunk.js";import"./Ddy6mQmA.chunk.js";import"./Bgidb-to.chunk.js";import"./k_p1R4KR.chunk.js";import"./BlUKEHqx.chunk.js";import"./SA1hxE7y.chunk.js";import"./BqY3bZyH.chunk.js";import"./DTotSVIi.chunk.js";const ge="_viewCountContainer_8jne3_1",le="_engagementPercentageContainer_8jne3_4",ue="_engagementGraphContainer_8jne3_7",pe="_partialTable_8jne3_10",m={viewCountContainer:ge,engagementPercentageContainer:le,engagementGraphContainer:ue,partialTable:pe},ve="reportsInteractives.interactiveEngagement",he=L.encloseNamespace(ve);function oa(a){var u,p,v,h,C,I;const{hasPermissions:P}=R(),{hasShareFlowV2:x}=O(null),[E]=T(H.ANONYMISE_USERS),g=A(),n=F(),r=i(D.currentUser()),t=i(f.interactiveMetadata(a.interactiveMetadataId)),l=i(!!t.data&&f.interactive(t.data.interactiveId)),d=i(!!r.data&&!!n&&M.aggregateEngagement(a.interactiveMetadataId,n,r.data.id)),s=i(!!r.data&&!!n&&M.individualEngagement(a.interactiveMetadataId,n,r.data.id)),{users:b,isLoading:w,usersResponse:y}=q((p=(u=s.data)==null?void 0:u.data)==null?void 0:p.map(_=>_.userId)),c=i(k.createViewKey(a.interactiveMetadataId,W.MasterObject)),o=i($.config()),V=z(a.interactiveMetadataId,n);G({title:he("pageTitle",{interactive:(v=t.data)==null?void 0:v.name})}),ne((h=t.data)==null?void 0:h.name),ie(se(t.data)),te(a.interactiveMetadataId),ae(s),me(a.interactiveMetadataId),ee(t),X([l,d,s,...y.responses,c]),J(t);const N=x&&P(K.ViewMyShares),S=!!l.data&&!!t.data&&!!d.data&&!!c.data&&!!o.data,U=!!s.data&&(!s.data.data.length||!w);return e.jsxs("div",{className:"pb-3",children:[e.jsx(de,{interactiveMetadataId:a.interactiveMetadataId,hasInsights:N}),((C=V.data)==null?void 0:C.hasWatchedInLite)===!1&&e.jsx("div",{className:"mb-3",children:e.jsx(ce,{})}),e.jsxs("div",{className:"d-flex pb-3",children:[e.jsx("div",{className:`pe-2 ${m.viewCountContainer}`,children:e.jsx(oe,{objectId:a.interactiveMetadataId,useSharerId:!0,className:"h-100"})}),e.jsx("div",{className:`px-2 ${m.engagementPercentageContainer}`,children:e.jsx(re,{objectId:a.interactiveMetadataId,useSharerId:!0,className:"h-100",layout:"vertical"})}),e.jsx("div",{className:`ps-2 ${m.engagementGraphContainer}`,children:S?e.jsx(B,{engagement:d.data,viewKey:c.data.viewKey,imageCdnUrl:o.data.imageCdnUrl,playerApiUrl:o.data.playerApiUrl},j(g)):e.jsx(Q,{})})]}),U?e.jsx(Y,{engagement:s.data.data,users:b,imageCdnUrl:(I=o.data)==null?void 0:I.imageCdnUrl,anonymiseUsers:E,enableSort:!0},j(g)):e.jsx(Z,{className:m.partialTable})]})}export{oa as InteractiveEngagementView};
-//# sourceMappingURL=Dv9OgzKw.chunk.js.map

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

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