@clickview/reports 0.18.0-rc.4 → 0.19.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.
Files changed (53) hide show
  1. package/dist/bundles.json +2 -2
  2. package/dist/css/{982-reports-c7a9434e6e.chunk.css → 162-reports-276055dd76.chunk.css} +3 -3
  3. package/dist/css/{53-reports-c3555efb44.chunk.css → 216-reports-062c7e13cd.chunk.css} +1 -0
  4. package/dist/css/{342-reports-f5462dd686.chunk.css → 342-reports-6a8cd2df17.chunk.css} +3 -3
  5. package/dist/css/{407-reports-7a4a732f64.chunk.css → 389-reports-79f0e361ee.chunk.css} +1 -0
  6. package/dist/css/{760-reports-230eead8a2.chunk.css → 396-reports-62ef9b9bc0.chunk.css} +1 -0
  7. package/dist/css/{909-reports-44a10380f9.chunk.css → 407-reports-a7d9595d1d.chunk.css} +1 -0
  8. package/dist/css/{322-reports-ebdd3ef21b.chunk.css → 535-reports-5bc5a6a80c.chunk.css} +4 -4
  9. package/dist/css/{192-reports-a61317a55c.chunk.css → 610-reports-f9b474eeaf.chunk.css} +1 -0
  10. package/dist/css/{837-reports-7045428410.chunk.css → 826-reports-18e033f4ab.chunk.css} +1 -0
  11. package/dist/css/{432-reports-cad7fc7f42.chunk.css → 872-reports-f2d34b36e3.chunk.css} +1 -0
  12. package/dist/css/{87-reports-0d2f3808f0.chunk.css → 904-reports-82d4689218.chunk.css} +3 -3
  13. package/dist/css/{reports-app-56d91979fb.css → reports-app-89cb050736.css} +1 -1
  14. package/dist/languages/en.json +1 -1
  15. package/dist/scripts/124-d084ed58b6-reports.chunk.js +1 -0
  16. package/dist/scripts/128-b38f2696c4-reports.chunk.js +1 -0
  17. package/dist/scripts/{982-8deeacd6c0-reports.chunk.js → 162-c831dc7891-reports.chunk.js} +1 -1
  18. package/dist/scripts/216-096a066031-reports.chunk.js +1 -0
  19. package/dist/scripts/263-ba23333bc4-reports.chunk.js +1 -0
  20. package/dist/scripts/286-900197f0ef-reports.chunk.js +1 -0
  21. package/dist/scripts/389-b62ba58717-reports.chunk.js +1 -0
  22. package/dist/scripts/396-b7e8e754b3-reports.chunk.js +1 -0
  23. package/dist/scripts/407-0eafaf4a80-reports.chunk.js +1 -0
  24. package/dist/scripts/{416-f49529be33-reports.chunk.js → 471-7a8940ab3f-reports.chunk.js} +1 -1
  25. package/dist/scripts/523-7068e5d716-reports.chunk.js +1 -0
  26. package/dist/scripts/535-4e906483cc-reports.chunk.js +1 -0
  27. package/dist/scripts/{192-5b79d9901c-reports.chunk.js → 610-ccb4f38825-reports.chunk.js} +2 -2
  28. package/dist/scripts/680-88245ac2fc-reports.chunk.js +1 -0
  29. package/dist/scripts/{772-82b86684eb-reports.chunk.js → 772-b0f03da1bc-reports.chunk.js} +1 -1
  30. package/dist/scripts/786-2909a4d1a0-reports.chunk.js +1 -0
  31. package/dist/scripts/{837-401575078f-reports.chunk.js → 826-a901e41519-reports.chunk.js} +1 -1
  32. package/dist/scripts/872-ab4644740e-reports.chunk.js +1 -0
  33. package/dist/scripts/904-5b611e5d60-reports.chunk.js +1 -0
  34. package/dist/scripts/bundle-3fdf82394b.min.js +2 -0
  35. package/package.json +2 -2
  36. package/dist/scripts/128-a156f46519-reports.chunk.js +0 -1
  37. package/dist/scripts/280-31e21a31bd-reports.chunk.js +0 -1
  38. package/dist/scripts/322-7edcdc15f7-reports.chunk.js +0 -1
  39. package/dist/scripts/407-c1ac03fd84-reports.chunk.js +0 -1
  40. package/dist/scripts/432-1ba4a30aad-reports.chunk.js +0 -1
  41. package/dist/scripts/523-8063dd1256-reports.chunk.js +0 -1
  42. package/dist/scripts/53-26ebd13f11-reports.chunk.js +0 -1
  43. package/dist/scripts/760-01ba8f2898-reports.chunk.js +0 -1
  44. package/dist/scripts/786-3ee49da978-reports.chunk.js +0 -1
  45. package/dist/scripts/843-9ed39c1416-reports.chunk.js +0 -1
  46. package/dist/scripts/87-5caaefe1eb-reports.chunk.js +0 -1
  47. package/dist/scripts/909-e45e5b7d61-reports.chunk.js +0 -1
  48. package/dist/scripts/912-f71693db07-reports.chunk.js +0 -1
  49. package/dist/scripts/bundle-c914bb266b.min.js +0 -2
  50. /package/dist/css/{416-reports-84ac107820.chunk.css → 471-reports-84ac107820.chunk.css} +0 -0
  51. /package/dist/scripts/{342-73942583de-reports.chunk.js → 342-406416bf15-reports.chunk.js} +0 -0
  52. /package/dist/scripts/{192-5b79d9901c-reports.chunk.js.LICENSE.txt → 610-ccb4f38825-reports.chunk.js.LICENSE.txt} +0 -0
  53. /package/dist/scripts/{bundle-c914bb266b.min.js.LICENSE.txt → bundle-3fdf82394b.min.js.LICENSE.txt} +0 -0
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[124],{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],w=b[1];function N(){return E&&d?d:e.src}if(a.useEffect((function(){if((r||h)&&!v){var e=new Image;return e.onerror=function(){w(!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:N()},f));var C=Object.assign(Object.assign({alt:""},f),!h&&!r||v?{}:{src:N()});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},e.children,g&&a.createElement(s,{src:g,forceLoad:o,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},51124:(e,t,n)=>{n.d(t,{u:()=>jt});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),w=n(54610),N=n(28400),C={padNumber:function(e,t){var n=e.toString();if(n.length>=t)return n;for(t-=n.length;t>0;)n="0"+n,t--;return n}},O=n(8493),S={buildSeriesSeasonEpisodeText:function(e,t,n){if(!e)return"";if(!t||!n)return e.toUpperCase();var a=C.padNumber(t,2),r=C.padNumber(n,2);return"".concat(e.toUpperCase()," S").concat(a," • E").concat(r)}},x=n(74254);const j={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.padNumber(n.number,2),i=C.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?j.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,N.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:x.py.Series,actionType:x.Vw.Click,descriptor:x._S.Title}),d=S.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(j.appLink," ").concat("sm"===e.size?"".concat(j.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(j.appLink," ").concat("sm"===e.size?"".concat(j.small," font-weight-normal"):""," ").concat(o),title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))}var T=n(7121);function I(e){var t="d-flex align-items-center badge-list ".concat(T.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}var P=n(61105);function L(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 M={bottomBar:"YnXtZ"};function F(e){return v.M.isVideo(e.video)?r().createElement("div",{className:M.bottomBar},r().createElement(L,{video:e.video})):r().createElement(r().Fragment,null)}const R={padlock:"w4cg8"};function B(){return r().createElement("div",{className:"".concat(R.padlock," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock}))}var V=n(36532),_=n(5465);const D={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var U=o.T.encloseNamespace("shared.videoTypeBadge");function z(e){var t="".concat(D.badge," rounded-pill text-white ").concat("sm"===e.size?D.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(D.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:D.text},U("clip"))),v.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(D.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:D.text},U("interactive"))))}z.default={size:"std"};const H={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 W(e){var t="mb-1";return e&&(t+=H.downScale),t}function Z(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,N=v.M.getRating(e.hideRating,e.video);return r().createElement(V.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:H.topRightContainer},r().createElement(b,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:f})),!m&&r().createElement("div",{className:H.topRightContainer},r().createElement(B,null)),h&&r().createElement("div",{className:H.videoTypeBadge},r().createElement(z,{video:t})),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:m?n:null,imageType:w.__.Thumbnails,imageOptions:a,preload:u,className:H.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:H.playIcon,svgName:l.vn.PlayCircle}),r().createElement(_.oy,{type:_.mS.Video}),r().createElement("div",{className:H.overlayContainer},r().createElement("div",{className:H.overlay},r().createElement("div",{className:"".concat(W(d)," ").concat(H.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(F,{video:t}),d&&r().createElement(I,{className:"mt-1"},v.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(P.C,{type:P.g.Rating,data:N,inThumbnailBadge:e.inThumbnailBadge}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(P.C,{type:P.g.Interactive,data:t.hasInteractives}),r().createElement(P.C,{type:P.g.Duration,data:v.M.getDuration(e.video),newDurationStyle:e.newDurationStyle}))))))))}var Q=n(68626);const q={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var X,Y;function $(e){var t=e.type,n=e.size,r=function(e){return e===X.Video?q.video:e===X.Playlist?q.playlist:""}(t),i=function(e){return e===X.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"}(X||(X={})),$.defaults={size:"md"},function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(Y||(Y={}));var G=n(4594);const J={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function K(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 ee=o.T.encloseNamespace("shared.toggleActivityStatusButton");function te(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===Y.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 K(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)?K(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===Y.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?J.checked:J.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==Y.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?Y.Complete:Y.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(ee(function(){switch(e.sharedEntity.typeId){case G.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case G.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case G.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case G.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case G.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat(J.checkMark)})):a.createElement(a.Fragment,null)}const ne={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function ae(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(ne.container," d-flex align-items-center")},r().createElement(b,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:ne.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(te,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:ne.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:ne.container},r().createElement(B,null))}var re=n(1048),ie=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function oe(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 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}}(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 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}var le=275,se=5,ue={className:"",delay:0,style:null},de={screenX:0,screenY:0};function me(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 ve(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 pe(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ue,t=ie(),n=oe(a.useState(e),2),r=n[0],i=n[1],o=oe(a.useState(!1),2),l=o[0],s=o[1],u=a.useRef(null);a.useEffect((function(){re.t.isEqual(e,r)||i(e)}),[e]);var d=c.q.throttle((function(){me(u,r),t.current&&s(!0)}),r.delay,{leading:!1}),m=function(){c.q.isFunction(d.cancel)&&d.cancel(),ve(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 fe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}const ge={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",badgeContainer:"VAx36",gradient:"LS_EH"};function ye(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 he="shared.staticVideoThumbnail";function be(e){var t,n=e.video,a=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===Q.z.Overlay,u=v.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=ge.titleOverlay,u&&(v.M.isClip(n)&&(d+=" "+ge.clip),v.M.isInteractive(n)&&(d+=" "+ge.interactive))):d=ge.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(he,"videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Ee(e){var t,n,a=e.video,o=e.appLink,c=e.textPosition,l=e.imageOptions,s=e.setFavourite,u=e.preload,d=(t=pe(),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 ye(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)?ye(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.")}()),m=d[0],f=d[1],g=v.M.getCanBeConsumed(a).canNavigate,y="position-relative";y+=o&&g?" cursor-pointer":" cursor-default",e.extraClasses&&(y+=" ".concat(e.extraClasses)),c===Q.z.Overlay&&(y+=" rounded overflow-hidden");var h=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),b="sm"===e.size?"rounded overflow-hidden":"rounded-lg overflow-hidden";c===Q.z.Overlay&&(b+=" "+ge.gradient);var N=!!o&&!e.hideMask&&g,C=v.M.getPrivacyReasoning(e.video,e.showSignIn),O=v.M.getRating(e.hideRating,e.video),S=!v.M.isVideo(e.video);return r().createElement(V.u,{title:C,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:y,ref:m},r().createElement(ae,{video:a,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:s,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(a,f)},analyticsData:e.analyticsData,analyticsOptions:h}),r().createElement(E.Z,{data:v.M.getThumbnail(a),appLink:g?o:null,imageType:w.__.Thumbnails,imageOptions:l,preload:u,className:b,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},h),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},N&&r().createElement($,{type:X.Video,size:e.size}),r().createElement(_.oy,{type:_.mS.Video}),r().createElement("div",{className:ge.overlayContainer},c===Q.z.Overlay&&r().createElement(be,Object.assign({},e)),r().createElement(F,{video:a}),S&&r().createElement("div",{className:ge.videoTypeBadge},r().createElement(z,{video:a,size:e.videoTypeBadgeSize})),(!e.hideDuration||e.audience||!e.hideRating&&O)&&r().createElement(I,{className:ge.badgeContainer},r().createElement(fe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),!e.hideRating&&O&&r().createElement(P.C,{type:P.g.Rating,data:O,inThumbnailBadge:e.inThumbnailBadge}),!e.hideDuration&&r().createElement(P.C,{type:P.g.Duration,data:v.M.getDuration(e.video),inThumbnailBadge:e.inThumbnailBadge,newDurationStyle:e.newDurationStyle})))),c===Q.z.Below&&r().createElement(be,Object.assign({},e))))}var we=n(54976),Ne=n.n(we);const Ce={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function Oe(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(Ce.titleContainer)},v.M.isVideo(t)&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-truncate ".concat(Ce.seriesTitleBox),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:o?n:null},t.name)))}var Se,xe,je=n(30314),ke=(Se=function(e,t){return Se=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])},Se(e,t)},function(e,t){function n(){this.constructor=e}Se(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Ae="html",Te="svg",Ie=function(e){var t,n,a,r={};if(e===Ae)a=document.createElement("div");else{if(e!==Te)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===Ae)return e instanceof HTMLElement;if(t===Te)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},Pe=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 ke(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 je.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Le=(function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}ke(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})}}(a.PureComponent),Ie.bind(null,Ae)),Me=(Ie.bind(null,Te),n(81886)),Fe=n(56050),Re=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(xe||(xe={}));var Be=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=xe.Center;return a-l.offsetLeft<8&&(v=r-4,p=xe.Left),l.offsetWidth+l.offsetLeft-(a+s)<8&&(v=t?r+o-t:r-o*(d-1)+8,p=xe.Right),{left:v,top:m,height:u,width:s,transformOrigin:p,position:"absolute",originalWidth:o,originalHeight:c}};const Ve={positionWrapper:"jO7pW"};function _e(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 De(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)?De(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 De(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 Ue(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=r().useContext(Re).setPreviewContentNode;void 0===u&&Me.Q.ErrorHelper.throw(new Fe.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=r().useMemo((function(){return Le()}),[]),m=_e(function(e){var t=oe(a.useState(e),2),n=t[0],r=t[1],i=a.useRef(Object.assign({},de)),o=a.useRef(!1),l=a.useRef(0),s=a.useRef(null),u=oe(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)>se||Math.abs(e.screenY-t.screenY)>se}(r,e)&&v(),t=function(){me(s,n),m(!0)},a=n.delay||le,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),ve(s,n),o.current=!1,m(!1)}return a.useEffect((function(){re.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=_e(pe(),2),g=f[0],y=f[1],h=r().useRef(null),b=r().useRef(!1),E=p||y;r().useEffect((function(){b.current!==E&&(u(E?d:null),b.current=E)}),[E]);var w=(null===(n=null===(t=h.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},N=w.x,C=w.y,O=w.width,S=w.height,x=r().useMemo((function(){return Be({x:N,y:C,width:O,height:S},s,l)}),[N,C,O,S]),j=i;return r().createElement("div",{ref:h},r().createElement("div",{ref:v},r().createElement(j,Object.assign({isHovering:!1},o))),E&&r().createElement(Pe,{node:d},r().createElement("div",{className:"".concat(Ve.positionWrapper),style:x,ref:g},r().createElement(j,Object.assign({isHovering:!0,hoverPositionConfig:x},o)))))}Ue.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};const ze={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function He(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(ze.tag," ").concat(e.active?ze.active:"")},r().createElement(s.x,{className:"".concat(ze.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap"},e.text))}var We=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(He,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),Ze=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(He,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Qe=n(44829),qe=n(83345);const Xe={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Ye(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 Qe.Q.Pedagogy:case Qe.Q.Skill:return"pedagogy-tag text-white";case Qe.Q.Hidden:return"hidden-tag";case Qe.Q.Normal:default:return""}}(v)),f=v===Qe.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+=" "+Xe.disabled),e.onRemove&&(p+=" "+Xe.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(Xe.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}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}function Ge(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Qe.Q.Pedagogy:return 0;case Qe.Q.Skill:return 1;default:return 2}}function Je(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return $e(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 $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}}(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 Ge(e)-Ge(t)}));return r().createElement("div",{className:Xe.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(Ye,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const Ke={itemContainer:"KQ5Wt"};var et="shared.whyThisVideo";function tt(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===Qe.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===Qe.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(qe.x,{namespace:et,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(Ke.itemContainer)},r().createElement(Ye,{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(qe.x,{namespace:et,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(Ke.itemContainer)},r().createElement(Je,{tags:s}))))}var nt=n(97395),at=n(92582),rt=n(67453),it=n(1164),ot=n(3747);function ct(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 lt={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 st={width:200,resizeType:w.Nq.Cover};function ut(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return rt.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},st));var i=nt._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===it.L.Pdf?rt.j.createResourceImage(i,t.url,st):t.metadata.type===it.L.Image?rt.j.createUrl(t.url,{size:w.h2.Medium,resizeType:w.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?rt.j.createResourceImage(i,t.pdf.url,st):(t.metadata.type,it.L.Zip,"/images/zip-resource.png"):rt.j.createResourceImage(i,t.url,Object.assign({},st))}function dt(e){var t;return"metadata"in e?e.metadata.type===it.L.Pdf?w.__.Pdf:e.metadata.type===it.L.Image?w.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?w.__.Pdf:(e.metadata.type,it.L.Zip,w.__.Thumbnails):w.__.Link}function mt(e){var t,n=function(){var e,t,n=(0,ot.a)("(max-width: 575px)"),a=(0,ot.a)("(min-width: 576px) and (max-width: 767px)"),i=(0,ot.a)("(min-width: 768px) and (max-width: 991px)"),o=(0,ot.a)("(min-width: 992px) and (max-width: 1199px)"),c=(0,ot.a)("(min-width: 1200px) and (max-width: 1439px)"),l=(0,ot.a)("(min-width: 1440px)"),s={xs:n,sm:a,md:i,lg:o,xl:c,xxl:l},u=(e=r().useState(s),t=2,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 ct(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)?ct(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.")}()),d=u[0],m=u[1];return r().useEffect((function(){m(s)}),[n,a,i,o,c,l]),d}();return!(n.xs||n.sm||"resource"!==e.type||!("metadata"in e)||e.metadata.type!==it.L.Image&&(e.metadata.type===it.L.Pdf?!e.url:!(null===(t=e.pdf)||void 0===t?void 0:t.url)))}function vt(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 lt.atomGuide;case"student-activity":return lt.studentActivity;case"teacher-pack":return lt.teacherPack;case"additional-materials":return lt.additionalMaterials;default:return lt.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(lt.background," ").concat(e.applyHoverState?lt.hoverState:""," ");return r().createElement("div",{className:m},!e.hideHeading&&r().createElement(V.u,{title:e.data.name},r().createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(lt.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(lt.thumbnailContainer," ").concat(lt.imageStyle)},r().createElement(E.Z,{data:ut(e.imageCdnUrl,e.data),imageType:dt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===it.L.Image?"".concat(lt.imageTypeResource," ").concat(lt.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}vt.defaultProps={preloadImage:!0},r().memo((function(e){var t=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,[]),n=mt(e.data),a=Object.assign(Object.assign({},e.analyticsData),e.data),o=Object.assign(Object.assign({},e.analyticsOptions),{actionType:i.UserAction.Click,entity:e.data.typeId===G.E.Resource?i.EntityType.Resource:i.EntityType.Link});function c(){at.k.logUserAction(a,o)}var l,s=!!e.data.url;return t.applyHoverState=n||s,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(lt.item)},(l="d-block no-decoration","link"===e.data.type?r().createElement("a",{href:e.data.url,target:"_blank",className:l,onClick:c},r().createElement(vt,Object.assign({},t))):n?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:l,analyticsData:a,analyticsOptions:o},r().createElement(vt,Object.assign({},t))):s?r().createElement("a",{href:e.data.url,className:l,onClick:c},r().createElement(vt,Object.assign({},t))):r().createElement("div",{className:l},r().createElement(vt,Object.assign({},t)))))}));var pt={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 ft={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function gt(e){return r().createElement("div",{className:"".concat(ft.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(ft.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 yt(e){return function(e){if(Array.isArray(e))return ht(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 ht(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)?ht(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 ht(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 bt=o.T.encloseNamespace("shared.whatsIncluded");function Et(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(yt((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),yt((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 pt.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(gt,{text:bt("totalInteractives",{smartCount:u}),svgName:l.vn.Interactive,iconVariant:"green"}),m>0&&r().createElement(gt,{text:bt("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(vt,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:ft.resourceContainer,thumbnailContainerClass:ft.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r().createElement(gt,{text:bt("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 wt(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 Nt(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)?Nt(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 Nt(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}Et.defaultProps={isShowing:!0};const Ct={badgeContainer:"Qx6jT",videoTypeBadge:"qz_5t",animationWrapper:"Z1hPi",zoom:"g9v8i",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};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}var St=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).canNavigate,g=!v.M.isVideo(a),y=(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 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}}(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.")}()),h=y[0],N=y[1],C=function(){var e=wt(r().useState("none"),2),t=e[0],n=e[1],a=wt(pe(),2),i=a[0],o=a[1],c=wt(pe(),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}}(),O=C.videoGuidance,S=C.whyThisVideoRef,x=C.whatsIncludedRef,j=r().useMemo((function(){return v.M.showWhyThisVideo(a)}),[a]),k=r().useMemo((function(){return v.M.showWhatsIncluded(a)}),[a]),A="position-relative bg-white";e.extraClasses&&(A+=" ".concat(e.extraClasses)),d&&(A+=" rounded-lg shadow-lg");var T=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),L=p.showFavouriteButton(e.video,d),M=k||j,R="none"!==O,D=v.M.getRating(e.hideRating,e.video),U=m?m.originalWidth/m.width:1;return r().createElement("div",{className:"".concat(A," ").concat(d?Ct.animationWrapper:""),style:{"--scale":U,transformOrigin:null==m?void 0:m.transformOrigin}},L&&r().createElement("div",{className:Ct.topRightContainer},r().createElement(b,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:T})),!f&&r().createElement("div",{className:Ct.topRightContainer},r().createElement(V.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(B,null))),r().createElement(E.Z,{data:v.M.getThumbnail(a),appLink:f?o:null,imageType:w.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?Ct.preview:"rounded-lg ".concat(Ct.original)),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},T),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(_.oy,{type:_.mS.Video}),r().createElement(F,{video:a}),r().createElement("div",{className:"p-absolute w-100 h-100 p-1 text-white"},g&&r().createElement("div",{className:Ct.videoTypeBadge},r().createElement(z,{video:a})),(!e.hideDuration||e.audience||!e.hideRating&&D)&&r().createElement(I,{className:"".concat(Ct.badgeContainer)},r().createElement(fe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),!e.hideRating&&D&&r().createElement(P.C,{type:P.g.Rating,data:D,inThumbnailBadge:e.inThumbnailBadge}),!e.hideDuration&&r().createElement(P.C,{type:P.g.Duration,data:v.M.getDuration(e.video),inThumbnailBadge:e.inThumbnailBadge})))),!d&&r().createElement(Oe,Object.assign({},e)),r().createElement("div",{className:"".concat(Ct.details," ").concat(d?"".concat(Ct.isHovering," box-shadow"):"")},d&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(h?"box-shadow":""," ").concat(d?Ct.videoGuidanceTags:"")},r().createElement(Oe,Object.assign({},e)),M&&d&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},j&&r().createElement(Ze,{ref:S,active:"why-this-video"===O}),k&&r().createElement(We,{ref:x,active:"whats-included"===O}))),M&&d&&r().createElement(Ne(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;h&&0===t?N(!1):!h&&t>0&&N(!0)}},r().createElement("div",{className:"".concat(Ct.dropdown," ").concat(R?Ct.show:"")},"why-this-video"===O&&r().createElement(tt,{video:e.video}),"whats-included"===O&&r().createElement(Et,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==O&&r().createElement("div",{className:"pb-2"}))))))};function xt(e){return r().createElement(r().Fragment,null,r().createElement(Ue,{hoverableComponent:St,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function jt(e){var t=Object.assign({},e);switch(e.type){case"static":return a.createElement(Ee,Object.assign({},t));case"expandable":return a.createElement(Z,Object.assign({},t));case"popout":return a.createElement(xt,Object.assign({},t));default:return}}jt.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([[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(23049),s=t(47812),o=t(39151),m=t(31949),d=t(60051),u=t(22902),g=t(16714),p=t(52622),E=t(22537),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(3373),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=(0,C.b)(),B=(0,C.R)(),D=!(0,(0,u.T)().hasPermissions)(g.C.ViewCustomerAnalytics),F=l.a.useBasicFetch(D&&m.N.currentUser()),G=l.a.useBasicFetch(v.R.video(e.id)),P=l.a.useBasicFetch(!!B&&(D?!!F.data&&x.u.aggregateEngagement(e.id,B,F.data.id):x.u.aggregateEngagement(e.id,B))),U=l.a.useBasicFetch(!!B&&(D?!!F.data&&E.u.individualEngagement(e.id,B,F.data.id):E.u.individualEngagement(e.id,B))),_=l.a.useBasicFetch((null===(a=U.data)||void 0===a?void 0:a.data.length)&&b.N.getById(U.data.data.map((function(e){return e.userId})))),H=l.a.useBasicFetch(s.k.createViewKey(e.id,d.f.MasterObject)),z=l.a.useBasicFetch(o.L.config());(0,i.o)(G.data?j("pageTitle",{video:G.data.name}):""),(0,N.U)(null===(t=G.data)||void 0===t?void 0:t.name),(0,Z._)((0,O.yH)(G.data)),(0,R.s)(e.id),(0,h.n)(U),(0,f.M)(G),(0,p.v)([P,U,_,H]);var K=!!(G.data&&P.data&&H.data&&z.data),W=!(!U.data||U.data.data.length&&!_.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:D,className:"h-100"})),c().createElement("div",{className:"px-2 ".concat(A.engagementPercentageContainer)},c().createElement(w.D,{objectId:e.id,useSharerId:D,className:"h-100",layout:"vertical"})),c().createElement("div",{className:"pl-2 ".concat(A.engagementGraphContainer)},K?c().createElement(T.p,{key:(0,k.u)(r),engagement:P.data,viewKey:H.data.viewKey,imageCdnUrl:z.data.imageCdnUrl,playerApiUrl:z.data.playerApiUrl}):c().createElement(L.O,null))),W?c().createElement(V.z,{key:(0,k.u)(r),engagement:U.data.data,users:_.data,imageCdnUrl:null===(n=z.data)||void 0===n?void 0:n.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}}}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[982],{66691:(e,a,c)=>{c.r(a),c.d(a,{AdminOverviewDashboardView:()=>f});var t=c(1024),l=c.n(t),n=c(23481),r=c(23049),s=c(32564),m=c(87480),o=c(59699),i=c(67772),p=c(28512),d=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 N=n.T.encloseNamespace("reportsDashboard.adminOverviewDashboard");function f(){return(0,r.o)(N("dashboard")),(0,m.U)(N("dashboard")),l().createElement("div",null,l().createElement(s.E,{type:"analytics",localStorageKey:"analytics_banner",appLink:{application:p.O.DEFAULT,action:d.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(i.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(o.Y,{className:b.barChart})),l().createElement(h.f,{className:b.topTopics}))))}}}]);
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[162],{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(23049),s=c(32564),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,r.o)(f("dashboard")),(0,o.U)(f("dashboard")),l().createElement("div",null,l().createElement(s.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([[216],{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(86262),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})}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[263],{30439:(e,t,r)=>{r.d(t,{o:()=>y});var a=r(99940),n=r(97395),c=r(4594),i=r(78417);function s(e){return s="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},s(e)}function o(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,"string");if("object"!==s(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){return function(e){if(Array.isArray(e))return u(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 u(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(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 u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}var p={namespace:"share"},d={video:"thumbnail,_canBeConsumed",clip:"_parentVideo[thumbnail,rating],_canBeConsumed",interactive:"_canBeConsumed,_parentVideo[thumbnail,rating],thumbnail,_parentClip",series:"tallPoster",playlist:"cover"},y={getShareObject:function(e,t,r){return{url:"/api/share/find/".concat(e),key:"share:".concat(e),success:t,error:r}},sharedObjectsById:function(e){e.sort();var t=e.map((function(e){return"id=".concat(e)})),r=Object.keys(d).map((function(e){return"query.".concat(e,"=").concat(d[e])}));return{url:"{gateway}/v1/objects?".concat([].concat(l(t),l(r),["permissionFilterOption=".concat(i.r.StripMetadata)]).join("&")),key:"objects:".concat(e.join(","))}},sentShare:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.values(e).join(":");return{url:n._.urlBuilder("{gateway}/v1/users/me/share/sent-items",e),key:"sent:shares:".concat(t),normalizeOptions:p}},getSentDirectShareByObjectId:function(e){return{url:"{gateway}/v1/users/me/share/direct/sent-items?objectId=".concat(e),key:"direct:share:sent:object:".concat(e),normalizeOptions:p}},createDirectShare:function(e,t,r,n){return{url:"{gateway}/v1/share",key:"create:direct:share",data:e,type:a.k.POST,normalizeOptions:p,invalidationKeys:["direct:share:sent:object:".concat(e.objectId),"sent:shares"],success:t,error:r,always:n}},updateDirectShareRecipients:function(e,t,r,n,c){var i="direct:share:recipients:".concat(e);return{url:"{gateway}/v1/share/".concat(e,"/recipients"),key:"edit:direct:share",data:t,type:a.k.POST,normalizeOptions:p,invalidationKeys:"sent:shares",updateState:{keys:i,updateData:function(e){return!e[i]||t.recipients.length?e:Object.assign(Object.assign({},e),o({},i,[]))}},success:r,error:n,always:c}},removeDirectShareRecipient:function(e,t,r,c,i){var s="direct:share:recipients:".concat(e);return{url:n._.urlBuilder("{gateway}/v1/share/".concat(e,"/recipients"),{recipientId:t}),key:"remove:direct:share:recipient",type:a.k.DELETE,normalizeOptions:p,invalidationKeys:"sent:shares",updateState:{keys:s,updateData:function(e){return e[s]?Object.assign(Object.assign({},e),o({},s,[])):e}},success:r,error:c,always:i}},getDirectShareRecipientsById:function(e,t){var r=t.map((function(e){return"id=".concat(e.id)})).join("&");return{url:"{gateway}/v1/objects?".concat(r),key:"direct:share:recipients:".concat(e)}},getRecipientsById:function(e){e.sort();var t=e.map((function(e){return"id=".concat(e)})).join("&");return{url:"{gateway}/v1/objects?".concat(t,"&query.user=avatar"),key:"share:recipients:".concat(e.join(","))}},getRecipientUsers:function(e,t){return{url:"{gateway}/v1/objects/".concat(e,"/users?query={limit:100}"),key:"share:recipients:".concat(e,":users"),success:t}},getHydratedRecipients:function(e,t){e.sort();var r={id:e};return t===c.E.User&&(r.query="yearGroups,avatar"),t===c.E.Classroom&&(r.query="users[count()]{limit:0}"),t===c.E.ClassroomGroup&&(r.query="classroom,users[count()]{limit:0}"),{url:n._.urlBuilder("{gateway}/v1/objects",r),key:"share:recipients:".concat(e.join(":"),":").concat(t)}},getObjectsSharedWithUser:function(e){var t={permissionFilterOption:i.r.StripMetadata};return e&&(t.cursor=e),{url:n._.urlBuilder("{gateway}/v1/users/me/share/received-items",t),key:"shared:with:me:".concat(e)}},getShareLinkByObjectId:function(e){return{url:"{gateway}/v1/share/links?objectId=".concat(e),key:"share:link:object:".concat(e),normalizeOptions:p,formatData:function(e){return Object.assign(Object.assign({},e),{linkExpireDate:e.linkExpireDate||null})}}},createShareLink:function(e,t,r,n){return{url:"{gateway}/v1/share/links",key:"create:share:link",type:a.k.POST,data:e,normalizeOptions:p,invalidationKeys:["share:link:object:".concat(e.resourceId),"privacy:".concat(e.resourceId),"sent:shares"],success:t,error:r,always:n}},editShareLink:function(e,t,r,n,c){return{url:"{gateway}/v1/share/links/".concat(e.id),key:"edit:share:link",data:t,type:a.k.PUT,normalizeOptions:p,invalidationKeys:["share:".concat(e.id),"share:link:object:".concat(e.objectId),"sent:shares"],success:r,error:n,always:c}},deleteShareLink:function(e,t,r,n){return{url:"{gateway}/v1/share/links/".concat(e.id),key:"delete:share:link",type:a.k.DELETE,normalizeOptions:p,invalidationKeys:["share:".concat(e.id),"share:link:object:".concat(e.objectId),"sent:shares"],success:t,error:r,always:n}},checkPassword:function(e,t,r,n){return{url:"/api/share/links/".concat(e,"/check-password"),key:"checkpassword:".concat(e),type:a.k.POST,data:{password:t},success:r,error:n}},getPrivacy:function(e){return{url:"{gateway}/v1/objects/".concat(e,"/access"),key:"privacy:".concat(e),normalize:!1}},updatePrivacy:function(e,t,r,n){return{url:"{gateway}/v1/objects/privacy",key:"update:privacy",type:a.k.PUT,data:{privacy:t,objectId:e},invalidationKeys:"privacy",normalize:!1,success:r,error:n}}}},19765:(e,t,r)=>{r.d(t,{O:()=>g,I:()=>o});var a=r(1024),n=r.n(a),c=r(94892);const i={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var s,o,l=2,u=5.8,p=.2,d=.36;function y(e){var t=e===s.Large?u:l,r=e===s.Large?d:p;return"".concat(t/2-2*r,"rem")}function m(e){return e>=c.X.HIGH?"text-success":e>=c.X.MODERATE?"text-warning":"text-danger"}function v(e,t){var r="d-inline-block ".concat(i.circleContainer);return e===s.Large&&(r+=" ".concat(i.lgCircleContainer)),f(t)&&(r+=" ".concat(i.pendingCircle)),r}function f(e){return"number"!=typeof e}function b(e){var t,r=n().useCallback((function(t){if(t){var r=t.r.baseVal.value,a=2*Math.PI*r,n=a-e.percentage*a;t.style.strokeDasharray="".concat(a," ").concat(a),t.style.strokeDashoffset=n.toString()}}),[]);return n().createElement("svg",null,n().createElement("circle",{r:y(e.size),className:i.backgroundCircle}),!f(e.percentage)&&n().createElement("circle",{ref:r,r:y(e.size),className:(t=e.percentage,t>=c.X.HIGH?i.circleSuccess:t>=c.X.MODERATE?i.circleWarning:i.circleDanger)}))}function g(e){var t,r,a=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),c=e.layout===o.LabelInside?s.Large:s.Small,l=e.customLabel||(f(r=a)?"--%":"".concat(Math.round(100*r),"%"));return e.layout===o.LabelOnly?n().createElement("span",{className:m(a)},l):n().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.layout===o.LabelBefore&&n().createElement("span",{className:"mr-2"},l),n().createElement("div",{className:v(c,a)},n().createElement(b,{percentage:a,size:c}),e.layout===o.LabelInside&&n().createElement("span",{className:i.centredPercentageText},l)))}!function(e){e.Small="small",e.Large="large"}(s||(s={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(o||(o={})),g.defaultProps={layout:o.CircleOnly}},94892:(e,t,r)=>{r.d(t,{X:()=>a});var a={HIGH:.75,MODERATE:.5}},78417:(e,t,r)=>{var a;r.d(t,{r:()=>a}),function(e){e[e.FilterOut=0]="FilterOut",e[e.StripMetadata=1]="StripMetadata"}(a||(a={}))},71270:(e,t,r)=>{r.d(t,{l:()=>p});var a=r(1024),n=r.n(a),c=r(23481),i=r(28512),s=r(92209),o=r(44528),l=r(99827),u=c.T.encloseNamespace("reportsInteractives.interactiveNav");function p(e){var t,r,a=(t=(0,l.b)(),r=[e.interactiveMetadataId],[{label:u("overview"),appLink:{application:i.O.INTERACTIVES,action:s.e.Interactives.OVERVIEW,args:r,params:t}},{label:u("results"),appLink:{application:i.O.INTERACTIVES,action:s.e.Interactives.RESULTS,args:r,params:t}},{label:u("questions"),appLink:{application:i.O.INTERACTIVES,action:s.e.Interactives.QUESTION_LIST,args:r,params:t}},{label:u("engagement"),appLink:{application:i.O.INTERACTIVES,action:s.e.Interactives.ENGAGEMENT,args:r,params:t}}]);return n().createElement(o.m,{items:a})}},23178:(e,t,r)=>{r.d(t,{m:()=>h});var a=r(1024),n=r.n(a),c=r(20354),i=r(81886),s=r(23481),o=r(50242),l=r(57900),u=r(30439),p=r(17444),d=r(23232),y=r(55884),m=r(28512),v=r(92209),f=r(39553),b=s.T.encloseNamespace("reportsInteractives.hooks");function g(){return n().createElement(d.u,{className:"py-3"},n().createElement(d.u.Image,{src:y.W.EmptyStates.Interactives.NoData,className:"w-50"}),n().createElement(d.u.Heading,null,b("noResultsHeading")),n().createElement(d.u.Info,{className:"w-100"},b("noResultsDescription")))}function h(e){var t,r,a=function(e){return"no:interactive:results:warning:".concat(e)}(e),s=l.SG.cacheGet(a),d=(0,f.W)(e),y=null===(r=null===(t=d.data)||void 0===t?void 0:t.students)||void 0===r?void 0:r.length,h=!!d.data&&!y,k=c.a.useBasicFetch(h&&u.o.getShareLinkByObjectId(e)),S=c.a.useBasicFetch(h&&u.o.getSentDirectShareByObjectId(e)),E=!!k.hasCompleted&&k.statusCode===o.o.NotFound,j=!!S.hasCompleted&&S.statusCode===o.o.NotFound,I=E&&j;n().useEffect((function(){I&&!s&&(l.SG.cacheSet(a,!0),p.M.render(n().createElement(g,null),{title:b("shareInteractive"),buttonContainerClassName:"border-top-0 justify-content-center mt-n4 pb-3",submitButtonProps:{text:b("shareInteractive"),onClick:function(){i.Q.AppLinkHelper.trigger({application:m.O.DEFAULT,action:v.e.Default.SHARE,args:[e],params:{entityType:"interactive"}})},variant:"dark",className:"mr-2"}}))}),[I,s])}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[286],{61105:(e,t,n)=>{n.d(t,{C:()=>h,g:()=>s});var r,a=n(1024),i=n(23481),o=n(58130);!function(e){e.Folder="category",e.CategoryTree="category_tree",e.CustomLibrary="custom_library",e.HostedLibrary="hosted_library",e.Exchange="exchange",e.Workspace="workspace",e.Video="video",e.Clip="clip",e.Interactive="interactive"}(r||(r={}));var c=n(1164);function u(e){return u="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},u(e)}function l(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===u(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s,d="shared.shared-utils",p={mapRatingToClass:function(e){return e?function(e){switch(!0){case e<32:return"bg-purple";case e<48:return"bg-green";case e<80:return"bg-info";case e<96:return"bg-red";case e<128:return"bg-pink";case e>=128:return"bg-yellow";default:return""}}(e):""},mapSourceToDisplayName:function(e,t){switch(e.type){case r.HostedLibrary:case r.CustomLibrary:return e.name;case r.Exchange:return i.T.getPhrase(d,"exchange");case r.Workspace:return i.T.getPhrase(d,t?"myVideos":"workspace");default:return""}},mapSourceToClass:function(e){switch(e){case r.HostedLibrary:case r.CustomLibrary:return"bg-info";case r.Exchange:return"bg-green";case r.Workspace:default:return"bg-red"}},isInteractive:function(e){var t,n;return!!(null===(n=null===(t=null==e?void 0:e.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)},mapTypeToSvg:function(e){var t,n=(l(t={},c.L.Pdf,o.vn.FilePDF),l(t,c.L.Image,o.vn.FileImg),l(t,c.L.PowerPoint,o.vn.FilePowerpoint),l(t,c.L.Document,o.vn.FileWord),l(t,c.L.Excel,o.vn.FileExcel),l(t,c.L.Zip,o.vn.FileZip),l(t,c.L.File,o.vn.File),t)[e];return n||(n=o.vn.Folder),n},mapTypeToClass:function(e){switch(e){case c.L.Pdf:return"icon-red";case c.L.Image:return"icon-purple";case c.L.Document:return"icon-blue";case c.L.Excel:return"icon-green";case c.L.PowerPoint:return"icon-orange";case c.L.Zip:return"icon-teal";case c.L.File:return"icon-gray";default:return""}},mapTypeToExtension:function(e){return e?{pdf:"pdf",image:"png",powerpoint:"pptx"}[e.toLowerCase()]:""},mapTypeToName:function(e){if(!e)return"";switch(e){case c.L.Pdf:return i.T.getPhrase(d,"pdf");case c.L.Image:return i.T.getPhrase(d,"image");case c.L.Document:return i.T.getPhrase(d,"document");case c.L.Excel:return i.T.getPhrase(d,"spreadsheet");case c.L.PowerPoint:return i.T.getPhrase(d,"presentation");case c.L.Zip:return i.T.getPhrase(d,"zipArchive");case c.L.File:return i.T.getPhrase(d,"file");default:return""}}},f=n(93264),m=n(36532),g=n(83914),v=n(5960),y=n(7121),b=i.T.encloseNamespace("shared.badges");function h(e){var t=e.type,n=e.data,r=e.inThumbnailBadge,i=e.newDurationStyle;if(!function(e,t){var n,r,a;return"boolean"==typeof t?!!t:e===s.Rating?t&&!!t.value:e===s.Resources?!!(null==t?void 0:t.length)||!!(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.length):e===s.Interactive?!!(null==t?void 0:t.length)||!!(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.length):e===s.Captions?!!(null==t?void 0:t.length)||!!(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.length):e===s.Status?"number"==typeof t:!!t}(t,n))return a.createElement(a.Fragment,null);var c=function(e,t,n){var r="mt-1 font-weight-500",a="";if(e===s.Duration){if(n)return"".concat(y.Z.durationBadge," ").concat(r," px-2 duration-badge rounded-pill text-nowrap");a="duration-badge"}if(e===s.Interactive&&(a="interactive-badge"),e===s.Rating){if(n){var i=p.mapRatingToClass(t.value);return"".concat(y.Z.ratingBadge," ").concat(r," ").concat(i," rating-badge rounded")}a="rating-badge ".concat(p.mapRatingToClass(t.value))}return e===s.ProductionYear&&(a="production-year-badge"),e===s.Resources&&(a="resources-badge"),e===s.Captions?"p-0":e===s.Status?"badge ".concat(function(e){switch(e){case v.X.Published:return"badge-success";case v.X.Archive:case v.X.Rejected:return"badge-danger";case v.X.Draft:return"draft-badge";case v.X.Pending:case v.X.Processing:return"badge-warning"}}(t)):e===s.Trending?"trending-badge px-2 d-flex align-items-center":(e===s.Count&&(a="count-badge px-1 rounded"),"".concat("badge"," ").concat(a))}(t,n,r),u=function(e,t,n){return e===s.Interactive?b("interactive"):e===s.Duration?n?f.T.ToDisplayDurationNewStyle(t):f.T.ToDisplayDuration(t):e===s.Rating?t.code:e===s.ProductionYear?t:e===s.Resources?b("resources"):e===s.Captions?a.createElement(g.x,{svgName:o.vn.CloseCaptionBadge}):e===s.Status?v.X[t]:e===s.Trending?a.createElement(a.Fragment,null,a.createElement(g.x,{svgName:o.vn.Trending}),a.createElement("span",{className:"pl-1"},t)):e===s.Count?t:void 0}(t,n,i),l=function(e,t){return e===s.Rating?{title:t.name,placement:"top"}:null}(t,n);return l?a.createElement("span",{className:"badge-wrapper"},a.createElement(m.u,Object.assign({},l,{spanHack:!0}),a.createElement("span",{className:"".concat(c," d-flex justify-content-center")},u))):a.createElement("span",{className:"".concat(c," badge-wrapper")},u)}!function(e){e.Duration="duration",e.Interactive="interactive",e.Rating="rating",e.ProductionYear="production-year",e.Resources="resources",e.Captions="captions",e.Status="status",e.Trending="trending",e.Count="count"}(s||(s={})),h.defaultProps={inThumbnailBadge:!1,newDurationStyle:!0}},1164:(e,t,n)=>{var r;n.d(t,{L:()=>r}),function(e){e.Pdf="pdf",e.Image="image",e.PowerPoint="powerpoint",e.Document="document",e.Excel="excel",e.Zip="archive",e.File="text"}(r||(r={}))},93264:(e,t,n)=>{n.d(t,{T:()=>i});var r=n(39479),a=function(e,t,n){var r=t-(e=e.toString()).length;return r<=0?e:new Array(r+1).join(n)+e},i={ToDisplayDuration:function(e){if(!r.isNumber(e))return"";var t=new Date(e),n=t.getUTCHours(),i=a(t.getUTCMinutes(),2,"0"),o=a(t.getUTCSeconds(),2,"0");return n>0?"".concat(n,":").concat(i,":").concat(o):"".concat(i,":").concat(o)},ToDisplayDurationNewStyle:function(e){if(!r.isNumber(e))return"";var t=new Date(e),n=t.getUTCHours(),a=t.getUTCMinutes(),i=t.getUTCSeconds();if((n>0||a>0)&&i>=30&&(a+=1),n>0){var o=n>1?"hrs":"hr";return a>0?"".concat(n," ").concat(o," ").concat(a," min"):"".concat(n," ").concat(o)}return a>0?"".concat(a," min"):"".concat(i," sec")}}},44528:(e,t,n)=>{n.d(t,{m:()=>f});var r=n(1024),a=n.n(r),i=n(81886),o=n(75795),c=n(11607),u=n(8493),l=n(92582);const s={pillTabSelector:"Hdi6o",pillItem:"hUJx1"};var d=n(61105);function p(e){var t;return a().createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:""},a().createElement("ul",{className:"list-unstyled d-inline-block m-0 ".concat(s.pillTabSelector)},e.tabs.map((function(e){return a().createElement("li",{className:"p-0 ".concat(e.active?"btn btn-dark":"btn btn-outline-dark"),key:e.name},e.appLink?a().createElement(u.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"cursor-pointer d-flex justify-content-center text-decoration-none text-reset px-2 ".concat(s.pillItem)},e.name,"number"==typeof e.count&&a().createElement("div",{className:"pl-2"},a().createElement(d.C,{type:d.g.Count,data:e.count}))):a().createElement(c.L,{className:"".concat(s.pillItem," d-flex justify-content-center p-2"),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&l.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},e.name,"number"==typeof e.count&&a().createElement("div",{className:"pl-2"},a().createElement(d.C,{type:d.g.Count,data:e.count}))))}))))}function f(e){var t=e.items.map((function(e){var t,n;return{name:e.label,onSelect:function(){return i.Q.AppLinkHelper.trigger(e.appLink)},active:e.appLink.action===(null===(n=null===(t=o.O.getCurrentRoute())||void 0===t?void 0:t.appLink)||void 0===n?void 0:n.action)}}));return a().createElement(p,{className:"pb-3",tabs:t})}},62798:(e,t,n)=>{var r;n.d(t,{t:()=>r}),function(e){e.Login="login",e.VideoView="video_view"}(r||(r={}))},80763:(e,t,n)=>{n.d(t,{L:()=>o});var r=n(20354),a=n(12754),i=n(70145);function o(e){var t,n=null===(t=r.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===a.x.Primary}));if(n)return function(t){return e(n,t)}}},55554:(e,t,n)=>{n.d(t,{_:()=>c});var r=n(1024),a=n(2948),i=n(79489);function o(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 c(e){var t,n,c=(t=(0,a.D)(i.y.HEADER_ACTIONS),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,o,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw a}}return c}}(t,n)||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}}(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 c(e),function(){c(null)}}),[!!e])}},21295:(e,t,n)=>{n.d(t,{r8:()=>w,_R:()=>E,yH:()=>T});var r=n(1024),a=n.n(r),i=n(23481),o=n(83914),c=n(58130),u=n(2948),l=n(83523),s=n(79489);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 p=i.T.encloseNamespace("reportsShared.anonymiseAction");function f(){var e,t,n=(e=(0,u.D)(s.y.ANONYMISE_USERS,!1),t=2,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 r,a,i,o,c=[],u=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(e){l=!0,a=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw a}}return c}}(e,t)||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}}(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.")}()),r=n[0],i=n[1];return a().createElement("div",{className:"d-flex align-items center justify-content-between",onClick:function(){return i(!r)}},a().createElement("span",{className:"mr-3"},p("hideNames")),a().createElement(l.Z,{on:r,onClick:function(){}}))}var m=n(80763),g=n(28512),v=n(92209),y=n(62798),b=n(51644),h=i.T.encloseNamespace("reportsShared.utils");function T(e){var t=(0,m.L)(b.P.getPrimaryObjectUrl);if(e){var n=[];return t&&n.push({label:function(){return a().createElement("span",{className:"d-flex justify-content-between align-items-center"},a().createElement("span",{className:"mr-2"},h("seeVideo")),a().createElement(o.x,{svgName:c.vn.NewWindow}))},href:t(e),openInNewTab:!0}),n.push({label:function(){return a().createElement(f,null)}}),n}}function E(){return[{label:h("generateReport"),appLink:{application:g.O.DEFAULT,action:v.e.Default.GENERATE_REPORT,params:{type:y.t.VideoView}}}]}function w(){return[{label:h("generateReport"),appLink:{application:g.O.DEFAULT,action:v.e.Default.GENERATE_REPORT,params:{type:y.t.Login}}}]}},7121:(e,t,n)=>{n.d(t,{Z:()=>r});const r={minHeight:"jEh7m",ratingBadge:"y33F_",durationBadge:"WGZjP"}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[389],{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(23049),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.o)(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"}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[396],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(1024),r=t.n(n),c=t(19765);function l(e){return r().createElement(c.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},19765:(e,a,t)=>{t.d(a,{O:()=>E,I:()=>s});var n=t(1024),r=t.n(n),c=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,o=2,u=5.8,d=.2,m=.36;function g(e){var a=e===i.Large?u:o,t=e===i.Large?m:d;return"".concat(a/2-2*t,"rem")}function p(e){return e>=c.X.HIGH?"text-success":e>=c.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)),f(a)&&(t+=" ".concat(l.pendingCircle)),t}function f(e){return"number"!=typeof e}function h(e){var a,t=r().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,r=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=r.toString()}}),[]);return r().createElement("svg",null,r().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!f(e.percentage)&&r().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=c.X.HIGH?l.circleSuccess:a>=c.X.MODERATE?l.circleWarning:l.circleDanger)}))}function E(e){var a,t,n=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),c=e.layout===s.LabelInside?i.Large:i.Small,o=e.customLabel||(f(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?r().createElement("span",{className:p(n)},o):r().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&r().createElement("span",{className:"mr-2"},o),r().createElement("div",{className:v(c,n)},r().createElement(h,{percentage:n,size:c}),e.layout===s.LabelInside&&r().createElement("span",{className:l.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={})),E.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:()=>d});var n=t(1024),r=t.n(n),c=t(23481),l=t(28512),i=t(92209),s=t(44528),o=t(99827),u=c.T.encloseNamespace("reportsClips.clipNav");function d(e){var a,t,n=(a=(0,o.b)(),t=[e.id],[{label:u("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:u("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return r().createElement(s.m,{items:n})}},4012:(e,a,t)=>{t.r(a),t.d(a,{ClipOverviewView:()=>N});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(23049),s=t(22902),o=t(16714),u=t(87480),d=t(59699),m=t(67772),g=t(44422),p=t(48187),v=t(55554),f=t(21295),h=t(36630),E=t(21614);const b={column1:"HllzM",column2:"s9YKB",barChart:"vxOP0"};var y=l.T.encloseNamespace("reportsClips.clipOverview");function N(e){var a,t=c.a.useBasicFetch(p.e.clip(e.id));(0,i.o)(t.data?y("pageTitle",{clip:t.data.name}):""),(0,u.U)(null===(a=t.data)||void 0===a?void 0:a.name),(0,v._)((0,f.yH)(t.data)),(0,h.M)(t);var n=!(0,(0,s.T)().hasPermissions)(o.C.ViewCustomerAnalytics);return r().createElement("div",null,r().createElement(E.U,{id:e.id}),r().createElement("div",{className:"d-flex"},r().createElement("div",{className:"pr-2 ".concat(b.column1)},r().createElement(m.m,{objectId:e.id,useSharerId:n,className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat(b.column2)},r().createElement(d.Y,{objectId:e.id,className:b.barChart,useSharerId:n}),r().createElement("div",{className:"mt-3"},r().createElement(g.D,{objectId:e.id,useSharerId:n,layout:"horizontal"})))))}},79939:(e,a,t)=>{t.d(a,{M:()=>l});var n=t(1024),r=t.n(n),c=t(5853);function l(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>C});var n=t(1024),r=t.n(n),c=t(72306),l=t.n(c),i=t(70312),s=t.n(i),o=t(99183),u=t(99827),d=t(75896),m=t(110),g=t(39709),p=t(85408),v={MONTH:35,YEAR:365},f={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},h={day:"D MMM",month:"MMM",year:"YYYY"},E={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 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>v.YEAR?"year":a>v.MONTH?"month":"day"}(t),r=function(e,a){var t=[],n=m.O.format(e.start,f[a]);do{t.push(n),n=m.O.format(m.O.add(n,1,a),f[a])}while(!m.O.isAfter(n,e.end,a));return t}(t,n),c={};e.forEach((function(e){var t,r;if(e.userType){var l=m.O.format(m.O.convertUTCToLocal(a(e)),f[n]);c[e.userType]=null!==(t=c[e.userType])&&void 0!==t?t:{},c[e.userType][l]=null!==(r=c[e.userType][l])&&void 0!==r?r:0,c[e.userType][l]+=e.count}}));var l=Object.keys(c),i=l.length?d.m.sortBy(l.map((function(e){return{name:(0,g.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=c[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],s=Object.assign({},E);return l.length||(s.enabled=!1),{categories:r.map((function(e){return m.O.format(e,h[n])})),legendOptions:s,seriesData:(0,p.n)(i)}}(e,a,t);return Object.assign(Object.assign({},b),{xAxis:{categories:n.categories},legend:n.legendOptions,series:n.seriesData})}var N=t(5853);function C(e){var a=(0,u.R)();return(0,o.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(N.Z.heading)},e.title),!!a&&r().createElement(s(),{highcharts:l(),options:y(e.events,e.getEventDate,a),containerProps:{className:"".concat(N.Z.chartContainer," position-absolute w-100 h-100")}}))}},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}}}},36630:(e,a,t)=>{t.d(a,{M:()=>c});var n=t(52622),r={notFound:t(61990).l};function c(e){(0,n.v)(e,r)}},44422:(e,a,t)=>{t.d(a,{D:()=>p});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(31949),s=t(19765),o=t(51825),u=t(99827),d=t(9537),m=t(52622),g=l.T.encloseNamespace("shared.engagementOverviewCard");function p(e){var a,t,n=(0,u.b)(),l=(0,u.R)(),p=!n.users&&!n.classrooms&&!n.classroomGroups,v=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),f=c.a.useBasicFetch(!!l&&(e.useSharerId?!!v.data&&d.u.aggregateEngagement(e.objectId,l,v.data.id):d.u.aggregateEngagement(e.objectId,l)));(0,m.v)(f);var h=(null===(a=f.data)||void 0===a?void 0:a.engagementRate)>0?f.data.engagementRate:null;return r().createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r().createElement("h3",{className:"h6 mb-2"},g("heading")),r().createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!f.data&&r().createElement(r().Fragment,null,r().createElement(s.O,{percentage:h,layout:s.I.LabelInside}),r().createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof h?g(p?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*f.data.engagementRate)}):g("descriptionNoData"))),!f.data&&r().createElement(r().Fragment,null,r().createElement(o.n,{layout:s.I.LabelInside}),"vertical"===e.layout&&r().createElement("p",null," "))))}},59699:(e,a,t)=>{t.d(a,{Y:()=>v});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(31949),s=t(52622),o=t(9537),u=t(99827),d=t(9977),m=t(15184),g=t(79939),p=l.T.encloseNamespace("shared.viewCountBarChartCard");function v(e){var a,t=(0,u.R)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),l=c.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)(l),(0,d.n)(l),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},l.data?r().createElement(m.P,{events:l.data.data,getEventDate:function(e){return e.groupedDateWatched},title:p("videoViews")}):r().createElement(g.M,null))}},5853:(e,a,t)=>{t.d(a,{Z:()=>n});const n={chartContainer:"_KT3q",heading:"Cfb8d",partialHeading:"Ydnic"}}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[407],{51825:(e,a,t)=>{t.d(a,{n:()=>l});var n=t(1024),r=t.n(n),c=t(19765);function l(e){return r().createElement(c.O,{layout:e.layout,className:e.className,percentage:0,customLabel:"--%"})}},19765:(e,a,t)=>{t.d(a,{O:()=>h,I:()=>s});var n=t(1024),r=t.n(n),c=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,o=2,d=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?d:o,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function v(e){return e>=c.X.HIGH?"text-success":e>=c.X.MODERATE?"text-warning":"text-danger"}function p(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),f(a)&&(t+=" ".concat(l.pendingCircle)),t}function f(e){return"number"!=typeof e}function E(e){var a,t=r().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,r=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=r.toString()}}),[]);return r().createElement("svg",null,r().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!f(e.percentage)&&r().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=c.X.HIGH?l.circleSuccess:a>=c.X.MODERATE?l.circleWarning:l.circleDanger)}))}function h(e){var a,t,n=function(e){if(!f(e))return+e.toFixed(2)}(e.percentage),c=e.layout===s.LabelInside?i.Large:i.Small,o=e.customLabel||(f(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?r().createElement("span",{className:v(n)},o):r().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&r().createElement("span",{className:"mr-2"},o),r().createElement("div",{className:p(c,n)},r().createElement(E,{percentage:n,size:c}),e.layout===s.LabelInside&&r().createElement("span",{className:l.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={})),h.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,{$:()=>u});var n=t(1024),r=t.n(n),c=t(23481),l=t(28512),i=t(92209),s=t(44528),o=t(99827),d=c.T.encloseNamespace("reportsVideos.videoNav");function u(e){var a,t,n=(a=(0,o.b)(),t=[e.id],[{label:d("overview"),appLink:{application:l.O.VIDEOS,action:i.e.Videos.OVERVIEW,args:t,params:a}},{label:d("engagement"),appLink:{application:l.O.VIDEOS,action:i.e.Videos.ENGAGEMENT,args:t,params:a}}]);return r().createElement(s.m,{items:n})}},26553:(e,a,t)=>{t.r(a),t.d(a,{VideoOverviewView:()=>N});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(23049),s=t(22902),o=t(16714),d=t(87480),u=t(59699),m=t(67772),g=t(44422),v=t(87594),p=t(55554),f=t(21295),E=t(36630),h=t(4143);const b={column1:"pXdGj",column2:"tUGpc",barChart:"n6ktR"};var y=l.T.encloseNamespace("reportsVideos.videoOverview");function N(e){var a,t=c.a.useBasicFetch(v.R.video(e.id));(0,i.o)(t.data?y("pageTitle",{video:t.data.name}):""),(0,d.U)(null===(a=t.data)||void 0===a?void 0:a.name),(0,p._)((0,f.yH)(t.data)),(0,E.M)(t);var n=!(0,(0,s.T)().hasPermissions)(o.C.ViewCustomerAnalytics);return r().createElement("div",null,r().createElement(h.$,{id:e.id}),r().createElement("div",{className:"d-flex"},r().createElement("div",{className:"pr-2 ".concat(b.column1)},r().createElement(m.m,{objectId:e.id,useSharerId:n,className:"h-100"})),r().createElement("div",{className:"pl-2 ".concat(b.column2)},r().createElement(u.Y,{objectId:e.id,useSharerId:n,className:b.barChart}),r().createElement("div",{className:"mt-3"},r().createElement(g.D,{objectId:e.id,useSharerId:n,layout:"horizontal"})))))}},79939:(e,a,t)=>{t.d(a,{M:()=>l});var n=t(1024),r=t.n(n),c=t(5853);function l(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>O});var n=t(1024),r=t.n(n),c=t(72306),l=t.n(c),i=t(70312),s=t.n(i),o=t(99183),d=t(99827),u=t(75896),m=t(110),g=t(39709),v=t(85408),p={MONTH:35,YEAR:365},f={day:"YYYY-MM-DD",month:"YYYY-MM",year:"YYYY"},E={day:"D MMM",month:"MMM",year:"YYYY"},h={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 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>p.YEAR?"year":a>p.MONTH?"month":"day"}(t),r=function(e,a){var t=[],n=m.O.format(e.start,f[a]);do{t.push(n),n=m.O.format(m.O.add(n,1,a),f[a])}while(!m.O.isAfter(n,e.end,a));return t}(t,n),c={};e.forEach((function(e){var t,r;if(e.userType){var l=m.O.format(m.O.convertUTCToLocal(a(e)),f[n]);c[e.userType]=null!==(t=c[e.userType])&&void 0!==t?t:{},c[e.userType][l]=null!==(r=c[e.userType][l])&&void 0!==r?r:0,c[e.userType][l]+=e.count}}));var l=Object.keys(c),i=l.length?u.m.sortBy(l.map((function(e){return{name:(0,g.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=c[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],s=Object.assign({},h);return l.length||(s.enabled=!1),{categories:r.map((function(e){return m.O.format(e,E[n])})),legendOptions:s,seriesData:(0,v.n)(i)}}(e,a,t);return Object.assign(Object.assign({},b),{xAxis:{categories:n.categories},legend:n.legendOptions,series:n.seriesData})}var N=t(5853);function O(e){var a=(0,d.R)();return(0,o.I)(),r().createElement("div",{className:"position-relative h-100"},r().createElement("h3",{className:"h6 ".concat(N.Z.heading)},e.title),!!a&&r().createElement(s(),{highcharts:l(),options:y(e.events,e.getEventDate,a),containerProps:{className:"".concat(N.Z.chartContainer," position-absolute w-100 h-100")}}))}},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:()=>c});var n=t(52622),r={notFound:t(61990).l};function c(e){(0,n.v)(e,r)}},44422:(e,a,t)=>{t.d(a,{D:()=>v});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(31949),s=t(19765),o=t(51825),d=t(99827),u=t(9537),m=t(52622),g=l.T.encloseNamespace("shared.engagementOverviewCard");function v(e){var a,t,n=(0,d.b)(),l=(0,d.R)(),v=!n.users&&!n.classrooms&&!n.classroomGroups,p=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),f=c.a.useBasicFetch(!!l&&(e.useSharerId?!!p.data&&u.u.aggregateEngagement(e.objectId,l,p.data.id):u.u.aggregateEngagement(e.objectId,l)));(0,m.v)(f);var E=(null===(a=f.data)||void 0===a?void 0:a.engagementRate)>0?f.data.engagementRate:null;return r().createElement("div",{className:"d-flex flex-column rounded bg-white p-3 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},r().createElement("h3",{className:"h6 mb-2"},g("heading")),r().createElement("div",{className:"d-flex align-items-center flex-grow-1\n ".concat("vertical"===e.layout?" flex-column justify-content-center text-center":"")},!!f.data&&r().createElement(r().Fragment,null,r().createElement(s.O,{percentage:E,layout:s.I.LabelInside}),r().createElement("p",{className:"horizontal"===e.layout?"ml-2":""},"number"==typeof E?g(v?"descriptionEveryone":"descriptionSome",{percentage:Math.round(100*f.data.engagementRate)}):g("descriptionNoData"))),!f.data&&r().createElement(r().Fragment,null,r().createElement(o.n,{layout:s.I.LabelInside}),"vertical"===e.layout&&r().createElement("p",null," "))))}},59699:(e,a,t)=>{t.d(a,{Y:()=>p});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(31949),s=t(52622),o=t(9537),d=t(99827),u=t(9977),m=t(15184),g=t(79939),v=l.T.encloseNamespace("shared.viewCountBarChartCard");function p(e){var a,t=(0,d.R)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),l=c.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)(l),(0,u.n)(l),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},l.data?r().createElement(m.P,{events:l.data.data,getEventDate:function(e){return e.groupedDateWatched},title:v("videoViews")}):r().createElement(g.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([[416],{52673:(e,a,t)=>{t.r(a),t.d(a,{OnlineVideoOverviewView:()=>R});var n=t(1024),r=t.n(n),c=t(20354),l=t(23481),i=t(23049),s=t(52622),o=t(39151),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=l.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=l.T.encloseNamespace("reportsVideos.onlineVideoOverview");function R(e){var a,t,n=(0,u.b)(),l=(0,u.R)(),f=c.a.useBasicFetch(p.R.video(e.id)),N=c.a.useBasicFetch(!!l&&E.u.views(l,e.id)),b=c.a.useBasicFetch((null===(a=N.data)||void 0===a?void 0:a.data.length)&&O.N.getById(N.data.data.map((function(e){return e.userId})))),h=c.a.useBasicFetch(o.L.config());(0,i.o)(f.data?F("pageTitle",{video:f.data.name}):""),(0,d.U)(null===(t=f.data)||void 0===t?void 0:t.name),(0,m.M)(f),(0,s.v)([N,b]);var x=N.hasCompleted&&h.hasCompleted&&N.hasCompleted&&b.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}))),x?r().createElement(Z,{key:(0,M.u)(n),views:N.data.data,users:b.data,imageCdnUrl:h.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),c=t(99910),l=t(95602);function i(){return r().createElement(c.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(c.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(c.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(c.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(c.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(c.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 s(){return r().createElement(c.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(c.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(c.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(c.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(c.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(c.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(c.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 o(){return r().createElement(c.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(c.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(c.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 m(){return r().createElement(c.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(c.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(c.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(c.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(c.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 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:()=>l});var n=t(1024),r=t.n(n),c=t(5853);function l(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>C});var n=t(1024),r=t.n(n),c=t(72306),l=t.n(c),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),c={};e.forEach((function(e){var t,r;if(e.userType){var l=u.O.format(u.O.convertUTCToLocal(a(e)),E[n]);c[e.userType]=null!==(t=c[e.userType])&&void 0!==t?t:{},c[e.userType][l]=null!==(r=c[e.userType][l])&&void 0!==r?r:0,c[e.userType][l]+=e.count}}));var l=Object.keys(c),i=l.length?d.m.sortBy(l.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=c[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],s=Object.assign({},N);return l.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:l(),options:h(e.events,e.getEventDate,a),containerProps:{className:"".concat(x.Z.chartContainer," position-absolute w-100 h-100")}}))}},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:()=>c});var n=t(52622),r={notFound:t(61990).l};function c(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),c=t(20354),l=t(23481),i=t(31949),s=t(52622),o=t(9537),m=t(99827),d=t(9977),u=t(15184),v=t(79939),g=l.T.encloseNamespace("shared.viewCountBarChartCard");function p(e){var a,t=(0,m.R)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),l=c.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)(l),(0,d.n)(l),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},l.data?r().createElement(u.P,{events:l.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
+ "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),c=t(20354),l=t(23481),i=t(23049),s=t(52622),o=t(39151),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=l.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=l.T.encloseNamespace("reportsVideos.onlineVideoOverview");function R(e){var a,t,n=(0,u.b)(),l=(0,u.R)(),f=c.a.useBasicFetch(p.R.video(e.id)),N=c.a.useBasicFetch(!!l&&E.u.views(l,e.id)),b=c.a.useBasicFetch((null===(a=N.data)||void 0===a?void 0:a.data.length)&&O.N.getById(N.data.data.map((function(e){return e.userId})))),h=c.a.useBasicFetch(o.L.config());(0,i.o)(f.data?F("pageTitle",{video:f.data.name}):""),(0,d.U)(null===(t=f.data)||void 0===t?void 0:t.name),(0,m.M)(f),(0,s.v)([N,b]);var x=N.hasCompleted&&h.hasCompleted&&N.hasCompleted&&b.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}))),x?r().createElement(Z,{key:(0,M.u)(n),views:N.data.data,users:b.data,imageCdnUrl:h.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),c=t(99910),l=t(95602);function i(){return r().createElement(c.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(c.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(c.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(c.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(c.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(c.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 s(){return r().createElement(c.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(c.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(c.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(c.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(c.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(c.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(c.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 o(){return r().createElement(c.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(c.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(c.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 m(){return r().createElement(c.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(c.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(c.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(c.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(c.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 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:()=>l});var n=t(1024),r=t.n(n),c=t(5853);function l(){return r().createElement("div",{className:"partial-loading-background mb-2 ".concat(c.Z.partialHeading)})}},15184:(e,a,t)=>{t.d(a,{P:()=>C});var n=t(1024),r=t.n(n),c=t(72306),l=t.n(c),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),c={};e.forEach((function(e){var t,r;if(e.userType){var l=u.O.format(u.O.convertUTCToLocal(a(e)),E[n]);c[e.userType]=null!==(t=c[e.userType])&&void 0!==t?t:{},c[e.userType][l]=null!==(r=c[e.userType][l])&&void 0!==r?r:0,c[e.userType][l]+=e.count}}));var l=Object.keys(c),i=l.length?d.m.sortBy(l.map((function(e){return{name:(0,v.j)(e),type:"column",data:r.map((function(a){var t;return null!==(t=c[e][a])&&void 0!==t?t:0}))}})),"name"):[{type:"column",data:r.map((function(){return 0}))}],s=Object.assign({},N);return l.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:l(),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:()=>c});var n=t(52622),r={notFound:t(61990).l};function c(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),c=t(20354),l=t(23481),i=t(31949),s=t(52622),o=t(9537),m=t(99827),d=t(9977),u=t(15184),v=t(79939),g=l.T.encloseNamespace("shared.viewCountBarChartCard");function p(e){var a,t=(0,m.R)(),n=c.a.useBasicFetch(!!e.useSharerId&&i.N.currentUser()),l=c.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)(l),(0,d.n)(l),r().createElement("div",{className:"bg-white rounded p-3 ".concat(null!==(a=e.className)&&void 0!==a?a:"")},l.data?r().createElement(u.P,{events:l.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"}}}]);
@@ -0,0 +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:()=>M});var n=t(1024),c=t.n(n),r=t(20354),l=t(23481),i=t(23049),s=t(47812),d=t(39151),o=t(31949),u=t(60051),m=t(22902),g=t(16714),p=t(52622),v=t(22537),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(3373),B=t(17285),P=t(62995),U=t(21295),_=t(97615),x=t(21614);const D={viewCountContainer:"hy6sE",engagementPercentageContainer:"fmT3M",engagementGraphContainer:"qvzwP",partialTable:"hft_W"};var G=l.T.encloseNamespace("reportsClips.clipEngagement");function M(e){var a,t,n,l=(0,N.b)(),M=(0,N.R)(),S=!(0,(0,m.T)().hasPermissions)(g.C.ViewCustomerAnalytics),F=r.a.useBasicFetch(S&&o.N.currentUser()),R=r.a.useBasicFetch(E.e.clip(e.id)),A=r.a.useBasicFetch(!!M&&(S?!!F.data&&y.u.aggregateEngagement(e.id,M,F.data.id):y.u.aggregateEngagement(e.id,M))),H=r.a.useBasicFetch(!!M&&(S?!!F.data&&v.u.individualEngagement(e.id,M,F.data.id):v.u.individualEngagement(e.id,M))),V=r.a.useBasicFetch((null===(a=H.data)||void 0===a?void 0:a.data.length)&&b.N.getById(H.data.data.map((function(e){return e.userId})))),j=r.a.useBasicFetch(s.k.createViewKey(e.id,u.f.MasterObject)),z=r.a.useBasicFetch(d.L.config());(0,i.o)(R.data?G("pageTitle",{clip:R.data.name}):""),(0,C.U)(null===(t=R.data)||void 0===t?void 0:t.name),(0,I._)((0,U.yH)(R.data)),(0,_.s)(e.id),(0,k.n)(H),(0,f.M)(R),(0,p.v)([j,A,H]);var X=!!(R.data&&A.data&&j.data&&z.data),K=!(!H.data||H.data.data.length&&!V.data);return c().createElement("div",{className:"pb-3"},c().createElement(x.U,{id:e.id}),c().createElement("div",{className:"d-flex pb-3"},c().createElement("div",{className:"pr-2 ".concat(D.viewCountContainer)},c().createElement(L.m,{useSharerId:S,objectId:e.id,className:"h-100"})),c().createElement("div",{className:"px-2 ".concat(D.engagementPercentageContainer)},c().createElement(O.D,{objectId:e.id,useSharerId:S,className:"h-100",layout:"vertical"})),c().createElement("div",{className:"pl-2 ".concat(D.engagementGraphContainer)},X?c().createElement(T.p,{key:(0,h.u)(l),engagement:A.data,viewKey:j.data.viewKey,imageCdnUrl:z.data.imageCdnUrl,playerApiUrl:z.data.playerApiUrl}):c().createElement(B.O,null))),K?c().createElement(P.z,{key:(0,h.u)(l),engagement:H.data.data,users:V.data,imageCdnUrl:null===(n=z.data)||void 0===n?void 0:n.imageCdnUrl}):c().createElement(w.I,{className:D.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([[535],{13475:(e,a,t)=>{t.d(a,{i:()=>d});var n=t(1024),l=t.n(n),c=t(23481),r=t(28512),i=t(92209),o=t(44528),s=t(99827),m=c.T.encloseNamespace("reportsVideos.customerVideosNav");function d(){var e,a=(e=(0,s.b)(),[{label:m("overview"),appLink:{application:r.O.VIDEOS,action:i.e.Videos.HOME,params:e}},{label:m("views"),appLink:{application:r.O.VIDEOS,action:i.e.Videos.VIEWS,params:e}}]);return l().createElement(o.m,{items:a})}},85054:(e,a,t)=>{t.r(a),t.d(a,{CustomerVideoViewsView:()=>R});var n=t(1024),l=t.n(n),c=t(20354),r=t(23481),i=t(23049),o=t(52622),s=t(87480),m=t(99827),d=t(9537),u=t(91470),v=t(38477),p=t(9977),g=t(55554),E=t(21295),N=t(13475),b=t(23232),x=t(55884);const f={container:"Ul7H_"};var k=r.T.encloseNamespace("reportsVideos.videoViewsTableEmptyState");function C(){return l().createElement(b.u,{className:"bg-white rounded justify-content-center ".concat(f.container)},l().createElement(b.u.Image,{src:x.W.EmptyStates.Shared.ViewCount}),l().createElement(b.u.Heading,null,k("heading")),l().createElement(b.u.Info,null,k("description")))}var w=t(65858),h=t(51124),y=t(68626),Z=t(54610),V=t(19390),T=t(99349);var S=r.T.encloseNamespace("reportsVideos.videoViewsTable"),j={table:"bg-white rounded",header:"border-bottom",headerCell:"p-3",row:"zbZc7",cell:"p-3"},I=[{Header:function(){return l().createElement("div",{className:"d-flex justify-content-end"},"#")},accessor:"object",id:"index",Cell:function(e){var a=e.row.index;return l().createElement("div",{className:"d-flex align-items-center justify-content-end h-100"},a+1)},width:5,disableSortBy:!0},{Header:function(e){return l().createElement("div",{className:"MwuHr"},l().createElement(l().Fragment,null,S("title")," ",e.renderSortIndicator()))},accessor:"object",id:"image",Cell:function(e){var a=e.value;return l().createElement(h.u,{video:a,imageOptions:{size:Z.h2.Small},textPosition:y.z.Independent,type:"static",analyticsOptions:{location:w.LocationContext.VideoViewsList},hideMask:!0,extraClasses:"PNQyJ"})},width:30,hideSortIndicator:!0,sortType:function(e,a){var t,n;return(null===(t=e.original.object.name)||void 0===t?void 0:t.toLowerCase())>(null===(n=a.original.object.name)||void 0===n?void 0:n.toLowerCase())?1:-1}},{accessor:"object",id:"name",Cell:function(e){var a=e.value;return l().createElement("div",{className:"d-flex align-items-center h-100"},l().createElement("span",{className:"text-truncate"},a.name))},width:60,disableSortBy:!0},{Header:function(){return l().createElement(l().Fragment,null,S("contentType"))},accessor:"contentType",Cell:function(e){var a=e.value;return l().createElement("div",{className:"d-flex align-items-center h-100"},a)},width:30},{Header:function(){return l().createElement(l().Fragment,null,S("views"))},accessor:"count",Cell:function(e){var a=e.value;return l().createElement("div",{className:"d-flex align-items-center h-100"},a)},width:30},{accessor:"object",id:"see-overview",Cell:function(){return l().createElement("div",{className:"".concat("OloRa"," align-items-center h-100 text-info")},S("seeOverview"))},width:25,disableSortBy:!0}];function H(e){var a=(0,m.b)();return l().createElement(V.i,{columns:I,data:e.videos,theme:j,getRowAppLink:function(e){return(0,T.l)(e.original.object,a)},enableSort:!0})}var L=r.T.encloseNamespace("reportsVideos.customerVideoViews"),O=100;function R(){var e,a,t=(0,m.R)(),n=c.a.useBasicFetch(!!t&&d.u.topVideos(t,O));(0,o.v)(n),(0,i.o)(L("videos")),(0,s.U)(L("videos")),(0,p.n)(n),(0,g._)((0,E._R)());var r=n.hasCompleted,b=null===(a=null===(e=n.data)||void 0===e?void 0:e.data)||void 0===a?void 0:a.length;return l().createElement("div",{className:"pb-3"},l().createElement(N.i,null),!r&&l().createElement(u.I,{variant:"video-views"},l().createElement(v.W,{variant:"video-views"})),r&&b&&l().createElement(H,{videos:n.data.data}),r&&!b&&l().createElement(C,null))}},38477:(e,a,t)=>{t.d(a,{W:()=>d});var n=t(1024),l=t.n(n),c=t(99910),r=t(95602);function i(){return l().createElement(c.Row,{className:"py-1 ".concat(r.Z.videoItemContainer)},l().createElement(c.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},l().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialNumber)})),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block"},l().createElement("div",{className:"partial-loading-background rounded ".concat(r.Z.partialThumbnail)}))),l().createElement(c.Col,{xs:3,className:"d-flex align-items-center"},l().createElement("div",{className:"partial-loading-background ml-n2 ".concat(r.Z.partialLongText)})),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialShortText)})),l().createElement(c.Col,{xs:4,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialNumber)})))}function o(){return l().createElement(c.Row,{className:"py-1 ".concat(r.Z.interactiveItemContainer)},l().createElement(c.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},l().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialNumber)})),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block"},l().createElement("div",{className:"partial-loading-background rounded ".concat(r.Z.partialThumbnail)}))),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"partial-loading-background ml-n2 ".concat(r.Z.partialMediumText)})),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialAvatar)})),l().createElement(c.Col,{xs:2,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialMediumText)})),l().createElement(c.Col,{xs:3,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(r.Z.partialNumber)})))}function s(){return l().createElement(c.Row,{className:"my-2 ".concat(r.Z.userItemContainer)},l().createElement(c.Col,{xs:9,className:"d-flex align-items-center"},l().createElement("div",{className:"partial-loading-background ml-3 ".concat(r.Z.partialAvatar)}),l().createElement("div",{className:"partial-loading-background mx-2 ".concat(r.Z.partialLongText)})),l().createElement(c.Col,{xs:3,className:"d-flex align-items-center"},l().createElement("div",{className:"d-block partial-loading-background ".concat(r.Z.partialNumber," ").concat(r.Z.onlineUserContainer)})))}function m(){return l().createElement(c.Row,{className:"my-2 ".concat(r.Z.userItemContainer)},l().createElement(c.Col,{xs:2,className:"d-flex align-items-center "},l().createElement("div",{className:"partial-loading-background ml-3 ".concat(r.Z.partialAvatar)}),l().createElement("div",{className:"partial-loading-background mx-2 ".concat(r.Z.partialShortText)})),l().createElement(c.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},l().createElement("div",{className:"d-block partial-loading-background ".concat(r.Z.partialShortText)})),l().createElement(c.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},l().createElement("div",{className:"partial-loading-background ".concat(r.Z.partialShortText)})),l().createElement(c.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},l().createElement("div",{className:"partial-loading-background ".concat(r.Z.heatMapItemContainer," ").concat(r.Z.partialHeatMap)})))}function d(e){return l().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(a,t){return function(e,a){switch(e){case"video-views":return l().createElement(i,{key:a});case"interactives":return l().createElement(o,{key:a});case"online-users":return l().createElement(s,{key:a});case"engagement-users":return l().createElement(m,{key:a});default:return l().createElement(l().Fragment,null)}}(e.variant,t)})))}d.defaultProps={itemCount:7}}}]);