@clickview/reports 0.20.0 → 0.20.1-rc.1

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 (46) hide show
  1. package/dist/bundles.json +2 -2
  2. package/dist/css/{865-reports-2f26ecc51f.chunk.css → 16-reports-c7f794cf8d.chunk.css} +2 -2
  3. package/dist/css/{192-reports-7ca68e4428.chunk.css → 183-reports-d48c2603c7.chunk.css} +9 -6
  4. package/dist/css/{124-reports-4d782c393d.chunk.css → 465-reports-f6ca4f5830.chunk.css} +2 -2
  5. package/dist/css/{373-reports-b2d64aaa5e.chunk.css → 589-reports-2e1d40fbe2.chunk.css} +1 -1
  6. package/dist/css/{232-reports-ee3cda680c.chunk.css → 606-reports-eb19500172.chunk.css} +2 -2
  7. package/dist/css/{861-reports-a85ccd474e.chunk.css → 832-reports-29099c878c.chunk.css} +2 -2
  8. package/dist/css/{reports-app-99d473ff69.css → reports-app-8ec7957cb0.css} +2 -1
  9. package/dist/languages/en.json +1 -1
  10. package/dist/scripts/{112-43ec7ad8c6-reports.chunk.js → 112-f1c5cdf711-reports.chunk.js} +1 -1
  11. package/dist/scripts/120-7f9c9d632e-reports.chunk.js +1 -0
  12. package/dist/scripts/128-95deea469f-reports.chunk.js +1 -0
  13. package/dist/scripts/16-120adaaa15-reports.chunk.js +1 -0
  14. package/dist/scripts/178-56ef327073-reports.chunk.js +1 -0
  15. package/dist/scripts/183-7a6215a5b0-reports.chunk.js +2 -0
  16. package/dist/scripts/252-8c4190df02-reports.chunk.js +1 -0
  17. package/dist/scripts/{263-ba23333bc4-reports.chunk.js → 263-4542114f24-reports.chunk.js} +1 -1
  18. package/dist/scripts/286-3f22a48fb1-reports.chunk.js +1 -0
  19. package/dist/scripts/{306-6f6eda2e3e-reports.chunk.js → 306-0975cc4af8-reports.chunk.js} +1 -1
  20. package/dist/scripts/465-069e5a9b7b-reports.chunk.js +1 -0
  21. package/dist/scripts/{523-7068e5d716-reports.chunk.js → 523-fa90ff0ef8-reports.chunk.js} +1 -1
  22. package/dist/scripts/{569-7013580d39-reports.chunk.js → 569-d07dae3f9e-reports.chunk.js} +1 -1
  23. package/dist/scripts/589-8fbbe8f1c8-reports.chunk.js +1 -0
  24. package/dist/scripts/{232-1d7fc7989d-reports.chunk.js → 606-9092d0caca-reports.chunk.js} +1 -1
  25. package/dist/scripts/{672-db7569032b-reports.chunk.js → 672-11d31db87c-reports.chunk.js} +1 -1
  26. package/dist/scripts/680-48bc4586a9-reports.chunk.js +1 -0
  27. package/dist/scripts/698-e145b96e85-reports.chunk.js +1 -0
  28. package/dist/scripts/832-25166ff3f2-reports.chunk.js +1 -0
  29. package/dist/scripts/{837-401575078f-reports.chunk.js → 837-b9045b1d79-reports.chunk.js} +1 -1
  30. package/dist/scripts/bundle-4f881e5458.min.js +2 -0
  31. package/package.json +2 -2
  32. package/dist/scripts/124-bd054e3270-reports.chunk.js +0 -1
  33. package/dist/scripts/128-b38f2696c4-reports.chunk.js +0 -1
  34. package/dist/scripts/178-6edb0ff433-reports.chunk.js +0 -1
  35. package/dist/scripts/192-6fe7ef135c-reports.chunk.js +0 -2
  36. package/dist/scripts/286-47d9a20ba6-reports.chunk.js +0 -1
  37. package/dist/scripts/34-495810ab20-reports.chunk.js +0 -1
  38. package/dist/scripts/373-74a43caed3-reports.chunk.js +0 -1
  39. package/dist/scripts/680-8297345afd-reports.chunk.js +0 -1
  40. package/dist/scripts/724-759baa30fb-reports.chunk.js +0 -1
  41. package/dist/scripts/861-6964631e26-reports.chunk.js +0 -1
  42. package/dist/scripts/865-f793a83d8a-reports.chunk.js +0 -1
  43. package/dist/scripts/bundle-6bcbe73a07.min.js +0 -2
  44. /package/dist/scripts/{192-6fe7ef135c-reports.chunk.js.LICENSE.txt → 183-7a6215a5b0-reports.chunk.js.LICENSE.txt} +0 -0
  45. /package/dist/scripts/{772-b0f03da1bc-reports.chunk.js → 772-54c1ea4e51-reports.chunk.js} +0 -0
  46. /package/dist/scripts/{bundle-6bcbe73a07.min.js.LICENSE.txt → bundle-4f881e5458.min.js.LICENSE.txt} +0 -0
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[252],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(1024),r=n(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}},98236:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(1024),r=n(1048),i=n(64038);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const c="fVSzb";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s=a.memo((function(e){var t,n,r=e.forceLoad,s=e.extraClasses,u=void 0===s?"":s,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,p=e.src,f=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}(e,["forceLoad","extraClasses","errorFallbackImageSrc","preventLoad","src"]),g=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,c=n.triggerOnce,l=void 0===c||c,s=(e=i.useInView({triggerOnce:l,rootMargin:r}),t=3,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],d=s[1],m=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(d=!0,u=null),{ref:u,inView:d,initialized:!!m}}({rootMargin:"500px"}),y=g.ref,h=g.inView,b=(t=a.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),E=b[0],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})))}},88252:(e,t,n)=>{n.d(t,{u:()=>Lt});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 I=n(17464),T=n(61105);function P(e){var t=v.M.getVideoProgress(e.video),n=t&&e.video.duration&&t/e.video.duration*1e5;return n?a.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(n,"%")}}):a.createElement(a.Fragment,null)}const L={bottomBar:"YnXtZ"};function M(e){return v.M.isVideo(e.video)?r().createElement("div",{className:L.bottomBar},r().createElement(P,{video:e.video})):r().createElement(r().Fragment,null)}const F={padlock:"w4cg8",sm:"JpIYd"};function R(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(F.padlock," ").concat("sm"===e.size?F.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var z=n(36532),V=n(5465);const _={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var D=o.T.encloseNamespace("shared.videoTypeBadge");function U(e){var t="".concat(_.badge," rounded-pill text-white ").concat("sm"===e.size?_.sm:"");return r().createElement(r().Fragment,null,v.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:_.text},D("clip"))),v.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:_.text},D("interactive"))))}U.default={size:"md"};const B={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function H(e){var t="mb-1";return e&&(t+=B.downScale),t}function W(e){var t=e.video,n=e.appLink,a=e.imageOptions,o=e.setFavourite,c=e.canFavourite,u=e.preload,d=e.hovering,m=v.M.getCanBeConsumed(e.video).canNavigate,f=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(t)}),g=p.showFavouriteButton(e.video,d),y=v.M.isVideo(t),h=!y,N=v.M.getRating(e.video);return r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},g&&r().createElement("div",{className:B.topRightContainer},r().createElement(b,{setFavourite:o,canFavourite:c,video:t,analyticsData:e.analyticsData,analyticsOptions:f})),!m&&r().createElement("div",{className:B.topRightContainer},r().createElement(R,null)),h&&r().createElement("div",{className:B.videoTypeBadge},r().createElement(U,{video:t})),r().createElement(E.Z,{data:v.M.getThumbnail(t),appLink:m?n:null,imageType:w.__.Thumbnails,imageOptions:a,preload:u,className:B.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:B.playIcon,svgName:l.vn.PlayCircle}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:B.overlayContainer},r().createElement("div",{className:B.overlay},r().createElement("div",{className:"".concat(H(d)," ").concat(B.title)},y&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-shadow clamp-1",video:t,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},v.M.getTitle(t))),r().createElement(M,{video:t}),d&&r().createElement(I.c,{className:"mt-1"},v.M.isVideo(t)&&r().createElement(r().Fragment,null,r().createElement(T.C,{type:T.g.Rating,data:N}),t.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(T.C,{type:T.g.Interactive,data:t.hasInteractives}),r().createElement(T.C,{type:T.g.DurationExact,data:v.M.getDuration(e.video)}))))))))}var Z=n(68626);const Q={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var q,X;function G(e){var t=e.type,n=e.size,r=function(e){return e===q.Video?Q.video:e===q.Playlist?Q.playlist:""}(t),i=function(e){return e===q.Video?l.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Q.maskContainer," ").concat("sm"===n?Q.small:"")},a.createElement("div",{className:Q.mask}),a.createElement(s.x,{svgName:i,className:r}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(q||(q={})),G.defaults={size:"md"},function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(X||(X={}));var Y=n(4594);const $={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var K=o.T.encloseNamespace("shared.toggleActivityStatusButton");function ee(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===X.Complete),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?J(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=i[0],d=i[1];a.useEffect((function(){d(e.activityStatus===X.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?$.checked:$.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==X.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?X.Complete:X.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(K(function(){switch(e.sharedEntity.typeId){case Y.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case Y.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case Y.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case Y.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case Y.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat($.checkMark)})):a.createElement(a.Fragment,null)}const te={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function ne(e){return v.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=v.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(te.container," d-flex align-items-center")},r().createElement(b,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:te.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(ee,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:te.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:te.container},r().createElement(R,{size:e.size}))}var ae=n(1048),re=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ce=275,le=5,se={className:"",delay:0,style:null},ue={screenX:0,screenY:0};function de(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.add(t.className)),t.style&&Object.keys(t.style).forEach((function(n){e.current.style[n]=t.style[n]})))}function me(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.remove(t.className)),t.style&&Object.keys(t.style).forEach((function(t){e.current.style[t]=null})))}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:se,t=re(),n=ie(a.useState(e),2),r=n[0],i=n[1],o=ie(a.useState(!1),2),l=o[0],s=o[1],u=a.useRef(null);a.useEffect((function(){ae.t.isEqual(e,r)||i(e)}),[e]);var d=c.q.throttle((function(){de(u,r),t.current&&s(!0)}),r.delay,{leading:!1}),m=function(){c.q.isFunction(d.cancel)&&d.cancel(),me(u,r),t.current&&s(!1)};return a.useLayoutEffect((function(){var e=u.current;if(e)return e.addEventListener("mouseenter",d),e.addEventListener("mouseleave",m),function(){e.removeEventListener("mouseenter",d),e.removeEventListener("mouseleave",m)}}),[u.current,r]),[u,l]}function pe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}const fe={badgeContainer:"fy9Un",sm:"Rb0TL"};function ge(e){var t=v.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,a=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||a?r().createElement(I.c,{className:"".concat(fe.badgeContainer," ").concat("sm"===e.size?fe.sm:"")},n&&r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),a&&r().createElement(T.C,{type:T.g.Rating,data:t}),!e.hideDuration&&r().createElement(T.C,{type:e.newDurationStyle?T.g.DurationApproximate:T.g.DurationExact,data:v.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}ge.defaultProps={newDurationStyle:!0,size:"md"};const ye={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var be="shared.staticVideoThumbnail";function Ee(e){var t,n=e.video,a=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===Z.z.Overlay,u=v.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=ye.titleOverlay,u&&(v.M.isClip(n)&&(d+=" "+ye.clip),v.M.isInteractive(n)&&(d+=" "+ye.interactive))):d=ye.titleBelow,r().createElement("div",{className:d},v.M.isVideo(n)&&v.M.hasSeries(n)&&r().createElement(A,{className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:o.T.getPhrase(be,"videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function we(e){var t,n,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=(t=ve(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return he(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?he(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=m[0],g=m[1],y=v.M.getCanBeConsumed(o).canNavigate,h=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(o)}),b=!!c&&!e.hideMask&&y,N=v.M.getPrivacyReasoning(e.video,e.showSignIn),C=!v.M.isVideo(e.video);return r().createElement(z.u,{title:N,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(a="position-relative",a+=c&&y?" cursor-pointer":" cursor-default",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===Z.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:f},r().createElement(ne,{video:o,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(o,g)},analyticsData:e.analyticsData,analyticsOptions:h,size:e.size}),r().createElement(E.Z,{data:v.M.getThumbnail(o),appLink:y?c:null,imageType:w.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return l===Z.z.Overlay?"".concat(t," ").concat(ye.gradient):t}(),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},h),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},b&&r().createElement(G,{type:q.Video,size:e.size}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:ye.overlayContainer},l===Z.z.Overlay&&r().createElement(Ee,Object.assign({},e)),r().createElement(M,{video:o}),C&&r().createElement("div",{className:ye.videoTypeBadge},r().createElement(U,{video:o,size:e.size})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),l===Z.z.Below&&r().createElement(Ee,Object.assign({},e))))}var Ne=n(54976),Ce=n.n(Ne),Oe=n(38647);const Se={titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function xe(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=v.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat(Se.titleContainer)},v.M.isVideo(t)&&v.M.hasSeries(t)&&r().createElement(A,{className:"text-truncate ".concat(Se.seriesTitleBox),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,r().createElement(Oe.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var je,ke,Ae=n(30314),Ie=(je=function(e,t){return je=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])},je(e,t)},function(e,t){function n(){this.constructor=e}je(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Te="html",Pe="svg",Le=function(e){var t,n,a,r={};if(e===Te)a=document.createElement("div");else{if(e!==Pe)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===Te)return e instanceof HTMLElement;if(t===Pe)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},Me=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 Ie(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 Ae.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Fe=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}return Ie(t,e),t.prototype.passPropsThroughPortal=function(){var e=Object.assign({},this.props,{node:void 0});this.props.node.setPortalProps(e)},t.prototype.componentDidMount=function(){var e=this.props.node;this.currentPortalNode=e;var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentDidUpdate=function(){var e=this.props.node;this.currentPortalNode&&e!==this.currentPortalNode&&(this.currentPortalNode.unmount(this.placeholderNode.current),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){this.props.node.unmount(this.placeholderNode.current)},t.prototype.render=function(){return a.createElement("div",{ref:this.placeholderNode})},t}(a.PureComponent),Re=Le.bind(null,Te),ze=(Le.bind(null,Pe),n(81886)),Ve=n(56050),_e=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(ke||(ke={}));var De=function(e,t,n){var a,r=e.x,i=e.y,o=e.width,c=e.height,l=document.getElementById("content-width-reference");if(!l)return{};var s=t||1.2*o,u=t?t*(c/o):1.2*c,d=t?s/o:1.2;a=r-(s-o)/2,s<n&&(a-=(n-s)/2,u=c*(d=(s=n)/o));var m=i-(u-c)/2+window.scrollY,v=a,p=ke.Center;return a-l.offsetLeft<8&&(v=r-4,p=ke.Left),l.offsetWidth+l.offsetLeft-(a+s)<8&&(v=t?r+o-t:r-o*(d-1)+8,p=ke.Right),{left:v,top:m,height:u,width:s,transformOrigin:p,position:"absolute",originalWidth:o,originalHeight:c}};const Ue={positionWrapper:"jO7pW"};function Be(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,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 He(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?He(e,t):void 0}}(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 He(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function We(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=r().useContext(_e).setPreviewContentNode;void 0===u&&ze.Q.ErrorHelper.throw(new Ve.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=r().useMemo((function(){return Re()}),[]),m=Be(function(e){var t=ie(a.useState(e),2),n=t[0],r=t[1],i=a.useRef(Object.assign({},ue)),o=a.useRef(!1),l=a.useRef(0),s=a.useRef(null),u=ie(a.useState(!1),2),d=u[0],m=u[1];function v(){l.current&&(window.clearTimeout(l.current),l.current=0)}function p(){o.current=!0}function f(e){if(o.current){var t,a,r=Object.assign({},i.current);i.current.screenX=e.screenX,i.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>le||Math.abs(e.screenY-t.screenY)>le}(r,e)&&v(),t=function(){de(s,n),m(!0)},a=n.delay||ce,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),me(s,n),o.current=!1,m(!1)}return a.useEffect((function(){ae.t.isEqual(e,n)||r(e)}),[e]),a.useLayoutEffect((function(){if(s.current){var e=c.q.throttle(f,25,{leading:!1});return s.current.addEventListener("mouseenter",p),s.current.addEventListener("mousemove",e),s.current.addEventListener("mouseleave",g),function(){s.current&&(s.current.removeEventListener("mouseenter",p),s.current.removeEventListener("mousemove",e),s.current.removeEventListener("mouseleave",g))}}}),[s.current,n]),[s,d]}({delay:100}),2),v=m[0],p=m[1],f=Be(ve(),2),g=f[0],y=f[1],h=Be(r().useState(!1),2),b=h[0],E=(h[1],r().useRef(null)),w=r().useRef(!1),N=p||y;r().useEffect((function(){w.current!==N&&(u(N||b?d:null),w.current=N)}),[N]);var C=(null===(n=null===(t=E.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},O=C.x,S=C.y,x=C.width,j=C.height,k=r().useMemo((function(){return De({x:O,y:S,width:x,height:j},s,l)}),[O,S,x,j]),A=i;return r().createElement("div",{ref:E},r().createElement("div",{ref:v},r().createElement(A,Object.assign({isHovering:!1},o))),(N||b)&&r().createElement(Me,{node:d},r().createElement("div",{className:"".concat(Ue.positionWrapper),style:k,ref:g},r().createElement(A,Object.assign({isHovering:!0,hoverPositionConfig:k},o)))))}We.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};const Ze={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function Qe(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center mr-1 cursor-pointer ".concat(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 user-select-none"},e.text))}var qe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(Qe,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),Xe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t,onTouchStart:function(){var t;null===(t=e.setActive)||void 0===t||t.call(e,(function(e){return!e}))}},r().createElement(Qe,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Ge=n(44829),Ye=n(83345);const $e={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Je(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 Ge.Q.Pedagogy:case Ge.Q.Skill:return"pedagogy-tag text-white";case Ge.Q.Hidden:return"hidden-tag";case Ge.Q.Normal:default:return""}}(v)),f=v===Ge.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+=" "+$e.disabled),e.onRemove&&(p+=" "+$e.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($e.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function Ke(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 et(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Ge.Q.Pedagogy:return 0;case Ge.Q.Skill:return 1;default:return 2}}function tt(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Ke(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 Ke(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)?Ke(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 et(e)-et(t)}));return r().createElement("div",{className:$e.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(Je,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const nt={itemContainer:"KQ5Wt"};var at="shared.whyThisVideo";function rt(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===Ge.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===Ge.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(Ye.x,{namespace:at,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(nt.itemContainer)},r().createElement(Je,{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(Ye.x,{namespace:at,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(nt.itemContainer)},r().createElement(tt,{tags:s}))))}var it=n(97395),ot=n(92582),ct=n(67453),lt=n(1164),st=n(3747);function ut(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 dt={imageStyle:"I9E5O",item:"tqUFn",background:"s1dNr",thumbnailContainer:"EDiGi",teacherPack:"_tdVE",text:"g5NWS",hoverState:"xRYhX",atomGuide:"X39wU",studentActivity:"X9pMl",additionalMaterials:"qRVUo",userUploaded:"_18JaV",imageTypeResource:"KYtZL"};var mt={width:200,resizeType:w.Nq.Cover};function vt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return ct.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},mt));var i=it._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===lt.L.Pdf?ct.j.createResourceImage(i,t.url,mt):t.metadata.type===lt.L.Image?ct.j.createUrl(t.url,{size:w.h2.Medium,resizeType:w.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?ct.j.createResourceImage(i,t.pdf.url,mt):(t.metadata.type,lt.L.Zip,"/images/zip-resource.png"):ct.j.createResourceImage(i,t.url,Object.assign({},mt))}function pt(e){var t;return"metadata"in e?e.metadata.type===lt.L.Pdf?w.__.Pdf:e.metadata.type===lt.L.Image?w.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?w.__.Pdf:(e.metadata.type,lt.L.Zip,w.__.Thumbnails):w.__.Link}function ft(e){var t,n=function(){var e,t,n=(0,st.a)("(max-width: 575px)"),a=(0,st.a)("(min-width: 576px) and (max-width: 767px)"),i=(0,st.a)("(min-width: 768px) and (max-width: 991px)"),o=(0,st.a)("(min-width: 992px) and (max-width: 1199px)"),c=(0,st.a)("(min-width: 1200px) and (max-width: 1439px)"),l=(0,st.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 ut(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)?ut(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!==lt.L.Image&&(e.metadata.type===lt.L.Pdf?!e.url:!(null===(t=e.pdf)||void 0===t?void 0:t.url)))}function gt(e){var t,n,a,o,c,l,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(a=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==a?a:0);var m="".concat(null!==(c=null===(o=e.theme)||void 0===o?void 0:o.containerClass)&&void 0!==c?c:""," pt-3 px-3 rounded-lg d-flex flex-column align-items-center")+" justify-content-end ".concat(function(e){switch(e){case"atom-guide":return dt.atomGuide;case"student-activity":return dt.studentActivity;case"teacher-pack":return dt.teacherPack;case"additional-materials":return dt.additionalMaterials;default:return dt.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(dt.background," ").concat(e.applyHoverState?dt.hoverState:""," ");return r().createElement("div",{className:m},!e.hideHeading&&r().createElement(z.u,{title:e.data.name},r().createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(dt.text)},r().createElement("span",{className:"clamp-1"},e.data.name))),r().createElement("div",{className:"".concat(null!==(s=null===(l=e.theme)||void 0===l?void 0:l.thumbnailContainerClass)&&void 0!==s?s:""," w-75 overflow-hidden ").concat(dt.thumbnailContainer," ").concat(dt.imageStyle)},r().createElement(E.Z,{data:vt(e.imageCdnUrl,e.data),imageType:pt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===lt.L.Image?"".concat(dt.imageTypeResource," ").concat(dt.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}gt.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=ft(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===Y.E.Resource?i.EntityType.Resource:i.EntityType.Link});function c(){ot.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(dt.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(gt,Object.assign({},t))):n?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:l,analyticsData:a,analyticsOptions:o},r().createElement(gt,Object.assign({},t))):s?r().createElement("a",{href:e.data.url,className:l,onClick:c},r().createElement(gt,Object.assign({},t))):r().createElement("div",{className:l},r().createElement(gt,Object.assign({},t)))))}));var yt={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 ht={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function bt(e){return r().createElement("div",{className:"".concat(ht.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(ht.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 Et(e){return function(e){if(Array.isArray(e))return wt(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 wt(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)?wt(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 wt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Nt=o.T.encloseNamespace("shared.whatsIncluded");function Ct(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(Et((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),Et((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 yt.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(bt,{text:Nt("totalInteractives",{smartCount:u}),svgName:l.vn.Interactive,iconVariant:"green"}),m>0&&r().createElement(bt,{text:Nt("totalResources",{smartCount:m}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},d.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(gt,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:ht.resourceContainer,thumbnailContainerClass:ht.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r().createElement(bt,{text:Nt("videoSettings"),svgName:l.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},v.join(", ")))))}function Ot(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 St(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)?St(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 St(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}Ct.defaultProps={isShowing:!0},n(63314);var xt=r().createContext({});const jt={hoverContainer:"TzWQw"};function kt(e){var t=r().useContext(xt);if(null==t||t.useInitialize(e),!t)return r().createElement(r().Fragment,null);if("picture-in-picture"===t.mode)return r().createElement(r().Fragment,null);if("default"===t.mode)return r().createElement(Fe,{node:t.portalNode});var n=t.started,a="".concat(jt.hoverContainer," ").concat(n?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:a},r().createElement(Fe,{node:t.portalNode}),";")}const At={videoTypeBadge:"qz_5t",animationWrapper:"Z1hPi",zoom:"g9v8i",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function It(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 Tt=function(e){var t,n,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,d=e.isHovering,m=e.hoverPositionConfig,f=v.M.getCanBeConsumed(a),g=f.canNavigate,y=f.canConsume,h=!v.M.isVideo(a),N=(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 It(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)?It(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=N[0],O=N[1],S=function(){var e=Ot(r().useState("none"),2),t=e[0],n=e[1],a=Ot(ve(),2),i=a[0],o=a[1],c=Ot(ve(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),x=S.videoGuidance,j=S.whyThisVideoRef,k=S.whatsIncludedRef,A=r().useMemo((function(){return v.M.showWhyThisVideo(a)}),[a]),I=r().useMemo((function(){return v.M.showWhatsIncluded(a)}),[a]),T="position-relative bg-white";e.extraClasses&&(T+=" ".concat(e.extraClasses)),d&&(T+=" rounded-lg shadow-lg");var P=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(a)}),L=e.isHovering&&y,F=p.showFavouriteButton(e.video,d),_=I||A,D="none"!==x,B=m?m.originalWidth/m.width:1;return r().createElement("div",{className:"".concat(T," ").concat(d?At.animationWrapper:""),style:{"--scale":B,transformOrigin:null==m?void 0:m.transformOrigin}},F&&r().createElement("div",{className:At.topRightContainer},r().createElement(b,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:P})),!g&&r().createElement("div",{className:At.topRightContainer},r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(R,null))),r().createElement("div",{className:"position-relative"},r().createElement(E.Z,{data:v.M.getThumbnail(a),appLink:g?o:null,imageType:w.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?At.preview:"rounded-lg ".concat(At.original)),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(V.oy,{type:V.mS.Video}),r().createElement(M,{video:a}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},h&&r().createElement("div",{className:At.videoTypeBadge},r().createElement(U,{video:a})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),L&&r().createElement(kt,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover"})),!d&&r().createElement(xe,Object.assign({},e)),r().createElement("div",{className:"".concat(At.details," ").concat(d?"".concat(At.isHovering," box-shadow"):"")},d&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(C?"box-shadow":""," ").concat(d?At.videoGuidanceTags:"")},r().createElement(xe,Object.assign({},e)),_&&d&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},A&&r().createElement(Xe,{ref:j,active:"why-this-video"===x}),I&&r().createElement(qe,{ref:k,active:"whats-included"===x}))),_&&d&&r().createElement(Ce(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;C&&0===t?O(!1):!C&&t>0&&O(!0)}},r().createElement("div",{className:"".concat(At.dropdown," ").concat(D?At.show:"")},"why-this-video"===x&&r().createElement(rt,{video:e.video}),"whats-included"===x&&r().createElement(Ct,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==x&&r().createElement("div",{className:"pb-2"}))))))};function Pt(e){return r().createElement(r().Fragment,null,r().createElement(We,{hoverableComponent:Tt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function Lt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(we,Object.assign({},e));case"expandable":return a.createElement(W,Object.assign({},e));case"popout":return a.createElement(Pt,Object.assign({},e));default:return}}Lt.defaultProps={hideRating:!0,size:"md"}},38647:(e,t,n)=>{n.d(t,{m:()=>u});var a=n(1024),r=n.n(a),i=n(58130),o=n(36532),c=n(83914),l=n(11025),s=n(26361);function u(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=s.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(o.u,{spanHack:!0,spanHackClassName:e.className||"pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(c.x,{svgName:i.vn.Lock,size:"sm"===e.size?c.S.Small:c.S.Standard})):r().createElement(r().Fragment,null)}},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})}}}}}]);
@@ -1 +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])}}}]);
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/share/links/".concat(e,"/privacy"),key:"update:privacy",type:a.k.PUT,data:{privacy:t},invalidationKeys:"privacy",normalize:!1,success:r,error:n}}}},19765:(e,t,r)=>{r.d(t,{O:()=>b,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 h(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 b(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(h,{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={})),b.defaultProps={layout:o.CircleOnly}},94892:(e,t,r)=>{r.d(t,{X:()=>a});var a={HIGH:.75,MODERATE:.5}},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:()=>g});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),h=s.T.encloseNamespace("reportsInteractives.hooks");function b(){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,h("noResultsHeading")),n().createElement(d.u.Info,{className:"w-100"},h("noResultsDescription")))}function g(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,g=!!d.data&&!y,k=c.a.useBasicFetch(g&&u.o.getShareLinkByObjectId(e)),S=c.a.useBasicFetch(g&&u.o.getSentDirectShareByObjectId(e)),E=!!k.hasCompleted&&k.statusCode===o.o.NotFound,I=!!S.hasCompleted&&S.statusCode===o.o.NotFound,j=E&&I;n().useEffect((function(){j&&!s&&(l.SG.cacheSet(a,!0),p.M.render(n().createElement(b,null),{title:h("shareInteractive"),buttonContainerClassName:"border-top-0 justify-content-center mt-n4 pb-3",submitButtonProps:{text:h("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"}}))}),[j,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 l(e){return l="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},l(e)}function u(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===l(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,p="shared.shared-utils",d={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(p,"exchange");case r.Workspace:return i.T.getPhrase(p,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=(u(t={},c.L.Pdf,o.vn.FilePDF),u(t,c.L.Image,o.vn.FileImg),u(t,c.L.PowerPoint,o.vn.FilePowerpoint),u(t,c.L.Document,o.vn.FileWord),u(t,c.L.Excel,o.vn.FileExcel),u(t,c.L.Zip,o.vn.FileZip),u(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(p,"pdf");case c.L.Image:return i.T.getPhrase(p,"image");case c.L.Document:return i.T.getPhrase(p,"document");case c.L.Excel:return i.T.getPhrase(p,"spreadsheet");case c.L.PowerPoint:return i.T.getPhrase(p,"presentation");case c.L.Zip:return i.T.getPhrase(p,"zipArchive");case c.L.File:return i.T.getPhrase(p,"file");default:return""}}},m=n(93264),f=n(36532),g=n(83914),v=n(5960),y=n(26361),b=i.T.encloseNamespace("shared.badges");function h(e){var t=e.type,n=e.data;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 r=function(e,t){var n="";if(e===s.DurationApproximate&&(n="duration-badge-new px-2 rounded-pill text-nowrap d-flex align-items-center"),e===s.DurationExact&&(n="duration-badge"),e===s.Interactive&&(n="interactive-badge"),e===s.Rating&&(n="rating-badge ".concat(d.mapRatingToClass(t.value))),e===s.ProductionYear&&(n="production-year-badge"),e===s.Resources&&(n="resources-badge"),e===s.Captions)return"p-0";if(e===s.Status)return"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 px-2 rounded-pill text-nowrap d-flex align-items-center";case v.X.Pending:case v.X.Processing:return"badge-warning"}}(t));if(e===s.Trending)return"trending-badge px-2 d-flex align-items-center";if(e===s.Count&&(n="count-badge px-1 rounded"),e===s.Restriction){var r=y.l.mapRestrictionToClass(t.restrictions);return"restriction-badge badge-pill px-2 d-flex align-items-center ".concat(r)}return"".concat("badge"," ").concat(n)}(t,n);r="".concat(r," ").concat(e.inline?"d-inline-block":"d-flex justify-content-center");var i=function(e,t){return e===s.Interactive?b("interactive"):e===s.DurationApproximate?m.T.ToDisplayDurationNewStyle(t):e===s.DurationExact?m.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:e===s.Restriction?a.createElement(a.Fragment,null,a.createElement(g.x,{svgName:y.l.mapRestrictionToSvg(t.restrictions)}),a.createElement("span",null,y.l.mapRestrictionToText(t.restrictions,t.yearGroups))):void 0}(t,n),c=function(e,t){return e===s.Rating?{title:t.name,placement:"top"}:null}(t,n),l=e.inline&&"";return c?a.createElement("span",{className:"badge-wrapper"},a.createElement(f.u,Object.assign({},c,{spanHack:!0,spanHackClassName:l}),a.createElement("span",{className:r},i))):a.createElement("span",{className:"".concat(r," badge-wrapper")},i)}!function(e){e.DurationExact="duration-exact",e.DurationApproximate="duration-approximate",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",e.Restriction="restriction"}(s||(s={}))},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:()=>m});var r=n(1024),a=n.n(r),i=n(81886),o=n(75795),c=n(11607),l=n(8493),u=n(92582);const s={pillTabSelector:"Hdi6o",pillItem:"hUJx1"};var p=n(61105);function d(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(l.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(p.C,{type:p.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&&u.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},e.name,"number"==typeof e.count&&a().createElement("div",{className:"pl-2"},a().createElement(p.C,{type:p.g.Count,data:e.count}))))}))))}function m(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(d,{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=[],l=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)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:()=>T,yH:()=>E});var r=n(1024),a=n.n(r),i=n(23481),o=n(83914),c=n(58130),l=n(2948),u=n(83523),s=n(79489);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var d=i.T.encloseNamespace("reportsShared.anonymiseAction");function m(){var e,t,n=(e=(0,l.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=[],l=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(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)?p(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"},d("hideNames")),a().createElement(u.Z,{on:r,onClick:function(){}}))}var f=n(80763),g=n(28512),v=n(92209),y=n(62798),b=n(51644),h=i.T.encloseNamespace("reportsShared.utils");function E(e){var t=(0,f.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(m,null)}}),n}}function T(){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}}}]}}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[306],{76264:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(1024),a=n.n(r),i=n(23481),l=n(36532),o=n(19765),c=i.T.encloseNamespace("interactives.pendingIndicator");function u(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=function(){return a().createElement("div",{className:u(e)},!!e.showLabel&&a().createElement("em",null,c("pending")),a().createElement(o.O,null))};return e.title?a().createElement(l.u,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100 d-flex align-items-center"},a().createElement(t,null)):a().createElement(t,null)}},99943:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(1024),a=n(83850),i=n(99827);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,r.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],u=o[1],s=(0,a.u)((0,i.b)());return(0,r.useEffect)((function(){u((function(e){return!e}))}),[e.isFetching]),(0,r.useEffect)((function(){u((function(e){return!e}))}),[s]),c}},54679:(e,t,n)=>{n.d(t,{Y:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o,c=(n=(0,a.D)(i.y.AUDIENCE_FILTER_SELECTED_COUNT),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){e.data?c(e.data.studentCount):c(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},84049:(e,t,n)=>{n.d(t,{P:()=>d});var r=n(1024),a=n(2948),i=n(22902),l=n(16714),o=n(79489),c=n(99827),u=n(39553);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=(0,(0,i.T)().hasPermissions)(l.C.ViewCustomerAnalytics),m=(0,c.R)(),f=d&&!!m,v=(0,u.W)(f&&e,{start:null==m?void 0:m.start,end:null==m?void 0:m.end}),y=(t=(0,a.D)(o.y.AUDIENCE_FILTER_SUGGESTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){var e,t;v.data&&y("users",null===(t=null===(e=v.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[v.isFetching])}},35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),o=n(23049),c=n(39151),u=n(639),s=n(25691);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=l.T.encloseNamespace("shared.confirmationPopup");function f(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],l=a[1];return r.createElement(u.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(s.u,null,r.createElement(s.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||m("cancel")}),r.createElement(s.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||m("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(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})}}]);
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[306],{76264:(e,t,n)=>{n.d(t,{O:()=>s});var r=n(1024),a=n.n(r),i=n(23481),l=n(36532),o=n(19765),c=i.T.encloseNamespace("interactives.pendingIndicator");function u(e){var t="d-flex align-items-center h-100";return t+=e.showLabel?" justify-content-between":" justify-content-center",e.className&&(t+=" ".concat(e.className)),t}function s(e){var t=function(){return a().createElement("div",{className:u(e)},!!e.showLabel&&a().createElement("em",null,c("pending")),a().createElement(o.O,null))};return e.title?a().createElement(l.u,{title:e.title,spanHack:!0,spanHackClassName:"h-100 w-100 d-flex align-items-center"},a().createElement(t,null)):a().createElement(t,null)}},99943:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(1024),a=n(83850),i=n(99827);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,r.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],u=o[1],s=(0,a.u)((0,i.b)());return(0,r.useEffect)((function(){u((function(e){return!e}))}),[e.isFetching]),(0,r.useEffect)((function(){u((function(e){return!e}))}),[s]),c}},54679:(e,t,n)=>{n.d(t,{Y:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o,c=(n=(0,a.D)(i.y.AUDIENCE_FILTER_SELECTED_COUNT),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(n,o)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){e.data?c(e.data.studentCount):c(null)}),[null===(t=e.data)||void 0===t?void 0:t.studentCount])}},84049:(e,t,n)=>{n.d(t,{P:()=>d});var r=n(1024),a=n(2948),i=n(22902),l=n(16714),o=n(79489),c=n(99827),u=n(39553);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){var t,n,d=(0,(0,i.T)().hasPermissions)(l.C.ViewCustomerAnalytics),m=(0,c.R)(),f=d&&!!m,v=(0,u.W)(f&&e,{start:null==m?void 0:m.start,end:null==m?void 0:m.end}),y=(t=(0,a.D)(o.y.AUDIENCE_FILTER_SUGGESTIONS),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){var e,t;v.data&&y("users",null===(t=null===(e=v.data)||void 0===e?void 0:e.students)||void 0===t?void 0:t.map((function(e){return e.user.id})))}),[v.isFetching])}},35802:(e,t,n)=>{n.r(t),n.d(t,{InteractiveQuestionListView:()=>ce});var r=n(1024),a=n.n(r),i=n(20354),l=n(23481),o=n(23049),c=n(39151),u=n(639),s=n(25691);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var m=l.T.encloseNamespace("shared.confirmationPopup");function f(e){var t,n,a=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],l=a[1];return r.createElement(u.G,{title:e.title,closePopup:e.closePopup},r.createElement(r.Fragment,null,e.children,r.createElement(s.u,null,r.createElement(s.u.Cancel,{onClick:e.closePopup,variant:e.cancelButtonVariant,text:e.cancelButtonText||m("cancel")}),r.createElement(s.u.Submit,{onClick:function(){l(!0),e.onClickConfirm()},text:e.confirmButtonText||m("confirm"),variant:e.confirmButtonVariant,showSpinner:i,disabled:e.disabledConfirmButton}))))}f.defaultProps={confirmButtonVariant:"primary",cancelButtonVariant:"link"};var v=n(30321),y=n(94884),p=n(87480),b=n(95601),h=n(36630),g=n(55554),E=n(21295),w=n(91470),A=n(71270),S=n(99943),I=n(84049),k=n(54679),j=n(39553),N=n(23178),C=n(57266),O=n(19390),M=n(22628),T=n(2948),x=n(28972),U=n(23232),B=n(83140),R=n(80845),L=n(20650),_=n(55884),D=n(79489),F=n(39709),H=l.T.encloseNamespace("interactives.submitMarkedAnswers");function P(e){return a().createElement("div",{className:"d-flex justify-content-end pt-2"},a().createElement("button",{className:"btn btn-outline-dark",onClick:e.submit,disabled:e.disabled},H("submitAnswers")))}var V=n(86572),$=l.T.encloseNamespace("interactives.interactionResponseListHeader");function q(e){var t,n=null===(t=e.interaction.data)||void 0===t?void 0:t.suggestedResponse;return a().createElement("div",{className:"rounded bg-white"},a().createElement("div",{className:"p-2 position-relative"},a().createElement("div",{className:"d-flex"},a().createElement(V.y,{interaction:e.interaction,iconClassName:"flex-shrink-0"})),!!n&&a().createElement("div",{className:"mt-2"},a().createElement("strong",null,$("suggestedResponse")),a().createElement("p",{className:"m-0"},n))))}const K={awaitingMarking:"TXRuo"};function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var W=l.T.encloseNamespace("interactives.interactionResponseList");function G(e){var t,n,r,i,l=(n=e.interaction,e.results.students.filter((function(e){return B.A.isInteractionCorrect(n,(0,R.j_)(e))===x.w.AwaitingMarking}))),o=Object.keys(e.markedAnswers).length,c=(r=(0,T.D)(D.y.ANONYMISE_USERS),i=1,function(e){if(Array.isArray(e))return e}(r)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(r,i)||function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(r,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return(null===(t=e.results.students)||void 0===t?void 0:t.length)?a().createElement(a().Fragment,null,a().createElement(q,{interaction:e.interaction}),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o}),a().createElement("ul",{className:"list-unstyled mb-0"},e.results.students.map((function(t,n){var r="bg-white p-2";return l.some((function(e){return e.user.id===t.user.id}))&&(r+=" ".concat(K.awaitingMarking)),a().createElement("li",{key:n,className:"position-relative mt-2"},a().createElement(L.O,{interaction:e.interaction,studentResults:t,markedStatus:(0,M.HI)(e.interaction.id,t,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,showStudentDetails:!0,anonymisedUserName:c?(0,F.B)(t.user,!0):null,className:r,showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}))}))),!!l.length&&a().createElement(P,{submit:e.submitMarkedAnswers,disabled:!o})):a().createElement("div",{className:"d-flex flex-column h-100"},a().createElement(q,{interaction:e.interaction}),a().createElement(U.u,{className:"bg-white rounded mt-2 py-5 flex-grow-1 justify-content-center"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.NoResponses}),a().createElement(U.u.Heading,null,W("emptyStateHeading")),a().createElement(U.u.Info,null,W("emptyStateDescription"))))}var Y=l.T.encloseNamespace("interactives.selectedInteractionEmptyState");function X(){return a().createElement(U.u,{className:"rounded h-100 bg-white justify-content-center py-4"},a().createElement(U.u.Image,{src:_.W.EmptyStates.Interactives.SelectQuestion}),a().createElement(U.u.Heading,null,Y("emptyStateText")))}var Z=n(19765),z=n(76264),J=l.T.encloseNamespace("interactives.questionTable");function ee(e,t,n){var r=e.cells.find((function(e){return e.column.id===n})).value,a=t.cells.find((function(e){return e.column.id===n})).value;return r.awaitingMarking?-1:a.awaitingMarking||r.percentCorrect>=a.percentCorrect?1:-1}function te(e){var t;return a().createElement("div",{className:"d-flex align-items-center h-100 ".concat(null!==(t=e.className)&&void 0!==t?t:"")},e.children)}function ne(e){return a().createElement(te,{className:e.column.isSorted&&"font-weight-bold"},J(e.phraseKey))}var re={table:"bg-white rounded pb-2",header:"border-bottom px-2",headerCell:"p-2 d-flex align-items-center",cell:"px-2",row:"m-2 rounded py-1 ".concat("OTAmb"),selectedRow:"bg-light",sortIndicator:"ml-2"};function ae(e){var t,n,r,i=(t=e.interactive,n=e.results,r=e.refreshTable,a().useMemo((function(){return(0,R.Q)(t).map((function(e){return Object.assign(Object.assign({},e),{resultsSummary:(0,M.nq)(e,n)})}))}),[r])),l=e.selectedInteractionId&&(0,M.Zs)(e.interactive,e.selectedInteractionId);return a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(O.i,{key:e.selectedInteractionId,columns:[{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"#"})},accessor:"data",id:"index",Cell:function(e){var t=e.row.index;return a().createElement(te,null,t+1)},width:25,disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"question"})},accessor:"data",Cell:function(e){var t=e.row.original;return a().createElement(te,null,a().createElement("div",{className:"clamp-1"},a().createElement(V.y,{interaction:t})))},disableSortBy:!0},{Header:function(e){var t=e.column;return a().createElement(ne,{column:t,phraseKey:"score"})},accessor:"resultsSummary",id:"correctlyAnswered",Cell:function(e){var t=e.value,n=t.percentCorrect;return t.awaitingMarking?a().createElement("div",{className:"d-flex w-75"},a().createElement(z.O,{title:J("markingRequired"),className:"flex-grow-1",showLabel:!0})):a().createElement("div",{className:"w-75"},a().createElement(Z.O,{percentage:n,layout:Z.I.LabelBefore}))},width:80,sortDescFirst:!0,sortType:ee}],data:i,theme:re,onSelectRow:function(e){var t=e.original;C.e.updateParams({interactionId:t.id},{merge:!0})},initialSelectedRowIds:l?[l.id]:null,getRowId:function(e){return e.id},enableSort:!0})),a().createElement("div",{className:"col-6"},!!l&&a().createElement(G,{interaction:l,results:e.results,markedAnswers:e.markedAnswers,addMarkedAnswers:e.addMarkedAnswers,submitMarkedAnswers:e.submitMarkedAnswers,imageCdnUrl:e.imageCdnUrl}),!l&&a().createElement(X,null)))}var ie=n(52622);function le(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var oe=l.T.encloseNamespace("interactives.interactiveQuestionList");function ce(e){var t,n,r,l,u,s,d,m=(s=a().useState(!1),d=2,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(s,d)||function(e,t){if(e){if("string"==typeof e)return le(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?le(e,t):void 0}}(s,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=m[0],O=m[1],M=i.a.useBasicFetch(y.b.interactiveMetadata(e.interactiveMetadataId)),T=i.a.useBasicFetch((null===(t=M.data)||void 0===t?void 0:t.interactiveId)?y.b.interactive(M.data.interactiveId):null),x=(0,j.W)(e.interactiveMetadataId),U=i.a.useBasicFetch(c.L.config());(0,o.o)(M.data?oe("pageTitle",{interactive:M.data.name}):""),(0,p.U)(null===(n=M.data)||void 0===n?void 0:n.name),(0,g._)((0,E.yH)(M.data)),(0,I.P)(e.interactiveMetadataId),(0,k.Y)(x),(0,N.m)(e.interactiveMetadataId),(0,v.b)(M),(0,h.M)(M),(0,ie.v)([T,x,U]);var B=(0,S.b)(x),R=(0,b.D)(null===(r=T.data)||void 0===r?void 0:r.id,null===(l=M.data)||void 0===l?void 0:l.id,(function(){return O(!1)})),L=R.markedAnswers,_=R.addMarkedAnswers,D=R.submitMarkedAnswers,F=!!T.data&&!!x.data&&!!U.data;return a().createElement(a().Fragment,null,a().createElement("div",null,a().createElement(A.l,{interactiveMetadataId:e.interactiveMetadataId}),F?a().createElement(ae,{interactive:T.data,results:x.data,markedAnswers:L,addMarkedAnswers:_,submitMarkedAnswers:function(){return O(!0)},imageCdnUrl:U.data.imageCdnUrl,selectedInteractionId:e.interactionId,refreshTable:B}):a().createElement("div",{className:"row"},a().createElement("div",{className:"col-6"},a().createElement(w.I,null)))),C&&a().createElement(f,{title:oe("markPopupTitle",{smartCount:null!==(u=Object.keys(L).length)&&void 0!==u?u:0}),closePopup:function(){return O(!1)},confirmButtonText:oe("submit"),confirmButtonVariant:"dark",onClickConfirm:D},a().createElement("p",null,oe("markPopupBody"))))}},87480:(e,t,n)=>{n.d(t,{U:()=>o});var r=n(1024),a=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function o(e){var t,n,o=(t=(0,a.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,r.useEffect)((function(){return o(e),function(){o(null)}}),[e])}},83850:(e,t,n)=>{function r(e){var t=[];return Object.keys(e).forEach((function(n){var r=e[n];r&&t.push("".concat(n,":").concat(Array.isArray(r)?r.join(","):r))})),t.join(":")}n.d(t,{u:()=>r})}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[465],{5465:(e,t,n)=>{n.d(t,{oy:()=>d,mS:()=>c});var a=n(1024),r=n(83914),i=n(58130);const l={baseFallbackContainer:"ZvbeV",svgFallbackContainer:"atIHN",subjectFallbackContainer:"m20L7",subjectFallbackContainerSmall:"QIbxu",subjectFallbackContainerLarge:"z_sHT",seriesItemFallback:"epoLB",playlistItemFallback:"h1S5T",playlistFallback:"ZbKBN",posterFallback:"I1mTo",subjectFallback:"kNG8Z",fallbackThumbnailImage:"nKsWZ",videoFallback:"LolCW",folderFallback:"mdrT5"};var c,o,s,u=n(9085),m=n(7733);function d(e){var t,n=e.type,d=e.mediaType,f=e.extraClasses,p=e.containerClassSize;if(n===c.Video)return a.createElement("div",{className:"".concat(l.videoFallback," ").concat(e.extraClasses," bg-light-blue")});if(n===c.Folder)return a.createElement("div",{className:"".concat(l.folderFallback," ").concat(e.extraClasses," ").concat((0,u.x)(e.name,m.o))});var v=function(e){return e===c.SeriesThumbnail?l.seriesItemFallback:e===c.PlaylistThumbnail?l.playlistItemFallback:e===c.Playlist?l.playlistFallback:e===c.Series||e===c.TallSubject?l.posterFallback:e===c.Subject?"".concat(l.subjectFallback," svg-container d-inline-block"):""}(n),g=function(e){return e===c.SeriesThumbnail||e===c.PlaylistThumbnail?i.vn.Play:e===c.Playlist?i.vn.Image:e===c.Series?i.vn.Series:e===c.Subject||e===c.TallSubject?i.vn.Subject:""}(n),h=function(e){return e===c.Subject?r.S.ExtraLarge:r.S.Standard}(n),b="".concat(function(e,t,n){if(t===c.Subject){var a=n===s.Large?l.subjectFallbackContainerLarge:l.subjectFallbackContainerSmall;return"".concat(l.subjectFallbackContainer," ").concat(a)}return e===o.Svg?t===c.SeriesThumbnail||t===c.PlaylistThumbnail?"".concat(l.svgFallbackContainer," rounded-lg"):l.svgFallbackContainer:l.baseFallbackContainer}(d,n,p));return f&&(b+=" ".concat(e.extraClasses)),a.createElement("div",{className:b},d===o.Svg?a.createElement(r.x,{svgName:g,className:"".concat(v," ").concat(null!==(t=e.svgContainerClassName)&&void 0!==t?t:""),tagName:"div",size:h}):a.createElement("div",{className:l.fallbackThumbnailImage,style:{backgroundImage:"url('".concat(g,"')")}}))}!function(e){e[e.Playlist=0]="Playlist",e[e.PlaylistThumbnail=1]="PlaylistThumbnail",e[e.Series=2]="Series",e[e.SeriesThumbnail=3]="SeriesThumbnail",e[e.Subject=4]="Subject",e[e.TallSubject=5]="TallSubject",e[e.Video=6]="Video",e[e.Folder=7]="Folder"}(c||(c={})),function(e){e[e.Svg=0]="Svg",e[e.Image=1]="Image"}(o||(o={})),function(e){e[e.Large=0]="Large",e[e.Small=1]="Small"}(s||(s={})),d.defaultProps={mediaType:o.Svg,containerClassSize:s.Large}},7733:(e,t,n)=>{n.d(t,{o:()=>a});var a=["bg-pink","bg-orange"].concat(["bg-green","bg-cyan","bg-teal","bg-blue","bg-indigo","bg-purple"])},9085:(e,t,n)=>{function a(e,t){return t[e.charCodeAt(0)%t.length]}n.d(t,{x:()=>a})},22250:(e,t,n)=>{n.r(t),n.d(t,{SharedInteractivesView:()=>Je});var a=n(1024),r=n.n(a),i=n(58566),l=n(20354),c=n(23481),o=n(75896),s=n(23049),u=n(39151),m=n(19390),d=["second","minute","hour","day","week","month","year"],f=["秒","分钟","小时","天","周","个月","年"],p={},v=function(e,t){p[e]=t},g=[60,60,24,7,365/7/12,12];function h(e){return e instanceof Date?e:!isNaN(e)||/^\d+$/.test(e)?new Date(parseInt(e)):(e=(e||"").trim().replace(/\.\d+/,"").replace(/-/,"/").replace(/-/,"/").replace(/(\d)T(\d)/,"$1 $2").replace(/Z/," UTC").replace(/([+-]\d\d):?(\d\d)/," $1$2"),new Date(e))}var b=function(e,t,n){var a=function(e,t){return(+(t?h(t):new Date)-+h(e))/1e3}(e,n&&n.relativeDate);return function(e,t){for(var n=e<0?1:0,a=e=Math.abs(e),r=0;e>=g[r]&&r<g.length;r++)e/=g[r];return(e=Math.floor(e))>(0==(r*=2)?9:1)&&(r+=1),t(e,r,a)[n].replace("%s",e.toString())}(a,function(e){return p[e]||p.en_US}(t))};v("en_US",(function(e,t){if(0===t)return["just now","right now"];var n=d[Math.floor(t/2)];return e>1&&(n+="s"),[e+" "+n+" ago","in "+e+" "+n]})),v("zh_CN",(function(e,t){if(0===t)return["刚刚","片刻后"];var n=f[~~(t/2)];return[e+" "+n+"前",e+" "+n+"后"]}));var y,E=n(110),C=n(65858),k=n(79014),S=n(10874),N=n(36532),x=n(86509),w=n(42735);function j(e){var t=a.useMemo((function(){return e.actions.sort((function(e,t){return e.order-t.order}))}),[e.actions]),n=[],r=[];t.forEach((function(e){e.button?n.push(e):r.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),n.length||r.length?a.createElement("div",{className:i},a.createElement(a.Fragment,null,a.createElement("span",{className:"d-flex align-items-center"},n.length?n.map((function(e,t){return a.createElement(a.Fragment,{key:t},function(){if(e.label){var t=k.q.isFunction(e.label)?e.label:function(){return a.createElement(a.Fragment,null,e.label)};return a.createElement(w.K,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled},t())}var n=a.createElement(S.h,{appLink:e.appLink,href:e.href,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,openInNewTab:e.openInNewTab,disabled:e.disabled});return e.tooltip?a.createElement(N.u,{title:e.tooltip,spanHack:!0},n):n}())})):a.createElement(a.Fragment,null),e.sortComponent&&e.sortComponent,r.length?a.createElement(x.m,{actions:r,dropdownToggleClassName:e.actionsDropdownClassName}):a.createElement(a.Fragment,null)))):a.createElement(a.Fragment,null)}!function(e){e.DirectShare="DirectShare",e.ShareLink="ShareLink"}(y||(y={}));var I=n(88252),T=n(68626),F=n(54610),A=n(11025),O=n(4594),L=n(98236),H=n(5465),U=n(67453),M=n(7733),P=n(9085);const D={thumbnailFallbackSvg:"D4JFs",posterFallbackSvg:"bjUWl",coverFallbackSvg:"kdLpt"};var Z="rounded overflow-hidden";function R(e){var t=r().useCallback((function(t){var n;t&&e.fixedHeight&&(t.style.width="".concat(t.offsetHeight*(n=e.object,A.M.isVideoType(n)?16/9:n.typeId===O.E.Playlist?1:n.typeId===O.E.Series?9/16:void 0),"px"))}),[]),n={size:F.h2.Small},a=function(e){var t=U.j.getDisplayImageFromObject(e);if(A.M.isVideoType(e))return{image:t,imageType:F.__.Thumbnails,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Video})};switch(e.typeId){case O.E.Series:return{image:t,imageType:F.__.TallPosters,imageClassName:Z,imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Series,svgContainerClassName:D.posterFallbackSvg})};case O.E.Playlist:return{image:t,imageType:F.__.Covers,imageClassName:(null==t?void 0:t.url)?Z:"".concat(Z," ").concat((0,P.x)(e.name,M.o)),imageFallbackComponent:r().createElement(H.oy,{type:H.mS.Playlist,svgContainerClassName:(null==t?void 0:t.url)?D.coverFallbackSvg:"d-none",extraClasses:!(null==t?void 0:t.url)&&"bg-transparent"})}}}(e.object),i=a.image,l=a.imageType,c=a.imageClassName,o=a.imageFallbackComponent,s=A.M.isVideoType(e.object)&&!!e.showVideoMetadata;return r().createElement("div",{className:"d-flex align-items-center justify-content-center w-100 h-100"},r().createElement("div",{ref:t,className:e.fixedHeight?"h-100":"w-100"},s&&r().createElement(I.u,{video:e.object,imageOptions:n,textPosition:T.z.Independent,type:"cosmetic",appLink:e.appLink,analyticsOptions:{location:e.locationContext},hideDuration:!0,hideMask:!0,size:"sm"}),!s&&r().createElement(L.Z,{data:null==i?void 0:i.url,imageType:l,imageOptions:n,appLink:e.appLink,className:c},o)))}var V=n(55452),B=n(20789),_=n(83914),z=n(58130),$=n(60376),W=n(36511);const G={avatarContainer:"ByxQa",avatarWrapper:"qrp9b"};var q=5,K=c.T.encloseNamespace("reportsShare.sharedToAvatarList");function J(e){var t,n,a,i,l,c,s,u,m,d,f=(null===(t=e.recipient)||void 0===t?void 0:t.typeId)===O.E.User&&e.recipient,p=(null===(n=e.recipient)||void 0===n?void 0:n.typeId)===O.E.Classroom&&e.recipient,v=(null===(a=e.recipient)||void 0===a?void 0:a.typeId)===O.E.ClassroomGroup&&e.recipient,g="d-flex justify-content-center align-items-center text-white rounded-circle h-100 w-100";return r().createElement("div",{className:"".concat(G.avatarContainer," position-relative d-inline-block")},r().createElement("div",{className:"".concat(G.avatarWrapper," position-absolute w-100 h-100 bg-white rounded-circle"),style:{left:"".concat(-15*e.index,"%"),zIndex:q-e.index}},!!f&&r().createElement(N.u,{title:"".concat(f.name," ").concat(f.surname),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement(B.q,{imageUrl:null===(i=f.avatar)||void 0===i?void 0:i.url,imageCdnUrl:e.imageCdnUrl,initials:V.l.getInitials(f.name,f.surname)})),!!p&&r().createElement(N.u,{title:p.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Classrooms,svgSize:_.S.Large,variant:"teal"}))),!!v&&r().createElement(N.u,{title:v.name,spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:g},r().createElement($.f,{svgName:z.vn.Group,variant:(0,W.I)(null===(l=v.metadata)||void 0===l?void 0:l.colour)}))),!!e.hiddenRecipients&&r().createElement(N.u,{title:(c=e.hiddenRecipients,s=o.m.countBy(c,"typeId"),u=s[O.E.User],m=s[O.E.Classroom],d=s[O.E.ClassroomGroup],u&&m&&d?K("classroomsGroupsAndUsers",{userCount:u,classroomCount:m,groupCount:d}):u&&m?K("classroomsAndUsers",{userCount:u,classroomCount:m}):u&&d?K("groupsAndUsers",{userCount:u,groupCount:d}):m&&d?K("classroomsAndGroups",{classroomCount:m,groupCount:d}):u?K("users",{userCount:u}):m?K("classrooms",{classroomCount:m}):d?K("groups",{groupCount:d}):void 0),spanHack:!0,spanHackClassName:"h-100 w-100"},r().createElement("div",{className:"d-flex justify-content-center align-items-center border border-dark rounded-circle h-100 w-100"},"+".concat(e.hiddenRecipients.length)))))}function Q(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("anonymous"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Anonymous})))}function Y(){return r().createElement("div",{className:G.avatarContainer},r().createElement(N.u,{title:K("sharedLink"),spanHack:!0,spanHackClassName:"bg-light text-dark d-flex justify-content-center align-items-center rounded-circle h-100 w-100"},r().createElement(_.x,{svgName:z.vn.Link})))}function X(e){var t=e.recipients.length>q?e.recipients.slice(0,q-1):e.recipients,n=e.recipients.length>t.length?e.recipients.slice(q-1):[];return r().createElement("div",null,t.map((function(t,n){return r().createElement(J,{key:n,index:n,recipient:t,imageCdnUrl:e.imageCdnUrl})})),!!n.length&&r().createElement(J,{index:t.length,imageCdnUrl:e.imageCdnUrl,hiddenRecipients:n}))}var ee={groupByDateShared:function(e){var t=o.m.groupBy(e,"dateShared");return Object.keys(t).sort().reverse().reduce((function(e,n){var a=b(n);return e[a]||(e[a]=[]),e[a]=e[a].concat(t[n]),e}),{})}},te=n(8493),ne=n(49080);const ae={indicatorContainer:"T6YAv",indicator:"_MRHG"};var re=c.T.encloseNamespace("share.shareStatusIndicator");function ie(e){if(e.type===y.DirectShare)return re("active");switch(e.status){case ne.F.Active:return re("active");case ne.F.Expired:return re("expired")}}function le(e){if(e.type===y.DirectShare)return"bg-success";switch(e.status){case ne.F.Active:return"bg-success";case ne.F.Expired:return"bg-secondary"}}function ce(e){var t;return e.share.type!==y.DirectShare||(null===(t=e.share.recipients)||void 0===t?void 0:t.length)?e.share.type===y.ShareLink&&e.share.isPasswordProtected?r().createElement(N.u,{title:re("passwordProtected"),spanHack:!0},r().createElement(_.x,{svgName:z.vn.Lock,size:_.S.Small})):r().createElement(N.u,{title:ie(e.share),spanHack:!0,spanHackClassName:ae.indicatorContainer},r().createElement("div",{className:"".concat(ae.indicator," ").concat(le(e.share))})):r().createElement(r().Fragment,null)}var oe=n(83345);function se(e){return se="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},se(e)}var ue="share.sharedByMeTable",me=c.T.encloseNamespace(ue);function de(e){var t;if(e.type===y.ShareLink||!(null===(t=null==e?void 0:e.recipients)||void 0===t?void 0:t.length))return e.dateCreated;var n=e.recipients.map((function(e){return e.dateShared}));return n.sort((function(e,t){return E.O.isSame(e,t)?0:E.O.isAfter(e,t)?1:-2})),n.length?o.m.last(n):""}function fe(e,t,n,a,i,l,c){var o=[{Header:l?"":t,accessor:"sharedObject",id:"image",Cell:function(e){var t=e.value;return r().createElement("div",{className:"w-100"},r().createElement(R,{object:t,appLink:n(t),showVideoMetadata:!0,locationContext:C.LocationContext.SharedByMe}))},width:30},{accessor:"sharedObject",id:"name",Cell:function(e){var t,a=e.value;return a.name?A.M.isVideoType(a)&&!(null===(t=A.M.getCanBeConsumed(a))||void 0===t?void 0:t.canNavigate)?r().createElement("span",{className:"text-truncate"},a.name):r().createElement(te.F,{appLink:n(a),className:"text-truncate"},a.name):r().createElement("span",null,r().createElement(oe.x,{namespace:ue,phrase:"videoUnavailable"}))},width:60},{Header:0===e?me("sharedTo"):"",accessor:"shareRecipients",Cell:function(e){var t=e.value;return t?t.length?r().createElement(X,{recipients:t,imageCdnUrl:i}):r().createElement(Q,null):r().createElement(Y,null)},width:40},{Header:0===e?me("shared"):"",id:"dateShared",accessor:function(e){return b(e.dateShared)},width:40},{accessor:"sharedObject",id:"actions",Cell:function(e){var t=e.value;return r().createElement(j,{actions:a(t),className:"w-100 justify-content-end pr-2"})},width:20}],s={Header:t,accessor:"share",id:"status",Cell:function(e){var t=e.value;return r().createElement(ce,{share:t})},width:5},u={Header:me("views"),accessor:"viewCount",width:30};return l&&o.splice(0,0,s),c&&o.splice(o.length-1,0,u),o}function pe(e){var t,n,a,i,l,c=(t=e.sentShares,n=e.sharedObjects,a=e.shareRecipients,i=!!e.groupByDateShared,l=!!e.refreshTable,r().useMemo((function(){var e,r,l,c=[];return t.forEach((function(e){var t,r,i=n.find((function(t){return t.id===e.objectId})),l=null;e.type===y.DirectShare&&(l=[],null===(t=e.recipients)||void 0===t||t.forEach((function(e){var t=a.find((function(t){return t.id===e.id}));t&&l.push(t)}))),i&&c.push({share:e,sharedObject:i,shareRecipients:l,dateShared:de(e),viewCount:null!==(r=e.viewCount)&&void 0!==r?r:0})})),i?ee.groupByDateShared(c):(e={},r=me("title"),l=c,(r=function(e){var t=function(e,t){if("object"!==se(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==se(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===se(t)?t:String(t)}(r))in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e)}),[l]));return r().createElement(r().Fragment,null,Object.keys(c).map((function(t,n){return r().createElement(m.i,{key:n,columns:fe(n,t,e.getObjectAppLink,e.getObjectActions,e.imageCdnUrl,e.showStatus,e.showViewCount),data:c[t],theme:e.theme})})))}var ve=n(23232),ge=c.T.encloseNamespace("share.sharedByMeEmptyState");function he(e){return r().createElement(ve.u,null,r().createElement(ve.u.Image,{src:e.imageUrl}),r().createElement(ve.u.Heading,null,ge(e.useInteractiveCopy?"interactivesHeading":"genericHeading")),r().createElement(ve.u.Info,null,ge(e.useInteractiveCopy?"interactivesInfo":"genericInfo")),!!e.appLink&&r().createElement(ve.u.Cta,{appLink:e.appLink,text:ge("cta")}))}var be=n(30439),ye=n(50242),Ee=n(45719),Ce=400;function ke(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 Se(e,t,n,r,i,l){var c,o,s,u,m=(c=(0,a.useState)(0),o=2,function(e){if(Array.isArray(e))return e}(c)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(c,o)||function(e,t){if(e){if("string"==typeof e)return ke(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)?ke(e,t):void 0}}(c,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=m[0],f=m[1],p=t,v=(0,Ee.P)((function(t){if(!e)return null;var n=e(t);return n?n.key:null}),r,i);return s={fetchNextPage:function(){if(t&&e&&v)return f((function(e){return e+1})),p(v.nextCursor)},hasMore:!!(null==v?void 0:v.nextCursor),isFetching:null==v?void 0:v.isFetching,scrollContainer:l},u=function(){if(!s.isFetching){if(s.scrollContainer){var e=s.scrollContainer;if(e.getBoundingClientRect().height+e.scrollTop<e.scrollHeight-Ce)return}else if(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-Ce)return;s.fetchNextPage()}},(0,a.useEffect)((function(){var e=k.q.throttle(u,200),t=s.scrollContainer||window;return s.hasMore&&t.addEventListener("scroll",e),function(){return t.removeEventListener("scroll",e)}}),[s.hasMore,s.fetchNextPage,s.scrollContainer]),(0,a.useEffect)((function(){v&&v.shouldInitialFetch&&t&&(p(),f((function(e){return e+1})))}),[null==v?void 0:v.shouldInitialFetch,t]),(0,a.useEffect)((function(){var e,t;if((null==v?void 0:v.statusCode)&&k.q.isFunction(n)){var a=+(null===(t=null===(e=v.statusCode)||void 0===e?void 0:e.toString())||void 0===t?void 0:t.substr(0,1));a!==ye.k.ClientError&&a!==ye.k.ServerError||n(d,v.statusCode)}}),[null==v?void 0:v.statusCode]),{items:null==v?void 0:v.items,hasMore:!!(null==v?void 0:v.nextCursor),nextCursor:null==v?void 0:v.nextCursor,isFetching:null==v?void 0:v.isFetching,totalItems:null==v?void 0:v.totalItems}}var Ne=n(99910),xe=n(64038);const we={container:"VwD1b",spinner:"eJ85e"};function je(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 Ie(e){var t,n,r=(t=xe.useInView(),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return je(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)?je(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=r[0],l=r[1];return a.useEffect((function(){var t;e.fetchOnScroll&&l&&!e.isFetching&&(null===(t=e.fetchNext)||void 0===t||t.call(e,e.nextCursor))}),[l,e.isFetching]),a.createElement("div",{className:"p-3 text-center ".concat(we.container),ref:i},e.isFetching?a.createElement(Ne.Spinner,{as:"span",animation:"border",role:"status",className:we.spinner}):a.createElement(_.x,{svgName:z.vn.ChevronDown,className:"svg-container cursor-pointer",size:_.S.Large,onClick:function(){var t;return null===(t=e.fetchNext)||void 0===t?void 0:t.call(e,e.nextCursor)}}))}function Te(e,t){if(e){if("string"==typeof e)return Fe(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)?Fe(e,t):void 0}}function Fe(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 Ae(e,t){var n,a,c=(n=r().useState([]),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(n,a)||Te(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=c[0],s=c[1];r().useEffect((function(){if(null==e?void 0:e.length){var t=function(e){return function(e){if(Array.isArray(e))return Fe(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Te(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(o);t.push([]),e.forEach((function(e){t.find((function(t){return t.find((function(t){return t===e}))}))||t[t.length-1].push(e)})),s(t.filter((function(e){return e.length})))}}),[e?e.join(","):null]);var u=(0,i.useDispatch)(),m=(0,i.useSelector)((function(e){return e}));if(r().useEffect((function(){o.forEach((function(e){var n=t(e);l.a.getResponse(m,n.key).shouldFetch&&l.a.fetch(u,n)}))}),[null==o?void 0:o.length]),!(null==o?void 0:o.length))return{items:null,isFetching:!1};var d={},f={};return o.forEach((function(e,n){var a=t(e),r=l.a.getResponse(m,a.key);f[n]=r,r.data&&r.data.forEach((function(e){return d[e.id]=e}))})),{items:Object.keys(f).some((function(e){return!!f[e].data}))?d:null,isFetching:!!Object.keys(f).some((function(e){return f[e].isFetching}))}}Ie.defaultProps={fetchOnScroll:!1};var Oe=n(87480),Le=n(91470),He=n(38477),Ue=n(55884),Me=n(99827),Pe=n(28512),De=n(92209),Ze=n(83850),Re=n(80763),Ve=n(51644);function Be(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return _e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_e(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ze=c.T.encloseNamespace("reportsInteractives.sharedInteractives");function $e(e){return e.items?Object.values(e.items):[]}function We(){var e=(0,Me.b)();return function(t){return{application:Pe.O.INTERACTIVES,action:De.e.Interactives.OVERVIEW,args:[t.id],params:e}}}function Ge(){var e=(0,Me.b)();return"shared:interactives:table:".concat((0,Ze.u)(e))}var qe=c.T.encloseNamespace("reportsInteractives.sharedInteractives"),Ke={table:"bg-white rounded mb-4",header:"border-bottom font-weight-500 pl-3",headerCell:"p-3",row:"pl-3",cell:"d-flex align-items-center p-3"};function Je(){var e,t=(0,i.useDispatch)();(0,s.o)(qe("interactives")),(0,Oe.U)(qe("interactives"));var n,a=Ge(),c=We(),m=function(){var e=We(),t=(0,Re.L)(Ve.P.getPrimaryObjectUrl);return function(n){if(!A.M.getCanBeConsumed(n).canConsume)return[];var a=[{tooltip:ze("viewResults"),svgName:z.vn.Chart,appLink:e(n),className:"mr-2",button:!0},{label:ze("editShareSettings"),appLink:{application:Pe.O.DEFAULT,action:De.e.Default.SHARE,args:[n.id],params:{entityType:"interactive"}}}];return t&&a.push({label:ze("viewOriginal"),href:t(n),openInNewTab:!0}),a}}(),d=!!(n=(0,Me.R)())&&function(e){var t=n.start,a=n.end,r=n.userId,i=n.groupId;return be.o.sentShare({start:t,end:a,recipientUserId:r,recipientGroupId:i,objectTypeId:O.E.Interactive,cursor:e})};function f(e){d&&l.a.getFetch(t)(d(e))}var p=Se(d,f),v=p.items,g=p.hasMore,h=p.isFetching,b=p.nextCursor,E=Ae(o.m.uniq(null!==(e=null==v?void 0:v.map((function(e){return e.objectId})))&&void 0!==e?e:[]),(function(e){return be.o.sharedObjectsById(e)})),C=function(e){var t=o.m.flatten(function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e.type===y.DirectShare})))&&void 0!==t?t:[]}(e).map((function(e){var t;return null!==(t=e.recipients)&&void 0!==t?t:[]})));return o.m.uniq(t,"id").map((function(e){return e.id}))}(v),k=Ae(C,(function(e){return be.o.getRecipientsById(e)})),S=l.a.useBasicFetch(u.L.config()),N=function(e,t,n,a,i){var l=Ge(),c=Be(r().useState(t),2),o=c[0],s=c[1],u=Be(r().useState(a),2),m=u[0],d=u[1];return r().useEffect((function(){s(t),d(a)}),[l]),r().useEffect((function(){t&&s(!0)}),[t]),r().useEffect((function(){a&&d(!0)}),[a]),!(e&&!e.length)&&(!e||!o||n.length&&!m||!i.data)}(v,!!E.items,C,!!k.items,S),x=h||E.isFetching||k.isFetching;return N?r().createElement(Le.I,{variant:"interactives"},r().createElement(He.W,{variant:"interactives"})):v.length?r().createElement(r().Fragment,null,r().createElement(pe,{key:a,sentShares:v,sharedObjects:$e(E),shareRecipients:$e(k),getObjectAppLink:c,getObjectActions:m,imageCdnUrl:S.data.imageCdnUrl,theme:Ke,showStatus:!0,showViewCount:!0,refreshTable:x}),(g||x)&&r().createElement(Ie,{isFetching:x,fetchNext:f,nextCursor:b})):r().createElement("div",{className:"bg-white rounded my-3 py-5"},r().createElement("div",{className:"pb-5"},r().createElement(he,{imageUrl:Ue.W.EmptyStates.Interactives.SharedInteractives,useInteractiveCopy:!0})))}},38477:(e,t,n)=>{n.d(t,{W:()=>m});var a=n(1024),r=n.n(a),i=n(99910),l=n(95602);function c(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.videoItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:4,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function o(){return r().createElement(i.Row,{className:"py-1 ".concat(l.Z.interactiveItemContainer)},r().createElement(i.Col,{xs:1,className:"d-flex align-items-center justify-content-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialNumber)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block"},r().createElement("div",{className:"partial-loading-background rounded ".concat(l.Z.partialThumbnail)}))),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-n2 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialAvatar)})),r().createElement(i.Col,{xs:2,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialMediumText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background mx-4 ".concat(l.Z.partialNumber)})))}function s(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:9,className:"d-flex align-items-center"},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialLongText)})),r().createElement(i.Col,{xs:3,className:"d-flex align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialNumber," ").concat(l.Z.onlineUserContainer)})))}function u(){return r().createElement(i.Row,{className:"my-2 ".concat(l.Z.userItemContainer)},r().createElement(i.Col,{xs:2,className:"d-flex align-items-center "},r().createElement("div",{className:"partial-loading-background ml-3 ".concat(l.Z.partialAvatar)}),r().createElement("div",{className:"partial-loading-background mx-2 ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"d-block partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:2,className:"d-flex justify-content-center align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.partialShortText)})),r().createElement(i.Col,{xs:6,className:"d-flex justify-content-between align-items-center"},r().createElement("div",{className:"partial-loading-background ".concat(l.Z.heatMapItemContainer," ").concat(l.Z.partialHeatMap)})))}function m(e){return r().createElement("div",{className:"my-1"},Array(e.itemCount).fill(null).map((function(t,n){return function(e,t){switch(e){case"video-views":return r().createElement(c,{key:t});case"interactives":return r().createElement(o,{key:t});case"online-users":return r().createElement(s,{key:t});case"engagement-users":return r().createElement(u,{key:t});default:return r().createElement(r().Fragment,null)}}(e.variant,n)})))}m.defaultProps={itemCount:7}},80763:(e,t,n)=>{n.d(t,{L:()=>l});var a=n(20354),r=n(12754),i=n(70145);function l(e){var t,n=null===(t=a.a.useBasicFetch(i.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===r.x.Primary}));if(n)return function(t){return e(n,t)}}},87480:(e,t,n)=>{n.d(t,{U:()=>c});var a=n(1024),r=n(2948),i=n(79489);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function c(e){var t,n,c=(t=(0,r.D)(i.y.HEADER_TITLE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,c=[],o=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[1];(0,a.useEffect)((function(){return c(e),function(){c(null)}}),[e])}},83850:(e,t,n)=>{function a(e){var t=[];return Object.keys(e).forEach((function(n){var a=e[n];a&&t.push("".concat(n,":").concat(Array.isArray(a)?a.join(","):a))})),t.join(":")}n.d(t,{u:()=>a})}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[523],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),r=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,d=2,o=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?o:d,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function p(e){return e>=r.X.HIGH?"text-success":e>=r.X.MODERATE?"text-warning":"text-danger"}function v(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),E(a)&&(t+=" ".concat(l.pendingCircle)),t}function E(e){return"number"!=typeof e}function C(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!E(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=r.X.HIGH?l.circleSuccess:a>=r.X.MODERATE?l.circleWarning:l.circleDanger)}))}function b(e){var a,t,n=function(e){if(!E(e))return+e.toFixed(2)}(e.percentage),r=e.layout===s.LabelInside?i.Large:i.Small,d=e.customLabel||(E(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},d):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},d),c().createElement("div",{className:v(r,n)},c().createElement(C,{percentage:n,size:r}),e.layout===s.LabelInside&&c().createElement("span",{className:l.centredPercentageText},d)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},21614:(e,a,t)=>{t.d(a,{U:()=>u});var n=t(1024),c=t.n(n),r=t(23481),l=t(28512),i=t(92209),s=t(44528),d=t(99827),o=r.T.encloseNamespace("reportsClips.clipNav");function u(e){var a,t,n=(a=(0,d.b)(),t=[e.id],[{label:o("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},36792:(e,a,t)=>{t.r(a),t.d(a,{ClipEngagementView:()=>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}}}}}]);
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(64639),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}}}}}]);