@clickview/reports 0.41.0-rc.2 → 0.41.0-rc.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/reports",
-  "version": "0.41.0-rc.2",
+  "version": "0.41.0-rc.4",
   "description": "ClickView Reports",
   "main": "dist/reports-app.js",
   "scripts": {

package/dist/scripts/71-6c8afcf891-reports.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[71],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(32735),r=n(86474);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)}},13669:(e,t,n)=>{n.d(t,{I:()=>d,h:()=>u});var a=n(32735),r=n(79014),i=n(83914),o=n(35223),l=n(11607);const c={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=new 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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=d[0],v=d[1];a.useEffect((function(){v(e.status===u.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?c.checked:c.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(c.outline)),e.status&&e.status!==u.None&&r.q.isFunction(e.setStatus)?a.createElement(l.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.Check,className:"svg-container ".concat(c.checkMark)})):a.createElement(a.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(u||(u={})),d.defaultProps={style:"filled"}},75090:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(32735),r=n(1048),i=n(57408),o=n(34152);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const c="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var 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.src,f=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","src","alt"]),y=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=n.prevent,r=n.rootMargin,i=n.triggerOnce,c=void 0===i||i,s=(e=(0,o.YD)({triggerOnce:c,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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(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"}),h=y.ref,b=y.inView,E=(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),N=E[0],w=E[1];function C(){return N&&d?d:e.src}if(a.useEffect((function(){if((r||b)&&!v){var e=new Image;return e.onerror=function(){w(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[b,v]),N&&!d)return a.createElement(a.Fragment,null);if(!h)return a.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:f,src:C()},g));var O=Object.assign(Object.assign({alt:f},g),!b&&!r||v?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:C()});return r||(O.ref=h),a.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},O))})),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,l=e.preload,c=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},e.children,y&&a.createElement(u,{src:y,alt:f,forceLoad:l,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},51071:(e,t,n)=>{n.d(t,{u:()=>Yt});var a=n(32735),r=n(1048),i=n(65858),o=n(21871),l=n(17464),c=n(23481),s=n(79014),u=n(11607),d=n(83914),m=n(55110),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=new Array(t);n<t;n++)a[n]=e[n];return a}var E=c.T.encloseNamespace("shared.favouriteButton");function N(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?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.")}()),l=o[0],c=o[1];a.useEffect((function(){c(i)}),[i]);var v="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(h.favouriteButton," ").concat(l?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=!l;c(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")),c(!t)}),e.analyticsData,e.analyticsOptions)}},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 w=n(75090),C=n(85177);function O(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 S={bottomBar:"YnXtZ"};function k(e){return f.M.isVideo(e.video)?a.createElement("div",{className:S.bottomBar},a.createElement(O,{video:e.video})):a.createElement(a.Fragment,null)}const j={padlock:"w4cg8",sm:"JpIYd"};function x(e){var t="sm"===e.size?d.S.Small:d.S.Standard;return a.createElement("div",{className:"".concat(j.padlock," ").concat("sm"===e.size?j.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},a.createElement(d.x,{svgName:y.vn.Lock,size:t}))}var A=n(36532);const I={topLeftContainer:"ia0ry",logo:"OA9ft",sm:"fyo2J"};function L(e){var t,n,r,i;if(!f.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return a.createElement(a.Fragment,null);var o=null===(n=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0],l=null!==(i=null===(r=null==o?void 0:o.logo)||void 0===r?void 0:r.url)&&void 0!==i?i:e.companyLogoFallbackUrl;return l?a.createElement("div",{className:I.topLeftContainer},a.createElement(A.u,{title:null==o?void 0:o.name,spanHack:!0},a.createElement("div",{className:"".concat(I.logo," ").concat("sm"===e.size?I.sm:""),style:{backgroundImage:"url(".concat(l,")")}}))):a.createElement(a.Fragment,null)}L.defaultProps={size:"md"};var T=n(28400),P=n(74254),F=n(57408),M={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}},R=n(4594),V={isSeries:function(e){return(null==e?void 0:e.typeId)===R.E.Series},buildSeriesSeasonEpisodeText:function(e,t,n){if(!e)return"";if(!t||!n)return e.toUpperCase();var a=M.padNumber(t,2),r=M.padNumber(n,2);return"".concat(e.toUpperCase()," S").concat(a," • E").concat(r)}};const _={appLink:"yI6tx",hoverUnderline:"ehDUT",small:"v8qRh"};function z(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return a.createElement(a.Fragment,null);var r=M.padNumber(n.number,2),i=M.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?_.hoverUnderline:"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function U(e){var t=f.M.getReleaseDate(e.video);return t?f.M.hasSeries(e.video)?a.createElement(a.Fragment,null," • ".concat(t)):a.createElement(a.Fragment,null,t):a.createElement(a.Fragment,null)}function D(e){var t,n=e.appLink,r=e.video,i=e.className,o=void 0===i?"":i,l=null==r?void 0:r.series,c=f.M.getReleaseDate(e.video);if(!(null==l?void 0:l.id)&&!c)return a.createElement(a.Fragment,null);var s=(null==l?void 0:l.id)&&n&&Object.assign(Object.assign({},n),{args:[l.id,T.m.slugify(l.name)]}),u=Object.assign(Object.assign({},e.analyticsData),{id:null==l?void 0:l.id,name:null==l?void 0:l.name,videoId:null==r?void 0:r.id,videoName:null==r?void 0:r.name}),d=Object.assign(Object.assign({},e.analyticsOptions),{entity:P.py.Series,actionType:P.Vw.Click,descriptor:P._S.Title}),m=V.buildSeriesSeasonEpisodeText(null==l?void 0:l.name,null===(t=r.season)||void 0===t?void 0:t.number,r.episodeNumber);return s?a.createElement("div",null,a.createElement(F.F,{appLink:s,className:"text-uppercase d-block text-truncate mb-0 ".concat(_.appLink," ").concat("sm"===e.size?"".concat(_.small," fw-normal"):""," ").concat(o),analyticsData:u,analyticsOptions:d,title:m},l.name,a.createElement(z,Object.assign({},e,{withSeriesTitle:!0})),a.createElement(U,Object.assign({},e)))):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(_.appLink," ").concat("sm"===e.size?"".concat(_.small," fw-normal"):""," ").concat(o),title:m},(null==l?void 0:l.name)&&l.name,a.createElement(z,Object.assign({},e,{withSeriesTitle:!0})),a.createElement(U,Object.assign({},e)))}function B(e){var t,n,r=e.appLink,i=e.video,o=e.className,l=void 0===o?"":o,c=null===(n=null===(t=null==i?void 0:i.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n[0];if(!(null==c?void 0:c.id))return a.createElement(a.Fragment,null);var s=(null==c?void 0:c.id)&&r&&Object.assign(Object.assign({},r),{args:[c.id,T.m.slugify(c.name)]}),u=Object.assign(Object.assign({},e.analyticsData),{id:null==c?void 0:c.id,name:null==c?void 0:c.name,videoId:null==i?void 0:i.id,videoName:null==i?void 0:i.name}),d=Object.assign(Object.assign({},e.analyticsOptions),{entity:P.py.Company,actionType:P.Vw.Click,descriptor:P._S.Title});return s?a.createElement("div",null,a.createElement(F.F,{appLink:s,className:"text-uppercase d-block text-truncate mb-0 ".concat(_.appLink," ").concat("sm"===e.size?"".concat(_.small," fw-normal"):""," ").concat(l),analyticsData:u,analyticsOptions:d,title:c.name},c.name)):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(_.appLink," ").concat("sm"===e.size?"".concat(_.small," fw-normal"):""," ").concat(l),title:c.name},c.name,a.createElement(z,Object.assign({},e,{withSeriesTitle:!0})),a.createElement(U,Object.assign({},e)))}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(D,Object.assign({},e)):a.createElement(B,Object.assign({},e))}const W={topLeftContainer:"wWtAQ",badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var Z=c.T.encloseNamespace("shared.videoTypeBadge");function G(e){if(f.M.isVideo(e.video))return a.createElement(a.Fragment,null);var t="".concat(W.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?W.sm:"");return a.createElement("div",{className:W.topLeftContainer},f.M.isClip(e.video)&&a.createElement("div",{className:"".concat(t," bg-dark-blue")},a.createElement(d.x,{className:"svg-container d-block ".concat(W.svg),size:"sm"===e.size?d.S.Small:d.S.Standard,svgName:y.vn.Clip}),a.createElement("span",{className:W.text},Z("clip"))),f.M.isInteractive(e.video)&&a.createElement("div",{className:"".concat(t," bg-green")},a.createElement(d.x,{className:"svg-container ".concat(W.svg),size:"sm"===e.size?d.S.Small:d.S.Standard,svgName:y.vn.Interactive}),a.createElement("span",{className:W.text},Z("interactive"))))}G.default={size:"md"};var q,Q=n(12788),X=(q=function(e,t){return q=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])},q(e,t)},function(e,t){function n(){this.constructor=e}q(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),$="html",Y="svg",J=function(e,t){var n,a,r,i={};if(e===$)r=document.createElement("div");else{if(e!==Y)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,l=Object.entries(t.attributes);o<l.length;o++){var c=l[o],s=c[0],u=c[1];r.setAttribute(s,u)}var d={element:r,elementType:e,setPortalProps:function(e){i=e},getInitialPortalProps:function(){return i},mount:function(t,r){if(r!==a){if(d.unmount(),t!==n&&!function(e,t){if(t===$)return e instanceof HTMLElement;if(t===Y)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(d.element,r),n=t,a=r}},unmount:function(e){e&&e!==a||n&&a&&(n.replaceChild(a,d.element),n=void 0,a=void 0)}};return d},K=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 X(t,e),t.prototype.componentDidMount=function(){this.addPropsChannel()},t.prototype.componentDidUpdate=function(){this.addPropsChannel()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.node;return Q.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),ee=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}return X(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 a.createElement("div",{ref:this.placeholderNode})},t}(a.PureComponent),te=J.bind(null,$);J.bind(null,Y),n(63314);var ne=a.createContext({hasProvider:!1});const ae={hoverContainer:"TzWQw",hovering:"gdTcW"};function re(e){var t,n=a.useContext(ne);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("default"===n.mode||"play-page"===e.location)return a.createElement(ee,{node:n.portalNode});var r=n.started,i="rounded-3";"popout-video"===e.location&&(i="rounded-top-3");var o="".concat(ae.hoverContainer," ").concat(r?ae.hovering:""," ").concat(i," overflow-hidden");return a.createElement("div",{className:o},a.createElement(ee,{node:n.portalNode}))}var ie=n(54610),oe=function(){var e=a.useRef(!0);return a.useEffect((function(){return function(){e.current=!1}}),[]),e};function le(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ce(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var se=275,ue=5,de={className:"",delay:0,style:null},me={screenX:0,screenY:0};function ve(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 pe(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 fe(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:de,t=oe(),n=le(a.useState(e),2),i=n[0],o=n[1],l=le(a.useState(!1),2),c=l[0],u=l[1],d=a.useRef(null);a.useEffect((function(){r.t.isEqual(e,i)||o(e)}),[e]);var m=s.q.throttle((function(){ve(d,i),t.current&&u(!0)}),i.delay,{leading:!1}),v=function(){s.q.isFunction(m.cancel)&&m.cancel(),pe(d,i),t.current&&u(!1)};return a.useLayoutEffect((function(){var e=d.current;if(e)return e.addEventListener("mouseenter",m),e.addEventListener("mouseleave",v),function(){e.removeEventListener("mouseenter",m),e.removeEventListener("mouseleave",v)}}),[d.current,i]),[d,c]}function ge(e){var t=le(a.useState(e),2),n=t[0],i=t[1],o=a.useRef(Object.assign({},me)),l=a.useRef(!1),c=a.useRef(0),u=a.useRef(null),d=le(a.useState(!1),2),m=d[0],v=d[1];function p(){c.current&&(window.clearTimeout(c.current),c.current=0)}function f(){l.current=!0}function g(e){if(l.current){var t,a,r=Object.assign({},o.current);o.current.screenX=e.screenX,o.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>ue||Math.abs(e.screenY-t.screenY)>ue}(r,e)&&p(),t=function(){ve(u,n),v(!0)},a=n.delay||se,c.current||(c.current=window.setTimeout(t,a))}}function y(){p(),pe(u,n),l.current=!1,v(!1)}return a.useEffect((function(){r.t.isEqual(e,n)||i(e)}),[e]),a.useLayoutEffect((function(){if(u.current){var e=s.q.throttle(g,25,{leading:!1});return u.current.addEventListener("mouseenter",f),u.current.addEventListener("mousemove",e),u.current.addEventListener("mouseleave",y),function(){u.current&&(u.current.removeEventListener("mouseenter",f),u.current.removeEventListener("mousemove",e),u.current.removeEventListener("mouseleave",y))}}}),[u.current,n]),[u,m]}const ye={overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function be(e){var t="mb-1";return e&&(t+=ye.downScale),t}function Ee(e){var t,n,c,s=e.video,u=e.appLink,m=e.imageOptions,v=e.setFavourite,p=e.canFavourite,h=e.preload,b=e.hovering,E=e.hoverToPlay,O=e.companyLogoFallbackUrl,S=f.M.getCanBeConsumed(e.video),j=S.canNavigate,I=S.canConsume,T=r.t.isObject(null==u?void 0:u.params)?null==u?void 0:u.params:{},P=Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(s)}),F=g.showFavouriteButton(e.video,b),M=f.M.isVideo(s),R=f.M.getRating(e.video),V=(n=ge({delay:100}),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return he(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?he(e,t):void 0}}(n,c)||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.")}()),_=V[0],z=V[1]&&I&&E;return a.createElement(A.u,{title:f.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},a.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:_},F&&a.createElement("div",{className:ye.topRightContainer},a.createElement(N,{setFavourite:v,canFavourite:p,video:s,analyticsData:e.analyticsData,analyticsOptions:P})),!j&&a.createElement("div",{className:ye.topRightContainer},a.createElement(x,null)),a.createElement(G,{video:s}),a.createElement(L,{video:s,companyLogoFallbackUrl:O}),a.createElement(w.Z,{data:f.M.getThumbnail(s),appLink:j?u:null,imageType:ie.__.Thumbnails,imageOptions:m,preload:h,className:ye.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),analyticsOptions:Object.assign(Object.assign({},P),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},!(!b||!j)&&a.createElement(d.x,{className:ye.playIcon,svgName:y.vn.PlayCircle}),a.createElement(C.oy,{type:C.mS.Video}),a.createElement("div",{className:ye.overlayContainer},a.createElement("div",{className:ye.overlay},a.createElement("div",{className:"".concat(be(b)," ").concat(ye.title)},M&&a.createElement(H,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),a.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},f.M.getTitle(s))),a.createElement(k,{video:s}),b&&a.createElement(l.c,{className:"mt-1"},f.M.isVideo(s)&&a.createElement(a.Fragment,null,a.createElement(o.C,{type:o.g.Rating,data:R}),s.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:s.hasInteractives}),a.createElement(o.C,{type:o.g.DurationExact,data:f.M.getDuration(e.video)})))))),z&&a.createElement(re,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:T.context,contextId:T.contextId,moviesAndTv:T.mtv})))}var Ne,we=n(42648),Ce=n(56050),Oe=n(81886),Se=a.createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(Ne||(Ne={}));var ke=function(e,t,n){var a,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1.2,i=e.x,o=e.y,l=e.width,c=e.height,s=document.getElementById("content-width-reference");if(!s)return{};var u=t||l*r,d=t?t*(c/l):c*r,m=t?u/l:r;a=i-(u-l)/2,u<n&&(a-=(n-u)/2,d=c*(m=(u=n)/l));var v=o-(d-c)/2+window.scrollY,p=a,f=Ne.Center;return a-s.offsetLeft<8&&(p=i-4,f=Ne.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+l-t:i-l*(m-1)+8,f=Ne.Right),{left:p,top:v,height:d,width:u,transformOrigin:f,position:"absolute",originalWidth:l,originalHeight:c}};const je={positionWrapper:"jO7pW",animationWrapper:"xXfXO",zoom:"BrrtL"};function xe(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ae(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 Ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ie(e){var t,n,r=e.hoverableComponent,i=e.componentProps,o=e.minHoverWidth,l=e.fixedHoverWidth,c=e.hoverScale,s=a.useContext(Se).setPreviewContentNode;void 0===s&&Oe.Q.Ry.throw(new Ce.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var u=a.useMemo((function(){return te()}),[]),d=xe(ge({delay:100}),2),m=d[0],v=d[1],p=xe(fe(),2),f=p[0],g=p[1],y=xe(a.useState(!1),2),h=y[0],b=(y[1],a.useRef(null)),E=a.useRef(!1),N=v||g;a.useEffect((function(){E.current!==N&&(s(N||h?u:null),E.current=N)}),[N]);var w=(null===(n=null===(t=b.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},C=w.x,O=w.y,S=w.width,k=w.height,j=a.useMemo((function(){return ke({x:C,y:O,width:S,height:k},l,o,c)}),[C,O,S,k,c]),x=j?j.originalWidth/j.width:1,A=r;return a.createElement("div",{ref:b},a.createElement("div",{ref:m},a.createElement(A,Object.assign({isHovering:!1},i))),(N||h)&&a.createElement(K,{node:u},a.createElement("div",{className:"".concat(je.positionWrapper," ").concat(je.animationWrapper),style:Object.assign({"--scale":x},j),ref:f},a.createElement(A,Object.assign({isHovering:!0,hoverPositionConfig:j,cleanPortalNode:function(){return s(null)}},i)))))}function Le(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)}Ie.ReferenceContainer=function(e){return a.createElement("div",{id:"content-width-reference",className:"flex-grow-1"},e.children)};const Te={badgeContainer:"fy9Un",sm:"Rb0TL"};function Pe(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(l.c,{className:"".concat(Te.badgeContainer," ").concat("sm"===e.size?Te.sm:"")},n&&a.createElement(Le,{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)}Pe.defaultProps={newDurationStyle:!0,size:"md"};var Fe=n(26361);function Me(e){if(!e.yearGroups)return a.createElement(a.Fragment,null);var t=Fe.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return f.M.getCanBeConsumed(e.video).canConsume&&t?a.createElement(A.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)}function Re(e){var t=e.video,n=e.appLink,r=e.subTextAppLink,o=f.M.getCanBeConsumed(t).canNavigate;return a.createElement("div",{className:"mt-2 ".concat("r70GR")},a.createElement("div",{className:"d-flex flex-column ".concat("rULXI")},f.M.isVideo(t)&&a.createElement(H,{type:e.subTextType,className:"text-truncate ".concat("h9k1p"),video:t,appLink:r,analyticsOptions:{location:i.LZ.VideoThumbnail}}),a.createElement(F.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,a.createElement(Me,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var Ve=n(39202),_e=n(97395),ze=n(92582),Ue=n(1164),De=n(49677),Be=n(67453);const He={imageStyle:"I9E5O",item:"tqUFn",background:"s1dNr",thumbnailContainer:"EDiGi",teacherPack:"_tdVE",text:"g5NWS",hoverState:"xRYhX",atomGuide:"X39wU",studentActivity:"X9pMl",additionalMaterials:"qRVUo",userUploaded:"_18JaV",imageTypeResource:"KYtZL"};var We={width:200,resizeType:ie.Nq.Cover};function Ze(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return Be.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},We));var i=_e._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===Ue.L.Pdf?Be.j.createResourceImage(i,t.url,We):t.metadata.type===Ue.L.Image?Be.j.createUrl(t.url,{size:ie.h2.Medium,resizeType:ie.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?Be.j.createResourceImage(i,t.pdf.url,We):(t.metadata.type,Ue.L.Zip,"/images/zip-resource.png"):Be.j.createResourceImage(i,t.url,Object.assign({},We))}function Ge(e){var t;return"metadata"in e?e.metadata.type===Ue.L.Pdf?ie.__.Pdf:e.metadata.type===Ue.L.Image?ie.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?ie.__.Pdf:(e.metadata.type,Ue.L.Zip,ie.__.Thumbnails):ie.__.Link}function qe(e){var t,n,r,o,l,c,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(r=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==r?r:0);var m="".concat(null!==(l=null===(o=e.theme)||void 0===o?void 0:o.containerClass)&&void 0!==l?l:""," pt-3 px-3 rounded-3 d-flex flex-column align-items-center")+" justify-content-end ".concat(function(e){switch(e){case"atom-guide":return He.atomGuide;case"student-activity":return He.studentActivity;case"teacher-pack":return He.teacherPack;case"additional-materials":return He.additionalMaterials;default:return He.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(He.background," ").concat(e.applyHoverState?He.hoverState:""," ");return a.createElement("div",{className:m},!e.hideHeading&&a.createElement(A.u,{title:e.data.name},a.createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(He.text)},a.createElement("span",{className:"clamp-1"},e.data.name))),a.createElement("div",{className:"".concat(null!==(s=null===(c=e.theme)||void 0===c?void 0:c.thumbnailContainerClass)&&void 0!==s?s:""," w-75 overflow-hidden ").concat(He.thumbnailContainer," ").concat(He.imageStyle)},a.createElement(w.Z,{data:Ze(e.imageCdnUrl,e.data),imageType:Ge(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},alt:e.data.name,analyticsOptions:{location:i.LZ.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===Ue.L.Image?"".concat(He.imageTypeResource," ").concat(He.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}qe.defaultProps={preloadImage:!0,actionBehaviour:"normal"},a.memo((function(e){var t,n,r,o,l=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,[]),c=(t=e.data,n=e.actionBehaviour,o=a.useContext(De.X),"public"===n||!o.xs&&!o.sm&&"resource"===t.type&&"metadata"in t&&(t.metadata.type===Ue.L.Image||(t.metadata.type===Ue.L.Pdf?!!t.url:!!(null===(r=t.pdf)||void 0===r?void 0:r.url)))),s=Object.assign(Object.assign({},e.analyticsData),e.data),u=Object.assign(Object.assign({},e.analyticsOptions),{actionType:i.Vw.Click,entity:e.data.typeId===R.E.Resource?i.py.Resource:i.py.Link});function d(){ze.k.logUserAction(s,u)}var m,v=!!e.data.url;return l.applyHoverState=c||v,a.createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(He.item," ").concat("resource-item")},(m="d-block no-decoration","link"===e.data.type?a.createElement("a",{href:e.data.url,target:"_blank",className:m,onClick:d},a.createElement(qe,Object.assign({},l))):c?"public"===e.actionBehaviour?a.createElement("div",{className:"".concat(m," cursor-pointer d-inline"),onClick:function(){d(),Ve.C$.trigger(e.getAppLink(e.data))}},a.createElement(qe,Object.assign({},l))):a.createElement(F.F,{appLink:e.getAppLink(e.data),className:m,analyticsData:s,analyticsOptions:u},a.createElement(qe,Object.assign({},l))):v?a.createElement("a",{href:e.data.url,className:m,onClick:d},a.createElement(qe,Object.assign({},l))):a.createElement("div",{className:m},a.createElement(qe,Object.assign({},l)))))}));const Qe={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function Xe(e){return a.createElement("div",{className:"".concat(Qe.container," p-2 rounded-3")},a.createElement("div",{className:"d-flex align-items-center"},a.createElement("div",{className:"".concat(Qe.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},a.createElement(d.x,{svgName:e.svgName})),a.createElement("div",{className:"ps-2 fw-semibold"},e.text)),e.children)}function $e(e){return function(e){if(Array.isArray(e))return Ye(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Ye(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ye(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Je=c.T.encloseNamespace("shared.whatsIncluded");function Ke(e){var t,n,r,i,o,l,s,u=null===(n=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length,d=[].concat($e((null===(r=e.video.resources)||void 0===r?void 0:r.data)||[]),$e((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),m=d.length,v=null!==(s=null===(l=null===(o=e.video.subtitles)||void 0===o?void 0:o.data)||void 0===l?void 0:l.map((function(t){var n,a;return function(e,t){var n,a,r=e.language;return a=(null==t?void 0:t.filter((function(e){return e.language!==r}))).length>0?CVLanguages.getFullEnglishName(r):CVLanguages.getEnglishName(r),(null===(n=e.metadata)||void 0===n?void 0:n.autoGenerated)?c.T.getPhrase("shared.shared-utils","autoGeneratedSubtitle",{name:a}):a}(t,null!==(a=null===(n=e.video.subtitles)||void 0===n?void 0:n.data)&&void 0!==a?a:[])})))&&void 0!==s?s:[];return a.createElement(a.Fragment,null,u>0&&a.createElement(Xe,{text:Je("totalInteractives",{smartCount:u}),svgName:y.vn.Interactive,iconVariant:"green"}),m>0&&a.createElement(Xe,{text:Je("totalResources",{smartCount:m}),svgName:y.vn.Resources,iconVariant:"indigo"},a.createElement("div",{className:"row g-0 mx-n1 pt-2"},d.slice(0,3).map((function(t){return a.createElement("div",{key:t.id,className:"col-4 px-1"},a.createElement(qe,{data:t,imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.resourceThumbnailFallbackImageUrl,theme:{containerClass:Qe.resourceContainer,thumbnailContainerClass:Qe.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&a.createElement(Xe,{text:Je("videoSettings"),svgName:y.vn.CloseCaptionBadge,iconVariant:"dark"},a.createElement("div",{className:"d-flex align-items-center pt-1"},a.createElement("div",{className:"ps-1"},v.join(", ")))))}Ke.defaultProps={isShowing:!0};function et(e){return a.createElement("div",{className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat("OjHQZ"," ").concat(e.active?"kD1xM":"")},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"},e.text))}var tt=a.forwardRef((function(e,t){return a.createElement("div",{ref:t},a.createElement(et,{svgName:y.vn.Video,iconVariant:"blue",text:c.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),nt=n(20354);var at=function(){return a.createElement(a.Fragment,null,a.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),a.createElement("div",null,a.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),a.createElement("div",{className:"mb-2 d-flex"},a.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},a.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),a.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function rt(){return a.createElement("div",null,a.createElement("div",{className:"mb-3"},a.createElement(at,null)),a.createElement("div",{className:"mb-3"},a.createElement(at,null)),a.createElement("div",null,a.createElement(at,null)))}var it,ot=n(83345);!function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(it||(it={}));var lt=n(15800),ct="shared.curriculumLinks",st=c.T.encloseNamespace(ct);function ut(e){return a.createElement(lt.u,{className:"pt-3"},a.createElement(lt.u.Image,{src:e.emptyStateUrl,altText:st("emptyInfo"),size:"small"}),a.createElement(lt.u.Heading,null,a.createElement(ot.x,{namespace:ct,phrase:"emptyHeading"})),a.createElement(lt.u.Info,null,a.createElement(ot.x,{namespace:ct,phrase:"emptyInfo"})))}const dt={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD"};function mt(e){return mt="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},mt(e)}function vt(e,t,n){var a;return a=function(e,t){if("object"!=mt(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=mt(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==mt(a)?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function pt(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ft(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ft(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 ft(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var gt=/(.*)\s\((.*)?\)/i,yt="shared.curriculumLinks",ht="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block";function bt(e){function t(){var t=ht+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=a.useRef();return a.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),a.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?a.createElement(a.Fragment,null,a.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},a.createElement("h5",{ref:n,className:t()},a.createElement(ot.x,{namespace:yt,phrase:"noCode"}))),a.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?a.createElement(a.Fragment,null,a.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},a.createElement("h5",{ref:n,className:t()},e.leaf.name)),a.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):a.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):a.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function Et(e){var t,n,r,i={},o=!1;function l(e){var t="mb-2";return e.name||o?t:t+" ms-4 "+dt.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[it.Area].map((function(e){return e.name})).join(" - ");i[t]?e[it.Leaf].forEach((function(e){i[t].push(e),e.name&&(o=!0)})):i[t]=e[it.Leaf]})),a.createElement(a.Fragment,null,a.createElement("h3",{className:"".concat(ht," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[it.Audience].name,n=e.linkSet[it.Subject].name,(r=t.match(gt))?"".concat(r[1]," • ").concat(r[2]," • ").concat(n):"".concat(t," • ").concat(n))),a.createElement("div",{className:"me-2 ".concat(dt.curriculumSubject)},Object.keys(i).map((function(t,n){return a.createElement("div",{key:n,className:dt.areaLeafSet},t&&a.createElement("h4",{className:"mb-1 font-size-normal"},t),a.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return a.createElement("li",{key:t.id,className:l(t)},a.createElement(bt,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:o}))}))))}))))}function Nt(e){var t,n,r=pt(a.useState(0),2),i=r[0],o=r[1],l=pt(a.useState(!1),2),c=l[0],s=l[1],u=pt(a.useState(!1),2),d=u[0],m=u[1],v=pt(a.useState([]),2),p=v[0],f=v[1];function g(e){o((function(t){return t>=e?t:e}))}a.useEffect((function(){var t;e.checkAllCurriculums&&!(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)&&(m(!0),e.checkAllCurriculums().then((function(e){e.length&&s(!0),f(e)})).finally((function(){return m(!1)})))}),[null===(t=e.curriculumLinks)||void 0===t?void 0:t.length]);var y={};return e.curriculumLinks.forEach((function(e){var t=null,n=null,a=[],r=[];e.forEach((function(e){switch(e.type){case it.Subject:t=e;break;case it.Audience:n=e;break;case it.Area:a.push(e);break;case it.Leaf:r.push(e)}}));var i="".concat(t.id,":").concat(n.id);y[i]?y[i].areasAndLeaves.push(vt(vt({},it.Area,a),it.Leaf,r)):y[i]=vt(vt(vt({},it.Subject,t),it.Audience,n),"areasAndLeaves",[vt(vt({},it.Area,a),it.Leaf,r)])})),d?a.createElement(rt,null):(null===(n=e.curriculumLinks)||void 0===n?void 0:n.length)||!e.emptyStateUrl||c||d?c?a.createElement("div",null,a.createElement("div",{className:"mb-3"},a.createElement(ot.x,{namespace:yt,phrase:"currentEmpty"})),a.createElement("div",{className:"mb-3"},a.createElement(ot.x,{namespace:yt,phrase:"currentEmptyInfo"})),p.map((function(t){return a.createElement("div",{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(dt.tag," me-2"),onClick:function(){return e.onChangeCurriculum(t.id.toString())}},a.createElement("div",{className:dt.cover},a.createElement("img",{src:t.cover.url,alt:t.name})),t.name)}))):a.createElement("ul",{className:"list-unstyled m-0"},Object.keys(y).map((function(e,t){return a.createElement("li",{key:"linkset-".concat(t),className:dt.curriculumSet},a.createElement(Et,{linkSet:y[e],trySetMaxCodeWidth:g,codeWidth:i}))}))):a.createElement(ut,{emptyStateUrl:e.emptyStateUrl})}var wt=n(44829);const Ct={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Ot(e){var t,n,r=e.tag,i=e.appLink,o=e.onClick,l=e.disabled,c=e.tagClass,s=void 0===c?"tag":c,u=r.name.toLowerCase(),d=null===(t=r.tagType)||void 0===t?void 0:t.toLowerCase(),m="rounded-pill py-1 px-2 my-1 me-1 ".concat(s," ").concat(function(e){switch(e){case wt.Q.Pedagogy:case wt.Q.Skill:return"pedagogy-tag text-white";case wt.Q.Hidden:return"hidden-tag";case wt.Q.Normal:default:return""}}(d)),v=d===wt.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);v&&(m+=" text-white"),!i&&!o||l||(m+=" cursor-pointer"),l&&(m+=" "+Ct.disabled),e.onRemove&&(m+=" "+Ct.badge),i||(m+=" d-inline-block");var p=v?{backgroundColor:e.themeColours.secondary}:{};return i?a.createElement(F.F,{onClick:o,appLink:i,className:m,title:u,style:p},a.createElement("span",{className:"text-truncate text-nowrap"},u)):a.createElement("span",{onClick:o,className:m,title:u,style:p},a.createElement("span",{className:"text-truncate text-nowrap"},u,e.onRemove&&a.createElement("button",{onClick:e.onRemove,className:"".concat(Ct.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}function St(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function kt(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case wt.Q.Pedagogy:return 0;case wt.Q.Skill:return 1;default:return 2}}function jt(e){if(!e.tags)return a.createElement(a.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return St(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return St(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?St(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).sort((function(e,t){return kt(e)-kt(t)}));return a.createElement("div",{className:"".concat(Ct.tagList," ").concat(e.className)},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,r="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null,i="function"==typeof e.onClick?function(){return e.onClick(t)}:null;return a.createElement(Ot,{key:t.id||t.name,tag:t,appLink:n,themeColours:e.themeColours,onRemove:r,onClick:i})})))}const xt="KQ5Wt";var At="shared.whyThisVideo";function It(e){var t,n,r,i,o,l,c,s=nt.a.useBasicFetch(e.getCurriculumLinksRequest(e.video.id)),u=null!==(r=null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(e){return e.tagType===wt.Q.Pedagogy})))&&void 0!==r?r:[],d=null!==(l=null===(o=null===(i=e.video.tags)||void 0===i?void 0:i.data)||void 0===o?void 0:o.filter((function(e){return e.tagType===wt.Q.Skill})))&&void 0!==l?l:[];return a.createElement(a.Fragment,null,!!u.length&&a.createElement("h3",{className:"font-size-normal fw-semibold"},a.createElement(ot.x,{namespace:At,phrase:"pedagogy"})),u.map((function(e){return a.createElement("div",{key:e.name,className:"px-2 py-1 rounded-3 ".concat(xt)},a.createElement(Ot,{tag:e}),e.description&&a.createElement("p",{className:"mb-2 pt-1"},e.description))})),!!d.length&&a.createElement(a.Fragment,null,a.createElement("h3",{className:"font-size-normal fw-semibold"},a.createElement(ot.x,{namespace:At,phrase:"skills"})),a.createElement("div",{className:"p-2 rounded-3 ".concat(xt)},a.createElement(jt,{tags:d}))),!s.hasCompleted&&a.createElement(rt,null),s.hasCompleted&&!!(null===(c=s.data)||void 0===c?void 0:c.length)&&a.createElement(a.Fragment,null,a.createElement("h3",{className:"font-size-normal fw-semibold"},e.curriculum.name),s.data.map((function(e,t){return a.createElement("div",{key:t,className:"p-2 rounded-3 ".concat(xt)},a.createElement(Nt,{curriculumLinks:[e]}))}))))}var Lt=a.forwardRef((function(e,t){return a.createElement("div",{ref:t},a.createElement(et,{svgName:y.vn.StarOutline,iconVariant:"navy",text:c.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))}));function Tt(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Pt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Pt(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 Pt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const Ft={preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function Mt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Rt=function(e){var t,n,o,l=e.video,c=e.appLink,s=e.imageOptions,u=e.preload,d=e.setFavourite,m=e.canFavourite,v=e.isHovering,p=e.hoverToPlay,y=e.companyLogoFallbackUrl,h=r.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},b=f.M.getCanBeConsumed(l),E=b.canNavigate,O=b.canConsume,S=(n=a.useState(!1),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(n,o)||function(e,t){if(e){if("string"==typeof e)return Mt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Mt(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),j=S[0],I=S[1],T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Tt(a.useState("none"),2),n=t[0],r=t[1],o=Tt(fe(),2),l=o[0],c=o[1],s=Tt(fe(),2),u=s[0],d=s[1];return a.useEffect((function(){return c&&"why-this-video"!==n?(ze.k.logUserAction(e,{actionType:i.Vw.Hover,entity:i.py.Video,location:i.LZ.ClassroomGuide}),void r("why-this-video")):d&&"whats-included"!==n?(ze.k.logUserAction(e,{actionType:i.Vw.Hover,entity:i.py.Video,location:i.LZ.TeachingResources}),void r("whats-included")):void 0}),[c,d,n]),{whyThisVideoRef:l,whatsIncludedRef:u,videoGuidance:n}}(Object.assign(Object.assign({},e.analyticsData),{id:l.id,name:l.name})),P=T.videoGuidance,F=T.whyThisVideoRef,M=T.whatsIncludedRef,R=a.useMemo((function(){return f.M.showWhatsIncluded(l)}),[l]),V=a.useMemo((function(){return f.M.showWhyThisVideo(l)}),[l]);a.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var _="position-relative bg-white";e.extraClasses&&(_+=" ".concat(e.extraClasses)),v&&(_+=" rounded-3 shadow-lg");var z=Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(l)}),U=e.isHovering&&O&&p,D=g.showFavouriteButton(e.video,v),B=e.showVideoGuidance&&(R||V),H="none"!==P;return a.createElement("div",{className:_},D&&a.createElement("div",{className:Ft.topRightContainer},a.createElement(N,{setFavourite:d,canFavourite:m,video:l,analyticsData:e.analyticsData,analyticsOptions:z})),!E&&a.createElement("div",{className:Ft.topRightContainer},a.createElement(A.u,{title:f.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},a.createElement(x,null))),a.createElement("div",{className:"position-relative"},a.createElement(w.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:f.M.getThumbnail(l),appLink:E?c:null,imageType:ie.__.Thumbnails,imageOptions:s,preload:u,className:"overflow-hidden ".concat(v?Ft.preview:"rounded-3 ".concat(Ft.original)),alt:("series"in l&&(null===(t=l.series)||void 0===t?void 0:t.name)?"".concat(l.series.name,": "):"")+l.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:l.id,name:l.name}),analyticsOptions:Object.assign(Object.assign({},z),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},a.createElement(C.oy,{type:C.mS.Video}),a.createElement(k,{video:l}),a.createElement("div",{className:"p-absolute w-100 h-100 text-white"},a.createElement(G,{video:l}),a.createElement(L,{video:l,companyLogoFallbackUrl:y}),a.createElement(Pe,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),U&&a.createElement(re,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:h.context,contextId:h.contextId,moviesAndTv:h.mtv,location:"popout-video"})),!v&&!e.hideTitle&&a.createElement(Re,Object.assign({},e)),a.createElement("div",{className:"".concat(Ft.details," ").concat(v?"".concat(Ft.isHovering," box-shadow"):"")},v&&a.createElement(a.Fragment,null,a.createElement("div",{className:"".concat(j?"box-shadow":""," ").concat(v?Ft.videoGuidanceTags:"")},a.createElement(Re,Object.assign({},e)),B&&v&&a.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},V&&a.createElement(Lt,{ref:F,active:"why-this-video"===P}),R&&a.createElement(tt,{ref:M,active:"whats-included"===P}))),B&&v&&a.createElement(we.$B,{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;j&&0===t?I(!1):!j&&t>0&&I(!0)}},a.createElement("div",{className:"".concat(Ft.dropdown," ").concat(H?Ft.show:"")},"why-this-video"===P&&a.createElement(It,{video:e.video,curriculum:e.curriculum,getCurriculumLinksRequest:e.getCurriculumLinksRequest}),"whats-included"===P&&a.createElement(Ke,{video:e.video,imageCdnUrl:e.imageCdnUrl,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl}),"none"!==P&&a.createElement("div",{className:"pb-2"}))))))};function Vt(e){return a.createElement(a.Fragment,null,a.createElement(Ie,{hoverableComponent:Rt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}const _t={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var zt;function Ut(e){var t=e.type,n=e.size,r=function(e){return e===zt.Video?_t.video:e===zt.Playlist?_t.playlist:""}(t),i=function(e){return e===zt.Video?y.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(_t.maskContainer," ").concat("sm"===n?_t.small:"")},a.createElement("div",{className:_t.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"}(zt||(zt={})),Ut.defaults={size:"md"};var Dt=n(13669);const Bt={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function Ht(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(Bt.container," d-flex align-items-center")},a.createElement(N,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Bt.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),a.createElement(Dt.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:Bt.action})):a.createElement(a.Fragment,null):a.createElement("div",{className:Bt.container},a.createElement(x,{size:e.size}))}var Wt=n(68626);const Zt={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",gradient:"LS_EH"};function Gt(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,l=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return qt(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?qt(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 qt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var Qt="shared.staticVideoThumbnail";function Xt(e){var t,n=e.video,r=e.subTextAppLink,o=e.textPosition,l=e.appLink,s=o===Wt.z.Overlay,u=f.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=Zt.titleOverlay,u&&(f.M.isClip(n)&&(d+=" "+Zt.clip),f.M.isInteractive(n)&&(d+=" "+Zt.interactive))):d=Zt.titleBelow,a.createElement("div",{className:d},f.M.isVideo(n)&&a.createElement(H,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:r,analyticsOptions:{location:i.LZ.VideoThumbnail}}),s||!u?a.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:c.T.getPhrase(Qt,"videoUnavailable")):a.createElement(F.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function $t(e){var t,n,o=e.video,l=e.appLink,c=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=e.hoverToPlay,v=r.t.isObject(null==l?void 0:l.params)?null==l?void 0:l.params:{},p=Gt(fe(),2),y=p[0],h=p[1],b=Gt(ge({delay:100}),2),E=b[0],N=b[1],O=f.M.getCanBeConsumed(o),S=O.canNavigate,j=O.canConsume,x=N&&j&&m,I=Object.assign(Object.assign({},e.analyticsOptions),{entity:f.M.getAnalyticsEntity(o)}),T=!!l&&!e.hideMask&&S,P=f.M.getPrivacyReasoning(e.video,e.showSignIn);return a.createElement(A.u,{title:P,spanHack:!0,spanHackClassName:""},a.createElement("div",{className:(n="position-relative",n+=l&&S?" cursor-pointer":"",e.extraClasses&&(n+=" ".concat(e.extraClasses)),c===Wt.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:function(e){y.current=e,E.current=e}},a.createElement(Ht,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&g.showFavouriteButton(o,h)},analyticsData:e.analyticsData,analyticsOptions:I,size:e.size}),a.createElement(w.Z,{data:f.M.getThumbnail(o),appLink:S?l:null,imageType:ie.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),c===Wt.z.Overlay&&(t+=" ".concat(Zt.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},I),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},T&&a.createElement(Ut,{type:zt.Video,size:e.size}),a.createElement(C.oy,{type:C.mS.Video}),a.createElement("div",{className:Zt.overlayContainer},c===Wt.z.Overlay&&a.createElement(Xt,Object.assign({},e)),a.createElement(k,{video:o}),a.createElement(G,{video:o,size:e.size}),a.createElement(L,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size}),a.createElement(Pe,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),x&&a.createElement(re,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:v.context,contextId:v.contextId,moviesAndTv:v.mtv}),c===Wt.z.Below&&a.createElement(Xt,Object.assign({},e))))}function Yt(e){switch(e.type){case"static":return a.createElement($t,Object.assign({},e));case"cosmetic":return a.createElement($t,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return a.createElement(Ee,Object.assign({},e));case"popout":return a.createElement(Vt,Object.assign({},e));default:return}}Yt.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},68626:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(79976),r=n(60139),i=n(32735),o=n(71365);function l(){var e,t,n,l=(e=a.P.ALERT,t=e,n=o.u.getInstance(t),i.useEffect((function(){return function(){o.u.releaseInstance(t)}})),n);return{success:function(e){l.success(e)()},error:function(e){l.error(e)()},warning:function(e){l.createAlert({type:r.NK.Warning,heading:r.R6.Warning,message:e})}}}},34152:(e,t,n)=>{n.d(t,{YD:()=>s});var a=n(32735),r=(Object.defineProperty,new Map),i=new WeakMap,o=0,l=void 0;function c(e,t,n={},a=l){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:c,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(c))}}function s({threshold:e,delay:t,trackVisibility:n,rootMargin:r,root:i,triggerOnce:o,skip:l,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(l||!v)return;let a;return a=c(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,l,n,u,t]);const h=null==(m=g.entry)?void 0:m.target,b=a.useRef();v||!h||o||l||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}}]);