@clickview/reports 0.68.0-rc.0 → 0.69.0-rc.0

package/dist/scripts/{5304-423c68e702-reports.chunk.js → 5304-d5674b32b4-reports.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[5304],{16766:(e,t,n)=>{n.d(t,{Z:()=>v});var a=n(32735),r=n(1048),i=n(28825),l=n(34152);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const o="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var u=a.memo(function(e){var t,n,r=e.forceLoad,i=e.extraClasses,u=void 0===i?"":i,m=e.errorFallbackImageSrc,d=e.preventLoad,p=void 0!==d&&d,f=e.errorFallbackImageClassName,v=e.src,y=e.alt,g=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","errorFallbackImageClassName","src","alt"]),b=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,i=n.triggerOnce,o=void 0===i||i,s=(e=(0,l.YD)({triggerOnce:o,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,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 c(e,t);var n={}.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)?c(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],m=s[1],d=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(m=!0,u=null),{ref:u,inView:m,initialized:!!d}}({rootMargin:"500px"}),h=b.ref,E=b.inView,w=(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,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 s(e,t);var n={}.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.")}()),N=w[0],k=w[1];function S(){return N&&m?m:e.src}if(a.useEffect(function(){if((r||E)&&!p){var e=new Image;return e.onerror=function(){k(!0),m&&(e.src=m)},e.src=v,function(){return e.onerror=null}}},[E,p]),N&&!m)return a.createElement(a.Fragment,null);if(!h)return a.createElement("img",Object.assign({className:"".concat(o," ").concat(u," ").concat(N&&f||""),alt:y,src:S()},g));var x=Object.assign(Object.assign({alt:y},g),!E&&!r||p?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:S()});return r||(x.ref=h),a.createElement("img",Object.assign({className:"".concat(o," ").concat(u," ").concat(N&&f||"")},x))}),m=n(54610),d=n(67453);const p={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};function f(e){var t=p.image,n="";return e.imageType===m.__.Thumbnails&&(n="thumbnail ".concat(p.thumbnail)),e.imageType===m.__.TallPosters&&(n=p.tallPoster),e.imageType===m.__.Covers&&(n=p.cover),e.imageType===m.__.Banners&&(n=p.banner),e.imageType===m.__.Posters&&(n=p.poster),e.imageType===m.__.Pdf&&(n=p.pdf),e.imageType===m.__.Link&&(n=p.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function v(e){var t=e.data,n=e.imageOptions,l=e.appLink,c=e.preload,o=e.preventLoad,s=e.analyticsOptions,m=e.analyticsData,p=e.imageClassName,v=e.alt,y="";"string"==typeof t?y=t:r.t.isObject(t)&&(y=t.url);var g=y&&n?d.j.createUrl(y,n):y;return a.createElement("div",{className:f(e),style:e.imageStyle},a.createElement(i.F,{appLink:l,analyticsData:m,analyticsOptions:s,onClick:e.onClick,preventFocus:e.preventFocus,className:e.appLinkClassName},e.children,g&&a.createElement(u,{src:g,alt:v,forceLoad:c,preventLoad:o,extraClasses:p,errorFallbackImageSrc:e.errorFallbackImageSrc,errorFallbackImageClassName:e.errorFallbackImageClassName,onLoad:e.onLoad})))}},75621:(e,t,n)=>{n.d(t,{e:()=>u});var a=n(32735),r=n(23481),i=n(48605),l=n(92209),c=n(28512),o=n(99827),s=r.T.encloseNamespace("reportsVideos.schoolVideosNav");function u(){var e,t=(e=(0,o.b)(),[{label:s("overview"),appLink:{application:c.O.VIDEOS,action:l.e.Videos.HOME,params:e}},{label:s("views"),appLink:{application:c.O.VIDEOS,action:l.e.Videos.TOP_VIDEOS,params:e}}]);return a.createElement(i.m,{items:t})}},76278:(e,t,n)=>{n.r(t),n.d(t,{SchoolVideoOverviewView:()=>L});var a=n(32735),r=n(23481),i=n(61362),l=n(24685),c=n(55554),o=n(87480),s=n(21295),u=n(48490),m=n(6042),d=n(12977),p=n(20354),f=n(83345),v=n(94513),y=n(37851),g=n(92337),b=n(99827),h=n(90383),E=n(55884);const w={image:"BK61c"};var N=r.T.encloseNamespace("reportsShared.totalViewsByContentCardEmptyState");function k(){return a.createElement(h.u,{className:"flex-grow-1 justify-content-center"},a.createElement(h.u.Image,{src:E.W.EmptyStates.Shared.PuzzleGroup,className:w.image}),a.createElement(h.u.Heading,{className:"h6"},N("heading")),a.createElement(h.u.Info,{className:"w-100"},N("description")))}var S,x="reportsShared.videoViewsByContentCard",O=r.T.encloseNamespace(x);function C(){var e=(0,b.R)();function t(e){switch(e){case S.ClickView:return y.N.YELLOW;case S.TV:return y.N.PURPLE;case S.UserGenerated:return y.N.GREEN}}function n(e){switch(e){case S.ClickView:return O("clickview");case S.TV:return O("tv");case S.UserGenerated:return O("userGenerated")}}var r,i=(r=p.a.useBasicFetch(g.p.aggregation("content_type",e)).data)?r.filter(function(e){return e.name===S.ClickView||e.name===S.TV||e.name===S.UserGenerated}).map(function(e){return{name:n(e.name),y:e.count,color:t(e.name)}}):null;return a.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},i?a.createElement(a.Fragment,null,a.createElement("h2",{className:"h6 mb-3"},a.createElement(f.x,{namespace:x,phrase:"videoViews"})),i.length?a.createElement(v.C,{data:i}):a.createElement(k,null)):a.createElement("div",{className:"partial-loading-background w-25"}," "))}!function(e){e.ClickView="ClickView content",e.TV="TV content",e.UserGenerated="User generated content"}(S||(S={}));var V=n(62264),A=n(75621);const T={column1:"zttxc",column2:"G2SHk",videoViewsCard:"__vus"};var j=r.T.encloseNamespace("videos.schoolVideoOverview"),I=50;function L(){return(0,i.M)({title:j("videos")}),(0,o.U)(j("videos")),(0,c._)((0,s._R)()),a.createElement("div",null,a.createElement(A.e,null),a.createElement("div",{className:"d-flex gap-3"},a.createElement("div",{className:"d-flex flex-column gap-3 ".concat(T.column1)},a.createElement("div",{className:T.videoViewsCard},a.createElement(u.T,{type:"year_group"})),a.createElement("div",{className:T.videoViewsCard},a.createElement(V.M,null)),a.createElement("div",{className:T.videoViewsCard},a.createElement(C,null))),a.createElement("div",{className:"d-flex flex-column gap-3 ".concat(T.column2)},a.createElement("div",{className:T.videoViewsCard},a.createElement(m.m,{type:"user_type"})),a.createElement("div",{className:T.videoViewsCard},a.createElement(d.B,{type:l.T.RootTopic,heading:j("totalViewsSubject"),emptyStateText:j("emptySubjects"),limit:I})),a.createElement("div",{className:T.videoViewsCard},a.createElement(d.B,{type:l.T.ChildTopic,heading:j("totalViewsTopic"),emptyStateText:j("emptyTopics"),limit:I})))))}},94513:(e,t,n)=>{n.d(t,{C:()=>m});var a=n(32735),r=n(72306),i=n.n(r),l=n(70312),c=n.n(l),o=n(37851),s={chart:{spacing:[4,0,4,0]},title:{text:null},tooltip:{enabled:!1},credits:{enabled:!1},yAxis:{gridLineWidth:0,labels:{enabled:!1},title:{text:null},endOnTick:!0,tickAmount:10},xAxis:{lineWidth:0,labels:{style:Object.assign({},o.d)}},legend:{enabled:!1},plotOptions:{column:{borderRadius:4,dataLabels:{enabled:!0,style:o.d,inside:!1,crop:!1,overflow:"allow"},groupPadding:0,minPointLength:8}},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}}}]},u=function(e,t){return Object.assign(Object.assign({},s),{xAxis:Object.assign(Object.assign({},s.xAxis),{categories:e}),series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}},data:t}]})};function m(e){var t=u(e.data.map(function(e){return e.name}),e.data);return a.createElement(a.Fragment,null,a.createElement(c(),{highcharts:i(),options:t,containerProps:{className:"h-100"}}))}},48605:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(32735),r=n(81886),i=n(92582),l=n(28825),c=n(77369),o=n(11607),s=n(83914);const u={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"};function m(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(s.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function d(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(u.pillTabSelector,"\n        ").concat(e.borderRadius?u.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map(function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(u.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?u.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(l.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(u.tabLink,"\n                  ")},a.createElement(m,{tab:e})):a.createElement(o.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(u.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&i.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(m,{tab:e})))})))}d.defaultProps={borderRadius:"lg"};var p=n(75795);function f(e){var t=e.items.map(function(e){var t,n;return{name:e.label,onSelect:function(){return r.Q.C$.trigger(e.appLink)},active:e.appLink.action===(null===(n=null===(t=p.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})}},24685:(e,t,n)=>{var a;n.d(t,{T:()=>a}),function(e){e[e.RootTopic=1]="RootTopic",e[e.ChildTopic=2]="ChildTopic"}(a||(a={}))},43990:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(97395),r=n(62875);function i(e,t,n){return Object.assign(Object.assign({},e),{topicAnalyticsType:t,query:"cover",limit:n})}var l={topTopics:function(e,t,n,l,c){return{url:a._.urlBuilder("{gateway}/v1/analytics/topics/top",i(e,t)),key:(0,r.H)("top:topics:".concat(t),e),success:n,error:l,always:c}},topTopicsV2:function(e,t,n,l,c,o){return{url:a._.urlBuilder("{gateway}/v2/analytics/topics/top",i(e,t,n)),key:(0,r.H)("top:topics:".concat(t,":v2:").concat(n),e),success:l,error:c,always:o}},viewsByTopic:function(e,t,n,l,c){return{url:a._.urlBuilder("{gateway}/v1/analytics/topics/count",i(e,t)),key:(0,r.H)("views:topics:".concat(t),e),normalize:!1,success:n,error:l,always:c}}}},12977:(e,t,n)=>{n.d(t,{B:()=>h});var a=n(32735),r=n(42648),i=n(20354),l=n(28825),c=n(16766),o=n(26533),s=n(83345),u=n(54610),m=n(43990),d=n(99827);const p={cover:"z3ZBa",fallbackImage:"vS4fw"};function f(e){return a.createElement("div",{className:"d-flex position-relative mb-3"},a.createElement("div",{className:"".concat(p.fallbackImage," me-2")},a.createElement(o.oy,{type:o.mS.Subject,extraClasses:"border rounded"})),a.createElement("div",{className:"w-100"},a.createElement("div",{className:"partial-loading-background ".concat(e.className)}," ")))}function v(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background w-25 mb-3"}," "),a.createElement(f,{className:"w-25"}),a.createElement(f,{className:"w-50"}),a.createElement(f,{className:"w-33"}),a.createElement(f,{className:"w-25"}))}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var g="reportsShared.topClassificationsCard";function b(e){var t,n,r=(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,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 y(e,t);var n={}.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.")}()),i=r[0],l=r[1];return a.createElement("div",{className:"d-flex position-relative"},!i&&a.createElement(o.oy,{type:o.mS.Subject,extraClasses:"".concat(p.fallbackImage," border rounded")}),a.createElement("div",{className:"".concat(p.cover," flex-shrink-0 me-2 rounded overflow-hidden")},a.createElement(c.Z,{data:e.topClassification.collection.cover,imageOptions:{size:u.h2.Medium},onLoad:function(){return l(!0)}})),a.createElement("div",null,a.createElement("h3",{className:"h6 mb-0 clamp-2 mt-1"},e.topClassification.collection.name),a.createElement("p",null,a.createElement(s.x,{namespace:g,phrase:"views",options:{smartCount:e.topClassification.count}}))))}function h(e){var t,n=(0,d.R)(),c=i.a.useBasicFetch(!!n&&m.x.topTopicsV2(n,e.type,e.limit)),o=null===(t=c.data)||void 0===t?void 0:t.sort(function(e,t){return t.count-e.count});return a.createElement("div",{className:"d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3"},c.data?a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex justify-content-between"},a.createElement("h2",{className:"h6 mb-3"},e.heading),e.appLink&&e.appLinkText&&a.createElement(l.F,{appLink:e.appLink,className:"text-info"},e.appLinkText)),c.data.length?a.createElement(r.ZP,{className:"pb-3"},a.createElement("ul",{className:"list-unstyled m-0 pe-3"},o.map(function(e,t){return a.createElement("li",{key:t,className:"pb-3"},a.createElement(b,{topClassification:e}))}))):a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},e.emptyStateText)):a.createElement(v,null))}},62264:(e,t,n)=>{n.d(t,{M:()=>b});var a=n(32735),r=n(20354),i=n(83345),l=n(94513),c=n(92337),o=n(99827),s=n(39709),u=n(23481),m=n(90383),d=n(55884);const p={image:"wMBEp"};var f=u.T.encloseNamespace("reportsShared.totalViewsByRoleCardEmptyState");function v(){return a.createElement(m.u,{className:"flex-grow-1 justify-content-center"},a.createElement(m.u.Image,{src:d.W.EmptyStates.Shared.Ticket,className:p.image}),a.createElement(m.u.Heading,{className:"h6"},f("heading")),a.createElement(m.u.Info,{className:"w-100"},f("description")))}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var g="reportsShared.videoViewsByRoleCard";function b(e){var t=(0,o.R)(),n=function(e){if(!e)return null;var t,n,a=e.map(function(e){return{name:(0,s.jt)(e.name),y:e.count,color:(0,s.$v)(e.name)}}),r=a.findIndex(function(e){return"Staff"===e.name});if(r>-1){var i=(t=a.splice(r,1),n=1,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 y(e,t);var n={}.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.")}())[0];a.push(i)}return a}(r.a.useBasicFetch(e.videoId?c.p.videoAggregation(e.videoId,"user_type",t):c.p.aggregation("user_type",t)).data);return a.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},n?a.createElement(a.Fragment,null,a.createElement("h2",{className:"h6 mb-3"},a.createElement(i.x,{namespace:g,phrase:"videoViews"})),n.length?a.createElement("div",{className:"flex-grow-1 position-relative"},a.createElement("div",{className:"position-absolute w-100 h-100"},a.createElement(l.C,{data:n}))):a.createElement(v,null)):a.createElement("div",{className:"partial-loading-background w-25"}," "))}},34152:(e,t,n)=>{n.d(t,{YD:()=>s});var a=n(32735),r=(Object.defineProperty,new Map),i=new WeakMap,l=0,c=void 0;function o(e,t,n={},a=c){if(void 0===window.IntersectionObserver&&void 0!==a){const r=e.getBoundingClientRect();return t(a,{isIntersecting:a,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}const{id:o,observer:s,elements:u}=function(e){const t=function(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{return`${t}_${"root"===t?(n=e.root,n?(i.has(n)||(l+=1,i.set(n,l.toString())),i.get(n)):"0"):e[t]}`;var n}).toString()}(e);let n=r.get(t);if(!n){const a=new Map;let i;const l=new IntersectionObserver(t=>{t.forEach(t=>{var n;const r=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),null==(n=a.get(t.target))||n.forEach(e=>{e(r,t)})})},e);i=l.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:l,elements:a},r.set(t,n)}return n}(n),m=u.get(e)||[];return u.has(e)||u.set(e,m),m.push(t),s.observe(e),function(){m.splice(m.indexOf(t),1),0===m.length&&(u.delete(e),s.unobserve(e)),0===u.size&&(s.disconnect(),r.delete(o))}}function s({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:i,triggerOnce:l,skip:c,initialInView:s,fallbackInView:u,onChange:m}={}){var d;const[p,f]=a.useState(null),v=a.useRef(),[y,g]=a.useState({inView:!!s,entry:void 0});v.current=m,a.useEffect(()=>{if(c||!p)return;let a;return a=o(p,(e,t)=>{g({inView:e,entry:t}),v.current&&v.current(e,t),t.isIntersecting&&l&&a&&(a(),a=void 0)},{root:i,rootMargin:r,threshold:e,trackVisibility:n,delay:t},u),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,p,i,r,l,c,n,u,t]);const b=null==(d=y.entry)?void 0:d.target,h=a.useRef();p||!b||l||c||h.current===b||(h.current=b,g({inView:!!s,entry:void 0}));const E=[f,y.inView,y.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}a.Component}}]);
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[5304],{16766:(e,t,n)=>{n.d(t,{Z:()=>v});var a=n(32735),r=n(1048),i=n(28825),l=n(34152);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const o="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var u=a.memo(function(e){var t,n,r=e.forceLoad,i=e.extraClasses,u=void 0===i?"":i,m=e.errorFallbackImageSrc,d=e.preventLoad,p=void 0!==d&&d,f=e.errorFallbackImageClassName,v=e.src,y=e.alt,g=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","errorFallbackImageClassName","src","alt"]),b=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,i=n.triggerOnce,o=void 0===i||i,s=(e=(0,l.YD)({triggerOnce:o,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,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 c(e,t);var n={}.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)?c(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],m=s[1],d=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(m=!0,u=null),{ref:u,inView:m,initialized:!!d}}({rootMargin:"500px"}),h=b.ref,E=b.inView,w=(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,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 s(e,t);var n={}.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.")}()),N=w[0],k=w[1];function S(){return N&&m?m:e.src}if(a.useEffect(function(){if((r||E)&&!p){var e=new Image;return e.onerror=function(){k(!0),m&&(e.src=m)},e.src=v,function(){return e.onerror=null}}},[E,p]),N&&!m)return a.createElement(a.Fragment,null);if(!h)return a.createElement("img",Object.assign({className:"".concat(o," ").concat(u," ").concat(N&&f||""),alt:y,src:S()},g));var x=Object.assign(Object.assign({alt:y},g),!E&&!r||p?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:S()});return r||(x.ref=h),a.createElement("img",Object.assign({className:"".concat(o," ").concat(u," ").concat(N&&f||"")},x))}),m=n(54610),d=n(67453);const p={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};function f(e){var t=p.image,n="";return e.imageType===m.__.Thumbnails&&(n="thumbnail ".concat(p.thumbnail)),e.imageType===m.__.TallPosters&&(n=p.tallPoster),e.imageType===m.__.Covers&&(n=p.cover),e.imageType===m.__.Banners&&(n=p.banner),e.imageType===m.__.Posters&&(n=p.poster),e.imageType===m.__.Pdf&&(n=p.pdf),e.imageType===m.__.Link&&(n=p.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function v(e){var t=e.data,n=e.imageOptions,l=e.appLink,c=e.preload,o=e.preventLoad,s=e.analyticsOptions,m=e.analyticsData,p=e.imageClassName,v=e.alt,y="";"string"==typeof t?y=t:r.t.isObject(t)&&(y=t.url);var g=y&&n?d.j.createUrl(y,n):y;return a.createElement("div",{className:f(e),style:e.imageStyle},a.createElement(i.F,{appLink:l,analyticsData:m,analyticsOptions:s,onClick:e.onClick,preventFocus:e.preventFocus,className:e.appLinkClassName},e.children,g&&a.createElement(u,{src:g,alt:v,forceLoad:c,preventLoad:o,extraClasses:p,errorFallbackImageSrc:e.errorFallbackImageSrc,errorFallbackImageClassName:e.errorFallbackImageClassName,onLoad:e.onLoad})))}},75621:(e,t,n)=>{n.d(t,{e:()=>u});var a=n(32735),r=n(23481),i=n(48605),l=n(92209),c=n(28512),o=n(99827),s=r.T.encloseNamespace("reportsVideos.schoolVideosNav");function u(){var e,t=(e=(0,o.b)(),[{label:s("overview"),appLink:{application:c.O.VIDEOS,action:l.e.Videos.HOME,params:e}},{label:s("views"),appLink:{application:c.O.VIDEOS,action:l.e.Videos.TOP_VIDEOS,params:e}}]);return a.createElement(i.m,{items:t})}},76278:(e,t,n)=>{n.r(t),n.d(t,{SchoolVideoOverviewView:()=>L});var a=n(32735),r=n(23481),i=n(61362),l=n(24685),c=n(55554),o=n(87480),s=n(21295),u=n(48490),m=n(6042),d=n(12977),p=n(20354),f=n(83345),v=n(94513),y=n(37851),g=n(92337),b=n(99827),h=n(90383),E=n(55884);const w={image:"BK61c"};var N=r.T.encloseNamespace("reportsShared.totalViewsByContentCardEmptyState");function k(){return a.createElement(h.u,{className:"flex-grow-1 justify-content-center"},a.createElement(h.u.Image,{src:E.W.EmptyStates.Shared.PuzzleGroup,className:w.image}),a.createElement(h.u.Heading,{className:"h6"},N("heading")),a.createElement(h.u.Info,{className:"w-100"},N("description")))}var S,x="reportsShared.videoViewsByContentCard",O=r.T.encloseNamespace(x);function C(){var e=(0,b.R)();function t(e){switch(e){case S.ClickView:return y.N.YELLOW;case S.TV:return y.N.PURPLE;case S.UserGenerated:return y.N.GREEN}}function n(e){switch(e){case S.ClickView:return O("clickview");case S.TV:return O("tv");case S.UserGenerated:return O("userGenerated")}}var r,i=(r=p.a.useBasicFetch(g.p.aggregation("content_type",e)).data)?r.filter(function(e){return e.name===S.ClickView||e.name===S.TV||e.name===S.UserGenerated}).map(function(e){return{name:n(e.name),y:e.count,color:t(e.name)}}):null;return a.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},i?a.createElement(a.Fragment,null,a.createElement("h2",{className:"h6 mb-3"},a.createElement(f.x,{namespace:x,phrase:"videoViews"})),i.length?a.createElement(v.C,{data:i}):a.createElement(k,null)):a.createElement("div",{className:"partial-loading-background w-25"}," "))}!function(e){e.ClickView="ClickView content",e.TV="TV content",e.UserGenerated="User generated content"}(S||(S={}));var V=n(62264),A=n(75621);const T={column1:"zttxc",column2:"G2SHk",videoViewsCard:"__vus"};var j=r.T.encloseNamespace("videos.schoolVideoOverview"),I=50;function L(){return(0,i.M)({title:j("videos")}),(0,o.U)(j("videos")),(0,c._)((0,s._R)()),a.createElement("div",null,a.createElement(A.e,null),a.createElement("div",{className:"d-flex gap-3"},a.createElement("div",{className:"d-flex flex-column gap-3 ".concat(T.column1)},a.createElement("div",{className:T.videoViewsCard},a.createElement(u.T,{type:"year_group"})),a.createElement("div",{className:T.videoViewsCard},a.createElement(V.M,null)),a.createElement("div",{className:T.videoViewsCard},a.createElement(C,null))),a.createElement("div",{className:"d-flex flex-column gap-3 ".concat(T.column2)},a.createElement("div",{className:T.videoViewsCard},a.createElement(m.m,{type:"user_type"})),a.createElement("div",{className:T.videoViewsCard},a.createElement(d.B,{type:l.T.RootTopic,heading:j("totalViewsSubject"),emptyStateText:j("emptySubjects"),limit:I})),a.createElement("div",{className:T.videoViewsCard},a.createElement(d.B,{type:l.T.ChildTopic,heading:j("totalViewsTopic"),emptyStateText:j("emptyTopics"),limit:I})))))}},94513:(e,t,n)=>{n.d(t,{C:()=>m});var a=n(32735),r=n(72306),i=n.n(r),l=n(70312),c=n.n(l),o=n(37851),s={chart:{spacing:[4,0,4,0]},title:{text:null},tooltip:{enabled:!1},credits:{enabled:!1},yAxis:{gridLineWidth:0,labels:{enabled:!1},title:{text:null},endOnTick:!0,tickAmount:10},xAxis:{lineWidth:0,labels:{style:Object.assign({},o.d)}},legend:{enabled:!1},plotOptions:{column:{borderRadius:4,dataLabels:{enabled:!0,style:o.d,inside:!1,crop:!1,overflow:"allow"},groupPadding:0,minPointLength:8}},series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}}}]},u=function(e,t){return Object.assign(Object.assign({},s),{xAxis:Object.assign(Object.assign({},s.xAxis),{categories:e}),series:[{type:"column",label:{enabled:!1},states:{hover:{enabled:!1}},data:t}]})};function m(e){var t=u(e.data.map(function(e){return e.name}),e.data);return a.createElement(a.Fragment,null,a.createElement(c(),{highcharts:i(),options:t,containerProps:{className:"h-100"}}))}},48605:(e,t,n)=>{n.d(t,{m:()=>f});var a=n(32735),r=n(81886),i=n(92582),l=n(28825),c=n(77369),o=n(11607),s=n(83914);const u={pillTabSelector:"Hdi6o",tab:"RvNxr",minWidth:"GHSz9",radiusSmall:"VhJJa",tabLink:"WFyvo"};function m(e){return a.createElement(a.Fragment,null,!!e.tab.svgName&&a.createElement("div",{className:e.tab.name?"pe-1":""},a.createElement(s.x,{svgName:e.tab.svgName})),e.tab.name,"number"==typeof e.tab.count&&a.createElement("div",{className:"ps-2"},a.createElement(c.C,{type:c.g.Count,data:e.tab.count})))}function d(e){var t;return a.createElement("nav",{className:null!==(t=e.className)&&void 0!==t?t:"",ref:e.containerRef},a.createElement("ul",{className:"\n        list-unstyled d-inline-block m-0 ".concat(u.pillTabSelector,"\n        ").concat(e.borderRadius?u.radiusSmall:"","\n        ").concat(e.listClassName,"\n      ")},e.tabs.map(function(e,t){return a.createElement("li",{className:"\n                p-0 ".concat(u.tab," ").concat(e.active?"btn btn-dark":"btn btn-outline-dark","\n                ").concat(e.name?u.minWidth:""," ").concat(e.className,"\n              "),key:t},e.appLink?a.createElement(l.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(u.tabLink,"\n                  ")},a.createElement(m,{tab:e})):a.createElement(o.L,{className:"\n                    cursor-pointer d-flex align-items-center justify-content-center\n                    text-decoration-none text-reset px-2 text-nowrap ".concat(u.tabLink,"\n                  "),onClick:function(){return function(e){!e.active&&e.onSelect&&(e.onSelect(),e.analyticsData&&e.analyticsOptions&&i.k.logUserAction(e.analyticsData,e.analyticsOptions))}(e)}},a.createElement(m,{tab:e})))})))}d.defaultProps={borderRadius:"lg"};var p=n(75795);function f(e){var t=e.items.map(function(e){var t,n;return{name:e.label,onSelect:function(){return r.Q.C$.trigger(e.appLink)},active:e.appLink.action===(null===(n=null===(t=p.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})}},24685:(e,t,n)=>{var a;n.d(t,{T:()=>a}),function(e){e[e.RootTopic=1]="RootTopic",e[e.ChildTopic=2]="ChildTopic"}(a||(a={}))},43990:(e,t,n)=>{n.d(t,{x:()=>l});var a=n(97395),r=n(62875);function i(e,t,n){return Object.assign(Object.assign({},e),{topicAnalyticsType:t,query:"cover",limit:n})}var l={topTopics:function(e,t,n,l,c){return{url:a._.urlBuilder("{gateway}/v1/analytics/topics/top",i(e,t)),key:(0,r.H)("top:topics:".concat(t),e),success:n,error:l,always:c}},topTopicsV2:function(e,t,n,l,c,o){return{url:a._.urlBuilder("{gateway}/v2/analytics/topics/top",i(e,t,n)),key:(0,r.H)("top:topics:".concat(t,":v2:").concat(n),e),success:l,error:c,always:o}},viewsByTopic:function(e,t,n,l,c){return{url:a._.urlBuilder("{gateway}/v1/analytics/topics/count",i(e,t)),key:(0,r.H)("views:topics:".concat(t),e),normalize:!1,success:n,error:l,always:c}}}},12977:(e,t,n)=>{n.d(t,{B:()=>h});var a=n(32735),r=n(42648),i=n(20354),l=n(28825),c=n(16766),o=n(26533),s=n(83345),u=n(54610),m=n(43990),d=n(99827);const p={cover:"z3ZBa",fallbackImage:"vS4fw"};function f(e){return a.createElement("div",{className:"d-flex position-relative mb-3"},a.createElement("div",{className:"".concat(p.fallbackImage," me-2")},a.createElement(o.oy,{type:o.mS.Subject,extraClasses:"border rounded"})),a.createElement("div",{className:"w-100"},a.createElement("div",{className:"partial-loading-background ".concat(e.className)}," ")))}function v(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background w-25 mb-3"}," "),a.createElement(f,{className:"w-25"}),a.createElement(f,{className:"w-50"}),a.createElement(f,{className:"w-33"}),a.createElement(f,{className:"w-25"}))}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var g="reportsShared.topClassificationsCard";function b(e){var t,n,r=(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,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 y(e,t);var n={}.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.")}()),i=r[0],l=r[1];return a.createElement("div",{className:"d-flex position-relative"},!i&&a.createElement(o.oy,{type:o.mS.Subject,extraClasses:"".concat(p.fallbackImage," border rounded")}),a.createElement("div",{className:"".concat(p.cover," flex-shrink-0 me-2 rounded overflow-hidden")},a.createElement(c.Z,{data:e.topClassification.collection.cover,imageOptions:{size:u.h2.Medium},onLoad:function(){return l(!0)}})),a.createElement("div",null,a.createElement("h3",{className:"h6 mb-0 clamp-2 mt-1"},e.topClassification.collection.name),a.createElement("p",null,a.createElement(s.x,{namespace:g,phrase:"views",options:{smartCount:e.topClassification.count}}))))}function h(e){var t,n=(0,d.R)(),c=i.a.useBasicFetch(!!n&&m.x.topTopicsV2(n,e.type,e.limit)),o=null===(t=c.data)||void 0===t?void 0:t.sort(function(e,t){return t.count-e.count});return a.createElement("div",{className:"d-flex flex-column h-100 bg-white overflow-hidden rounded pt-3 px-3"},c.data?a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex justify-content-between"},a.createElement("h2",{className:"h6 mb-3"},e.heading),e.appLink&&e.appLinkText&&a.createElement(l.F,{appLink:e.appLink,className:"text-info"},e.appLinkText)),c.data.length?a.createElement(r.ZP,{className:"pb-3"},a.createElement("ul",{className:"list-unstyled m-0 pe-3"},o.map(function(e,t){return a.createElement("li",{key:t,className:"pb-3"},a.createElement(b,{topClassification:e}))}))):a.createElement("div",{className:"d-flex align-items-center justify-content-center h-100"},e.emptyStateText)):a.createElement(v,null))}},62264:(e,t,n)=>{n.d(t,{M:()=>h});var a=n(32735),r=n(20354),i=n(83345),l=n(76881),c=n(94513),o=n(92337),s=n(99827),u=n(39709),m=n(23481),d=n(90383),p=n(55884);const f={image:"wMBEp"};var v=m.T.encloseNamespace("reportsShared.totalViewsByRoleCardEmptyState");function y(){return a.createElement(d.u,{className:"flex-grow-1 justify-content-center"},a.createElement(d.u.Image,{src:p.W.EmptyStates.Shared.Ticket,className:f.image}),a.createElement(d.u.Heading,{className:"h6"},v("heading")),a.createElement(d.u.Info,{className:"w-100"},v("description")))}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var b="reportsShared.videoViewsByRoleCard";function h(e){var t=(0,s.R)(),n=function(e){if(!e)return null;var t,n,a=e.reduce(function(e,t){var n=[l.Y.System,"255"].includes(t.name)?null:t.name,a=e.find(function(e){return e.name===n});return a?a.count+=t.count:e.push({name:n,count:t.count}),e},[]).map(function(e){return{name:(0,u.jt)(e.name),y:e.count,color:(0,u.$v)(e.name)}}),r=a.findIndex(function(e){return"Staff"===e.name});if(r>-1){var i=(t=a.splice(r,1),n=1,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 g(e,t);var n={}.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)?g(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.")}())[0];a.push(i)}return a}(r.a.useBasicFetch(e.videoId?o.p.videoAggregation(e.videoId,"user_type",t):o.p.aggregation("user_type",t)).data);return a.createElement("div",{className:"d-flex flex-column h-100 bg-white rounded p-3"},n?a.createElement(a.Fragment,null,a.createElement("h2",{className:"h6 mb-3"},a.createElement(i.x,{namespace:b,phrase:"videoViews"})),n.length?a.createElement("div",{className:"flex-grow-1 position-relative"},a.createElement("div",{className:"position-absolute w-100 h-100"},a.createElement(c.C,{data:n}))):a.createElement(y,null)):a.createElement("div",{className:"partial-loading-background w-25"}," "))}},34152:(e,t,n)=>{n.d(t,{YD:()=>s});var a=n(32735),r=(Object.defineProperty,new Map),i=new WeakMap,l=0,c=void 0;function o(e,t,n={},a=c){if(void 0===window.IntersectionObserver&&void 0!==a){const r=e.getBoundingClientRect();return t(a,{isIntersecting:a,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}const{id:o,observer:s,elements:u}=function(e){const t=function(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{return`${t}_${"root"===t?(n=e.root,n?(i.has(n)||(l+=1,i.set(n,l.toString())),i.get(n)):"0"):e[t]}`;var n}).toString()}(e);let n=r.get(t);if(!n){const a=new Map;let i;const l=new IntersectionObserver(t=>{t.forEach(t=>{var n;const r=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),null==(n=a.get(t.target))||n.forEach(e=>{e(r,t)})})},e);i=l.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:l,elements:a},r.set(t,n)}return n}(n),m=u.get(e)||[];return u.has(e)||u.set(e,m),m.push(t),s.observe(e),function(){m.splice(m.indexOf(t),1),0===m.length&&(u.delete(e),s.unobserve(e)),0===u.size&&(s.disconnect(),r.delete(o))}}function s({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:i,triggerOnce:l,skip:c,initialInView:s,fallbackInView:u,onChange:m}={}){var d;const[p,f]=a.useState(null),v=a.useRef(),[y,g]=a.useState({inView:!!s,entry:void 0});v.current=m,a.useEffect(()=>{if(c||!p)return;let a;return a=o(p,(e,t)=>{g({inView:e,entry:t}),v.current&&v.current(e,t),t.isIntersecting&&l&&a&&(a(),a=void 0)},{root:i,rootMargin:r,threshold:e,trackVisibility:n,delay:t},u),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,p,i,r,l,c,n,u,t]);const b=null==(d=y.entry)?void 0:d.target,h=a.useRef();p||!b||l||c||h.current===b||(h.current=b,g({inView:!!s,entry:void 0}));const E=[f,y.inView,y.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}a.Component}}]);

package/dist/scripts/6031-b1c60cc409-reports.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[6031],{32119:(e,t,n)=>{n.d(t,{G:()=>i});var r=n(32735),a=n(71365);function i(e){var t,n;return t=e,n=a.u.getInstance(t),r.useEffect(function(){return function(){a.u.releaseInstance(t)}}),n}},71553:(e,t,n)=>{n.d(t,{I:()=>o});var r=n(99940),a=n(62875);function i(e,t,n){return{currentUserId:e.id,currentCustomerId:e.customerId,dateRange:t?{start:t.start,end:t.end}:void 0,userIds:null==t?void 0:t.userId,classroomsAndGroups:null==t?void 0:t.groupId,shareId:n}}var o={interactiveResultSet:function(e,t,n,o,s,c,u,l){return{url:s?"/api/domain/v3/analytics/interactives/".concat(e,"/metadata/").concat(t):"/api/domain/v2/analytics/interactives/".concat(e,"/metadata/").concat(t),key:(0,a.H)("interactive:result:set:".concat(e,":").concat(t,":").concat(s),o),data:i(n,o,s),type:r.k.POST,normalize:!1,success:c,error:u,always:l}},mark:function(e,t,n,a,i,o,s){return{url:"/api/domain/v1/analytics/answers/".concat(n),key:"mark:answer:".concat(n,":").concat(a.resultId),type:r.k.PUT,data:a,normalize:!1,invalidationKeys:"interactive:result:set:".concat(e,":").concat(t),success:i,error:o,always:s}},pendingReviews:function(e){var t=e.interactives.map(function(e){return"".concat(e.interactiveId,":").concat(e.metadataId,":").concat(e.shareId)}).join(",");return{url:"/api/domain/v1/analytics/interactives/pending-reviews/summary",key:"interactives:pending:reviews:".concat(t),type:r.k.POST,data:e,normalize:!1}},interactiveResultsReport:function(e){return{url:"/api/domain/v3/analytics/interactives/report",key:"interactive:results:report",data:e,type:r.k.POST,normalize:!1}}}},41196:(e,t,n)=>{n.d(t,{W:()=>s});var r=n(20354),a=n(71553),i=n(20768),o=n(31949);function s(e,t,n){var s,c=r.a.useBasicFetch(o.N.currentUser()),u=r.a.useBasicFetch(!!e&&i.b.interactiveMetadata(e)),l=r.a.useBasicFetch(!!(null===(s=u.data)||void 0===s?void 0:s.interactiveId)&&i.b.interactive(u.data.interactiveId)),d=!!c.data&&!!l.data;return r.a.useBasicFetch(d&&a.I.interactiveResultSet(u.data.interactiveId,u.data.id,c.data,t,n))}},39157:(e,t,n)=>{n.d(t,{HI:()=>m,R6:()=>u,Rt:()=>f,UU:()=>d,Zs:()=>l,nq:()=>v});var r=n(75896),a=n(94892),i=n(28972),o=n(8246),s=n(83140),c=n(80845);function u(e,t,n){var i={markingRequired:[],lowScore:[],highScore:[],completed:[],notCompleted:[]},o=(0,c.Q)(e),s=new Set(o.map(function(e){return e.id}));t.students.forEach(function(t){var o=Object.assign(Object.assign({},t),{summary:f(e,t)});o.summary.awaitingMarking?i.markingRequired.push(o):r.m.last(t.results).attempts.filter(function(e){var t;return!!s.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)}).length===s.size?(i.completed.push(o),o.summary.percentCorrect>=((null==n?void 0:n.HIGH)||a.i.HIGH)&&i.highScore.push(o),o.summary.percentCorrect<((null==n?void 0:n.MODERATE)||a.i.MODERATE)&&i.lowScore.push(o)):i.notCompleted.push(o)});var u=r.m.sortBy(i.lowScore,function(e){return e.summary.percentCorrect}),l=r.m.sortBy(i.highScore,function(e){return-e.summary.percentCorrect});return Object.assign(Object.assign({},i),{lowScore:u,highScore:l})}function l(e,t){return(0,c.Wn)(e).find(function(e){return e.id.toString()===t.toString()})}function d(e){return"".concat(e.questionId,":").concat(e.resultId)}function m(e,t,n){var r=(0,c.j_)(t),a=(0,c.f6)(e,r);return(null==a?void 0:a.answers.every(function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Correct}))?o.N.Correct:(null==a?void 0:a.answers.every(function(e){var t;return(null===(t=n[d(e)])||void 0===t?void 0:t.status)===o.N.Incorrect}))?o.N.Incorrect:void 0}function v(e,t){var n=t.students.length,r=0,a=0,o=0,u=0,l=0;return t.students.forEach(function(t){var n=(0,c.j_)(t);if(n){l+=t.results.length;var d=s.A.isInteractionCorrect(e,n);d===i.w.Correct&&r++,d===i.w.UnAnswered&&o++,d===i.w.AwaitingMarking&&u++,d!==i.w.UnAnswered&&a++}}),{percentCorrect:n>0?r/n:0,correct:r,answered:a,unanswered:o,awaitingMarking:u,attempts:l}}function f(e,t){var n=(0,c.j_)(t),r=(0,c.Q)(e),a=r.length,o=0,u=0;r.forEach(function(e){var t=s.A.isInteractionCorrect(e,n);t===i.w.Correct&&o++,t===i.w.AwaitingMarking&&u++});var l=a>0?o/a:0,d=new Set(r.map(function(e){return e.id})),m=n.attempts.filter(function(e){var t;return!!d.has(null===(t=null==e?void 0:e.answers[0])||void 0===t?void 0:t.questionId)}).length;return{answered:m,attempts:t.results.length,unanswered:a-m,percentCorrect:l,correct:o,awaitingMarking:u}}},37232:(e,t,n)=>{n.r(t),n.d(t,{InteractiveStudentResultsView:()=>x});var r=n(32735),a=n(23481),i=n(20354),o=n(2948),s=n(41196),c=n(9193),u=n(1048),l=n(75795),d={getAudienceAppLinkParams:function(){var e=l.O.getCurrentRoute().appLink,t=u.t.isObject(e.params)?e.params:{},n=t.users,r=t.classrooms,a=t.classroomGroups,i=function(e){var n=t[e];if(n)return Array.isArray(n)?n:[n]},o={};return n&&(o.users=i("users")),r&&(o.classrooms=i("classrooms")),a&&(o.classroomGroups=i("classroomGroups")),o},getDateRangeAppLinkParams:function(){var e=l.O.getCurrentRoute().appLink,t=u.t.isObject(e.params)?e.params:{},n=t.from,r=t.to,a=t.rangeName,i={};return n&&(i.from=n),r&&(i.to=r),a&&(i.rangeName=a),i}},m=n(26136),v=n(40003),f=n(72919),p=n(39157),g=n(89569),w=n(86572),y=n(28972),b=n(83140),k=n(80845),h=n(2102),A=n(36532),I=a.T.encloseNamespace("interactives.studentResponseList");function S(e){var t=Object.keys(e.markedAnswers).length;return r.createElement("div",{className:"d-flex justify-content-end pt-3"},r.createElement("div",null,!e.showSubmitButtonSpinner&&r.createElement("button",{className:"btn btn-link",onClick:e.onClickClose},I("close")),!!e.interactionsToMark.length&&r.createElement(r.Fragment,null,e.isDemo?r.createElement(A.u,{id:"submitAnswers",title:I("demoOnly"),spanHack:!0,spanHackClassName:"d-inline-flex"},r.createElement("button",{className:"btn btn-outline-dark pointer-events-none",disabled:!t},I("submitAnswers"))):r.createElement(h.m,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},I("submitAnswers")))))}var C=a.T.encloseNamespace("interactives.studentResponseList");function E(e){var t=Object.keys(e.markedAnswers).length;return r.createElement("div",{className:"d-flex justify-content-between pb-3"},r.createElement("div",{className:"d-flex"},!!e.summary.unanswered&&r.createElement("div",{className:"bg-light rounded p-2 me-2"},r.createElement("strong",{className:"me-2"},C("unanswered")),e.summary.unanswered),r.createElement("div",{className:"bg-light rounded p-2 me-2"},r.createElement("strong",{className:"me-2"},C("score")),e.summary.awaitingMarking?r.createElement("em",null,C("pending")):"".concat(Math.round(100*e.summary.percentCorrect),"%"))),!!e.interactionsToMark.length&&r.createElement(r.Fragment,null,e.isDemo?r.createElement(A.u,{id:"submitAnswers",title:C("demoOnly"),spanHack:!0},r.createElement("button",{className:"btn btn-outline-dark pointer-events-none",disabled:!t},C("submitAnswers"))):r.createElement(h.m,{variant:"outline-dark",onClick:e.onClickSubmit,disabled:!t,showSpinner:e.showSubmitButtonSpinner},C("submitAnswers"))))}const N={awaitingMarking:"MvGb5"};function M(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 r,a,i,o,s=[],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)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n={}.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)?R(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function j(e){var t,n,a,i,o=M(r.useState(!1),2),s=o[0],c=o[1],u=(t=r.useRef(null),n=M(r.useState(!1),2),a=n[0],i=n[1],r.useEffect(function(){t.current&&!a&&(i(!0),requestAnimationFrame(function(){return t.current.scrollIntoView({behavior:"smooth",block:"center"})}))},[t.current,a]),t),l=(0,p.Rt)(e.interactive,e.studentResults),d=(0,k.Q)(e.interactive),v=function(e,t){return e.filter(function(e){return b.A.isInteractionCorrect(e,(0,k.j_)(t))===y.w.AwaitingMarking})}(d,e.studentResults);function h(){c(!0),e.submitMarkedAnswers()}return r.createElement(r.Fragment,null,r.createElement(E,{summary:l,interactionsToMark:v,markedAnswers:e.markedAnswers,onClickSubmit:h,showSubmitButtonSpinner:s,isDemo:e.isDemo}),r.createElement("ul",{className:"list-unstyled"},d.map(function(t,n){var a,i=t.id.toString()===(null===(a=e.selectedInteractionId)||void 0===a?void 0:a.toString()),o=v.some(function(e){return e.id===t.id}),s=(0,m.B)(e.studentResults.user,e.anonymiseUsers),c="p-2 mb-3 rounded";return i&&(c+=" border-2 border-info shadow"),c+=o?" ".concat(N.awaitingMarking):" border",r.createElement("li",{key:n,className:c,ref:i?u:null},r.createElement("div",{className:"d-flex mb-2"},r.createElement(w.y,{interaction:t,iconClassName:"flex-shrink-0"})),e.reportsStyling?r.createElement(g.O,{interaction:t,studentResults:e.studentResults,markedStatus:(0,p.HI)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:s,className:"bg-light ps-2",showFeedback:!0,reportsStyling:!0,responseComponentClass:"mx-n2"}):r.createElement(f.d,{interaction:t,studentResults:e.studentResults,markedStatus:(0,p.HI)(t.id,e.studentResults,e.markedAnswers),markInteraction:e.addMarkedAnswers,imageCdnUrl:e.imageCdnUrl,anonymisedUserName:s,showFeedback:!0}))})),r.createElement(S,{interactionsToMark:v,markedAnswers:e.markedAnswers,onClickSubmit:h,onClickClose:e.onClickClose,showSubmitButtonSpinner:s,isDemo:e.isDemo}))}var O=n(77696),U=n(38143),T=n(39151),P=n(20768),B=n(5380),F=n(16562),H=n(13126);function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var L=a.T.encloseNamespace("shared.interactiveStudentResults");function x(e){var t,n,a,u,l,f,p=(l=(0,o.D)(U.g.ANONYMISE_USERS),f=1,function(e){if(Array.isArray(e))return e}(l)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,s=[],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)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return s}}(l,f)||function(e,t){if(e){if("string"==typeof e)return D(e,t);var n={}.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}}(l,f)||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];r.useEffect(function(){return H.e.lockContentWidth(),function(){return H.e.unlockContentWidth()}},[]);var g=i.a.useBasicFetch(P.b.interactiveMetadata(e.interactiveId)),w=i.a.useBasicFetch((null===(t=g.data)||void 0===t?void 0:t.interactiveId)&&P.b.interactive(g.data.interactiveId)),y=d.getDateRangeAppLinkParams(),b=(0,s.W)(e.interactiveId,(0,v.wO)((0,v.Hb)(),y)),k=i.a.useBasicFetch(T.L.config());(0,F.v)([g,b]),(0,B.b)(g);var h=(0,c.D)(null===(n=w.data)||void 0===n?void 0:n.id,null===(a=g.data)||void 0===a?void 0:a.id,e.closePopup),A=h.markedAnswers,I=h.addMarkedAnswers,S=h.submitMarkedAnswers,C=null===(u=b.data)||void 0===u?void 0:u.students.find(function(t){var n,r,a;return(null===(r=null===(n=t.user)||void 0===n?void 0:n.id)||void 0===r?void 0:r.toString())===(null===(a=e.userId)||void 0===a?void 0:a.toString())}),E=C?L("heading",{studentName:(0,m.B)(C.user,p)}):"",N=!!w.data&&!!b.data&&!!k.data;return r.createElement(O.G,{title:E,showLoadingSpinner:!N,closePopup:e.closePopup,size:"lg"},N&&r.createElement(j,{interactive:w.data,studentResults:C,markedAnswers:A,addMarkedAnswers:I,submitMarkedAnswers:S,imageCdnUrl:k.data.imageCdnUrl,selectedInteractionId:e.interactionId,onClickClose:e.closePopup,anonymiseUsers:p,reportsStyling:!0}))}},28972:(e,t,n)=>{var r;n.d(t,{w:()=>r}),function(e){e[e.Correct=0]="Correct",e[e.Incorrect=1]="Incorrect",e[e.AwaitingMarking=2]="AwaitingMarking",e[e.Answered=3]="Answered",e[e.UnAnswered=4]="UnAnswered",e[e.NotApplicable=5]="NotApplicable"}(r||(r={}))},8246:(e,t,n)=>{var r;n.d(t,{N:()=>r}),function(e){e[e.Incorrect=0]="Incorrect",e[e.Correct=1]="Correct",e[e.PendingReview=2]="PendingReview"}(r||(r={}))},69883:(e,t,n)=>{n.d(t,{Z:()=>o});var r=n(79976),a=n(60139),i=n(32119);function o(){var e=(0,i.G)(r.P.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.NK.Warning,heading:a.R6.Warning,message:t})},info:function(t,n){e.createAlert({heading:t,message:n,type:a.NK.Info})}}}},62875:(e,t,n)=>{function r(e,t,n){if(!t)return e;var r="".concat(e,":").concat(t.start,":").concat(t.end),a=Array.isArray(t.userId)?t.userId.sort().join(":"):t.userId,i=Array.isArray(t.groupId)?t.groupId.sort().join(":"):t.groupId,o=Array.isArray(t.customerId)?t.customerId.sort().join(":"):t.customerId;return a&&(r+=":".concat(a)),i&&(r+=":".concat(i)),o&&(r+=":".concat(o)),n&&(r+=":".concat(n)),r}n.d(t,{H:()=>r})},83140:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(28972),a=n(8246),i=n(43626);function o(e){return o="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},o(e)}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return r.w.NotApplicable}function u(e,t){var n=e.actionableItems.filter(function(e){return e.isCorrect});return n.every(function(e){return!t(e.id)})?r.w.UnAnswered:n.every(function(e){var n;return e.name.trim().toLowerCase()===(null===(n=t(e.id))||void 0===n?void 0:n.trim().toLowerCase())})?r.w.Correct:r.w.Incorrect}function l(e,t){return e.actionableItems.every(function(e){return!t(e.id)})?r.w.UnAnswered:e.actionableItems.filter(function(e){return e.isCorrect}).every(function(e){var n,r=t(e.id);return(null==r?void 0:r.toString())===(null===(n=e.id)||void 0===n?void 0:n.toString())||r===e.name})?r.w.Correct:r.w.Incorrect}function d(e,t){return function(n){var r=null==t?void 0:t.attempts.find(function(t){return t.id===e.id});return null==r?void 0:r.answers.find(function(e){return e.id===n})}}function m(e,t){var n=d(e,t);return l(e,function(e){var t=n(e);return null==t?void 0:t.text})}function v(e,t){return function(e,t){var n;return e.actionableItems.forEach(function(e){var i=t(e.id);n=i?i.status!==a.N.Correct?i.status!==a.N.Incorrect?r.w.AwaitingMarking:r.w.Incorrect:r.w.Correct:r.w.UnAnswered}),n}(e,d(e,t))}var f=s(s(s(s(s(s(s({},i.Z9.Annotation,c),i.Z9.Image,c),i.Z9.MissingWord,function(e,t){var n=d(e,t);return u(e,function(e){var t=n(e);return null==t?void 0:t.text})}),i.Z9.MultipleChoice,m),i.Z9.ShortAnswer,v),i.Z9.TrueOrFalse,m),i.Z9.Illustration,v),p={notApplicable:c,awaitingMarking:function(){return r.w.AwaitingMarking},isMissingWordCorrect:u,isMultipleChoiceCorrect:l,isInteractionCorrect:function(e,t){return(0,f[e.typeId])(e,t)}}},80845:(e,t,n)=>{n.d(t,{Q:()=>u,Wn:()=>o,f6:()=>c,j_:()=>s});var r=n(75896),a=n(43626);function i(e){return e.typeId!==a.Z9.Annotation&&e.typeId!==a.Z9.Image}function o(e){return r.m.flatten(e.timepoints.map(function(e){return e.interactions}))}function s(e){return r.m.last(e.results)}function c(e,t){return r.m.findWhere(null==t?void 0:t.attempts,{id:e})}function u(e){return o(e).filter(i)}}}]);

package/dist/scripts/{6180-3c8491f0e1-reports.chunk.js → 6180-bdb237ffbe-reports.chunk.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 6180-3c8491f0e1-reports.chunk.js.LICENSE.txt */
+/*! For license information please see 6180-bdb237ffbe-reports.chunk.js.LICENSE.txt */
 "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[6180],{32119:(e,t,r)=>{r.d(t,{G:()=>c});var n=r(32735),o=r(71365);function c(e){var t,r;return t=e,r=o.u.getInstance(t),n.useEffect(function(){return function(){o.u.releaseInstance(t)}}),r}},69883:(e,t,r)=>{r.d(t,{Z:()=>u});var n=r(79976),o=r(60139),c=r(32119);function u(){var e=(0,c.G)(n.P.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:o.NK.Warning,heading:o.R6.Warning,message:t})},info:function(t,r){e.createAlert({heading:t,message:r,type:o.NK.Info})}}}},96180:(e,t,r)=>{r.r(t),r.d(t,{RemoveLogoView:()=>w});var n=r(32735),o=r(23481),c=r(20354),u=r(92582),a=r(65858),i=r(77696),l=r(25691),s=r(83345),f=r(69883),p=r(13147),y=r(83494);function v(){var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function c(r,n,o,c){var i=n&&n.prototype instanceof a?n:a,l=Object.create(i.prototype);return h(l,"_invoke",function(r,n,o){var c,a,i,l=0,s=o||[],f=!1,p={p:0,n:0,v:e,a:y,f:y.bind(e,4),d:function(t,r){return c=t,a=0,i=e,p.n=r,u}};function y(r,n){for(a=r,i=n,t=0;!f&&l&&!o&&t<s.length;t++){var o,c=s[t],y=p.p,v=c[2];r>3?(o=v===n)&&(i=c[(a=c[4])?5:(a=3,3)],c[4]=c[5]=e):c[0]<=y&&((o=r<2&&y<c[1])?(a=0,p.v=n,p.n=c[1]):y<v&&(o=r<3||c[0]>n||n>v)&&(c[4]=r,c[5]=n,p.n=v,a=0))}if(o||r>1)return u;throw f=!0,n}return function(o,s,v){if(l>1)throw TypeError("Generator is already running");for(f&&1===s&&y(s,v),a=s,i=v;(t=a<2?e:i)||!f;){c||(a?a<3?(a>1&&(p.n=-1),y(a,i)):p.n=i:p.v=i);try{if(l=2,c){if(a||(o="next"),t=c[o]){if(!(t=t.call(c,i)))throw TypeError("iterator result is not an object");if(!t.done)return t;i=t.value,a<2&&(a=0)}else 1===a&&(t=c.return)&&t.call(c),a<2&&(i=TypeError("The iterator does not provide a '"+o+"' method"),a=1);c=e}else if((t=(f=p.n<0)?i:r.call(n,p))!==u)break}catch(t){c=e,a=1,i=t}finally{l=1}}return{value:t,done:f}}}(r,o,c),!0),l}var u={};function a(){}function i(){}function l(){}t=Object.getPrototypeOf;var s=[][n]?t(t([][n]())):(h(t={},n,function(){return this}),t),f=l.prototype=a.prototype=Object.create(s);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,l):(e.__proto__=l,h(e,o,"GeneratorFunction")),e.prototype=Object.create(f),e}return i.prototype=l,h(f,"constructor",l),h(l,"constructor",i),i.displayName="GeneratorFunction",h(l,o,"GeneratorFunction"),h(f),h(f,o,"Generator"),h(f,n,function(){return this}),h(f,"toString",function(){return"[object Generator]"}),(v=function(){return{w:c,m:p}})()}function h(e,t,r,n){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}h=function(e,t,r,n){if(t)o?o(e,t,{value:r,enumerable:!n,configurable:!n,writable:!n}):e[t]=r;else{var c=function(t,r){h(e,t,function(e){return this._invoke(t,r,e)})};c("next",0),c("throw",1),c("return",2)}},h(e,t,r,n)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var d=function(e,t,r,n){return new(r||(r=Promise))(function(o,c){function u(e){try{i(n.next(e))}catch(e){c(e)}}function a(e){try{i(n.throw(e))}catch(e){c(e)}}function i(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r(function(e){e(t)})).then(u,a)}i((n=n.apply(e,t||[])).next())})},g="reports.removeLogo",b=o.T.encloseNamespace(g);function w(e){var t,r,o=(t=n.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c,u,a=[],i=!0,l=!1;try{if(c=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=c.call(r)).done)&&(a.push(n.value),a.length!==t);i=!0);}catch(e){l=!0,o=e}finally{try{if(!i&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}(t,r)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var r={}.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)?m(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=o[0],w=o[1],S=c.a.useGetFetchAsync(),k=(0,f.Z)(),T=(0,y.B)();return n.createElement(i.G,{closePopup:e.closePopup,title:b(T?"removeSchoolCrestTertiary":"removeSchoolCrest")},n.createElement("p",null,n.createElement(s.x,{namespace:g,phrase:T?"areYouSureTertiary":"areYouSure"})),n.createElement(l.u,null,n.createElement(l.u.Cancel,{onClick:e.closePopup}),n.createElement(l.u.Submit,{onClick:function(){return d(this,void 0,void 0,v().m(function t(){return v().w(function(t){for(;;)switch(t.n){case 0:return w(!0),t.p=1,t.n=2,S(p.I.removeLogo(e.customerId,e.logoId));case 2:k.success(b(T?"successTertiary":"success")),u.k.logUserAction({id:e.logoId},{actionType:a.Vw.Remove,entity:a.py.Logo,workflowPhase:a.eu.Complete,location:a.LZ.Popup}),e.closePopup(),t.n=4;break;case 3:t.p=3,t.v,k.success(b(T?"errorTertiary":"error")),w(!1);case 4:return t.a(2)}},t,null,[[1,3]])}))},text:b("remove"),showSpinner:h,variant:"danger"})))}}}]);

package/dist/scripts/645-e72b3d845e-reports.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[645],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(32735),r=n(49500);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)}},67834:(e,t,n)=>{n.d(t,{I:()=>d,h:()=>u});var a=n(32735),r=n(79014),i=n(83914),o=n(35223),c=n(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var u;function d(e){var t,n,d=(t=a.useState(e.status===u.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 s(e,t);var n={}.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.")}()),m=d[0],v=d[1];a.useEffect(function(){v(e.status===u.Complete)},[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==u.None&&r.q.isFunction(e.setStatus)?a.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var n=t?u.Complete:u.Incomplete;e.setStatus(n).catch(function(){v(!t)})},disabled:e.disabled},a.createElement(i.x,{svgName:o.vn.Tick,className:"svg-container ".concat(l.checkMark)})):a.createElement(a.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(u||(u={})),d.defaultProps={style:"filled"}},16766:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(32735),r=n(1048),i=n(28825),o=n(34152);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}const l="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var u=a.memo(function(e){var t,n,r=e.forceLoad,i=e.extraClasses,u=void 0===i?"":i,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,p=e.errorFallbackImageClassName,f=e.src,g=e.alt,y=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","errorFallbackImageClassName","src","alt"]),h=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,i=n.triggerOnce,l=void 0===i||i,s=(e=(0,o.YD)({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 c(e,t);var n={}.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)?c(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"}),b=h.ref,E=h.inView,O=(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 s(e,t);var n={}.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.")}()),N=O[0],k=O[1];function w(){return N&&d?d:e.src}if(a.useEffect(function(){if((r||E)&&!v){var e=new Image;return e.onerror=function(){k(!0),d&&(e.src=d)},e.src=f,function(){return e.onerror=null}}},[E,v]),N&&!d)return a.createElement(a.Fragment,null);if(!b)return a.createElement("img",Object.assign({className:"".concat(l," ").concat(u," ").concat(N&&p||""),alt:g,src:w()},y));var C=Object.assign(Object.assign({alt:g},y),!E&&!r||v?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:w()});return r||(C.ref=b),a.createElement("img",Object.assign({className:"".concat(l," ").concat(u," ").concat(N&&p||"")},C))}),d=n(54610),m=n(67453);const v={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};function p(e){var t=v.image,n="";return e.imageType===d.__.Thumbnails&&(n="thumbnail ".concat(v.thumbnail)),e.imageType===d.__.TallPosters&&(n=v.tallPoster),e.imageType===d.__.Covers&&(n=v.cover),e.imageType===d.__.Banners&&(n=v.banner),e.imageType===d.__.Posters&&(n=v.poster),e.imageType===d.__.Pdf&&(n=v.pdf),e.imageType===d.__.Link&&(n=v.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function f(e){var t=e.data,n=e.imageOptions,o=e.appLink,c=e.preload,l=e.preventLoad,s=e.analyticsOptions,d=e.analyticsData,v=e.imageClassName,f=e.alt,g="";"string"==typeof t?g=t:r.t.isObject(t)&&(g=t.url);var y=g&&n?m.j.createUrl(g,n):g;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(i.F,{appLink:o,analyticsData:d,analyticsOptions:s,onClick:e.onClick,preventFocus:e.preventFocus,className:e.appLinkClassName},e.children,y&&a.createElement(u,{src:y,alt:f,forceLoad:c,preventLoad:l,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc,errorFallbackImageClassName:e.errorFallbackImageClassName,onLoad:e.onLoad})))}},10645:(e,t,n)=>{n.d(t,{u:()=>rt});var a=n(32735),r=n(1048),i=n(65858),o=n(77369),c=n(17464),l=n(23481),s=n(79014),u=n(11607),d=n(83914),m=n(69883),v=n(82182),p=n(75896),f=n(31908),g={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!!p.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=f.M.getCanBeConsumed(e))||void 0===n?void 0:n.canConsume)||!t&&!v.V.isTabletOrMobile()&&!g.isFavouritedByCurrentUser(e))}},y=n(35223);const h={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var E=l.T.encloseNamespace("shared.favouriteButton");function O(e){var t,n,r=(0,m.Z)(),i=g.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 b(e,t);var n={}.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)?b(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],l=o[1];a.useEffect(function(){l(i)},[i]);var v="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(h.favouriteButton," ").concat(c?h.favourited:"");return e.className&&(v+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?a.createElement(u.L,{className:v,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,function(){r.error(E(f.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":f.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)},e.analyticsData,e.analyticsOptions)},tabIndex:e.preventFocus?-1:void 0},a.createElement(d.x,{svgName:y.vn.Heart,className:"svg-container ".concat(h.heart)}),a.createElement(d.x,{svgName:y.vn.HeartOutline,className:"svg-container ".concat(h.heartOutline)})):a.createElement(a.Fragment,null)}var N=n(16766),k=n(26533);function w(e){var t=f.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 C={bottomBar:"YnXtZ"};function P(e){return f.M.isVideo(e.video)?a.createElement("div",{className:C.bottomBar},a.createElement(w,{video:e.video})):a.createElement(a.Fragment,null)}var S=n(29427),j=n(36532),x="d-inline-block svg-container",I="span";function L(e){var t=e.children,n=e.className,r=void 0===n?x:n,i=e.tagName,o=void 0===i?I:i,c=e.size,l=void 0===c?d.S.Standard:c,u=e.onClick,m=e.title,v=e.tooltipPlacement,p=void 0===v?"right":v,f=o,g={className:"".concat(r," svg-container ").concat(l),onClick:s.q.isFunction(u)?u:null};return m?a.createElement(j.u,{title:m,placement:p},a.createElement(f,Object.assign({},g),t)):a.createElement(f,Object.assign({},g),t)}var T=n(2786),A=n(64818);const F={std:"ct8Ht",sm:"dvCes",stdIcon:"iy0pu",smIcon:"Z_mZf"};function V(e){var t,n,r;return(f.M.isInteractive(e.video)||f.M.isClip(e.video))&&(e.video._liteOwner||(null===(t=e.video._isClickViewCurated)||void 0===t?void 0:t.value))?(null===(n=e.video._isClickViewCurated)||void 0===n?void 0:n.value)?a.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1 rounded-circle position-relative bg-white")},a.createElement(L,{className:"me-1 ".concat("sm"===e.size?F.smIcon:F.stdIcon)},a.createElement(T.Sd,null))):a.createElement("div",{className:"".concat("sm"===e.size?F.sm:F.std," me-1")},a.createElement(S.q,{imageCdnUrl:e.imageCdnUrl,initials:A.l.getInitials(e.video._liteOwner.name,e.video._liteOwner.surname),imageUrl:null===(r=e.video._liteOwner.avatar)||void 0===r?void 0:r.url})):a.createElement(a.Fragment,null)}var M=n(28825),D=n(83345);const z={pluginHover:"h4RQa"};var R="shared.pluginHover";function _(e){return!e.isPlugin||e.isPluginPopup?a.createElement(a.Fragment,null):a.createElement(M.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:"\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ".concat(z.pluginHover,"\n        ").concat(e.className?e.className:"","\n      ")},a.createElement("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white"},a.createElement(D.x,{namespace:R,phrase:"embed"})))}const B={padlock:"w4cg8",sm:"JpIYd"};function U(e){var t="sm"===e.size?d.S.Small:d.S.Standard;return a.createElement("div",{className:"".concat(B.padlock," ").concat("sm"===e.size?B.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},a.createElement(d.x,{svgName:y.vn.Lock,size:t}))}var H=n(7733),G=n(54610),W=n(9085),q=n(67453);const X={logo:"OA9ft",sm:"fyo2J"};function Z(e){var t,n,r,i,o,c;if(!f.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return a.createElement(a.Fragment,null);var l=null===(n=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],s=q.j.createUrl(null!==(i=null===(r=null==l?void 0:l.logo)||void 0===r?void 0:r.url)&&void 0!==i?i:e.companyLogoFallbackUrl,{size:G.h2.Small}),u=(0,W.x)(l.name,H.o);return s?a.createElement("div",null,a.createElement(j.u,{title:null==l?void 0:l.name,spanHack:!0},a.createElement("div",{className:"".concat(X.logo," ").concat("sm"===e.size?X.sm:""," ").concat(!(null===(o=null==l?void 0:l.metadata)||void 0===o?void 0:o.colour)&&u),style:{backgroundImage:"url(".concat(s,")"),backgroundColor:null===(c=null==l?void 0:l.metadata)||void 0===c?void 0:c.colour}}))):a.createElement(a.Fragment,null)}Z.defaultProps={size:"md"};var $=n(82302),Q=n(4594),Y=n(5960);const J={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var K=l.T.encloseNamespace("shared.typeBadge");function ee(e){switch(e){case Q.E.Clip:return y.vn.Clip;case Q.E.Interactive:return y.vn.Interactive;case Q.E.Resource:return y.vn.Resources;default:return""}}function te(e,t){switch(e){case Q.E.Clip:return"bg-ultramarine";case Q.E.Interactive:return t===Y.X.Draft?J.draft:"bg-green";case Q.E.Resource:return"bg-indigo";default:return""}}function ne(e){var t="".concat(J.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?J.sm:"");return a.createElement("div",{className:e.inContainer?"":J.topLeftContainer},a.createElement("div",{className:"".concat(t," ").concat(te(e.typeId,e.status))},a.createElement(d.x,{className:"svg-container d-block ".concat(J.svg),size:"sm"===e.size?d.S.Small:d.S.Standard,svgName:ee(e.typeId)}),a.createElement("span",{className:J.text},function(e){switch(e){case Q.E.Clip:return K("clip");case Q.E.Interactive:return K("interactive");case Q.E.Resource:return K("resource");default:return""}}(e.typeId))))}function ae(e){return f.M.isClip(e.video)?a.createElement(ne,{typeId:Q.E.Clip,size:e.size,inContainer:!0}):f.M.isInteractive(e.video)?a.createElement(ne,{typeId:Q.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):a.createElement(a.Fragment,null)}ne.default={size:"md"},ae.default={size:"md"};var re=n(17082),ie=n(32102);const oe={hoverContainer:"TzWQw",hovering:"gdTcW",theatreModeOn:"TpguI"};function ce(e){var t,n=(0,ie.g)();if(null===(t=n.useInitialize)||void 0===t||t.call(n,e),!n.hasProvider)return a.createElement(a.Fragment,null);if("picture-in-picture"===n.mode)return a.createElement(a.Fragment,null);if("hover"===e.mode&&n.isOnPlayPage)return a.createElement(a.Fragment,null);if("play-page"===e.location){var r="theatre"===n.mode&&e.objectTypeId!==Q.E.Interactive;return a.createElement("div",{className:r?"w-100 h-100 ".concat(oe.theatreModeOn):""},a.createElement(re.t0,{node:n.portalNode}))}var i=n.started,o="rounded-3";"popout-video"===e.location&&(o="rounded-top-3");var c="".concat(oe.hoverContainer," ").concat(i?oe.hovering:""," ").concat(o," overflow-hidden");return a.createElement("div",{className:c},a.createElement(re.t0,{node:n.portalNode}))}var le=n(49439);const se={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function de(e){var t,n,l,s,u,m,v,p=f.M.getCanBeConsumed(e.video),h=p.canNavigate,b=p.canConsume,E=r.t.isObject(null===(t=e.appLink)||void 0===t?void 0:t.params)?null===(n=e.appLink)||void 0===n?void 0:n.params:{},w=Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(e.video)}),C=g.showFavouriteButton(e.video,e.hovering),S=f.M.isVideo(e.video),x=f.M.getRating(e.video),I=(m=(0,le.L)({delay:100}),v=2,function(e){if(Array.isArray(e))return e}(m)||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}}(m,v)||function(e,t){if(e){if("string"==typeof e)return ue(e,t);var n={}.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)?ue(e,t):void 0}}(m,v)||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.")}()),L=I[0],T=I[1]&&b&&e.hoverToPlay,A=Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),F=Object.assign(Object.assign({},w),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail});return a.createElement(j.u,{title:f.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},a.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:L},a.createElement(_,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:"rounded-3",appLink:h?e.appLink:null,analyticsData:A,analyticsOptions:F}),C&&a.createElement("div",{className:se.topRightContainer},a.createElement(O,{setFavourite:e.commonVideoProps.setFavourite,canFavourite:e.commonVideoProps.canFavourite,video:e.video,analyticsData:e.analyticsData,analyticsOptions:w})),!h&&a.createElement("div",{className:se.topRightContainer},a.createElement(U,null)),a.createElement("div",{className:"".concat(se.topLeftContainer," d-flex flex-no-wrap")},e.showOwner&&a.createElement(V,{video:e.video,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),a.createElement(ae,{video:e.video}),a.createElement(Z,{video:e.video,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl})),a.createElement(N.Z,{data:f.M.getThumbnail(e.video),appLink:h?e.appLink:null,imageType:G.__.Thumbnails,imageOptions:e.imageOptions,preload:e.preload,className:se.gradient,alt:("series"in e.video&&(null===(l=e.video.series)||void 0===l?void 0:l.name)?"".concat(e.video.series.name,": "):"")+e.video.name,analyticsData:A,analyticsOptions:F,preventFocus:!0},!(!e.hovering||!h)&&a.createElement(d.x,{className:se.playIcon,svgName:y.vn.PlayCircle}),a.createElement(k.oy,{type:k.mS.Video}),a.createElement("div",{className:se.overlayContainer},a.createElement("div",{className:se.overlay},a.createElement("div",{className:"".concat((s=e.hovering,u="mb-1",s&&(u+=se.downScale),u)," ").concat(se.title)},S&&a.createElement($.$,{type:e.commonVideoProps.subTextType,className:"text-shadow clamp-1",video:e.video,appLink:null,analyticsOptions:null}),a.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},f.M.getTitle(e.video))),a.createElement(P,{video:e.video}),e.hovering&&a.createElement(c.c,{className:"mt-1"},f.M.isVideo(e.video)&&a.createElement(a.Fragment,null,a.createElement(o.C,{type:o.g.Rating,data:x}),e.video.hasSubtitle&&a.createElement("span",{className:"badge p-0"},a.createElement(d.x,{svgName:y.vn.CloseCaptionBadge})),a.createElement(o.C,{type:o.g.Interactive,data:e.video.hasInteractives}),a.createElement(o.C,{type:o.g.DurationExact,data:f.M.getDuration(e.video)})))))),T&&a.createElement(ce,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:E.context,contextId:E.contextId,moviesAndTv:E.mtv})))}var me,ve=n(56050),pe=n(81886),fe=a.createContext({}),ge=n(92582);function ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(me||(me={}));var he=function(e,t,n){var a,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1.2,i=e.x,o=e.y,c=e.width,l=e.height,s=document.getElementById("content-width-reference");if(!s)return{};var u=t||c*r,d=t?t*(l/c):l*r,m=t?u/c:r;a=i-(u-c)/2,u<n&&(a-=(n-u)/2,d=l*(m=(u=n)/c));var v=o-(d-l)/2+window.scrollY,p=a,f=me.Center;return a-s.offsetLeft<8&&(p=i-4,f=me.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+c-t:i-c*(m-1)+8,f=me.Right),{left:p,top:v,height:d,width:u,transformOrigin:f,position:"absolute",originalWidth:c,originalHeight:l}};const be={positionWrapper:"jO7pW",animationWrapper:"xXfXO",zoom:"BrrtL"};function Ee(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={}.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=Array(t);n<t;n++)a[n]=e[n];return a}function Ne(e){var t,n,r=e.hoverableComponent,o=e.componentProps,c=e.minHoverWidth,l=e.fixedHoverWidth,s=e.hoverScale,u=a.useContext(fe).setPreviewContentNode;void 0===u&&pe.Q.Ry.throw(new ve.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var d=a.useMemo(function(){return(0,re.oD)()},[]),m=Ee((0,le.L)({delay:100}),2),v=m[0],p=m[1],f=Ee((0,le.X)(),2),g=f[0],y=f[1],h=Ee(a.useState(!1),2),b=h[0],E=(h[1],a.useRef(null)),O=a.useRef(!1),N=p||y;!function(e,t,n){var r,o,c=(r=a.useState(e),o=2,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 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}}(r,o)||function(e,t){if(e){if("string"==typeof e)return ye(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ye(e,t):void 0}}(r,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.")}()),l=c[0],s=c[1],u=a.useRef(e?new Date:null);a.useEffect(function(){if(t&&n&&n.entity&&t.location)if(e)l||s(!0),u.current=new Date,ge.k.logUserAction(t,Object.assign(Object.assign({},n),{actionType:i.Vw.Hover}));else{if(!l)return;var a=(new Date).getTime()-u.current.getTime();u.current=null,ge.k.logUserAction(Object.assign(Object.assign({},t),{timeHoveredInMilliseconds:a,timeHoveredInSeconds:a/1e3}),Object.assign(Object.assign({},n),{actionType:i.Vw.Unhover}))}},[e])}(N,e.analyticsData,e.analyticsOptions),a.useEffect(function(){O.current!==N&&(u(N||b?d:null),O.current=N)},[N]);var k=(null===(n=null===(t=E.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},w=k.x,C=k.y,P=k.width,S=k.height,j=a.useMemo(function(){return he({x:w,y:C,width:P,height:S},l,c,s)},[w,C,P,S,s]),x=j?j.originalWidth/j.width:1,I=r;return a.createElement("div",{ref:E},a.createElement("div",{ref:v},a.createElement(I,Object.assign({isHovering:!1},o))),(N||b)&&a.createElement(re.Nq,{node:d},a.createElement("div",{className:"".concat(be.positionWrapper," ").concat(be.animationWrapper),style:Object.assign({"--scale":x},j),ref:g},a.createElement(I,Object.assign({isHovering:!0,hoverPositionConfig:j,cleanPortalNode:function(){return u(null)}},o)))))}function ke(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)}Ne.ReferenceContainer=function(e){return a.createElement("div",{id:"content-width-reference",className:"flex-grow-1"},e.children)};const we={badgeContainer:"fy9Un",sm:"Rb0TL"};function Ce(e){var t=f.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,r=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||r?a.createElement(c.c,{className:"".concat(we.badgeContainer," ").concat("sm"===e.size?we.sm:"")},n&&a.createElement(ke,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),r&&a.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&a.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||f.M.getDuration(e.video)})):a.createElement(a.Fragment,null)}Ce.defaultProps={newDurationStyle:!0,size:"md"};var Pe=n(110),Se=n(26361);function je(e){if(!e.yearGroups)return a.createElement(a.Fragment,null);var t=Se.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return f.M.getCanBeConsumed(e.video).canConsume&&t?a.createElement(j.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},a.createElement(d.x,{svgName:y.vn.Lock,size:"sm"===e.size?d.S.Small:d.S.Standard})):a.createElement(a.Fragment,null)}const xe={dot:"VrK4W",smallText:"OScyH",title:"svw3F"};var Ie=l.T.encloseNamespace("shared.videoTitle"),Le=new Date;function Te(e){var t,n,r=e.video.dateReleased,i=r&&(n=r,Pe.O.isSame(n,Le,"year")&&Pe.O.isSame(n,Le,"month")),o=e.showNewVideoIndicator&&i&&(null===(t=e.video._isClickViewCurated)||void 0===t?void 0:t.value);return a.createElement(a.Fragment,null,a.createElement(j.u,{title:"".concat(o?Ie("newVideo"):""),spanHack:!0,spanHackClassName:"d-inline-block"},o&&a.createElement("span",{className:"rounded-circle bg-green d-inline-block me-1 ".concat(xe.dot," ").concat("h6"===e.titleSize?xe.smallText:"")})),a.createElement("h2",{className:"".concat(e.titleSize," ").concat(xe.title," ").concat(e.className," d-inline")},e.title||e.video.name),e.showPadlock&&a.createElement(je,{video:e.video,yearGroups:e.yearGroups,size:e.lockSize}))}Te.defaultProps={titleSize:"h6",className:""};function Ae(e){var t,n,r=e.video,o=e.appLink,c=f.M.getCanBeConsumed(r).canNavigate;return a.createElement("div",{className:"mt-2 ".concat("r70GR")},a.createElement("div",{className:"d-flex flex-column ".concat("rULXI")},f.M.isVideo(r)&&a.createElement($.$,{type:e.commonVideoProps.subTextType,className:"text-truncate",video:r,appLink:null===(n=(t=e.commonVideoProps).getSubTextAppLink)||void 0===n?void 0:n.call(t,e.video),analyticsOptions:{location:i.LZ.VideoThumbnail}}),a.createElement(M.F,{className:"text-reset clamp-2 align-middle",appLink:c?o:null},a.createElement(Te,{video:e.video,yearGroups:e.commonVideoProps.yearGroups,lockSize:"sm",showNewVideoIndicator:e.commonVideoProps.showNewVideoIndicator,showPadlock:!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience}))))}const Fe="OjHQZ";function Ve(e){var t,n;return e.appLink?a.createElement(M.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.container," ").concat(Fe," ").concat(e.active?"kD1xM":"","\n        ")},a.createElement(Me,Object.assign({},e))):a.createElement("div",{className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center ".concat(null===(n=e.theme)||void 0===n?void 0:n.container," ").concat(Fe," ").concat("eGiNR")},a.createElement(Me,Object.assign({},e)))}function Me(e){var t;return a.createElement(a.Fragment,null,a.createElement(d.x,{className:"".concat("SS2zL"," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),a.createElement("span",{className:"ps-1 text-nowrap user-select-none ".concat(null===(t=e.theme)||void 0===t?void 0:t.tabLabel)},e.text))}function De(e){var t;return!e.video||f.M.isInteractive(e.video)||f.M.isClip(e.video)?a.createElement(a.Fragment,null):(null===(t=e.video._hasCurriculumLinks)||void 0===t?void 0:t.value)?a.createElement(Ve,{theme:{container:"classroom-guide-tag",tabLabel:"classroom-guide-tag-label"},svgName:y.vn.GraduationCap,iconVariant:"navy",text:l.T.getPhrase("shared.classroomGuideTag","curriculum"),appLink:e.appLink,appLinkAnalyticsData:Object.assign(Object.assign({videoGuidanceType:"curriculum"},f.M.getAnalyticsData(e.video)),e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:i.Vw.Click,entity:f.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):a.createElement(a.Fragment,null)}function ze(e){var t;if(!f.M.showInteractivesGuidance(e.video))return a.createElement(a.Fragment,null);var n=!f.M.isInteractive(e.video)&&((null===(t=e.video.interactives)||void 0===t?void 0:t.data.length)||0);return a.createElement(Ve,{svgName:y.vn.Interactive,iconVariant:"green",text:l.T.getPhrase("shared.interactivesTag","interactives",{smartCount:n}),appLink:e.appLink,appLinkAnalyticsData:Object.assign(Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:n},f.M.getAnalyticsData(e.video)),e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:i.Vw.Click,entity:f.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}function Re(e){if(!f.M.showResourcesGuidance(e.video))return a.createElement(a.Fragment,null);var t,n,r,o=(t=e.video,f.M.isInteractive(t)?0:((null===(n=t.resources)||void 0===n?void 0:n.data.length)||0)+((null===(r=t.links)||void 0===r?void 0:r.data.length)||0));return a.createElement(Ve,{svgName:y.vn.Resources,iconVariant:"indigo",text:l.T.getPhrase("shared.resourcesTag","resources",{smartCount:o}),appLink:e.appLink,appLinkAnalyticsData:Object.assign(Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:o},f.M.getAnalyticsData(e.video)),e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:i.Vw.Click,entity:f.M.getAnalyticsEntity(e.video)},e.analyticsOptions)})}function _e(e){var t,n,r,i,o,c,l=f.M.showInteractivesGuidance(e.video)&&f.M.showResourcesGuidance(e.video);return a.createElement("div",{className:"".concat(e.containerClassName," ").concat(l?e.responsiveClassName:"")},a.createElement(De,{appLink:null===(n=(t=e.commonVideoProps).getClassroomGuideAppLink)||void 0===n?void 0:n.call(t,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),a.createElement(Re,{appLink:null===(i=(r=e.commonVideoProps).getResourceGuidanceAppLink)||void 0===i?void 0:i.call(r,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),a.createElement(ze,{appLink:null===(c=(o=e.commonVideoProps).getInteractiveGuidanceAppLink)||void 0===c?void 0:c.call(o,e.video.id,e.video.typeId),video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}const Be={button:"CXHmZ"};function Ue(e){var t=e.removeButtonTooltip||l.T.getPhrase("shared.removeVideoButton","removeFromRow");return a.createElement("div",{className:"me-2"},a.createElement(j.u,{title:t,spanHack:!0},a.createElement(u.L,{onClick:e.onClickRemove,className:"d-flex align-items-center justify-content-center ".concat(Be.button),tabIndex:e.preventFocus?-1:void 0},a.createElement(d.x,{svgName:y.vn.Close,className:"svg-container ".concat(Be.heart)}))))}var He=function(e){var t,n=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,u=e.isHovering,d=e.hoverToPlay,m=r.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},p=f.M.getCanBeConsumed(n),y=p.canNavigate,h=p.canConsume;a.useEffect(function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}},[]);var b="position-relative bg-white";e.extraClasses&&(b+=" ".concat(e.extraClasses)),u&&(b+=" rounded-3 shadow-lg");var E=Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(n)}),w=e.isHovering&&h&&d,C=g.showFavouriteButton(e.video,u),S=Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),x=Object.assign(Object.assign({},E),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail});return a.createElement("div",{className:b},a.createElement("div",{className:"FAuzc"},!!s.q.isFunction(e.onClickRemove)&&(!!v.V.isTabletOrMobile()||u)&&a.createElement(Ue,{onClickRemove:function(t){var n;t.preventDefault(),null===(n=e.onClickRemove)||void 0===n||n.call(e)},removeButtonTooltip:e.removeButtonTooltip,preventFocus:!0}),C&&a.createElement(O,{setFavourite:e.commonVideoProps.setFavourite,canFavourite:e.commonVideoProps.canFavourite,video:n,analyticsData:e.analyticsData,analyticsOptions:E,preventFocus:!0}),!y&&a.createElement(j.u,{title:f.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},a.createElement(U,null))),a.createElement("div",{className:"position-relative"},a.createElement(_,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:u?"rounded-top-3":"rounded-3",onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},appLink:y?o:null,analyticsData:S,analyticsOptions:x}),a.createElement(N.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:f.M.getThumbnail(n),appLink:y?o:null,imageType:G.__.Thumbnails,imageOptions:c,preload:l,alt:("series"in n&&(null===(t=n.series)||void 0===t?void 0:t.name)?"".concat(n.series.name,": "):"")+n.name,analyticsData:S,analyticsOptions:x,preventFocus:!e.hideTitle,appLinkClassName:"position-absolute top-0 start-0 h-100 w-100 overflow-hidden ".concat(u?"rounded-top-3":"rounded-3"),imageClassName:u?"rounded-top-3":"rounded-3"},a.createElement(k.oy,{type:k.mS.Video}),a.createElement("div",{className:"p-absolute w-100 h-100 text-white"},a.createElement("div",{className:"".concat("wHY80"," d-flex flex-no-wrap")},e.showOwner&&a.createElement(V,{video:n,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),a.createElement(ae,{video:n}),a.createElement(Z,{video:n,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl})),a.createElement(Ce,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),a.createElement(P,{video:n}))),w&&a.createElement(ce,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:m.context,contextId:m.contextId,moviesAndTv:m.mtv,location:"popout-video"})),!u&&!e.hideTitle&&a.createElement(Ae,Object.assign({},e)),a.createElement("div",{className:"".concat("vMaXP"," ").concat(u?"".concat("tR1jA"," box-shadow"):"")},u&&a.createElement(a.Fragment,null,a.createElement("div",{className:"".concat(u?"KJrT1":"")},a.createElement(Ae,Object.assign({},e)),e.showVideoGuidance&&u&&a.createElement(_e,{commonVideoProps:e.commonVideoProps,video:e.video,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,responsiveClassName:"OixHb",containerClassName:"d-flex justify-content-start align-items-center pt-2"})))))};function Ge(e){return a.createElement(a.Fragment,null,a.createElement(Ne,{hoverableComponent:He,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(e.video)})}))}const We={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var qe;function Xe(e){var t=e.type,n=e.size,r=function(e){return e===qe.Video?We.video:e===qe.Playlist?We.playlist:""}(t),i=function(e){return e===qe.Video?y.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(We.maskContainer," ").concat("sm"===n?We.small:"")},a.createElement("div",{className:We.mask}),a.createElement(d.x,{svgName:i,className:r}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(qe||(qe={})),Xe.defaults={size:"md"};var Ze=n(67834);const $e={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function Qe(e){return f.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=f.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?a.createElement("div",{className:"".concat($e.container," d-flex align-items-center")},a.createElement(O,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:$e.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,preventFocus:!0}),a.createElement(Ze.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:$e.action})):a.createElement(a.Fragment,null):a.createElement("div",{className:$e.container},a.createElement(U,{size:e.size}))}var Ye=n(68626);const Je={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function Ke(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 et(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?et(e,t):void 0}}(e,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 et(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var tt="shared.staticVideoThumbnail";function nt(e){var t,n,r,o=e.type,c=e.video,s="static"===o,u=e.textPosition===Ye.z.Overlay,d=f.M.getCanBeConsumed(e.video).canNavigate,m="";return u?(m=Je.titleOverlay,d&&(f.M.isClip(c)&&(m+=" "+Je.clip),f.M.isInteractive(c)&&(m+=" "+Je.interactive))):m=Je.titleBelow,a.createElement("div",{className:m},f.M.isVideo(c)&&a.createElement($.$,{type:s?e.commonVideoProps.subTextType:"series",className:u?"text-shadow clamp-1":"clamp-2",video:c,appLink:s&&!u?null===(n=(t=e.commonVideoProps).getSubTextAppLink)||void 0===n?void 0:n.call(t,e.video):null,analyticsOptions:{location:i.LZ.VideoThumbnail}}),!u&&d&&s?a.createElement(M.F,{className:"h6 text-reset clamp-2",appLink:e.appLink},a.createElement(Te,{video:c,showNewVideoIndicator:e.commonVideoProps.showNewVideoIndicator,showPadlock:!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience})):a.createElement("span",{className:"h6 text-reset clamp-1"},a.createElement(Te,{video:c,title:null!==(r=c.name)&&void 0!==r?r:l.T.getPhrase(tt,"videoUnavailable"),showNewVideoIndicator:s&&e.commonVideoProps.showNewVideoIndicator,showPadlock:s&&!e.commonVideoProps.hasStudentExperience&&!e.commonVideoProps.hasGuestExperience})))}function at(e){var t,n,o,c,l=e.type,s=e.video,u=e.textPosition,d=e.imageOptions,m=e.preload,v="static"===l,p=v&&r.t.isObject(null===(t=e.appLink)||void 0===t?void 0:t.params)?null===(n=e.appLink)||void 0===n?void 0:n.params:{},y=Ke((0,le.X)(),2),h=y[0],b=y[1],E=Ke((0,le.L)({delay:100}),2),O=E[0],w=E[1],C=f.M.getCanBeConsumed(s),S=C.canNavigate,x=C.canConsume,I=v&&w&&x&&e.hoverToPlay,L=v?Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(s)}):{},T=v&&!!e.appLink&&!e.hideMask&&S,A=v?f.M.getPrivacyReasoning(e.video,e.showSignIn):"",F=v?Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}):{},M=Object.assign(Object.assign({},L),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail});return a.createElement(j.u,{title:A,spanHack:!0,spanHackClassName:""},a.createElement("div",{className:(c="position-relative",c+=v&&e.appLink&&S?" cursor-pointer":"",e.extraClasses&&(c+=" ".concat(e.extraClasses)),u===Ye.z.Overlay&&(c+=" rounded overflow-hidden"),c),ref:function(e){h.current=e,O.current=e}},v&&a.createElement(_,{isPlugin:e.commonVideoProps.isPlugin,isPluginPopup:e.commonVideoProps.isPluginPopup,className:"sm"===e.size?"rounded":"rounded-3",appLink:S?e.appLink:null,analyticsData:F,analyticsOptions:M}),a.createElement(Qe,{video:s,checkMarkStatus:!v&&e.checkMarkStatus,setCheckMarkStatus:!v&&e.setCheckMarkStatus,setFavourite:v&&e.commonVideoProps.setFavourite,canFavourite:function(){var t,n;if(v)return!e.disableFavourite&&(null===(n=(t=e.commonVideoProps).canFavourite)||void 0===n?void 0:n.call(t,e.video))&&g.showFavouriteButton(s,b)},analyticsData:v&&e.analyticsData,analyticsOptions:v&&L,size:e.size}),a.createElement(N.Z,{data:f.M.getThumbnail(s),appLink:v&&S?e.appLink:null,onClick:v&&S?e.onClick:void 0,imageType:G.__.Thumbnails,imageOptions:d,preload:m,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),u===Ye.z.Overlay&&(t+=" ".concat(Je.gradient)),t}(),alt:("series"in s&&(null===(o=s.series)||void 0===o?void 0:o.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:F,analyticsOptions:M,preventFocus:!0},T&&a.createElement(Xe,{type:qe.Video,size:e.size}),a.createElement(k.oy,{type:k.mS.Video}),a.createElement("div",{className:Je.overlayContainer},u===Ye.z.Overlay&&a.createElement(nt,Object.assign({},e)),a.createElement("div",{className:"".concat(Je.topLeftContainer," d-flex flex-no-wrap")},v&&e.showOwner&&a.createElement(V,{video:s,imageCdnUrl:e.commonVideoProps.imageCdnUrl}),!e.hideVideoTypeBadge&&a.createElement(ae,{video:s,size:e.size}),v&&a.createElement(Z,{video:s,companyLogoFallbackUrl:e.commonVideoProps.companyLogoFallbackUrl,size:e.size})),!e.hideBottomBar&&a.createElement(P,{video:s}),a.createElement(Ce,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),I&&a.createElement(ce,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),u===Ye.z.Below&&a.createElement(nt,Object.assign({},e))))}function rt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(at,Object.assign({},e));case"expandable":return a.createElement(de,Object.assign({},e));case"popout":return a.createElement(Ge,Object.assign({},e));default:return}}rt.defaultProps={hideRating:!0,size:"md",hoverToPlay:!1,showOwner:!0}},26117:(e,t,n)=>{n.d(t,{m:()=>o});var a=n(32735),r=n(28825);const i={subText:"F_1ii",sm:"BxmrB"};function o(e){var t="text-uppercase text-truncate mb-0 ".concat(i.subText," ").concat(e.className);return e.appLink?a.createElement(r.F,{className:t,appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,title:e.title,ariaLabel:e.ariaLabel},e.children):a.createElement("div",{className:t,title:e.title,"aria-label":e.ariaLabel},e.children)}},82302:(e,t,n)=>{n.d(t,{$:()=>h});var a=n(32735),r=n(23481),i=n(28400),o=n(74254),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}},l=n(4594),s={isSeries:function(e){return(null==e?void 0:e.typeId)===l.E.Series},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)},getRating:function(e){var t;return null===(t=e._rating)||void 0===t?void 0:t.value}},u=n(31908),d=n(26117);const m={appLink:"yI6tx",hoverUnderline:"ehDUT"};var v=r.T.encloseNamespace("shared.videoSubText");function p(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?m.hoverUnderline:"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function f(e){var t=u.M.getReleaseDate(e.video);return t?u.M.hasSeries(e.video)?a.createElement(a.Fragment,null," • ".concat(t)):a.createElement(a.Fragment,null,t):a.createElement(a.Fragment,null)}function g(e){var t,n=e.appLink,r=e.video,c=e.className,l=void 0===c?"":c,g=null==r?void 0:r.series,y=u.M.getReleaseDate(e.video);if(!(null==g?void 0:g.id)&&!y)return a.createElement(a.Fragment,null);var h=(null==g?void 0:g.id)&&n&&Object.assign(Object.assign({},n),{args:[g.id,i.m.slugify(g.name)]}),b=Object.assign(Object.assign({},e.analyticsData),{id:null==g?void 0:g.id,name:null==g?void 0:g.name,videoId:null==r?void 0:r.id,videoName:null==r?void 0:r.name}),E=Object.assign(Object.assign({},e.analyticsOptions),{entity:o.py.Series,actionType:o.Vw.Click,descriptor:o._S.Title}),O=s.buildSeriesSeasonEpisodeText(null==g?void 0:g.name,null===(t=r.season)||void 0===t?void 0:t.number,r.episodeNumber);return a.createElement(d.m,{appLink:h,className:"d-block ".concat(m.appLink," ").concat(l),analyticsData:b,analyticsOptions:E,title:O,ariaLabel:"".concat(v("ariaSeries")," ").concat(O)},(null==g?void 0:g.name)&&g.name,a.createElement(p,Object.assign({},e,{withSeriesTitle:!0})),a.createElement(f,Object.assign({},e)))}function y(e){var t,n,r=e.appLink,c=e.video,l=e.className,s=void 0===l?"":l,u=null===(n=null===(t=null==c?void 0:c.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0];if(!(null==u?void 0:u.id))return a.createElement(a.Fragment,null);var p=(null==u?void 0:u.id)&&r&&Object.assign(Object.assign({},r),{args:[u.id,i.m.slugify(u.name)]}),f=Object.assign(Object.assign({},e.analyticsData),{id:null==u?void 0:u.id,name:null==u?void 0:u.name,videoId:null==c?void 0:c.id,videoName:null==c?void 0:c.name}),g=Object.assign(Object.assign({},e.analyticsOptions),{entity:o.py.Company,actionType:o.Vw.Click,descriptor:o._S.Title});return a.createElement(d.m,{appLink:p,className:"d-block ".concat(m.appLink," ").concat(s),analyticsData:f,analyticsOptions:g,title:u.name,ariaLabel:"".concat(v("ariaCompany")," ").concat(u.name)},u.name)}function h(e){var t=e.type,n=void 0===t?"series":t;return"none"===n?a.createElement(a.Fragment,null):"series"===n?a.createElement(g,Object.assign({},e)):a.createElement(y,Object.assign({},e))}},32102:(e,t,n)=>{n.d(t,{g:()=>i});var a=n(32735);n(17082),n(4594),n(37802);var r=a.createContext({hasProvider:!1});function i(){return a.useContext(r)}},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={}))},49439:(e,t,n)=>{n.d(t,{X:()=>f,L:()=>g});var a=n(32735),r=n(79014),i=n(1048),o=function(){var e=a.useRef(!0);return a.useEffect(function(){return function(){e.current=!1}},[]),e};function c(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 l(e,t);var n={}.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}}(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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var s=275,u=5,d={className:"",delay:0,style:null},m={screenX:0,screenY:0};function v(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 p(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 f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:d,t=o(),n=c(a.useState(e),2),l=n[0],s=n[1],u=c(a.useState(!1),2),m=u[0],f=u[1],g=a.useRef(null);a.useEffect(function(){i.t.isEqual(e,l)||s(e)},[e]);var y=r.q.throttle(function(){v(g,l),t.current&&f(!0)},l.delay,{leading:!1}),h=function(){r.q.isFunction(y.cancel)&&y.cancel(),p(g,l),t.current&&f(!1)};return a.useLayoutEffect(function(){var e=g.current;if(e)return e.addEventListener("mouseenter",y),e.addEventListener("mouseleave",h),function(){e.removeEventListener("mouseenter",y),e.removeEventListener("mouseleave",h)}},[g.current,l]),[g,m]}function g(e){var t=c(a.useState(e),2),n=t[0],o=t[1],l=a.useRef(Object.assign({},m)),d=a.useRef(!1),f=a.useRef(0),g=a.useRef(null),y=c(a.useState(!1),2),h=y[0],b=y[1];function E(){f.current&&(window.clearTimeout(f.current),f.current=0)}function O(){d.current=!0}function N(e){if(d.current){var t,a,r=Object.assign({},l.current);l.current.screenX=e.screenX,l.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>u||Math.abs(e.screenY-t.screenY)>u}(r,e)&&E(),t=function(){v(g,n),b(!0)},a=n.delay||s,f.current||(f.current=window.setTimeout(t,a))}}function k(){E(),p(g,n),d.current=!1,b(!1)}return a.useEffect(function(){i.t.isEqual(e,n)||o(e)},[e]),a.useLayoutEffect(function(){if(g.current){var e=r.q.throttle(N,25,{leading:!1});return g.current.addEventListener("mouseenter",O),g.current.addEventListener("mousemove",e),g.current.addEventListener("mouseleave",k),function(){g.current&&(g.current.removeEventListener("mouseenter",O),g.current.removeEventListener("mousemove",e),g.current.removeEventListener("mouseleave",k))}}},[g.current,n]),[g,h]}},17082:(e,t,n)=>{n.d(t,{Nq:()=>u,oD:()=>m,t0:()=>d});var a,r=n(32735),i=n(12788),o=(a=function(e,t){return a=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])},a(e,t)},function(e,t){function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c="html",l="svg",s=function(e,t){var n,a,r,i={};if(e===c)r=document.createElement("div");else{if(e!==l)throw new Error('Invalid element type "'+e+'" for createPortalNode: must be "html" or "svg".');r=document.createElementNS("http://www.w3.org/2000/svg","g")}if(t&&"object"==typeof t)for(var o=0,s=Object.entries(t.attributes);o<s.length;o++){var u=s[o],d=u[0],m=u[1];r.setAttribute(d,m)}var v={element:r,elementType:e,setPortalProps:function(e){i=e},getInitialPortalProps:function(){return i},mount:function(t,r){if(r!==a){if(v.unmount(),t!==n&&!function(e,t){if(t===c)return e instanceof HTMLElement;if(t===l)return e instanceof SVGElement;throw new Error('Unrecognized element type "'+t+'" for validateElementType.')}(t,e))throw new Error('Invalid element type for portal: "'+e+'" portalNodes must be used with '+e+" elements, but OutPortal is within <"+t.tagName+">.");t.replaceChild(v.element,r),n=t,a=r}},unmount:function(e){e&&e!==a||n&&a&&(n.replaceChild(a,v.element),n=void 0,a=void 0)}};return v},u=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 o(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,a=t.node;return i.createPortal(r.Children.map(n,function(t){return r.isValidElement(t)?r.cloneElement(t,e.state.nodeProps):t}),a.element)},t}(r.PureComponent),d=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=r.createRef(),n.passPropsThroughPortal(),n}return o(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.setPortalProps({}),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){var e=this.props.node;e.unmount(this.placeholderNode.current),e.setPortalProps({})},t.prototype.render=function(){return r.createElement("div",{ref:this.placeholderNode})},t}(r.PureComponent),m=s.bind(null,c);s.bind(null,l)},34152:(e,t,n)=>{n.d(t,{YD:()=>s});var a=n(32735),r=(Object.defineProperty,new Map),i=new WeakMap,o=0,c=void 0;function l(e,t,n={},a=c){if(void 0===window.IntersectionObserver&&void 0!==a){const r=e.getBoundingClientRect();return t(a,{isIntersecting:a,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:r,intersectionRect:r,rootBounds:r}),()=>{}}const{id:l,observer:s,elements:u}=function(e){const t=function(e){return Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{return`${t}_${"root"===t?(n=e.root,n?(i.has(n)||(o+=1,i.set(n,o.toString())),i.get(n)):"0"):e[t]}`;var n}).toString()}(e);let n=r.get(t);if(!n){const a=new Map;let i;const o=new IntersectionObserver(t=>{t.forEach(t=>{var n;const r=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),null==(n=a.get(t.target))||n.forEach(e=>{e(r,t)})})},e);i=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:o,elements:a},r.set(t,n)}return n}(n),d=u.get(e)||[];return u.has(e)||u.set(e,d),d.push(t),s.observe(e),function(){d.splice(d.indexOf(t),1),0===d.length&&(u.delete(e),s.unobserve(e)),0===u.size&&(s.disconnect(),r.delete(l))}}function s({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:i,triggerOnce:o,skip:c,initialInView:s,fallbackInView:u,onChange:d}={}){var m;const[v,p]=a.useState(null),f=a.useRef(),[g,y]=a.useState({inView:!!s,entry:void 0});f.current=d,a.useEffect(()=>{if(c||!v)return;let a;return a=l(v,(e,t)=>{y({inView:e,entry:t}),f.current&&f.current(e,t),t.isIntersecting&&o&&a&&(a(),a=void 0)},{root:i,rootMargin:r,threshold:e,trackVisibility:n,delay:t},u),()=>{a&&a()}},[Array.isArray(e)?e.toString():e,v,i,r,o,c,n,u,t]);const h=null==(m=g.entry)?void 0:m.target,b=a.useRef();v||!h||o||c||b.current===h||(b.current=h,y({inView:!!s,entry:void 0}));const E=[p,g.inView,g.entry];return E.ref=E[0],E.inView=E[1],E.entry=E[2],E}a.Component}}]);