@clickview/reports 0.22.0 → 0.23.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +2 -2
- package/dist/css/{reports-app-0d01fa4297.css → reports-app-8f42676218.css} +1 -1
- package/dist/scripts/128-e79d8e17ea-reports.chunk.js +1 -0
- package/dist/scripts/16-2d91fc8c7b-reports.chunk.js +1 -0
- package/dist/scripts/178-b845aff43e-reports.chunk.js +1 -0
- package/dist/scripts/271-40f8d0de72-reports.chunk.js +1 -0
- package/dist/scripts/{306-0975cc4af8-reports.chunk.js → 306-dd4c045b90-reports.chunk.js} +1 -1
- package/dist/scripts/441-0e29a9e063-reports.chunk.js +1 -0
- package/dist/scripts/465-8cd8dc2f42-reports.chunk.js +1 -0
- package/dist/scripts/471-3474818b2b-reports.chunk.js +1 -0
- package/dist/scripts/{523-fa90ff0ef8-reports.chunk.js → 523-f6329d5a7d-reports.chunk.js} +1 -1
- package/dist/scripts/549-49358b5235-reports.chunk.js +1 -0
- package/dist/scripts/{569-d07dae3f9e-reports.chunk.js → 569-117c0af656-reports.chunk.js} +1 -1
- package/dist/scripts/{589-bb3dfd2f86-reports.chunk.js → 589-376ec46902-reports.chunk.js} +1 -1
- package/dist/scripts/672-4a78115827-reports.chunk.js +1 -0
- package/dist/scripts/{680-b8a8b364c1-reports.chunk.js → 680-40173da438-reports.chunk.js} +1 -1
- package/dist/scripts/685-141b97df1d-reports.chunk.js +1 -0
- package/dist/scripts/772-7c759d0b97-reports.chunk.js +1 -0
- package/dist/scripts/796-76eb1e47aa-reports.chunk.js +1 -0
- package/dist/scripts/832-975909117b-reports.chunk.js +1 -0
- package/dist/scripts/{837-b9045b1d79-reports.chunk.js → 837-1908a0860c-reports.chunk.js} +1 -1
- package/dist/scripts/973-5cbe487c62-reports.chunk.js +1 -0
- package/dist/scripts/bundle-6749cfc3ea.min.js +2 -0
- package/package.json +2 -2
- package/dist/scripts/128-95deea469f-reports.chunk.js +0 -1
- package/dist/scripts/16-120adaaa15-reports.chunk.js +0 -1
- package/dist/scripts/178-56ef327073-reports.chunk.js +0 -1
- package/dist/scripts/271-fcad257725-reports.chunk.js +0 -1
- package/dist/scripts/465-6a46d05eb8-reports.chunk.js +0 -1
- package/dist/scripts/471-8b9e863dee-reports.chunk.js +0 -1
- package/dist/scripts/549-b2b9f98e8a-reports.chunk.js +0 -1
- package/dist/scripts/606-9092d0caca-reports.chunk.js +0 -1
- package/dist/scripts/672-11d31db87c-reports.chunk.js +0 -1
- package/dist/scripts/685-18c2e1ada2-reports.chunk.js +0 -1
- package/dist/scripts/772-54c1ea4e51-reports.chunk.js +0 -1
- package/dist/scripts/796-a83e3fcb84-reports.chunk.js +0 -1
- package/dist/scripts/832-fadec2b04c-reports.chunk.js +0 -1
- package/dist/scripts/955-fcd7df4f9b-reports.chunk.js +0 -1
- package/dist/scripts/bundle-dec0880993.min.js +0 -2
- /package/dist/css/{606-reports-eb19500172.chunk.css → 973-reports-eb19500172.chunk.css} +0 -0
- /package/dist/scripts/{286-3f22a48fb1-reports.chunk.js → 286-7417915642-reports.chunk.js} +0 -0
- /package/dist/scripts/{648-6ac9c5547e-reports.chunk.js → 648-33a0eee48b-reports.chunk.js} +0 -0
- /package/dist/scripts/{698-e145b96e85-reports.chunk.js → 698-6ce7325cfa-reports.chunk.js} +0 -0
- /package/dist/scripts/{815-ac541d72bb-reports.chunk.js → 815-c38d40c4f0-reports.chunk.js} +0 -0
- /package/dist/scripts/{bundle-dec0880993.min.js.LICENSE.txt → bundle-6749cfc3ea.min.js.LICENSE.txt} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[128],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),l=t(94892);const r={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,o=2,m=5.8,d=.2,u=.36;function g(e){var a=e===i.Large?m:o,t=e===i.Large?u:d;return"".concat(a/2-2*t,"rem")}function p(e){return e>=l.X.HIGH?"text-success":e>=l.X.MODERATE?"text-warning":"text-danger"}function E(e,a){var t="d-inline-block ".concat(r.circleContainer);return e===i.Large&&(t+=" ".concat(r.lgCircleContainer)),v(a)&&(t+=" ".concat(r.pendingCircle)),t}function v(e){return"number"!=typeof e}function N(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:r.backgroundCircle}),!v(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=l.X.HIGH?r.circleSuccess:a>=l.X.MODERATE?r.circleWarning:r.circleDanger)}))}function b(e){var a,t,n=function(e){if(!v(e))return+e.toFixed(2)}(e.percentage),l=e.layout===s.LabelInside?i.Large:i.Small,o=e.customLabel||(v(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},o):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},o),c().createElement("div",{className:E(l,n)},c().createElement(N,{percentage:n,size:l}),e.layout===s.LabelInside&&c().createElement("span",{className:r.centredPercentageText},o)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},4143:(e,a,t)=>{t.d(a,{$:()=>d});var n=t(1024),c=t.n(n),l=t(23481),r=t(28512),i=t(92209),s=t(44528),o=t(99827),m=l.T.encloseNamespace("reportsVideos.videoNav");function d(e){var a,t,n=(a=(0,o.b)(),t=[e.id],[{label:m("overview"),appLink:{application:r.O.VIDEOS,action:i.e.Videos.OVERVIEW,args:t,params:a}},{label:m("engagement"),appLink:{application:r.O.VIDEOS,action:i.e.Videos.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},84947:(e,a,t)=>{t.r(a),t.d(a,{VideoEngagementView:()=>B});var n=t(1024),c=t.n(n),l=t(20354),r=t(23481),i=t(47812),s=t(39151),o=t(31949),m=t(60051),d=t(22902),u=t(16714),g=t(52622),p=t(22537),E=t(82680),v=t(87594),N=t(87480),b=t(54562),f=t(36630),x=t(9537),C=t(99827),k=t(83850),y=t(67772),h=t(9977),Z=t(55554),I=t(91470),w=t(44422),T=t(64639),L=t(17285),V=t(62995),O=t(21295),R=t(97615),M=t(38477),S=t(4143);const A={viewCountContainer:"vzkV9",engagementPercentageContainer:"gERbM",engagementGraphContainer:"VFlAz",partialTable:"sWK4q"};var j=r.T.encloseNamespace("reportsVideos.videoEngagement");function B(e){var a,t,n,r,B=(0,C.b)(),D=(0,C.R)(),F=!(0,(0,d.T)().hasPermissions)(u.C.ViewCustomerAnalytics),G=l.a.useBasicFetch(F&&o.N.currentUser()),P=l.a.useBasicFetch(v.R.video(e.id)),U=l.a.useBasicFetch(!!D&&(F?!!G.data&&x.u.aggregateEngagement(e.id,D,G.data.id):x.u.aggregateEngagement(e.id,D))),_=l.a.useBasicFetch(!!D&&(F?!!G.data&&p.u.individualEngagement(e.id,D,G.data.id):p.u.individualEngagement(e.id,D))),H=l.a.useBasicFetch((null===(a=_.data)||void 0===a?void 0:a.data.length)&&b.N.getById(_.data.data.map((function(e){return e.userId})))),z=l.a.useBasicFetch(i.k.createViewKey(e.id,m.f.MasterObject)),K=l.a.useBasicFetch(s.L.config());(0,E.M)({title:j("pageTitle",{video:null===(t=P.data)||void 0===t?void 0:t.name})}),(0,N.U)(null===(n=P.data)||void 0===n?void 0:n.name),(0,Z._)((0,O.yH)(P.data)),(0,R.s)(e.id),(0,h.n)(_),(0,f.M)(P),(0,g.v)([U,_,H,z]);var W=!!(P.data&&U.data&&z.data&&K.data),X=!(!_.data||_.data.data.length&&!H.data);return c().createElement("div",{className:"pb-3"},c().createElement(S.$,{id:e.id}),c().createElement("div",{className:"d-flex pb-3"},c().createElement("div",{className:"pr-2 ".concat(A.viewCountContainer)},c().createElement(y.m,{objectId:e.id,useSharerId:F,className:"h-100"})),c().createElement("div",{className:"px-2 ".concat(A.engagementPercentageContainer)},c().createElement(w.D,{objectId:e.id,useSharerId:F,className:"h-100",layout:"vertical"})),c().createElement("div",{className:"pl-2 ".concat(A.engagementGraphContainer)},W?c().createElement(T.p,{key:(0,k.u)(B),engagement:U.data,viewKey:z.data.viewKey,imageCdnUrl:K.data.imageCdnUrl,playerApiUrl:K.data.playerApiUrl}):c().createElement(L.O,null))),X?c().createElement(V.z,{key:(0,k.u)(B),engagement:_.data.data,users:H.data,imageCdnUrl:null===(r=K.data)||void 0===r?void 0:r.imageCdnUrl}):c().createElement(I.I,{variant:"engagement-users"},c().createElement(M.W,{variant:"engagement-users",itemCount:3})))}},38477:(e,a,t)=>{t.d(a,{W:()=>d});var n=t(1024),c=t.n(n),l=t(99910),r=t(95602);function i(){return c().createElement(l.Row,{className:"py-1 ".concat(r.Z.videoItemContainer)},c().createElement(l.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},c().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialNumber)})),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block"},c().createElement("div",{className:"partial-loading-background rounded ".concat(r.Z.partialThumbnail)}))),c().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},c().createElement("div",{className:"partial-loading-background ml-n2 ".concat(r.Z.partialLongText)})),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialShortText)})),c().createElement(l.Col,{xs:4,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialNumber)})))}function s(){return c().createElement(l.Row,{className:"py-1 ".concat(r.Z.interactiveItemContainer)},c().createElement(l.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},c().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialNumber)})),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block"},c().createElement("div",{className:"partial-loading-background rounded ".concat(r.Z.partialThumbnail)}))),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"partial-loading-background ml-n2 ".concat(r.Z.partialMediumText)})),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialAvatar)})),c().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialMediumText)})),c().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialNumber)})))}function o(){return c().createElement(l.Row,{className:"my-2 ".concat(r.Z.userItemContainer)},c().createElement(l.Col,{xs:9,className:"d-flex align-items-center"},c().createElement("div",{className:"partial-loading-background ml-3 ".concat(r.Z.partialAvatar)}),c().createElement("div",{className:"partial-loading-background mx-2 ".concat(r.Z.partialLongText)})),c().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},c().createElement("div",{className:"d-block partial-loading-background ".concat(r.Z.partialNumber," ").concat(r.Z.onlineUserContainer)})))}function m(){return c().createElement(l.Row,{className:"my-2 ".concat(r.Z.userItemContainer)},c().createElement(l.Col,{xs:2,className:"d-flex align-items-center "},c().createElement("div",{className:"partial-loading-background ml-3 ".concat(r.Z.partialAvatar)}),c().createElement("div",{className:"partial-loading-background mx-2 ".concat(r.Z.partialShortText)})),c().createElement(l.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},c().createElement("div",{className:"d-block partial-loading-background ".concat(r.Z.partialShortText)})),c().createElement(l.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},c().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialShortText)})),c().createElement(l.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},c().createElement("div",{className:"partial-loading-background ".concat(r.Z.heatMapItemContainer," ").concat(r.Z.partialHeatMap)})))}function d(e){return c().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(a,t){return function(e,a){switch(e){case"video-views":return c().createElement(i,{key:a});case"interactives":return c().createElement(s,{key:a});case"online-users":return c().createElement(o,{key:a});case"engagement-users":return c().createElement(m,{key:a});default:return c().createElement(c().Fragment,null)}}(e.variant,t)})))}d.defaultProps={itemCount:7}},87594:(e,a,t)=>{t.d(a,{R:()=>n});var n={video:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:a,error:t,always:n}}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[16],{66691:(e,a,c)=>{c.r(a),c.d(a,{AdminOverviewDashboardView:()=>N});var t=c(1024),l=c.n(t),n=c(23481),r=c(32564),s=c(82680),o=c(87480),i=c(59699),m=c(67772),d=c(28512),p=c(92209),u=c(55884),v=c(97794),E=c(44502),h=c(85091);const b={column1:"f6JeI",column2:"PYrN3",column3:"W7_eH",pieChart:"_7vVF",barChart:"ePu13",topSearches:"ir4_Z",topTopics:"Wry5t"};var f=n.T.encloseNamespace("reportsDashboard.adminOverviewDashboard");function N(){return(0,s.M)({title:f("dashboard")}),(0,o.U)(f("dashboard")),l().createElement("div",null,l().createElement(r.E,{type:"analytics",localStorageKey:"analytics_banner",appLink:{application:d.O.DEFAULT,action:p.e.Default.UPDATES},styleOptions:{backgroundImage:"url(".concat(u.W.Banners.Updates,")")}}),l().createElement("div",{className:"d-flex"},l().createElement("div",{className:"d-flex flex-column ".concat(b.column1)},l().createElement("div",{className:"pb-3"},l().createElement(m.m,{className:b.pieChart})),l().createElement(E.u,{className:b.topSearches})),l().createElement("div",{className:"".concat(b.column2," px-3")},l().createElement(v.H,null)),l().createElement("div",{className:"d-flex flex-column ".concat(b.column3)},l().createElement("div",{className:"pb-3"},l().createElement(i.Y,{className:b.barChart})),l().createElement(h.f,{className:b.topTopics}))))}},62798:(e,a,c)=>{var t;c.d(a,{t:()=>t}),function(e){e.Login="login",e.VideoView="video_view"}(t||(t={}))}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[178],{42178:(e,a,t)=>{t.r(a),t.d(a,{InteractiveEngagementView:()=>K});var n=t(1024),r=t.n(n),i=t(20354),c=t(23481),d=t(75896),l=t(47812),o=t(39151),s=t(31949),u=t(60051),m=t(52622),v=t(30321),g=t(22537),p=t(82680),f=t(94884),h=t(87480),y=t(54562),I=t(36630),b=t(9537),E=t(99827),M=t(83850),C=t(67772),w=t(9977),N=t(55554),k=t(91470),A=t(44422),U=t(64639),B=t(17285),F=t(62995),S=t(21295),j=t(97615),T=t(71270),O=t(23178);const _={viewCountContainer:"pw9QU",engagementPercentageContainer:"ugOZz",engagementGraphContainer:"MLGHz",partialTable:"TfiqW"};function z(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,n=new Array(a);t<a;t++)n[t]=e[t];return n}var G=c.T.encloseNamespace("reportsInteractives.interactiveEngagement");function K(e){var a,t,n,c,K,x,H=(0,E.b)(),L=(0,E.R)(),P=i.a.useBasicFetch(s.N.currentUser()),V=i.a.useBasicFetch(f.b.interactiveMetadata(e.interactiveMetadataId)),q=i.a.useBasicFetch(!!V.data&&f.b.interactive(V.data.interactiveId)),D=i.a.useBasicFetch(!!P.data&&!!L&&b.u.aggregateEngagement(e.interactiveMetadataId,L,P.data.id)),Q=i.a.useBasicFetch(!!P.data&&!!L&&g.u.individualEngagement(e.interactiveMetadataId,L,P.data.id)),R=d.m.chunk(null!==(t=null===(a=Q.data)||void 0===a?void 0:a.data.map((function(e){return e.userId})))&&void 0!==t?t:[],25),W=i.a.useBasicFetchAll(R.map((function(e){return y.N.getById(e)}))),Z=d.m.flatten(W.data),$=i.a.useBasicFetch(l.k.createViewKey(e.interactiveMetadataId,u.f.MasterObject)),J=i.a.useBasicFetch(o.L.config());(0,p.M)({title:G("pageTitle",{interactive:null===(n=V.data)||void 0===n?void 0:n.name})}),(0,h.U)(null===(c=V.data)||void 0===c?void 0:c.name),(0,N._)((0,S.yH)(V.data)),(0,j.s)(e.interactiveMetadataId),(0,w.n)(Q),(0,O.m)(e.interactiveMetadataId),(0,I.M)(V),(0,m.v)([q,D,Q].concat(function(e){if(Array.isArray(e))return z(e)}(x=W.responses)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(x)||function(e,a){if(e){if("string"==typeof e)return z(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?z(e,a):void 0}}(x)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[$])),(0,v.b)(V);var X=!!(q.data&&V.data&&D.data&&$.data&&J.data),Y=!(!Q.data||Q.data.data.length&&!W.data);return r().createElement("div",{className:"pb-3"},r().createElement(T.l,{interactiveMetadataId:e.interactiveMetadataId}),r().createElement("div",{className:"d-flex pb-3"},r().createElement("div",{className:"pr-2 ".concat(_.viewCountContainer)},r().createElement(C.m,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100"})),r().createElement("div",{className:"px-2 ".concat(_.engagementPercentageContainer)},r().createElement(A.D,{objectId:e.interactiveMetadataId,useSharerId:!0,className:"h-100",layout:"vertical"})),r().createElement("div",{className:"pl-2 ".concat(_.engagementGraphContainer)},X?r().createElement(U.p,{key:(0,M.u)(H),engagement:D.data,viewKey:$.data.viewKey,imageCdnUrl:J.data.imageCdnUrl,playerApiUrl:J.data.playerApiUrl}):r().createElement(B.O,null))),Y?r().createElement(F.z,{key:(0,M.u)(H),engagement:Q.data.data,users:Z,imageCdnUrl:null===(K=J.data)||void 0===K?void 0:K.imageCdnUrl}):r().createElement(k.I,{className:_.partialTable}))}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[271],{65271:(e,r,t)=>{t.r(r),t.d(r,{DevErrorView:()=>c});var l=t(1024),a=t(99910),n=t(82680);function c(e){var r=e.error;return(0,n.M)({title:"Dev Error"}),r?l.createElement("div",{className:"px-3"},l.createElement("h1",null,r.name),l.createElement(a.Alert,{variant:"danger"},l.createElement("h2",null,r.message)),l.createElement(a.Alert,{variant:"warning"},l.createElement("h3",null,"Call stack"),l.createElement("code",null,r.stack))):l.createElement(l.Fragment,null)}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[306],{76264:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(1024),a=n.n(r),i=n(23481),l=n(36532),o=n(19765),c=i.T.encloseNamespace("interactives.pendingIndicator");function u(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=function(){return a().createElement("div",{className:u(e)},!!e.showLabel&&a().createElement("em",null,c("pending")),a().createElement(o.O,null))};return e.title?a().createElement(l.u,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100 d-flex align-items-center"},a().createElement(t,null)):a().createElement(t,null)}},99943:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(1024),a=n(83850),i=n(99827);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,r.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],u=o[1],s=(0,a.u)((0,i.b)());return(0,r.useEffect)((function(){u((function(e){return!e}))}),[e.isFetching]),(0,r.useEffect)((function(){u((function(e){return!e}))}),[s]),c}},54679:(e,t,n)=>{n.d(t,{Y:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o,c=(n=(0,a.D)(i.y.AUDIENCE_FILTER_SELECTED_COUNT),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){e.data?c(e.data.studentCount):c(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},84049:(e,t,n)=>{n.d(t,{P:()=>d});var r=n(1024),a=n(2948),i=n(22902),l=n(16714),o=n(79489),c=n(99827),u=n(39553);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=(0,(0,i.T)().hasPermissions)(l.C.ViewCustomerAnalytics),m=(0,c.R)(),f=d&&!!m,v=(0,u.W)(f&&e,{start:null==m?void 0:m.start,end:null==m?void 0:m.end}),y=(t=(0,a.D)(o.y.AUDIENCE_FILTER_SUGGESTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){var e,t;v.data&&y("users",null===(t=null===(e=v.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[v.isFetching])}},35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),o=n(23049),c=n(39151),u=n(639),s=n(25691);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=l.T.encloseNamespace("shared.confirmationPopup");function f(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],l=a[1];return r.createElement(u.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(s.u,null,r.createElement(s.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||m("cancel")}),r.createElement(s.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||m("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(30321),y=n(94884),p=n(87480),b=n(95601),h=n(36630),g=n(55554),E=n(21295),w=n(91470),A=n(71270),S=n(99943),I=n(84049),k=n(54679),j=n(39553),N=n(23178),C=n(57266),O=n(19390),M=n(22628),T=n(2948),x=n(28972),U=n(23232),B=n(83140),R=n(80845),L=n(20650),_=n(55884),D=n(79489),F=n(39709),H=l.T.encloseNamespace("interactives.submitMarkedAnswers");function P(e){return a().createElement("div",{className:"d-flex justify-content-end pt-2"},a().createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},H("submitAnswers")))}var V=n(86572),$=l.T.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a().createElement("div",{className:"rounded bg-white"},a().createElement("div",{className:"p-2 position-relative"},a().createElement("div",{className:"d-flex"},a().createElement(V.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&a().createElement("div",{className:"mt-2"},a().createElement("strong",null,$("suggestedResponse")),a().createElement("p",{className:"m-0"},n))))}const K={awaitingMarking:"TXRuo"};function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var W=l.T.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r,i,l=(n=e.interaction,e.results.students.filter((function(e){return B.A.isInteractionCorrect(n,(0,R.j_)(e))===x.w.AwaitingMarking}))),o=Object.keys(e.markedAnswers).length,c=(r=(0,T.D)(D.y.ANONYMISE_USERS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(r,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a().createElement(a().Fragment,null,a().createElement(q,{interaction:e.interaction}),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o}),a().createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var r="bg-white p-2";return l.some((function(e){return e.user.id===t.user.id}))&&(r+=" ".concat(K.awaitingMarking)),a().createElement("li",{key:n,className:"position-relative mt-2"},a().createElement(L.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,M.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c?(0,F.B)(t.user,!0):null,className:r,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o})):a().createElement("div",{className:"d-flex flex-column h-100"},a().createElement(q,{interaction:e.interaction}),a().createElement(U.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.NoResponses}),a().createElement(U.u.Heading,null,W("emptyStateHeading")),a().createElement(U.u.Info,null,W("emptyStateDescription"))))}var Y=l.T.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a().createElement(U.u,{className:"rounded h-100 bg-white justify-content-center py-4"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.SelectQuestion}),a().createElement(U.u.Heading,null,Y("emptyStateText")))}var Z=n(19765),z=n(76264),J=l.T.encloseNamespace("interactives.questionTable");function ee(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function te(e){var t;return a().createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ne(e){return a().createElement(te,{className:e.column.isSorted&&"font-weight-bold"},J(e.phraseKey))}var re={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat("OTAmb"),selectedRow:"bg-light",sortIndicator:"ml-2"};function ae(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a().useMemo((function(){return(0,R.Q)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,M.nq)(e,n)})}))}),[r])),l=e.selectedInteractionId&&(0,M.Zs)(e.interactive,e.selectedInteractionId);return a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(O.i,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a().createElement(te,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a().createElement(te,null,a().createElement("div",{className:"clamp-1"},a().createElement(V.y,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a().createElement("div",{className:"d-flex w-75"},a().createElement(z.O,{title:J("markingRequired"),className:"flex-grow-1",showLabel:!0})):a().createElement("div",{className:"w-75"},a().createElement(Z.O,{percentage:n,layout:Z.I.LabelBefore}))},width:80,sortDescFirst:!0,sortType:ee}],data:i,theme:re,onSelectRow:function(e){var t=e.original;C.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:l?[l.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a().createElement("div",{className:"col-6"},!!l&&a().createElement(G,{interaction:l,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!l&&a().createElement(X,null)))}var ie=n(52622);function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var oe=l.T.encloseNamespace("interactives.interactiveQuestionList");function ce(e){var t,n,r,l,u,s,d,m=(s=a().useState(!1),d=2,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(s,d)||function(e,t){if(e){if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,t):void 0}}(s,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=m[0],O=m[1],M=i.a.useBasicFetch(y.b.interactiveMetadata(e.interactiveMetadataId)),T=i.a.useBasicFetch((null===(t=M.data)||void 0===t?void 0:t.interactiveId)?y.b.interactive(M.data.interactiveId):null),x=(0,j.W)(e.interactiveMetadataId),U=i.a.useBasicFetch(c.L.config());(0,o.o)(M.data?oe("pageTitle",{interactive:M.data.name}):""),(0,p.U)(null===(n=M.data)||void 0===n?void 0:n.name),(0,g._)((0,E.yH)(M.data)),(0,I.P)(e.interactiveMetadataId),(0,k.Y)(x),(0,N.m)(e.interactiveMetadataId),(0,v.b)(M),(0,h.M)(M),(0,ie.v)([T,x,U]);var B=(0,S.b)(x),R=(0,b.D)(null===(r=T.data)||void 0===r?void 0:r.id,null===(l=M.data)||void 0===l?void 0:l.id,(function(){return O(!1)})),L=R.markedAnswers,_=R.addMarkedAnswers,D=R.submitMarkedAnswers,F=!!T.data&&!!x.data&&!!U.data;return a().createElement(a().Fragment,null,a().createElement("div",null,a().createElement(A.l,{interactiveMetadataId:e.interactiveMetadataId}),F?a().createElement(ae,{interactive:T.data,results:x.data,markedAnswers:L,addMarkedAnswers:_,submitMarkedAnswers:function(){return O(!0)},imageCdnUrl:U.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:B}):a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(w.I,null)))),C&&a().createElement(f,{title:oe("markPopupTitle",{smartCount:null!==(u=Object.keys(L).length)&&void 0!==u?u:0}),closePopup:function(){return O(!1)},confirmButtonText:oe("submit"),confirmButtonVariant:"dark",onClickConfirm:D},a().createElement("p",null,oe("markPopupBody"))))}},87480:(e,t,n)=>{n.d(t,{U:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,a.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){return o(e),function(){o(null)}}),[e])}},83850:(e,t,n)=>{function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,{u:()=>r})}}]);
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[306],{76264:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(1024),a=n.n(r),i=n(23481),l=n(36532),o=n(19765),c=i.T.encloseNamespace("interactives.pendingIndicator");function u(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=function(){return a().createElement("div",{className:u(e)},!!e.showLabel&&a().createElement("em",null,c("pending")),a().createElement(o.O,null))};return e.title?a().createElement(l.u,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100 d-flex align-items-center"},a().createElement(t,null)):a().createElement(t,null)}},99943:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(1024),a=n(83850),i=n(99827);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,r.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],u=o[1],s=(0,a.u)((0,i.b)());return(0,r.useEffect)((function(){u((function(e){return!e}))}),[e.isFetching]),(0,r.useEffect)((function(){u((function(e){return!e}))}),[s]),c}},54679:(e,t,n)=>{n.d(t,{Y:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o,c=(n=(0,a.D)(i.y.AUDIENCE_FILTER_SELECTED_COUNT),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){e.data?c(e.data.studentCount):c(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},84049:(e,t,n)=>{n.d(t,{P:()=>d});var r=n(1024),a=n(2948),i=n(22902),l=n(16714),o=n(79489),c=n(99827),u=n(39553);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=(0,(0,i.T)().hasPermissions)(l.C.ViewCustomerAnalytics),m=(0,c.R)(),f=d&&!!m,v=(0,u.W)(f&&e,{start:null==m?void 0:m.start,end:null==m?void 0:m.end}),y=(t=(0,a.D)(o.y.AUDIENCE_FILTER_SUGGESTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){var e,t;v.data&&y("users",null===(t=null===(e=v.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[v.isFetching])}},35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),o=n(39151),c=n(639),u=n(25691);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=l.T.encloseNamespace("shared.confirmationPopup");function m(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],l=a[1];return r.createElement(c.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(u.u,null,r.createElement(u.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||d("cancel")}),r.createElement(u.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||d("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}m.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var f=n(30321),v=n(82680),y=n(94884),p=n(87480),b=n(95601),h=n(36630),g=n(55554),E=n(21295),w=n(91470),A=n(71270),S=n(99943),I=n(84049),k=n(54679),j=n(39553),N=n(23178),C=n(57266),O=n(19390),M=n(22628),T=n(2948),x=n(28972),U=n(23232),B=n(83140),R=n(80845),L=n(20650),_=n(55884),D=n(79489),F=n(39709),H=l.T.encloseNamespace("interactives.submitMarkedAnswers");function P(e){return a().createElement("div",{className:"d-flex justify-content-end pt-2"},a().createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},H("submitAnswers")))}var V=n(86572),$=l.T.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a().createElement("div",{className:"rounded bg-white"},a().createElement("div",{className:"p-2 position-relative"},a().createElement("div",{className:"d-flex"},a().createElement(V.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&a().createElement("div",{className:"mt-2"},a().createElement("strong",null,$("suggestedResponse")),a().createElement("p",{className:"m-0"},n))))}const K={awaitingMarking:"TXRuo"};function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var W=l.T.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r,i,l=(n=e.interaction,e.results.students.filter((function(e){return B.A.isInteractionCorrect(n,(0,R.j_)(e))===x.w.AwaitingMarking}))),o=Object.keys(e.markedAnswers).length,c=(r=(0,T.D)(D.y.ANONYMISE_USERS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(r,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a().createElement(a().Fragment,null,a().createElement(q,{interaction:e.interaction}),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o}),a().createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var r="bg-white p-2";return l.some((function(e){return e.user.id===t.user.id}))&&(r+=" ".concat(K.awaitingMarking)),a().createElement("li",{key:n,className:"position-relative mt-2"},a().createElement(L.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,M.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c?(0,F.B)(t.user,!0):null,className:r,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o})):a().createElement("div",{className:"d-flex flex-column h-100"},a().createElement(q,{interaction:e.interaction}),a().createElement(U.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.NoResponses}),a().createElement(U.u.Heading,null,W("emptyStateHeading")),a().createElement(U.u.Info,null,W("emptyStateDescription"))))}var Y=l.T.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a().createElement(U.u,{className:"rounded h-100 bg-white justify-content-center py-4"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.SelectQuestion}),a().createElement(U.u.Heading,null,Y("emptyStateText")))}var Z=n(19765),z=n(76264),J=l.T.encloseNamespace("interactives.questionTable");function ee(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function te(e){var t;return a().createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ne(e){return a().createElement(te,{className:e.column.isSorted&&"font-weight-bold"},J(e.phraseKey))}var re={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat("OTAmb"),selectedRow:"bg-light",sortIndicator:"ml-2"};function ae(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a().useMemo((function(){return(0,R.Q)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,M.nq)(e,n)})}))}),[r])),l=e.selectedInteractionId&&(0,M.Zs)(e.interactive,e.selectedInteractionId);return a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(O.i,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a().createElement(te,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a().createElement(te,null,a().createElement("div",{className:"clamp-1"},a().createElement(V.y,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a().createElement("div",{className:"d-flex w-75"},a().createElement(z.O,{title:J("markingRequired"),className:"flex-grow-1",showLabel:!0})):a().createElement("div",{className:"w-75"},a().createElement(Z.O,{percentage:n,layout:Z.I.LabelBefore}))},width:80,sortDescFirst:!0,sortType:ee}],data:i,theme:re,onSelectRow:function(e){var t=e.original;C.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:l?[l.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a().createElement("div",{className:"col-6"},!!l&&a().createElement(G,{interaction:l,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!l&&a().createElement(X,null)))}var ie=n(52622);function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var oe=l.T.encloseNamespace("interactives.interactiveQuestionList");function ce(e){var t,n,r,l,c,u,s,d,C=(s=a().useState(!1),d=2,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(s,d)||function(e,t){if(e){if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,t):void 0}}(s,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=C[0],M=C[1],T=i.a.useBasicFetch(y.b.interactiveMetadata(e.interactiveMetadataId)),x=i.a.useBasicFetch((null===(t=T.data)||void 0===t?void 0:t.interactiveId)?y.b.interactive(T.data.interactiveId):null),U=(0,j.W)(e.interactiveMetadataId),B=i.a.useBasicFetch(o.L.config());(0,v.M)({title:oe("pageTitle",{interactive:null===(n=T.data)||void 0===n?void 0:n.name})}),(0,p.U)(null===(r=T.data)||void 0===r?void 0:r.name),(0,g._)((0,E.yH)(T.data)),(0,I.P)(e.interactiveMetadataId),(0,k.Y)(U),(0,N.m)(e.interactiveMetadataId),(0,f.b)(T),(0,h.M)(T),(0,ie.v)([x,U,B]);var R=(0,S.b)(U),L=(0,b.D)(null===(l=x.data)||void 0===l?void 0:l.id,null===(c=T.data)||void 0===c?void 0:c.id,(function(){return M(!1)})),_=L.markedAnswers,D=L.addMarkedAnswers,F=L.submitMarkedAnswers,H=!!x.data&&!!U.data&&!!B.data;return a().createElement(a().Fragment,null,a().createElement("div",null,a().createElement(A.l,{interactiveMetadataId:e.interactiveMetadataId}),H?a().createElement(ae,{interactive:x.data,results:U.data,markedAnswers:_,addMarkedAnswers:D,submitMarkedAnswers:function(){return M(!0)},imageCdnUrl:B.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:R}):a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(w.I,null)))),O&&a().createElement(m,{title:oe("markPopupTitle",{smartCount:null!==(u=Object.keys(_).length)&&void 0!==u?u:0}),closePopup:function(){return M(!1)},confirmButtonText:oe("submit"),confirmButtonVariant:"dark",onClickConfirm:F},a().createElement("p",null,oe("markPopupBody"))))}},87480:(e,t,n)=>{n.d(t,{U:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,a.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){return o(e),function(){o(null)}}),[e])}},83850:(e,t,n)=>{function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,{u:()=>r})}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[441],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(1024),r=n(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}},98236:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(1024),r=n(1048),i=n(64038);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const c="fVSzb";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s=a.memo((function(e){var t,n,r=e.forceLoad,s=e.extraClasses,u=void 0===s?"":s,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,p=e.src,f=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}(e,["forceLoad","extraClasses","errorFallbackImageSrc","preventLoad","src"]),g=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,c=n.triggerOnce,l=void 0===c||c,s=(e=i.useInView({triggerOnce:l,rootMargin:r}),t=3,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],d=s[1],m=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(d=!0,u=null),{ref:u,inView:d,initialized:!!m}}({rootMargin:"500px"}),y=g.ref,h=g.inView,b=(t=a.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),E=b[0],N=b[1];function w(){return E&&d?d:e.src}if(a.useEffect((function(){if((r||h)&&!v){var e=new Image;return e.onerror=function(){N(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[h,v]),E&&!d)return a.createElement(a.Fragment,null);if(!y)return a.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:"",src:w()},f));var C=Object.assign(Object.assign({alt:""},f),!h&&!r||v?{}:{src:w()});return r||(C.ref=y),a.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},C))})),u=n(8493),d=n(67453);const m={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};var v=n(54610);function p(e){var t=m.image,n="";return e.imageType===v.__.Thumbnails&&(n="thumbnail ".concat(m.thumbnail)),e.imageType===v.__.TallPosters&&(n=m.tallPoster),e.imageType===v.__.Covers&&(n=m.cover),e.imageType===v.__.Banners&&(n=m.banner),e.imageType===v.__.Posters&&(n=m.poster),e.imageType===v.__.Pdf&&(n=m.pdf),e.imageType===v.__.Link&&(n=m.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function f(e){var t=e.data,n=e.imageOptions,i=e.appLink,o=e.preload,c=e.preventLoad,l=e.analyticsOptions,m=e.analyticsData,v=e.imageClassName,f="";"string"==typeof t?f=t:r.t.isObject(t)&&(f=t.url);var g=f&&n?d.j.createUrl(f,n):f;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(u.F,{appLink:i,analyticsData:m,analyticsOptions:l,onClick:e.onClick},e.children,g&&a.createElement(s,{src:g,forceLoad:o,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},98441:(e,t,n)=>{n.d(t,{u:()=>Pt});var a=n(1024),r=n.n(a),i=n(65858),o=n(23481),c=n(79014),l=n(58130),s=n(83914),u=n(55110),d=n(75896),m=n(82182),v=n(11025),p={isFavouritedByCurrentUser:function(e){var t;return!(1!==(null===(t=null==e?void 0:e.favouritedBy)||void 0===t?void 0:t.data.length))},isFavouritedByUser:function(e,t){var n;return!!d.m.findWhere(null===(n=null==e?void 0:e.favouritedBy)||void 0===n?void 0:n.data,{id:null==t?void 0:t.id})},updateVideoState:function(e,t,n){return{id:e.id,favouritedBy:{data:n?[{id:t.id}]:[],pagination:{limit:25,cursors:{next:"",previous:""}}}}},showFavouriteButton:function(e,t){var n;return!(!(null===(n=v.M.getCanBeConsumed(e))||void 0===n?void 0:n.canConsume)||!t&&!m.V.isTabletOrMobile()&&!p.isFavouritedByCurrentUser(e))}},f=n(11607);const g={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var h=o.T.encloseNamespace("shared.favouriteButton");function b(e){var t,n,r=(0,u.Z)(),i=p.isFavouritedByCurrentUser(e.video),o=(t=a.useState(i),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=o[0],m=o[1];a.useEffect((function(){m(i)}),[i]);var b="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(g.favouriteButton," ").concat(d?g.favourited:"");return e.className&&(b+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?a.createElement(f.L,{className:b,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,null,(function(){r.error(h(v.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":v.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),m(!t)}),e.analyticsData,e.analyticsOptions)}},a.createElement(s.x,{svgName:l.vn.Heart,className:"svg-container ".concat(g.heart)}),a.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat(g.heartOutline)})):a.createElement(a.Fragment,null)}var E=n(98236),N=n(54610),w=n(28400),C=n(98084),O=n(8493),S=n(26860),j=n(74254);const x={appLink:"b0KLR",hoverUnderline:"YR5Q7",small:"ts6Yo"};function k(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return a.createElement(a.Fragment,null);var r=C.I.padNumber(n.number,2),i=C.I.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?x.hoverUnderline:"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function A(e){var t,n=e.appLink,r=e.video,i=e.className,o=void 0===i?"":i,c=null==r?void 0:r.series;if(!c||!c.id)return a.createElement(a.Fragment,null);var l=n&&Object.assign(Object.assign({},n),{args:[c.id,w.m.slugify(c.name)]}),s=Object.assign(Object.assign({},e.analyticsData),{id:null==c?void 0:c.id,name:null==c?void 0:c.name,videoId:null==r?void 0:r.id,videoName:null==r?void 0:r.name}),u=Object.assign(Object.assign({},e.analyticsOptions),{entity:j.py.Series,actionType:j.Vw.Click,descriptor:j._S.Title}),d=S.v.buildSeriesSeasonEpisodeText(c.name,null===(t=r.season)||void 0===t?void 0:t.number,r.episodeNumber);return l?a.createElement("div",null,a.createElement(O.F,{appLink:l,className:"text-uppercase d-block text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),analyticsData:s,analyticsOptions:u,title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))}var I=n(17464),T=n(61105);function P(e){var t=v.M.getVideoProgress(e.video),n=t&&e.video.duration&&t/e.video.duration*1e5;return n?a.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(n,"%")}}):a.createElement(a.Fragment,null)}const L={bottomBar:"YnXtZ"};function M(e){return v.M.isVideo(e.video)?r().createElement("div",{className:L.bottomBar},r().createElement(P,{video:e.video})):r().createElement(r().Fragment,null)}const F={padlock:"w4cg8",sm:"JpIYd"};function R(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(F.padlock," ").concat("sm"===e.size?F.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var z=n(36532),V=n(5465);const _={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var B=o.T.encloseNamespace("shared.videoTypeBadge");function D(e){var t="".concat(_.badge," rounded-pill text-white ").concat("sm"===e.size?_.sm:"");return r().createElement(r().Fragment,null,v.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:_.text},B("clip"))),v.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:_.text},B("interactive"))))}D.default={size:"md"};const U={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function H(e){var t="mb-1";return e&&(t+=U.downScale),t}function W(e){var t=e.video,n=e.appLink,a=e.imageOptions,o=e.setFavourite,c=e.canFavourite,u=e.preload,d=e.hovering,m=v.M.getCanBeConsumed(e.video).canNavigate,f=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(t)}),g=p.showFavouriteButton(e.video,d),y=v.M.isVideo(t),h=!y,w=v.M.getRating(e.video);return r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},g&&r().createElement("div",{className:U.topRightContainer},r().createElement(b,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:f})),!m&&r().createElement("div",{className:U.topRightContainer},r().createElement(R,null)),h&&r().createElement("div",{className:U.videoTypeBadge},r().createElement(D,{video:t})),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:m?n:null,imageType:N.__.Thumbnails,imageOptions:a,preload:u,className:U.gradient,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:t.id,name:t.name}),analyticsOptions:Object.assign(Object.assign({},f),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!d||!m)&&r().createElement(s.x,{className:U.playIcon,svgName:l.vn.PlayCircle}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:U.overlayContainer},r().createElement("div",{className:U.overlay},r().createElement("div",{className:"".concat(H(d)," ").concat(U.title)},y&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-shadow clamp-1",video:t,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},v.M.getTitle(t))),r().createElement(M,{video:t}),d&&r().createElement(I.c,{className:"mt-1"},v.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(T.C,{type:T.g.Rating,data:w}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(T.C,{type:T.g.Interactive,data:t.hasInteractives}),r().createElement(T.C,{type:T.g.DurationExact,data:v.M.getDuration(e.video)}))))))))}var Z=n(68626);const Q={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var q,X;function G(e){var t=e.type,n=e.size,r=function(e){return e===q.Video?Q.video:e===q.Playlist?Q.playlist:""}(t),i=function(e){return e===q.Video?l.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Q.maskContainer," ").concat("sm"===n?Q.small:"")},a.createElement("div",{className:Q.mask}),a.createElement(s.x,{svgName:i,className:r}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(q||(q={})),G.defaults={size:"md"},function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(X||(X={}));var Y=n(4594);const $={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var K=o.T.encloseNamespace("shared.toggleActivityStatusButton");function ee(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===X.Complete),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?J(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=i[0],d=i[1];a.useEffect((function(){d(e.activityStatus===X.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?$.checked:$.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==X.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?X.Complete:X.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(K(function(){switch(e.sharedEntity.typeId){case Y.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case Y.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case Y.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case Y.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case Y.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat($.checkMark)})):a.createElement(a.Fragment,null)}const te={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function ne(e){return v.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=v.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(te.container," d-flex align-items-center")},r().createElement(b,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:te.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(ee,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:te.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:te.container},r().createElement(R,{size:e.size}))}var ae=n(1048),re=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ce=275,le=5,se={className:"",delay:0,style:null},ue={screenX:0,screenY:0};function de(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.add(t.className)),t.style&&Object.keys(t.style).forEach((function(n){e.current.style[n]=t.style[n]})))}function me(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.remove(t.className)),t.style&&Object.keys(t.style).forEach((function(t){e.current.style[t]=null})))}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:se,t=re(),n=ie(a.useState(e),2),r=n[0],i=n[1],o=ie(a.useState(!1),2),l=o[0],s=o[1],u=a.useRef(null);a.useEffect((function(){ae.t.isEqual(e,r)||i(e)}),[e]);var d=c.q.throttle((function(){de(u,r),t.current&&s(!0)}),r.delay,{leading:!1}),m=function(){c.q.isFunction(d.cancel)&&d.cancel(),me(u,r),t.current&&s(!1)};return a.useLayoutEffect((function(){var e=u.current;if(e)return e.addEventListener("mouseenter",d),e.addEventListener("mouseleave",m),function(){e.removeEventListener("mouseenter",d),e.removeEventListener("mouseleave",m)}}),[u.current,r]),[u,l]}function pe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}const fe={badgeContainer:"fy9Un",sm:"Rb0TL"};function ge(e){var t=v.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,a=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||a?r().createElement(I.c,{className:"".concat(fe.badgeContainer," ").concat("sm"===e.size?fe.sm:"")},n&&r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),a&&r().createElement(T.C,{type:T.g.Rating,data:t}),!e.hideDuration&&r().createElement(T.C,{type:e.newDurationStyle?T.g.DurationApproximate:T.g.DurationExact,data:v.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}ge.defaultProps={newDurationStyle:!0,size:"md"};const ye={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var be="shared.staticVideoThumbnail";function Ee(e){var t,n=e.video,a=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===Z.z.Overlay,u=v.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=ye.titleOverlay,u&&(v.M.isClip(n)&&(d+=" "+ye.clip),v.M.isInteractive(n)&&(d+=" "+ye.interactive))):d=ye.titleBelow,r().createElement("div",{className:d},v.M.isVideo(n)&&v.M.hasSeries(n)&&r().createElement(A,{className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:o.T.getPhrase(be,"videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Ne(e){var t,n,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=(t=ve(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return he(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?he(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=m[0],g=m[1],y=v.M.getCanBeConsumed(o).canNavigate,h=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(o)}),b=!!c&&!e.hideMask&&y,w=v.M.getPrivacyReasoning(e.video,e.showSignIn),C=!v.M.isVideo(e.video);return r().createElement(z.u,{title:w,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(a="position-relative",a+=c&&y?" cursor-pointer":" cursor-default",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===Z.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:f},r().createElement(ne,{video:o,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(o,g)},analyticsData:e.analyticsData,analyticsOptions:h,size:e.size}),r().createElement(E.Z,{data:v.M.getThumbnail(o),appLink:y?c:null,imageType:N.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return l===Z.z.Overlay?"".concat(t," ").concat(ye.gradient):t}(),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},h),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},b&&r().createElement(G,{type:q.Video,size:e.size}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:ye.overlayContainer},l===Z.z.Overlay&&r().createElement(Ee,Object.assign({},e)),r().createElement(M,{video:o}),C&&r().createElement("div",{className:ye.videoTypeBadge},r().createElement(D,{video:o,size:e.size})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),l===Z.z.Below&&r().createElement(Ee,Object.assign({},e))))}var we=n(54976),Ce=n.n(we),Oe=n(26361);function Se(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=Oe.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return v.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(z.u,{spanHack:!0,spanHackClassName:e.className||"pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(s.x,{svgName:l.vn.Lock,size:"sm"===e.size?s.S.Small:s.S.Standard})):r().createElement(r().Fragment,null)}const je={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function xe(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=v.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat(je.titleContainer)},v.M.isVideo(t)&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-truncate ".concat(je.seriesTitleBox),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,r().createElement(Se,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var ke,Ae,Ie=n(30314),Te=(ke=function(e,t){return ke=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},ke(e,t)},function(e,t){function n(){this.constructor=e}ke(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Pe="html",Le="svg",Me=function(e){var t,n,a,r={};if(e===Pe)a=document.createElement("div");else{if(e!==Le)throw new Error('Invalid element type "'+e+'" for createPortalNode: must be "html" or "svg".');a=document.createElementNS("http://www.w3.org/2000/svg","g")}var i={element:a,elementType:e,setPortalProps:function(e){r=e},getInitialPortalProps:function(){return r},mount:function(a,r){if(r!==n){if(i.unmount(),a!==t&&!function(e,t){if(t===Pe)return e instanceof HTMLElement;if(t===Le)return e instanceof SVGElement;throw new Error('Unrecognized element type "'+t+'" for validateElementType.')}(a,e))throw new Error('Invalid element type for portal: "'+e+'" portalNodes must be used with '+e+" elements, but OutPortal is within <"+a.tagName+">.");a.replaceChild(i.element,r),t=a,n=r}},unmount:function(e){e&&e!==n||t&&n&&(t.replaceChild(n,i.element),t=void 0,n=void 0)}};return i},Fe=function(e){function t(t){var n=e.call(this,t)||this;return n.addPropsChannel=function(){Object.assign(n.props.node,{setPortalProps:function(e){n.setState({nodeProps:e})}})},n.state={nodeProps:n.props.node.getInitialPortalProps()},n}return Te(t,e),t.prototype.componentDidMount=function(){this.addPropsChannel()},t.prototype.componentDidUpdate=function(){this.addPropsChannel()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.node;return Ie.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Re=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}return Te(t,e),t.prototype.passPropsThroughPortal=function(){var e=Object.assign({},this.props,{node:void 0});this.props.node.setPortalProps(e)},t.prototype.componentDidMount=function(){var e=this.props.node;this.currentPortalNode=e;var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentDidUpdate=function(){var e=this.props.node;this.currentPortalNode&&e!==this.currentPortalNode&&(this.currentPortalNode.unmount(this.placeholderNode.current),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){this.props.node.unmount(this.placeholderNode.current)},t.prototype.render=function(){return a.createElement("div",{ref:this.placeholderNode})},t}(a.PureComponent),ze=Me.bind(null,Pe),Ve=(Me.bind(null,Le),n(81886)),_e=n(56050),Be=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(Ae||(Ae={}));var De=function(e,t,n){var a,r=e.x,i=e.y,o=e.width,c=e.height,l=document.getElementById("content-width-reference");if(!l)return{};var s=t||1.2*o,u=t?t*(c/o):1.2*c,d=t?s/o:1.2;a=r-(s-o)/2,s<n&&(a-=(n-s)/2,u=c*(d=(s=n)/o));var m=i-(u-c)/2+window.scrollY,v=a,p=Ae.Center;return a-l.offsetLeft<8&&(v=r-4,p=Ae.Left),l.offsetWidth+l.offsetLeft-(a+s)<8&&(v=t?r+o-t:r-o*(d-1)+8,p=Ae.Right),{left:v,top:m,height:u,width:s,transformOrigin:p,position:"absolute",originalWidth:o,originalHeight:c}};const Ue={positionWrapper:"jO7pW"};function He(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return We(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?We(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function We(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ze(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=r().useContext(Be).setPreviewContentNode;void 0===u&&Ve.Q.ErrorHelper.throw(new _e.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=r().useMemo((function(){return ze()}),[]),m=He(function(e){var t=ie(a.useState(e),2),n=t[0],r=t[1],i=a.useRef(Object.assign({},ue)),o=a.useRef(!1),l=a.useRef(0),s=a.useRef(null),u=ie(a.useState(!1),2),d=u[0],m=u[1];function v(){l.current&&(window.clearTimeout(l.current),l.current=0)}function p(){o.current=!0}function f(e){if(o.current){var t,a,r=Object.assign({},i.current);i.current.screenX=e.screenX,i.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>le||Math.abs(e.screenY-t.screenY)>le}(r,e)&&v(),t=function(){de(s,n),m(!0)},a=n.delay||ce,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),me(s,n),o.current=!1,m(!1)}return a.useEffect((function(){ae.t.isEqual(e,n)||r(e)}),[e]),a.useLayoutEffect((function(){if(s.current){var e=c.q.throttle(f,25,{leading:!1});return s.current.addEventListener("mouseenter",p),s.current.addEventListener("mousemove",e),s.current.addEventListener("mouseleave",g),function(){s.current&&(s.current.removeEventListener("mouseenter",p),s.current.removeEventListener("mousemove",e),s.current.removeEventListener("mouseleave",g))}}}),[s.current,n]),[s,d]}({delay:100}),2),v=m[0],p=m[1],f=He(ve(),2),g=f[0],y=f[1],h=He(r().useState(!1),2),b=h[0],E=(h[1],r().useRef(null)),N=r().useRef(!1),w=p||y;r().useEffect((function(){N.current!==w&&(u(w||b?d:null),N.current=w)}),[w]);var C=(null===(n=null===(t=E.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},O=C.x,S=C.y,j=C.width,x=C.height,k=r().useMemo((function(){return De({x:O,y:S,width:j,height:x},s,l)}),[O,S,j,x]),A=i;return r().createElement("div",{ref:E},r().createElement("div",{ref:v},r().createElement(A,Object.assign({isHovering:!1},o))),(w||b)&&r().createElement(Fe,{node:d},r().createElement("div",{className:"".concat(Ue.positionWrapper),style:k,ref:g},r().createElement(A,Object.assign({isHovering:!0,hoverPositionConfig:k,cleanPortalNode:function(){return u(null)}},o)))))}Ze.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};const Qe={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function qe(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(Qe.tag," ").concat(e.active?Qe.active:"")},r().createElement(s.x,{className:"".concat(Qe.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap user-select-none"},e.text))}var Xe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(qe,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),Ge=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(qe,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Ye=n(44829),$e=n(83345);const Je={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Ke(e){var t,n,a=e.tag,i=e.appLink,o=e.onClick,c=e.disabled,u=e.tagClass,d=void 0===u?"tag":u,m=a.name.toLowerCase(),v=null===(t=a.tagType)||void 0===t?void 0:t.toLowerCase(),p="badge-pill py-1 px-2 my-1 mr-1 ".concat(d," ").concat(function(e){switch(e){case Ye.Q.Pedagogy:case Ye.Q.Skill:return"pedagogy-tag text-white";case Ye.Q.Hidden:return"hidden-tag";case Ye.Q.Normal:default:return""}}(v)),f=v===Ye.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);f&&(p+=" text-white"),!i&&!o||c||(p+=" cursor-pointer"),c&&(p+=" "+Je.disabled),e.onRemove&&(p+=" "+Je.badge),i||(p+=" d-inline-block");var g=f?{backgroundColor:e.themeColours.secondary}:{};return i?r().createElement(O.F,{onClick:o,appLink:i,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m)):r().createElement("span",{onClick:o,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m,e.onRemove&&r().createElement("button",{onClick:e.onRemove,className:"".concat(Je.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function et(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function tt(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Ye.Q.Pedagogy:return 0;case Ye.Q.Skill:return 1;default:return 2}}function nt(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return et(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return et(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?et(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).sort((function(e,t){return tt(e)-tt(t)}));return r().createElement("div",{className:Je.tagList},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,a="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null;return r().createElement(Ke,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const at={itemContainer:"KQ5Wt"};var rt="shared.whyThisVideo";function it(e){var t,n,a,i,o,c,l=null!==(a=null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(e){return e.tagType===Ye.Q.Pedagogy})))&&void 0!==a?a:[],s=null!==(c=null===(o=null===(i=e.video.tags)||void 0===i?void 0:i.data)||void 0===o?void 0:o.filter((function(e){return e.tagType===Ye.Q.Skill})))&&void 0!==c?c:[];return r().createElement(r().Fragment,null,!!l.length&&r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement($e.x,{namespace:rt,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(at.itemContainer)},r().createElement(Ke,{tag:e}),e.description&&r().createElement("p",{className:"mb-2 pt-1"},e.description))})),!!s.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement($e.x,{namespace:rt,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(at.itemContainer)},r().createElement(nt,{tags:s}))))}var ot=n(97395),ct=n(92582),lt=n(67453),st=n(1164),ut=n(49677);const dt={imageStyle:"I9E5O",item:"tqUFn",background:"s1dNr",thumbnailContainer:"EDiGi",teacherPack:"_tdVE",text:"g5NWS",hoverState:"xRYhX",atomGuide:"X39wU",studentActivity:"X9pMl",additionalMaterials:"qRVUo",userUploaded:"_18JaV",imageTypeResource:"KYtZL"};var mt={width:200,resizeType:N.Nq.Cover};function vt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return lt.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},mt));var i=ot._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===st.L.Pdf?lt.j.createResourceImage(i,t.url,mt):t.metadata.type===st.L.Image?lt.j.createUrl(t.url,{size:N.h2.Medium,resizeType:N.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?lt.j.createResourceImage(i,t.pdf.url,mt):(t.metadata.type,st.L.Zip,"/images/zip-resource.png"):lt.j.createResourceImage(i,t.url,Object.assign({},mt))}function pt(e){var t;return"metadata"in e?e.metadata.type===st.L.Pdf?N.__.Pdf:e.metadata.type===st.L.Image?N.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?N.__.Pdf:(e.metadata.type,st.L.Zip,N.__.Thumbnails):N.__.Link}function ft(e){var t,n,a,o,c,l,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(a=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==a?a:0);var m="".concat(null!==(c=null===(o=e.theme)||void 0===o?void 0:o.containerClass)&&void 0!==c?c:""," pt-3 px-3 rounded-lg d-flex flex-column align-items-center")+" justify-content-end ".concat(function(e){switch(e){case"atom-guide":return dt.atomGuide;case"student-activity":return dt.studentActivity;case"teacher-pack":return dt.teacherPack;case"additional-materials":return dt.additionalMaterials;default:return dt.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(dt.background," ").concat(e.applyHoverState?dt.hoverState:""," ");return r().createElement("div",{className:m},!e.hideHeading&&r().createElement(z.u,{title:e.data.name},r().createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(dt.text)},r().createElement("span",{className:"clamp-1"},e.data.name))),r().createElement("div",{className:"".concat(null!==(s=null===(l=e.theme)||void 0===l?void 0:l.thumbnailContainerClass)&&void 0!==s?s:""," w-75 overflow-hidden ").concat(dt.thumbnailContainer," ").concat(dt.imageStyle)},r().createElement(E.Z,{data:vt(e.imageCdnUrl,e.data),imageType:pt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===st.L.Image?"".concat(dt.imageTypeResource," ").concat(dt.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}ft.defaultProps={preloadImage:!0,actionBehaviour:"normal"},r().memo((function(e){var t,n,a,o,c=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}(e,[]),l=(t=e.data,n=e.actionBehaviour,o=r().useContext(ut.X),"public"===n||!o.xs&&!o.sm&&"resource"===t.type&&"metadata"in t&&(t.metadata.type===st.L.Image||(t.metadata.type===st.L.Pdf?!!t.url:!!(null===(a=t.pdf)||void 0===a?void 0:a.url)))),s=Object.assign(Object.assign({},e.analyticsData),e.data),u=Object.assign(Object.assign({},e.analyticsOptions),{actionType:i.UserAction.Click,entity:e.data.typeId===Y.E.Resource?i.EntityType.Resource:i.EntityType.Link});function d(){ct.k.logUserAction(s,u)}var m,v=!!e.data.url;return c.applyHoverState=l||v,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(dt.item)},(m="d-block no-decoration","link"===e.data.type?r().createElement("a",{href:e.data.url,target:"_blank",className:m,onClick:d},r().createElement(ft,Object.assign({},c))):l?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:m,analyticsData:s,analyticsOptions:u},r().createElement(ft,Object.assign({},c))):v?r().createElement("a",{href:e.data.url,className:m,onClick:d},r().createElement(ft,Object.assign({},c))):r().createElement("div",{className:m},r().createElement(ft,Object.assign({},c)))))}));var gt={getEnglishName:function(e,t){var n,a,r=e.language;return a=(null==t?void 0:t.filter((function(e){return e.language!==r}))).length>0?CVLanguages.getFullEnglishName(r):CVLanguages.getEnglishName(r),(null===(n=e.metadata)||void 0===n?void 0:n.autoGenerated)?o.T.getPhrase("shared.shared-utils","autoGeneratedSubtitle",{name:a}):a}};const yt={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function ht(e){return r().createElement("div",{className:"".concat(yt.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(yt.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r().createElement(s.x,{svgName:e.svgName})),r().createElement("div",{className:"pl-2 font-weight-500"},e.text)),e.children)}function bt(e){return function(e){if(Array.isArray(e))return Et(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Et(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Et(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Et(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Nt=o.T.encloseNamespace("shared.whatsIncluded");function wt(e){var t,n,a,i,o,c,s,u=null===(n=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length,d=[].concat(bt((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),bt((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),m=d.length,v=null!==(s=null===(c=null===(o=e.video.subtitles)||void 0===o?void 0:o.data)||void 0===c?void 0:c.map((function(t){var n,a;return gt.getEnglishName(t,null!==(a=null===(n=e.video.subtitles)||void 0===n?void 0:n.data)&&void 0!==a?a:[])})))&&void 0!==s?s:[];return r().createElement(r().Fragment,null,u>0&&r().createElement(ht,{text:Nt("totalInteractives",{smartCount:u}),svgName:l.vn.Interactive,iconVariant:"green"}),m>0&&r().createElement(ht,{text:Nt("totalResources",{smartCount:m}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},d.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(ft,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:yt.resourceContainer,thumbnailContainerClass:yt.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r().createElement(ht,{text:Nt("videoSettings"),svgName:l.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},v.join(", ")))))}function Ct(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Ot(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ot(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ot(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}wt.defaultProps={isShowing:!0},n(25964);var St=r().createContext({hasProvider:!1});const jt={hoverContainer:"TzWQw"};function xt(e){var t,n=r().useContext(St);if(null===(t=n.useInitialize)||void 0===t||t.call(n,e),!n.hasProvider)return r().createElement(r().Fragment,null);if("picture-in-picture"===n.mode)return r().createElement(r().Fragment,null);if("default"===n.mode)return r().createElement(Re,{node:n.portalNode});var a=n.started,i="".concat(jt.hoverContainer," ").concat(a?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:i},r().createElement(Re,{node:n.portalNode}),";")}const kt={videoTypeBadge:"qz_5t",animationWrapper:"Z1hPi",zoom:"g9v8i",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function At(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var It=function(e){var t,n,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,d=e.isHovering,m=e.hoverPositionConfig,f=v.M.getCanBeConsumed(a),g=f.canNavigate,y=f.canConsume,h=!v.M.isVideo(a),w=(t=r().useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return At(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?At(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=w[0],O=w[1],S=function(){var e=Ct(r().useState("none"),2),t=e[0],n=e[1],a=Ct(ve(),2),i=a[0],o=a[1],c=Ct(ve(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),j=S.videoGuidance,x=S.whyThisVideoRef,k=S.whatsIncludedRef,A=r().useMemo((function(){return v.M.showWhyThisVideo(a)}),[a]),I=r().useMemo((function(){return v.M.showWhatsIncluded(a)}),[a]);r().useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var T="position-relative bg-white";e.extraClasses&&(T+=" ".concat(e.extraClasses)),d&&(T+=" rounded-lg shadow-lg");var P=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),L=e.isHovering&&y,F=p.showFavouriteButton(e.video,d),_=I||A,B="none"!==j,U=m?m.originalWidth/m.width:1;return r().createElement("div",{className:"".concat(T," ").concat(d?kt.animationWrapper:""),style:{"--scale":U,transformOrigin:null==m?void 0:m.transformOrigin}},F&&r().createElement("div",{className:kt.topRightContainer},r().createElement(b,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:P})),!g&&r().createElement("div",{className:kt.topRightContainer},r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(R,null))),r().createElement("div",{className:"position-relative"},r().createElement(E.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:v.M.getThumbnail(a),appLink:g?o:null,imageType:N.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?kt.preview:"rounded-lg ".concat(kt.original)),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(V.oy,{type:V.mS.Video}),r().createElement(M,{video:a}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},h&&r().createElement("div",{className:kt.videoTypeBadge},r().createElement(D,{video:a})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),L&&r().createElement(xt,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover"})),!d&&r().createElement(xe,Object.assign({},e)),r().createElement("div",{className:"".concat(kt.details," ").concat(d?"".concat(kt.isHovering," box-shadow"):"")},d&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(C?"box-shadow":""," ").concat(d?kt.videoGuidanceTags:"")},r().createElement(xe,Object.assign({},e)),_&&d&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},A&&r().createElement(Ge,{ref:x,active:"why-this-video"===j}),I&&r().createElement(Xe,{ref:k,active:"whats-included"===j}))),_&&d&&r().createElement(Ce(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;C&&0===t?O(!1):!C&&t>0&&O(!0)}},r().createElement("div",{className:"".concat(kt.dropdown," ").concat(B?kt.show:"")},"why-this-video"===j&&r().createElement(it,{video:e.video}),"whats-included"===j&&r().createElement(wt,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==j&&r().createElement("div",{className:"pb-2"}))))))};function Tt(e){return r().createElement(r().Fragment,null,r().createElement(Ze,{hoverableComponent:It,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function Pt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(Ne,Object.assign({},e));case"expandable":return a.createElement(W,Object.assign({},e));case"popout":return a.createElement(Tt,Object.assign({},e));default:return}}Pt.defaultProps={hideRating:!0,size:"md"}},68626:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(1024),r=n(71365);var i=n(60139),o=n(79976);function c(){var e,t,n,c=(e=o.P.ALERT,t=e,n=r.u.getInstance(t),a.useEffect((function(){return function(){r.u.releaseInstance(t)}})),n);return{success:function(e){c.success(e)()},error:function(e){c.error(e)()},warning:function(e){c.createAlert({type:i.NK.Warning,heading:i.R6.Warning,message:e})}}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[465],{5465:(e,t,n)=>{n.d(t,{oy:()=>d,mS:()=>c});var a=n(1024),r=n(83914),i=n(58130);const l={baseFallbackContainer:"ZvbeV",svgFallbackContainer:"atIHN",subjectFallbackContainer:"m20L7",subjectFallbackContainerSmall:"QIbxu",subjectFallbackContainerLarge:"z_sHT",seriesItemFallback:"epoLB",playlistItemFallback:"h1S5T",playlistFallback:"ZbKBN",posterFallback:"I1mTo",subjectFallback:"kNG8Z",fallbackThumbnailImage:"nKsWZ",videoFallback:"LolCW",folderFallback:"mdrT5"};var c,o,s,u=n(9085),m=n(7733);function d(e){var t,n=e.type,d=e.mediaType,f=e.extraClasses,p=e.containerClassSize;if(n===c.Video)return a.createElement("div",{className:"".concat(l.videoFallback," ").concat(e.extraClasses," bg-light-blue")});if(n===c.Folder)return a.createElement("div",{className:"".concat(l.folderFallback," ").concat(e.extraClasses," ").concat((0,u.x)(e.name,m.o))});var v=function(e){return e===c.SeriesThumbnail?l.seriesItemFallback:e===c.PlaylistThumbnail?l.playlistItemFallback:e===c.Playlist?l.playlistFallback:e===c.Series||e===c.TallSubject?l.posterFallback:e===c.Subject?"".concat(l.subjectFallback," svg-container d-inline-block"):""}(n),g=function(e){return e===c.SeriesThumbnail||e===c.PlaylistThumbnail?i.vn.Play:e===c.Playlist?i.vn.Image:e===c.Series?i.vn.Series:e===c.Subject||e===c.TallSubject?i.vn.Subject:""}(n),h=function(e){return e===c.Subject?r.S.ExtraLarge:r.S.Standard}(n),b="".concat(function(e,t,n){if(t===c.Subject){var a=n===s.Large?l.subjectFallbackContainerLarge:l.subjectFallbackContainerSmall;return"".concat(l.subjectFallbackContainer," ").concat(a)}return e===o.Svg?t===c.SeriesThumbnail||t===c.PlaylistThumbnail?"".concat(l.svgFallbackContainer," rounded-lg"):l.svgFallbackContainer:l.baseFallbackContainer}(d,n,p));return f&&(b+=" ".concat(e.extraClasses)),a.createElement("div",{className:b},d===o.Svg?a.createElement(r.x,{svgName:g,className:"".concat(v," ").concat(null!==(t=e.svgContainerClassName)&&void 0!==t?t:""),tagName:"div",size:h}):a.createElement("div",{className:l.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(g,"')")}}))}!function(e){e[e.Playlist=0]="Playlist",e[e.PlaylistThumbnail=1]="PlaylistThumbnail",e[e.Series=2]="Series",e[e.SeriesThumbnail=3]="SeriesThumbnail",e[e.Subject=4]="Subject",e[e.TallSubject=5]="TallSubject",e[e.Video=6]="Video",e[e.Folder=7]="Folder"}(c||(c={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(o||(o={})),function(e){e[e.Large=0]="Large",e[e.Small=1]="Small"}(s||(s={})),d.defaultProps={mediaType:o.Svg,containerClassSize:s.Large}},7733:(e,t,n)=>{n.d(t,{o:()=>a});var a=["bg-pink","bg-orange"].concat(["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"])},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},22250:(e,t,n)=>{n.r(t),n.d(t,{SharedInteractivesView:()=>Je});var a=n(1024),r=n.n(a),i=n(58566),l=n(20354),c=n(23481),o=n(75896),s=n(39151),u=n(19390),m=["second","minute","hour","day","week","month","year"],d=["秒","分钟","小时","天","周","个月","年"],f={},p=function(e,t){f[e]=t},v=[60,60,24,7,365/7/12,12];function g(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var h=function(e,t,n){var a=function(e,t){return(+(t?g(t):new Date)-+g(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=v[r]&&r<v.length;r++)e/=v[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return f[e]||f.en_US}(t))};p("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=m[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),p("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=d[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}));var b,y=n(110),E=n(65858),C=n(79014),k=n(10874),S=n(36532),N=n(86509),x=n(42735);function w(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],r=[];t.forEach((function(e){e.button?n.push(e):r.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.length||r.length?a.createElement("div",{className:i},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=C.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(x.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(k.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(S.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,r.length?a.createElement(N.m,{actions:r,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}!function(e){e.DirectShare="DirectShare",e.ShareLink="ShareLink"}(b||(b={}));var j=n(98441),I=n(68626),T=n(54610),F=n(11025),A=n(4594),O=n(98236),L=n(5465),H=n(67453),U=n(7733),M=n(9085);const P={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var D="rounded overflow-hidden";function Z(e){var t=r().useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,F.M.isVideoType(n)?16/9:n.typeId===A.E.Playlist?1:n.typeId===A.E.Series?9/16:void 0),"px"))}),[]),n={size:T.h2.Small},a=function(e){var t=H.j.getDisplayImageFromObject(e);if(F.M.isVideoType(e))return{image:t,imageType:T.__.Thumbnails,imageClassName:D,imageFallbackComponent:r().createElement(L.oy,{type:L.mS.Video})};switch(e.typeId){case A.E.Series:return{image:t,imageType:T.__.TallPosters,imageClassName:D,imageFallbackComponent:r().createElement(L.oy,{type:L.mS.Series,svgContainerClassName:P.posterFallbackSvg})};case A.E.Playlist:return{image:t,imageType:T.__.Covers,imageClassName:(null==t?void 0:t.url)?D:"".concat(D," ").concat((0,M.x)(e.name,U.o)),imageFallbackComponent:r().createElement(L.oy,{type:L.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?P.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),i=a.image,l=a.imageType,c=a.imageClassName,o=a.imageFallbackComponent,s=F.M.isVideoType(e.object)&&!!e.showVideoMetadata;return r().createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},r().createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},s&&r().createElement(j.u,{video:e.object,imageOptions:n,textPosition:I.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!s&&r().createElement(O.Z,{data:null==i?void 0:i.url,imageType:l,imageOptions:n,appLink:e.appLink,className:c},o)))}var R=n(55452),V=n(20789),B=n(83914),_=n(58130),z=n(60376),$=n(36511);const W={avatarContainer:"ByxQa",avatarWrapper:"qrp9b"};var G=5,q=c.T.encloseNamespace("reportsShare.sharedToAvatarList");function K(e){var t,n,a,i,l,c,s,u,m,d,f=(null===(t=e.recipient)||void 0===t?void 0:t.typeId)===A.E.User&&e.recipient,p=(null===(n=e.recipient)||void 0===n?void 0:n.typeId)===A.E.Classroom&&e.recipient,v=(null===(a=e.recipient)||void 0===a?void 0:a.typeId)===A.E.ClassroomGroup&&e.recipient,g="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return r().createElement("div",{className:"".concat(W.avatarContainer," position-relative d-inline-block")},r().createElement("div",{className:"".concat(W.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:G-e.index}},!!f&&r().createElement(S.u,{title:"".concat(f.name," ").concat(f.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement(V.q,{imageUrl:null===(i=f.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:R.l.getInitials(f.name,f.surname)})),!!p&&r().createElement(S.u,{title:p.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement(z.f,{svgName:_.vn.Classrooms,svgSize:B.S.Large,variant:"teal"}))),!!v&&r().createElement(S.u,{title:v.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement(z.f,{svgName:_.vn.Group,variant:(0,$.I)(null===(l=v.metadata)||void 0===l?void 0:l.colour)}))),!!e.hiddenRecipients&&r().createElement(S.u,{title:(c=e.hiddenRecipients,s=o.m.countBy(c,"typeId"),u=s[A.E.User],m=s[A.E.Classroom],d=s[A.E.ClassroomGroup],u&&m&&d?q("classroomsGroupsAndUsers",{userCount:u,classroomCount:m,groupCount:d}):u&&m?q("classroomsAndUsers",{userCount:u,classroomCount:m}):u&&d?q("groupsAndUsers",{userCount:u,groupCount:d}):m&&d?q("classroomsAndGroups",{classroomCount:m,groupCount:d}):u?q("users",{userCount:u}):m?q("classrooms",{classroomCount:m}):d?q("groups",{groupCount:d}):void 0),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100"},"+".concat(e.hiddenRecipients.length)))))}function J(){return r().createElement("div",{className:W.avatarContainer},r().createElement(S.u,{title:q("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(B.x,{svgName:_.vn.Anonymous})))}function Q(){return r().createElement("div",{className:W.avatarContainer},r().createElement(S.u,{title:q("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(B.x,{svgName:_.vn.Link})))}function Y(e){var t=e.recipients.length>G?e.recipients.slice(0,G-1):e.recipients,n=e.recipients.length>t.length?e.recipients.slice(G-1):[];return r().createElement("div",null,t.map((function(t,n){return r().createElement(K,{key:n,index:n,recipient:t,imageCdnUrl:e.imageCdnUrl})})),!!n.length&&r().createElement(K,{index:t.length,imageCdnUrl:e.imageCdnUrl,hiddenRecipients:n}))}var X={groupByDateShared:function(e){var t=o.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var a=h(n);return e[a]||(e[a]=[]),e[a]=e[a].concat(t[n]),e}),{})}},ee=n(8493),te=n(49080);const ne={indicatorContainer:"T6YAv",indicator:"_MRHG"};var ae=c.T.encloseNamespace("share.shareStatusIndicator");function re(e){if(e.type===b.DirectShare)return ae("active");switch(e.status){case te.F.Active:return ae("active");case te.F.Expired:return ae("expired")}}function ie(e){if(e.type===b.DirectShare)return"bg-success";switch(e.status){case te.F.Active:return"bg-success";case te.F.Expired:return"bg-secondary"}}function le(e){var t;return e.share.type!==b.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===b.ShareLink&&e.share.isPasswordProtected?r().createElement(S.u,{title:ae("passwordProtected"),spanHack:!0},r().createElement(B.x,{svgName:_.vn.Lock,size:B.S.Small})):r().createElement(S.u,{title:re(e.share),spanHack:!0,spanHackClassName:ne.indicatorContainer},r().createElement("div",{className:"".concat(ne.indicator," ").concat(ie(e.share))})):r().createElement(r().Fragment,null)}var ce=n(83345);function oe(e){return oe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},oe(e)}var se="share.sharedByMeTable",ue=c.T.encloseNamespace(se);function me(e){var t;if(e.type===b.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return y.O.isSame(e,t)?0:y.O.isAfter(e,t)?1:-2})),n.length?o.m.last(n):""}function de(e,t,n,a,i,l,c){var o=[{Header:l?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return r().createElement("div",{className:"w-100"},r().createElement(Z,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:E.LocationContext.SharedByMe}))},width:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,a=e.value;return a.name?F.M.isVideoType(a)&&!(null===(t=F.M.getCanBeConsumed(a))||void 0===t?void 0:t.canNavigate)?r().createElement("span",{className:"text-truncate"},a.name):r().createElement(ee.F,{appLink:n(a),className:"text-truncate"},a.name):r().createElement("span",null,r().createElement(ce.x,{namespace:se,phrase:"videoUnavailable"}))},width:60},{Header:0===e?ue("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?r().createElement(Y,{recipients:t,imageCdnUrl:i}):r().createElement(J,null):r().createElement(Q,null)},width:40},{Header:0===e?ue("shared"):"",id:"dateShared",accessor:function(e){return h(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return r().createElement(w,{actions:a(t),className:"w-100 justify-content-end pr-2"})},width:20}],s={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return r().createElement(le,{share:t})},width:5},u={Header:ue("views"),accessor:"viewCount",width:30};return l&&o.splice(0,0,s),c&&o.splice(o.length-1,0,u),o}function fe(e){var t,n,a,i,l,c=(t=e.sentShares,n=e.sharedObjects,a=e.shareRecipients,i=!!e.groupByDateShared,l=!!e.refreshTable,r().useMemo((function(){var e,r,l,c=[];return t.forEach((function(e){var t,r,i=n.find((function(t){return t.id===e.objectId})),l=null;e.type===b.DirectShare&&(l=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=a.find((function(t){return t.id===e.id}));t&&l.push(t)}))),i&&c.push({share:e,sharedObject:i,shareRecipients:l,dateShared:me(e),viewCount:null!==(r=e.viewCount)&&void 0!==r?r:0})})),i?X.groupByDateShared(c):(e={},r=ue("title"),l=c,(r=function(e){var t=function(e,t){if("object"!==oe(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==oe(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===oe(t)?t:String(t)}(r))in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e)}),[l]));return r().createElement(r().Fragment,null,Object.keys(c).map((function(t,n){return r().createElement(u.i,{key:n,columns:de(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount),data:c[t],theme:e.theme})})))}var pe=n(23232),ve=c.T.encloseNamespace("share.sharedByMeEmptyState");function ge(e){return r().createElement(pe.u,null,r().createElement(pe.u.Image,{src:e.imageUrl}),r().createElement(pe.u.Heading,null,ve(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),r().createElement(pe.u.Info,null,ve(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&r().createElement(pe.u.Cta,{appLink:e.appLink,text:ve("cta")}))}var he=n(30439),be=n(50242),ye=n(45719),Ee=400;function Ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function ke(e,t,n,r,i,l){var c,o,s,u,m=(c=(0,a.useState)(0),o=2,function(e){if(Array.isArray(e))return e}(c)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(c,o)||function(e,t){if(e){if("string"==typeof e)return Ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ce(e,t):void 0}}(c,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=m[0],f=m[1],p=t,v=(0,ye.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),r,i);return s={fetchNextPage:function(){if(t&&e&&v)return f((function(e){return e+1})),p(v.nextCursor)},hasMore:!!(null==v?void 0:v.nextCursor),isFetching:null==v?void 0:v.isFetching,scrollContainer:l},u=function(){if(!s.isFetching){if(s.scrollContainer){var e=s.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-Ee)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-Ee)return;s.fetchNextPage()}},(0,a.useEffect)((function(){var e=C.q.throttle(u,200),t=s.scrollContainer||window;return s.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[s.hasMore,s.fetchNextPage,s.scrollContainer]),(0,a.useEffect)((function(){v&&v.shouldInitialFetch&&t&&(p(),f((function(e){return e+1})))}),[null==v?void 0:v.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==v?void 0:v.statusCode)&&C.q.isFunction(n)){var a=+(null===(t=null===(e=v.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==be.k.ClientError&&a!==be.k.ServerError||n(d,v.statusCode)}}),[null==v?void 0:v.statusCode]),{items:null==v?void 0:v.items,hasMore:!!(null==v?void 0:v.nextCursor),nextCursor:null==v?void 0:v.nextCursor,isFetching:null==v?void 0:v.isFetching,totalItems:null==v?void 0:v.totalItems}}var Se=n(99910),Ne=n(64038);const xe={container:"VwD1b",spinner:"eJ85e"};function we(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function je(e){var t,n,r=(t=Ne.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return we(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?we(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],l=r[1];return a.useEffect((function(){var t;e.fetchOnScroll&&l&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[l,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(xe.container),ref:i},e.isFetching?a.createElement(Se.Spinner,{as:"span",animation:"border",role:"status",className:xe.spinner}):a.createElement(B.x,{svgName:_.vn.ChevronDown,className:"svg-container cursor-pointer",size:B.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}function Ie(e,t){if(e){if("string"==typeof e)return Te(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Te(e,t):void 0}}function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Fe(e,t){var n,a,c=(n=r().useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(n,a)||Ie(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=c[0],s=c[1];r().useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return Te(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Ie(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),s(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var u=(0,i.useDispatch)(),m=(0,i.useSelector)((function(e){return e}));if(r().useEffect((function(){o.forEach((function(e){var n=t(e);l.a.getResponse(m,n.key).shouldFetch&&l.a.fetch(u,n)}))}),[null==o?void 0:o.length]),!(null==o?void 0:o.length))return{items:null,isFetching:!1};var d={},f={};return o.forEach((function(e,n){var a=t(e),r=l.a.getResponse(m,a.key);f[n]=r,r.data&&r.data.forEach((function(e){return d[e.id]=e}))})),{items:Object.keys(f).some((function(e){return!!f[e].data}))?d:null,isFetching:!!Object.keys(f).some((function(e){return f[e].isFetching}))}}je.defaultProps={fetchOnScroll:!1};var Ae=n(82680),Oe=n(87480),Le=n(91470),He=n(38477),Ue=n(55884),Me=n(99827),Pe=n(28512),De=n(92209),Ze=n(83850),Re=n(80763),Ve=n(51644);function Be(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_e(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ze=c.T.encloseNamespace("reportsInteractives.sharedInteractives");function $e(e){return e.items?Object.values(e.items):[]}function We(){var e=(0,Me.b)();return function(t){return{application:Pe.O.INTERACTIVES,action:De.e.Interactives.OVERVIEW,args:[t.id],params:e}}}function Ge(){var e=(0,Me.b)();return"shared:interactives:table:".concat((0,Ze.u)(e))}var qe=c.T.encloseNamespace("reportsInteractives.sharedInteractives"),Ke={table:"bg-white rounded mb-4",header:"border-bottom font-weight-500 pl-3",headerCell:"p-3",row:"pl-3",cell:"d-flex align-items-center p-3"};function Je(){var e,t=(0,i.useDispatch)();(0,Ae.M)({title:qe("interactives")}),(0,Oe.U)(qe("interactives"));var n,a=Ge(),c=We(),u=function(){var e=We(),t=(0,Re.L)(Ve.P.getPrimaryObjectUrl);return function(n){if(!F.M.getCanBeConsumed(n).canConsume)return[];var a=[{tooltip:ze("viewResults"),svgName:_.vn.Chart,appLink:e(n),className:"mr-2",button:!0},{label:ze("editShareSettings"),appLink:{application:Pe.O.DEFAULT,action:De.e.Default.SHARE,args:[n.id],params:{entityType:"interactive"}}}];return t&&a.push({label:ze("viewOriginal"),href:t(n),openInNewTab:!0}),a}}(),m=!!(n=(0,Me.R)())&&function(e){var t=n.start,a=n.end,r=n.userId,i=n.groupId;return he.o.sentShare({start:t,end:a,recipientUserId:r,recipientGroupId:i,objectTypeId:A.E.Interactive,cursor:e})};function d(e){m&&l.a.getFetch(t)(m(e))}var f=ke(m,d),p=f.items,v=f.hasMore,g=f.isFetching,h=f.nextCursor,y=Fe(o.m.uniq(null!==(e=null==p?void 0:p.map((function(e){return e.objectId})))&&void 0!==e?e:[]),(function(e){return he.o.sharedObjectsById(e)})),E=function(e){var t=o.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===b.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]})));return o.m.uniq(t,"id").map((function(e){return e.id}))}(p),C=Fe(E,(function(e){return he.o.getRecipientsById(e)})),k=l.a.useBasicFetch(s.L.config()),S=function(e,t,n,a,i){var l=Ge(),c=Be(r().useState(t),2),o=c[0],s=c[1],u=Be(r().useState(a),2),m=u[0],d=u[1];return r().useEffect((function(){s(t),d(a)}),[l]),r().useEffect((function(){t&&s(!0)}),[t]),r().useEffect((function(){a&&d(!0)}),[a]),!(e&&!e.length)&&(!e||!o||n.length&&!m||!i.data)}(p,!!y.items,E,!!C.items,k),N=g||y.isFetching||C.isFetching;return S?r().createElement(Le.I,{variant:"interactives"},r().createElement(He.W,{variant:"interactives"})):p.length?r().createElement(r().Fragment,null,r().createElement(fe,{key:a,sentShares:p,sharedObjects:$e(y),shareRecipients:$e(C),getObjectAppLink:c,getObjectActions:u,imageCdnUrl:k.data.imageCdnUrl,theme:Ke,showStatus:!0,showViewCount:!0,refreshTable:N}),(v||N)&&r().createElement(je,{isFetching:N,fetchNext:d,nextCursor:h})):r().createElement("div",{className:"bg-white rounded my-3 py-5"},r().createElement("div",{className:"pb-5"},r().createElement(ge,{imageUrl:Ue.W.EmptyStates.Interactives.SharedInteractives,useInteractiveCopy:!0})))}},38477:(e,t,n)=>{n.d(t,{W:()=>m});var a=n(1024),r=n.n(a),i=n(99910),l=n(95602);function c(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:4,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function o(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialAvatar)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function s(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:9,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialNumber," ").concat(l.Z.onlineUserContainer)})))}function u(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:2,className:"d-flex align-items-center "},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.heatMapItemContainer," ").concat(l.Z.partialHeatMap)})))}function m(e){return r().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(t,n){return function(e,t){switch(e){case"video-views":return r().createElement(c,{key:t});case"interactives":return r().createElement(o,{key:t});case"online-users":return r().createElement(s,{key:t});case"engagement-users":return r().createElement(u,{key:t});default:return r().createElement(r().Fragment,null)}}(e.variant,n)})))}m.defaultProps={itemCount:7}},80763:(e,t,n)=>{n.d(t,{L:()=>l});var a=n(20354),r=n(12754),i=n(70145);function l(e){var t,n=null===(t=a.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},87480:(e,t,n)=>{n.d(t,{U:()=>c});var a=n(1024),r=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=(0,r.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,a.useEffect)((function(){return c(e),function(){c(null)}}),[e])}},83850:(e,t,n)=>{function a(e){var t=[];return Object.keys(e).forEach((function(n){var a=e[n];a&&t.push("".concat(n,":").concat(Array.isArray(a)?a.join(","):a))})),t.join(":")}n.d(t,{u:()=>a})}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[471],{52673:(e,a,t)=>{t.r(a),t.d(a,{OnlineVideoOverviewView:()=>R});var n=t(1024),r=t.n(n),l=t(20354),c=t(23481),i=t(52622),s=t(39151),o=t(82680),m=t(36630),d=t(87480),u=t(99827),v=t(59699),g=t(67772),p=t(87594),E=t(9537),f=t(19390),N=t(75896),b=t(55452),h=t(20789);const x={avatarContainer:"VRi8X"};var C=c.T.encloseNamespace("shared.videoViewsByUserTable");function y(e){var a;return r().createElement("div",{className:"".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.children)}function k(e){return r().createElement(y,{className:"d-inline-block ".concat(e.column.isSorted?"font-weight-bold":"")},C(e.phraseKey))}function w(e){return[{Header:function(e){var a=e.column;return r().createElement(k,{column:a,phraseKey:"name"})},width:80,accessor:"user",sortType:function(e,a){return b.l.getFullName(e.values.user)>b.l.getFullName(a.values.user)?1:-1},Cell:function(a){var t,n=a.value;return r().createElement(y,{className:"d-flex align-items-center h-100"},r().createElement("span",{className:x.avatarContainer},r().createElement(h.q,{imageCdnUrl:e.imageCdnUrl,initials:b.l.getInitials(n.name,n.surname),imageUrl:null===(t=n.avatar)||void 0===t?void 0:t.url})),r().createElement("span",{className:"ml-2"},b.l.getFullName(n)))}},{Header:function(e){var a=e.column;return r().createElement(k,{column:a,phraseKey:"views"})},accessor:"viewCount",width:20,sortType:"basic",sortDescFirst:!0,Cell:function(e){var a=e.value;return r().createElement(y,{className:"d-flex align-items-center h-100"},a)}}]}var T={table:"bg-white rounded",header:"border-bottom",headerCell:"m-3",cell:"mx-3 my-2"};function Z(e){var a,t,n=(a=e.views,t=e.users,r().useMemo((function(){var e=[],n=t?N.m.toObject(t,"id"):{},r=N.m.groupBy(a,"userId");return Object.keys(r).forEach((function(a){var t=n[a];t&&e.push({user:t,viewCount:r[a].length})})),e}),[]));return n.length?r().createElement(f.i,{columns:w(e),data:n,theme:T,enableSort:!0}):r().createElement(r().Fragment,null)}var O=t(54562),M=t(83850),Y=t(91470),j=t(38477);const I={column1:"cQzEo",column2:"_9mIU",barChart:"kvndq"};var F=c.T.encloseNamespace("reportsVideos.onlineVideoOverview");function R(e){var a,t,n,c=(0,u.b)(),f=(0,u.R)(),N=l.a.useBasicFetch(p.R.video(e.id)),b=l.a.useBasicFetch(!!f&&E.u.views(f,e.id)),h=l.a.useBasicFetch((null===(a=b.data)||void 0===a?void 0:a.data.length)&&O.N.getById(b.data.data.map((function(e){return e.userId})))),x=l.a.useBasicFetch(s.L.config());(0,o.M)({title:F("pageTitle",{video:null===(t=N.data)||void 0===t?void 0:t.name})}),(0,d.U)(null===(n=N.data)||void 0===n?void 0:n.name),(0,m.M)(N),(0,i.v)([b,h]);var C=b.hasCompleted&&x.hasCompleted&&b.hasCompleted&&h.hasCompleted;return r().createElement("div",{className:"pb-3"},r().createElement("div",{className:"d-flex pb-3"},r().createElement("div",{className:"pr-2 ".concat(I.column1)},r().createElement(g.m,{objectId:e.id,className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat(I.column2)},r().createElement(v.Y,{objectId:e.id,className:I.barChart}))),C?r().createElement(Z,{key:(0,M.u)(c),views:b.data.data,users:h.data,imageCdnUrl:x.data.imageCdnUrl}):r().createElement(Y.I,{variant:"online-users"},r().createElement(j.W,{variant:"online-users",itemCount:3})))}},38477:(e,a,t)=>{t.d(a,{W:()=>d});var n=t(1024),r=t.n(n),l=t(99910),c=t(95602);function i(){return r().createElement(l.Row,{className:"py-1 ".concat(c.Z.videoItemContainer)},r().createElement(l.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),r().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(c.Z.partialLongText)})),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialShortText)})),r().createElement(l.Col,{xs:4,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function s(){return r().createElement(l.Row,{className:"py-1 ".concat(c.Z.interactiveItemContainer)},r().createElement(l.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(c.Z.partialNumber)})),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(c.Z.partialThumbnail)}))),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(c.Z.partialMediumText)})),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialAvatar)})),r().createElement(l.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialMediumText)})),r().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(c.Z.partialNumber)})))}function o(){return r().createElement(l.Row,{className:"my-2 ".concat(c.Z.userItemContainer)},r().createElement(l.Col,{xs:9,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(c.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialLongText)})),r().createElement(l.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.partialNumber," ").concat(c.Z.onlineUserContainer)})))}function m(){return r().createElement(l.Row,{className:"my-2 ".concat(c.Z.userItemContainer)},r().createElement(l.Col,{xs:2,className:"d-flex align-items-center "},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(c.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(c.Z.partialShortText)})),r().createElement(l.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(c.Z.partialShortText)})),r().createElement(l.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(c.Z.partialShortText)})),r().createElement(l.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(c.Z.heatMapItemContainer," ").concat(c.Z.partialHeatMap)})))}function d(e){return r().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(a,t){return function(e,a){switch(e){case"video-views":return r().createElement(i,{key:a});case"interactives":return r().createElement(s,{key:a});case"online-users":return r().createElement(o,{key:a});case"engagement-users":return r().createElement(m,{key:a});default:return r().createElement(r().Fragment,null)}}(e.variant,t)})))}d.defaultProps={itemCount:7}},79939:(e,a,t)=>{t.d(a,{M:()=>c});var n=t(1024),r=t.n(n),l=t(5853);function c(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(l.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>C});var n=t(1024),r=t.n(n),l=t(72306),c=t.n(l),i=t(70312),s=t.n(i),o=t(99183),m=t(99827),d=t(75896),u=t(110),v=t(39709),g=t(85408),p={MONTH:35,YEAR:365},E={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},f={day:"D MMM",month:"MMM",year:"YYYY"},N={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},b={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}};function h(e,a,t){var n=function(e,a,t){var n=function(e){var a=u.O.timeBetween(e.start,e.end,"day");return a>p.YEAR?"year":a>p.MONTH?"month":"day"}(t),r=function(e,a){var t=[],n=u.O.format(e.start,E[a]);do{t.push(n),n=u.O.format(u.O.add(n,1,a),E[a])}while(!u.O.isAfter(n,e.end,a));return t}(t,n),l={};e.forEach((function(e){var t,r;if(e.userType){var c=u.O.format(u.O.convertUTCToLocal(a(e)),E[n]);l[e.userType]=null!==(t=l[e.userType])&&void 0!==t?t:{},l[e.userType][c]=null!==(r=l[e.userType][c])&&void 0!==r?r:0,l[e.userType][c]+=e.count}}));var c=Object.keys(l),i=c.length?d.m.sortBy(c.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=l[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],s=Object.assign({},N);return c.length||(s.enabled=!1),{categories:r.map((function(e){return u.O.format(e,f[n])})),legendOptions:s,seriesData:(0,g.n)(i)}}(e,a,t);return Object.assign(Object.assign({},b),{xAxis:{categories:n.categories},legend:n.legendOptions,series:n.seriesData})}var x=t(5853);function C(e){var a=(0,m.R)();return(0,o.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(x.Z.heading)},e.title),!!a&&r().createElement(s(),{highcharts:c(),options:h(e.events,e.getEventDate,a),containerProps:{className:"".concat(x.Z.chartContainer," position-absolute w-100 h-100")}}))}},62798:(e,a,t)=>{var n;t.d(a,{t:()=>n}),function(e){e.Login="login",e.VideoView="video_view"}(n||(n={}))},87594:(e,a,t)=>{t.d(a,{R:()=>n});var n={video:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"video:".concat(e),success:a,error:t,always:n}}}},36630:(e,a,t)=>{t.d(a,{M:()=>l});var n=t(52622),r={notFound:t(61990).l};function l(e){(0,n.v)(e,r)}},83850:(e,a,t)=>{function n(e){var a=[];return Object.keys(e).forEach((function(t){var n=e[t];n&&a.push("".concat(t,":").concat(Array.isArray(n)?n.join(","):n))})),a.join(":")}t.d(a,{u:()=>n})},59699:(e,a,t)=>{t.d(a,{Y:()=>p});var n=t(1024),r=t.n(n),l=t(20354),c=t(23481),i=t(31949),s=t(52622),o=t(9537),m=t(99827),d=t(9977),u=t(15184),v=t(79939),g=c.T.encloseNamespace("shared.viewCountBarChartCard");function p(e){var a,t=(0,m.R)(),n=l.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),c=l.a.useBasicFetch(!!t&&(e.useSharerId?!!n.data&&o.u.views(t,e.objectId,n.data.id):o.u.views(t,e.objectId)));return(0,s.v)(c),(0,d.n)(c),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},c.data?r().createElement(u.P,{events:c.data.data,getEventDate:function(e){return e.groupedDateWatched},title:g("videoViews")}):r().createElement(v.M,null))}},5853:(e,a,t)=>{t.d(a,{Z:()=>n});const n={chartContainer:"_KT3q",heading:"Cfb8d",partialHeading:"Ydnic"}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[523],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),r=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,d=2,o=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?o:d,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function p(e){return e>=r.X.HIGH?"text-success":e>=r.X.MODERATE?"text-warning":"text-danger"}function v(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),E(a)&&(t+=" ".concat(l.pendingCircle)),t}function E(e){return"number"!=typeof e}function C(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!E(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=r.X.HIGH?l.circleSuccess:a>=r.X.MODERATE?l.circleWarning:l.circleDanger)}))}function b(e){var a,t,n=function(e){if(!E(e))return+e.toFixed(2)}(e.percentage),r=e.layout===s.LabelInside?i.Large:i.Small,d=e.customLabel||(E(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},d):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},d),c().createElement("div",{className:v(r,n)},c().createElement(C,{percentage:n,size:r}),e.layout===s.LabelInside&&c().createElement("span",{className:l.centredPercentageText},d)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},21614:(e,a,t)=>{t.d(a,{U:()=>u});var n=t(1024),c=t.n(n),r=t(23481),l=t(28512),i=t(92209),s=t(44528),d=t(99827),o=r.T.encloseNamespace("reportsClips.clipNav");function u(e){var a,t,n=(a=(0,d.b)(),t=[e.id],[{label:o("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},36792:(e,a,t)=>{t.r(a),t.d(a,{ClipEngagementView:()=>
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[523],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),r=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,d=2,o=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?o:d,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function p(e){return e>=r.X.HIGH?"text-success":e>=r.X.MODERATE?"text-warning":"text-danger"}function v(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),E(a)&&(t+=" ".concat(l.pendingCircle)),t}function E(e){return"number"!=typeof e}function C(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!E(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=r.X.HIGH?l.circleSuccess:a>=r.X.MODERATE?l.circleWarning:l.circleDanger)}))}function b(e){var a,t,n=function(e){if(!E(e))return+e.toFixed(2)}(e.percentage),r=e.layout===s.LabelInside?i.Large:i.Small,d=e.customLabel||(E(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},d):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},d),c().createElement("div",{className:v(r,n)},c().createElement(C,{percentage:n,size:r}),e.layout===s.LabelInside&&c().createElement("span",{className:l.centredPercentageText},d)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},21614:(e,a,t)=>{t.d(a,{U:()=>u});var n=t(1024),c=t.n(n),r=t(23481),l=t(28512),i=t(92209),s=t(44528),d=t(99827),o=r.T.encloseNamespace("reportsClips.clipNav");function u(e){var a,t,n=(a=(0,d.b)(),t=[e.id],[{label:o("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},36792:(e,a,t)=>{t.r(a),t.d(a,{ClipEngagementView:()=>G});var n=t(1024),c=t.n(n),r=t(20354),l=t(23481),i=t(47812),s=t(39151),d=t(31949),o=t(60051),u=t(22902),m=t(16714),g=t(52622),p=t(22537),v=t(82680),E=t(48187),C=t(87480),b=t(54562),f=t(36630),y=t(9537),N=t(99827),h=t(83850),L=t(67772),k=t(9977),I=t(55554),w=t(91470),O=t(44422),T=t(64639),B=t(17285),P=t(62995),M=t(21295),U=t(97615),_=t(21614);const x={viewCountContainer:"hy6sE",engagementPercentageContainer:"fmT3M",engagementGraphContainer:"qvzwP",partialTable:"hft_W"};var D=l.T.encloseNamespace("reportsClips.clipEngagement");function G(e){var a,t,n,l,G=(0,N.b)(),S=(0,N.R)(),F=!(0,(0,u.T)().hasPermissions)(m.C.ViewCustomerAnalytics),R=r.a.useBasicFetch(F&&d.N.currentUser()),A=r.a.useBasicFetch(E.e.clip(e.id)),H=r.a.useBasicFetch(!!S&&(F?!!R.data&&y.u.aggregateEngagement(e.id,S,R.data.id):y.u.aggregateEngagement(e.id,S))),V=r.a.useBasicFetch(!!S&&(F?!!R.data&&p.u.individualEngagement(e.id,S,R.data.id):p.u.individualEngagement(e.id,S))),j=r.a.useBasicFetch((null===(a=V.data)||void 0===a?void 0:a.data.length)&&b.N.getById(V.data.data.map((function(e){return e.userId})))),z=r.a.useBasicFetch(i.k.createViewKey(e.id,o.f.MasterObject)),X=r.a.useBasicFetch(s.L.config());(0,v.M)({title:D("pageTitle",{clip:null===(t=A.data)||void 0===t?void 0:t.name})}),(0,C.U)(null===(n=A.data)||void 0===n?void 0:n.name),(0,I._)((0,M.yH)(A.data)),(0,U.s)(e.id),(0,k.n)(V),(0,f.M)(A),(0,g.v)([z,H,V]);var K=!!(A.data&&H.data&&z.data&&X.data),W=!(!V.data||V.data.data.length&&!j.data);return c().createElement("div",{className:"pb-3"},c().createElement(_.U,{id:e.id}),c().createElement("div",{className:"d-flex pb-3"},c().createElement("div",{className:"pr-2 ".concat(x.viewCountContainer)},c().createElement(L.m,{useSharerId:F,objectId:e.id,className:"h-100"})),c().createElement("div",{className:"px-2 ".concat(x.engagementPercentageContainer)},c().createElement(O.D,{objectId:e.id,useSharerId:F,className:"h-100",layout:"vertical"})),c().createElement("div",{className:"pl-2 ".concat(x.engagementGraphContainer)},K?c().createElement(T.p,{key:(0,h.u)(G),engagement:H.data,viewKey:z.data.viewKey,imageCdnUrl:X.data.imageCdnUrl,playerApiUrl:X.data.playerApiUrl}):c().createElement(B.O,null))),W?c().createElement(P.z,{key:(0,h.u)(G),engagement:V.data.data,users:j.data,imageCdnUrl:null===(l=X.data)||void 0===l?void 0:l.imageCdnUrl}):c().createElement(w.I,{className:x.partialTable}))}},48187:(e,a,t)=>{t.d(a,{e:()=>n});var n={clip:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"clip:".concat(e),success:a,error:t,always:n}}}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[549],{13475:(e,a,t)=>{t.d(a,{i:()=>u});var n=t(1024),r=t.n(n),i=t(23481),c=t(28512),s=t(92209),o=t(44528),l=t(99827),d=i.T.encloseNamespace("reportsVideos.customerVideosNav");function u(){var e,a=(e=(0,l.b)(),[{label:d("overview"),appLink:{application:c.O.VIDEOS,action:s.e.Videos.HOME,params:e}},{label:d("views"),appLink:{application:c.O.VIDEOS,action:s.e.Videos.VIEWS,params:e}}]);return r().createElement(o.m,{items:a})}},83794:(e,a,t)=>{t.r(a),t.d(a,{CustomerVideoOverviewView:()=>h});var n=t(1024),r=t.n(n),i=t(23481),c=t(82680),s=t(87480),o=t(59699),l=t(67772),d=t(55554),u=t(21295),m=t(13475);const v={column2:"Pjn3E",column1:"EBpjo"};var p=i.T.encloseNamespace("videos.customerVideoOverview");function h(){return(0,c.M)({title:p("videos")}),(0,s.U)(p("videos")),(0,d._)((0,u._R)()),r().createElement("div",null,r().createElement(m.i,null),r().createElement("div",{className:"d-flex"},r().createElement("div",{className:"pr-2 ".concat(v.column1)},r().createElement(l.m,{className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat(v.column2)},r().createElement(o.Y,{className:"h-100"}))))}},79939:(e,a,t)=>{t.d(a,{M:()=>c});var n=t(1024),r=t.n(n),i=t(5853);function c(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(i.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>y});var n=t(1024),r=t.n(n),i=t(72306),c=t.n(i),s=t(70312),o=t.n(s),l=t(99183),d=t(99827),u=t(75896),m=t(110),v=t(39709),p=t(85408),h={MONTH:35,YEAR:365},g={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},f={day:"D MMM",month:"MMM",year:"YYYY"},E={enabled:!0,align:"right",verticalAlign:"top",floating:!0,y:-45},O={title:{text:null},credits:{enabled:!1},yAxis:{title:{text:null},min:0,minRange:10,minPadding:0,maxPadding:.02,endOnTick:!1},chart:{backgroundColor:"transparent",spacing:[45,0,0,0]},plotOptions:{series:{stacking:"normal"}}};function Y(e,a,t){var n=function(e,a,t){var n=function(e){var a=m.O.timeBetween(e.start,e.end,"day");return a>h.YEAR?"year":a>h.MONTH?"month":"day"}(t),r=function(e,a){var t=[],n=m.O.format(e.start,g[a]);do{t.push(n),n=m.O.format(m.O.add(n,1,a),g[a])}while(!m.O.isAfter(n,e.end,a));return t}(t,n),i={};e.forEach((function(e){var t,r;if(e.userType){var c=m.O.format(m.O.convertUTCToLocal(a(e)),g[n]);i[e.userType]=null!==(t=i[e.userType])&&void 0!==t?t:{},i[e.userType][c]=null!==(r=i[e.userType][c])&&void 0!==r?r:0,i[e.userType][c]+=e.count}}));var c=Object.keys(i),s=c.length?u.m.sortBy(c.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=i[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],o=Object.assign({},E);return c.length||(o.enabled=!1),{categories:r.map((function(e){return m.O.format(e,f[n])})),legendOptions:o,seriesData:(0,p.n)(s)}}(e,a,t);return Object.assign(Object.assign({},O),{xAxis:{categories:n.categories},legend:n.legendOptions,series:n.seriesData})}var b=t(5853);function y(e){var a=(0,d.R)();return(0,l.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(b.Z.heading)},e.title),!!a&&r().createElement(o(),{highcharts:c(),options:Y(e.events,e.getEventDate,a),containerProps:{className:"".concat(b.Z.chartContainer," position-absolute w-100 h-100")}}))}},59699:(e,a,t)=>{t.d(a,{Y:()=>h});var n=t(1024),r=t.n(n),i=t(20354),c=t(23481),s=t(31949),o=t(52622),l=t(9537),d=t(99827),u=t(9977),m=t(15184),v=t(79939),p=c.T.encloseNamespace("shared.viewCountBarChartCard");function h(e){var a,t=(0,d.R)(),n=i.a.useBasicFetch(!!e.useSharerId&&s.N.currentUser()),c=i.a.useBasicFetch(!!t&&(e.useSharerId?!!n.data&&l.u.views(t,e.objectId,n.data.id):l.u.views(t,e.objectId)));return(0,o.v)(c),(0,u.n)(c),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},c.data?r().createElement(m.P,{events:c.data.data,getEventDate:function(e){return e.groupedDateWatched},title:p("videoViews")}):r().createElement(v.M,null))}},5853:(e,a,t)=>{t.d(a,{Z:()=>n});const n={chartContainer:"_KT3q",heading:"Cfb8d",partialHeading:"Ydnic"}}}]);
|