@clickview/reports 0.39.1-rc.2 → 0.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +1 -1
- package/dist/languages/en.json +1 -1
- package/dist/scripts/{496-d41fad57fe-reports.chunk.js → 496-5df05bba23-reports.chunk.js} +2 -2
- package/dist/scripts/{71-df00718906-reports.chunk.js → 71-1c719b9eea-reports.chunk.js} +1 -1
- package/dist/scripts/bundle-ddb1d8efdf.min.js +2 -0
- package/package.json +1 -1
- package/dist/scripts/bundle-a75bec87a7.min.js +0 -2
- /package/dist/scripts/{496-d41fad57fe-reports.chunk.js.LICENSE.txt → 496-5df05bba23-reports.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-a75bec87a7.min.js.LICENSE.txt → bundle-ddb1d8efdf.min.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"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(10288);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=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.")}()),w=E[0],N=E[1];function C(){return w&&d?d:e.src}if(a.useEffect((function(){if((r||b)&&!v){var e=new Image;return e.onerror=function(){N(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[b,v]),w&&!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 w(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 N=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),M=n(57408),F={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=F.padNumber(t,2),r=F.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=F.padNumber(n.number,2),i=F.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(M.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(M.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)}),Y="html",$="svg",J=function(e,t){var n,a,r,i={};if(e===Y)r=document.createElement("div");else{if(e!==$)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===Y)return e instanceof HTMLElement;if(t===$)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,Y);J.bind(null,$),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)}),M=g.showFavouriteButton(e.video,b),F=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:_},M&&a.createElement("div",{className:ye.topRightContainer},a.createElement(w,{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(N.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)},F&&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 we,Ne=n(98495),Ce=n(56050),Oe=n(81886),Se=a.createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(we||(we={}));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=we.Center;return a-s.offsetLeft<8&&(p=i-4,f=we.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+l-t:i-l*(m-1)+8,f=we.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),w=v||g;a.useEffect((function(){E.current!==w&&(s(w||h?u:null),E.current=w)}),[w]);var N=(null===(n=null===(t=b.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},C=N.x,O=N.y,S=N.width,k=N.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))),(w||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 Me=n(26361);function Fe(e){if(!e.yearGroups)return a.createElement(a.Fragment,null);var t=Me.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(M.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,a.createElement(Fe,{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(N.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(M.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 Ye(e){return function(e){if(Array.isArray(e))return $e(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 $e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$e(e,t):void 0}}(e)||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 $e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var 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(Ye((null===(r=e.video.resources)||void 0===r?void 0:r.data)||[]),Ye((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,nt=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}))})),at=n(20354),rt=n(83345);!function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(tt||(tt={}));var it=n(15800),ot="shared.curriculumLinks",lt=c.T.encloseNamespace(ot);function ct(e){return a.createElement(it.u,{className:"pt-3"},a.createElement(it.u.Image,{src:e.emptyStateUrl,altText:lt("emptyInfo"),size:"small"}),a.createElement(it.u.Heading,null,a.createElement(rt.x,{namespace:ot,phrase:"emptyHeading"})),a.createElement(it.u.Info,null,a.createElement(rt.x,{namespace:ot,phrase:"emptyInfo"})))}const st={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G"};function ut(e){return ut="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},ut(e)}function dt(e,t,n){var a;return a=function(e,t){if("object"!=ut(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=ut(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==ut(a)?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 vt=/(.*)\s\((.*)?\)/i,pt="shared.curriculumLinks",ft="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block";function gt(e){function t(){var t=ft+" 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(rt.x,{namespace:pt,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 yt(e){var t,n,r,i={},o=!1;function l(e){var t="mb-2";return e.name||o?t:t+" ms-4 "+st.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[tt.Area].map((function(e){return e.name})).join(" - ");i[t]?e[tt.Leaf].forEach((function(e){i[t].push(e),e.name&&(o=!0)})):i[t]=e[tt.Leaf]})),a.createElement(a.Fragment,null,a.createElement("h3",{className:"".concat(ft," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[tt.Audience].name,n=e.linkSet[tt.Subject].name,(r=t.match(vt))?"".concat(r[1]," • ").concat(r[2]," • ").concat(n):"".concat(t," • ").concat(n))),a.createElement("div",{className:"me-2 ".concat(st.curriculumSubject)},Object.keys(i).map((function(t,n){return a.createElement("div",{key:n,className:st.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(gt,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:o}))}))))}))))}function ht(e){var t,n,r,i=(n=a.useState(0),r=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,r)||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,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.")}()),o=i[0],l=i[1];if(!(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length))return e.emptyStateUrl?a.createElement(ct,{emptyStateUrl:e.emptyStateUrl}):a.createElement(a.Fragment,null);function c(e){l((function(t){return t>=e?t:e}))}var s={};return e.curriculumLinks.forEach((function(e){var t=null,n=null,a=[],r=[];e.forEach((function(e){switch(e.type){case tt.Subject:t=e;break;case tt.Audience:n=e;break;case tt.Area:a.push(e);break;case tt.Leaf:r.push(e)}}));var i="".concat(t.id,":").concat(n.id);s[i]?s[i].areasAndLeaves.push(dt(dt({},tt.Area,a),tt.Leaf,r)):s[i]=dt(dt(dt({},tt.Subject,t),tt.Audience,n),"areasAndLeaves",[dt(dt({},tt.Area,a),tt.Leaf,r)])})),a.createElement("ul",{className:"list-unstyled m-0"},Object.keys(s).map((function(e,t){return a.createElement("li",{key:"linkset-".concat(t),className:st.curriculumSet},a.createElement(yt,{linkSet:s[e],trySetMaxCodeWidth:c,codeWidth:o}))})))}var bt=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 Et(){return a.createElement("div",null,a.createElement("div",{className:"mb-3"},a.createElement(bt,null)),a.createElement("div",{className:"mb-3"},a.createElement(bt,null)),a.createElement("div",null,a.createElement(bt,null)))}var wt=n(44829);const Nt={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Ct(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+=" "+Nt.disabled),e.onRemove&&(m+=" "+Nt.badge),i||(m+=" d-inline-block");var p=v?{backgroundColor:e.themeColours.secondary}:{};return i?a.createElement(M.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(Nt.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}function Ot(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function St(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 kt(e){if(!e.tags)return a.createElement(a.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Ot(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 Ot(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ot(e,t):void 0}}(t)||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 St(e)-St(t)}));return a.createElement("div",{className:Nt.tagList},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(Ct,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:r,onClick:i})})))}const jt="KQ5Wt";var xt="shared.whyThisVideo";function At(e){var t,n,r,i,o,l,c,s=at.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(rt.x,{namespace:xt,phrase:"pedagogy"})),u.map((function(e){return a.createElement("div",{key:e.name,className:"px-2 py-1 rounded-3 ".concat(jt)},a.createElement(Ct,{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(rt.x,{namespace:xt,phrase:"skills"})),a.createElement("div",{className:"p-2 rounded-3 ".concat(jt)},a.createElement(kt,{tags:d}))),!s.hasCompleted&&a.createElement(Et,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(jt)},a.createElement(ht,{curriculumLinks:[e]}))}))))}var It=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 Lt(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 Tt(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)?Tt(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 Tt(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 Pt={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 Ft=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=Lt(a.useState("none"),2),t=e[0],n=e[1],r=Lt(fe(),2),i=r[0],o=r[1],l=Lt(fe(),2),c=l[0],s=l[1];return a.useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:c,videoGuidance:t}}(),P=T.videoGuidance,M=T.whyThisVideoRef,F=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:Pt.topRightContainer},a.createElement(w,{setFavourite:d,canFavourite:m,video:l,analyticsData:e.analyticsData,analyticsOptions:z})),!E&&a.createElement("div",{className:Pt.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(N.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?Pt.preview:"rounded-3 ".concat(Pt.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(Pt.details," ").concat(v?"".concat(Pt.isHovering," box-shadow"):"")},v&&a.createElement(a.Fragment,null,a.createElement("div",{className:"".concat(j?"box-shadow":""," ").concat(v?Pt.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(It,{ref:M,active:"why-this-video"===P}),R&&a.createElement(nt,{ref:F,active:"whats-included"===P}))),B&&v&&a.createElement(Ne.ZP,{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(Pt.dropdown," ").concat(H?Pt.show:"")},"why-this-video"===P&&a.createElement(At,{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 Rt(e){return a.createElement(a.Fragment,null,a.createElement(Ie,{hoverableComponent:Ft,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}const Vt={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var _t;function zt(e){var t=e.type,n=e.size,r=function(e){return e===_t.Video?Vt.video:e===_t.Playlist?Vt.playlist:""}(t),i=function(e){return e===_t.Video?y.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Vt.maskContainer," ").concat("sm"===n?Vt.small:"")},a.createElement("div",{className:Vt.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"}(_t||(_t={})),zt.defaults={size:"md"};var Ut=n(13669);const Dt={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function Bt(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(Dt.container," d-flex align-items-center")},a.createElement(w,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Dt.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),a.createElement(Ut.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:Dt.action})):a.createElement(a.Fragment,null):a.createElement("div",{className:Dt.container},a.createElement(x,{size:e.size}))}var Ht=n(68626);const Wt={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",gradient:"LS_EH"};function Zt(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 Gt(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)?Gt(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 Gt(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 Qt(e){var t,n=e.video,r=e.subTextAppLink,o=e.textPosition,l=e.appLink,s=o===Ht.z.Overlay,u=f.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=Wt.titleOverlay,u&&(f.M.isClip(n)&&(d+=" "+Wt.clip),f.M.isInteractive(n)&&(d+=" "+Wt.interactive))):d=Wt.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(M.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Xt(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=Zt(fe(),2),y=p[0],h=p[1],b=Zt(ge({delay:100}),2),E=b[0],w=b[1],O=f.M.getCanBeConsumed(o),S=O.canNavigate,j=O.canConsume,x=w&&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===Ht.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:function(e){y.current=e,E.current=e}},a.createElement(Bt,{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(N.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===Ht.z.Overlay&&(t+=" ".concat(Wt.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(zt,{type:_t.Video,size:e.size}),a.createElement(C.oy,{type:C.mS.Video}),a.createElement("div",{className:Wt.overlayContainer},c===Ht.z.Overlay&&a.createElement(Qt,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===Ht.z.Below&&a.createElement(Qt,Object.assign({},e))))}function Yt(e){switch(e.type){case"static":return a.createElement(Xt,Object.assign({},e));case"cosmetic":return a.createElement(Xt,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return a.createElement(Ee,Object.assign({},e));case"popout":return a.createElement(Rt,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})}}}},10288:(e,t,n)=>{n.d(t,{YD:()=>h});var a=n(32735),r=!0,i="Invariant failed";function o(e,t){if(!e){if(r)throw new Error(i);var n="function"==typeof t?t():t,a=n?"".concat(i,": ").concat(n):i;throw new Error(a)}}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u=new Map,d=new Map,m=new Map,v=0;function p(e,t,n){void 0===n&&(n={}),n.threshold||(n.threshold=0);var a=n,r=a.root,i=a.rootMargin,l=a.threshold;if(u.has(e)&&o(!1),e){var c=function(e){return e?m.has(e)?m.get(e):(v+=1,m.set(e,v.toString()),m.get(e)+"_"):""}(r)+(i?l.toString()+"_"+i:l.toString()),s=d.get(c);s||(s=new IntersectionObserver(g,n),c&&d.set(c,s));var p={callback:t,element:e,inView:!1,observerId:c,observer:s,thresholds:s.thresholds||(Array.isArray(l)?l:[l])};return u.set(e,p),s.observe(e),p}}function f(e){if(e){var t=u.get(e);if(t){var n=t.observerId,a=t.observer,r=a.root;a.unobserve(e);var i=!1,o=!1;n&&u.forEach((function(t,a){a!==e&&(t.observerId===n&&(i=!0,o=!0),t.observer.root===r&&(o=!0))})),!o&&r&&m.delete(r),a&&!i&&a.disconnect(),u.delete(e)}}}function g(e){e.forEach((function(e){var t=e.isIntersecting,n=e.intersectionRatio,a=e.target,r=u.get(a);if(r&&n>=0){var i=r.thresholds.some((function(e){return r.inView?n>e:n>=e}));void 0!==t&&(i=i&&t),r.inView=i,r.callback(i,e)}}))}var y=function(e){var t,n;function r(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return l(s(t=e.call.apply(e,[this].concat(a))||this),"state",{inView:!1,entry:void 0}),l(s(t),"node",null),l(s(t),"handleNode",(function(e){t.node&&f(t.node),t.node=e||null,t.observeNode()})),l(s(t),"handleChange",(function(e,n){(e!==t.state.inView||e)&&t.setState({inView:e,entry:n}),t.props.onChange&&t.props.onChange(e,n)})),t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.componentDidMount=function(){this.node||o(!1)},i.componentDidUpdate=function(e,t){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold||(f(this.node),this.observeNode()),t.inView!==this.state.inView&&this.state.inView&&this.props.triggerOnce&&(f(this.node),this.node=null)},i.componentWillUnmount=function(){this.node&&(f(this.node),this.node=null)},i.observeNode=function(){if(this.node){var e=this.props,t=e.threshold,n=e.root,a=e.rootMargin;p(this.node,this.handleChange,{threshold:t,root:n,rootMargin:a})}},i.render=function(){var e=this.state,t=e.inView,n=e.entry;if(!function(e){return"function"!=typeof e.children}(this.props))return this.props.children({inView:t,entry:n,ref:this.handleNode});var r=this.props,i=r.children,o=r.as,l=r.tag,s=(r.triggerOnce,r.threshold,r.root,r.rootMargin,r.onChange,function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(r,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange"]));return(0,a.createElement)(o||l||"div",c({ref:this.handleNode},s),i)},r}(a.Component);function h(e){void 0===e&&(e={});var t=(0,a.useRef)(),n=(0,a.useState)({inView:!1,entry:void 0}),r=n[0],i=n[1],o=(0,a.useCallback)((function(n){t.current&&f(t.current),n&&p(n,(function(t,a){i({inView:t,entry:a}),t&&e.triggerOnce&&f(n)}),e),t.current=n}),[e.threshold,e.root,e.rootMargin,e.triggerOnce]);return(0,a.useDebugValue)(r.inView),[o,r.inView,r.entry]}l(y,"displayName","InView"),l(y,"defaultProps",{threshold:0,triggerOnce:!1})}}]);
|
|
1
|
+
"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(10288);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=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.")}()),w=E[0],N=E[1];function C(){return w&&d?d:e.src}if(a.useEffect((function(){if((r||b)&&!v){var e=new Image;return e.onerror=function(){N(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[b,v]),w&&!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 w(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 N=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),M=n(57408),F={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=F.padNumber(t,2),r=F.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=F.padNumber(n.number,2),i=F.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(M.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(M.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)}),Y="html",$="svg",J=function(e,t){var n,a,r,i={};if(e===Y)r=document.createElement("div");else{if(e!==$)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===Y)return e instanceof HTMLElement;if(t===$)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,Y);J.bind(null,$),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)}),M=g.showFavouriteButton(e.video,b),F=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:_},M&&a.createElement("div",{className:ye.topRightContainer},a.createElement(w,{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(N.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)},F&&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 we,Ne=n(98495),Ce=n(56050),Oe=n(81886),Se=a.createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(we||(we={}));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=we.Center;return a-s.offsetLeft<8&&(p=i-4,f=we.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+l-t:i-l*(m-1)+8,f=we.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),w=v||g;a.useEffect((function(){E.current!==w&&(s(w||h?u:null),E.current=w)}),[w]);var N=(null===(n=null===(t=b.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},C=N.x,O=N.y,S=N.width,k=N.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))),(w||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 Me=n(26361);function Fe(e){if(!e.yearGroups)return a.createElement(a.Fragment,null);var t=Me.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(M.F,{className:"h6 text-reset clamp-2 align-middle",appLink:o?n:null},t.name,a.createElement(Fe,{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(N.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(M.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 Ye(e){return function(e){if(Array.isArray(e))return $e(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 $e(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$e(e,t):void 0}}(e)||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 $e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var 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(Ye((null===(r=e.video.resources)||void 0===r?void 0:r.data)||[]),Ye((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,nt=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}))})),at=n(20354),rt=n(83345);!function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(tt||(tt={}));var it=n(15800),ot="shared.curriculumLinks",lt=c.T.encloseNamespace(ot);function ct(e){return a.createElement(it.u,{className:"pt-3"},a.createElement(it.u.Image,{src:e.emptyStateUrl,altText:lt("emptyInfo"),size:"small"}),a.createElement(it.u.Heading,null,a.createElement(rt.x,{namespace:ot,phrase:"emptyHeading"})),a.createElement(it.u.Info,null,a.createElement(rt.x,{namespace:ot,phrase:"emptyInfo"})))}const st={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G"};function ut(e){return ut="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},ut(e)}function dt(e,t,n){var a;return a=function(e,t){if("object"!=ut(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!=ut(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==ut(a)?a:String(a))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 vt=/(.*)\s\((.*)?\)/i,pt="shared.curriculumLinks",ft="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block";function gt(e){function t(){var t=ft+" 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(rt.x,{namespace:pt,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 yt(e){var t,n,r,i={},o=!1;function l(e){var t="mb-2";return e.name||o?t:t+" ms-4 "+st.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[tt.Area].map((function(e){return e.name})).join(" - ");i[t]?e[tt.Leaf].forEach((function(e){i[t].push(e),e.name&&(o=!0)})):i[t]=e[tt.Leaf]})),a.createElement(a.Fragment,null,a.createElement("h3",{className:"".concat(ft," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[tt.Audience].name,n=e.linkSet[tt.Subject].name,(r=t.match(vt))?"".concat(r[1]," • ").concat(r[2]," • ").concat(n):"".concat(t," • ").concat(n))),a.createElement("div",{className:"me-2 ".concat(st.curriculumSubject)},Object.keys(i).map((function(t,n){return a.createElement("div",{key:n,className:st.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(gt,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:o}))}))))}))))}function ht(e){var t,n,r,i=(n=a.useState(0),r=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,r)||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,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.")}()),o=i[0],l=i[1];if(!(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length))return e.emptyStateUrl?a.createElement(ct,{emptyStateUrl:e.emptyStateUrl}):a.createElement(a.Fragment,null);function c(e){l((function(t){return t>=e?t:e}))}var s={};return e.curriculumLinks.forEach((function(e){var t=null,n=null,a=[],r=[];e.forEach((function(e){switch(e.type){case tt.Subject:t=e;break;case tt.Audience:n=e;break;case tt.Area:a.push(e);break;case tt.Leaf:r.push(e)}}));var i="".concat(t.id,":").concat(n.id);s[i]?s[i].areasAndLeaves.push(dt(dt({},tt.Area,a),tt.Leaf,r)):s[i]=dt(dt(dt({},tt.Subject,t),tt.Audience,n),"areasAndLeaves",[dt(dt({},tt.Area,a),tt.Leaf,r)])})),a.createElement("ul",{className:"list-unstyled m-0"},Object.keys(s).map((function(e,t){return a.createElement("li",{key:"linkset-".concat(t),className:st.curriculumSet},a.createElement(yt,{linkSet:s[e],trySetMaxCodeWidth:c,codeWidth:o}))})))}var bt=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 Et(){return a.createElement("div",null,a.createElement("div",{className:"mb-3"},a.createElement(bt,null)),a.createElement("div",{className:"mb-3"},a.createElement(bt,null)),a.createElement("div",null,a.createElement(bt,null)))}var wt=n(44829);const Nt={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function Ct(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+=" "+Nt.disabled),e.onRemove&&(m+=" "+Nt.badge),i||(m+=" d-inline-block");var p=v?{backgroundColor:e.themeColours.secondary}:{};return i?a.createElement(M.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(Nt.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}function Ot(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function St(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 kt(e){if(!e.tags)return a.createElement(a.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Ot(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 Ot(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ot(e,t):void 0}}(t)||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 St(e)-St(t)}));return a.createElement("div",{className:Nt.tagList},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(Ct,{key:t.id||t.name,tag:t,appLink:n,themeColours:e.themeColours,onRemove:r,onClick:i})})))}const jt="KQ5Wt";var xt="shared.whyThisVideo";function At(e){var t,n,r,i,o,l,c,s=at.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(rt.x,{namespace:xt,phrase:"pedagogy"})),u.map((function(e){return a.createElement("div",{key:e.name,className:"px-2 py-1 rounded-3 ".concat(jt)},a.createElement(Ct,{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(rt.x,{namespace:xt,phrase:"skills"})),a.createElement("div",{className:"p-2 rounded-3 ".concat(jt)},a.createElement(kt,{tags:d}))),!s.hasCompleted&&a.createElement(Et,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(jt)},a.createElement(ht,{curriculumLinks:[e]}))}))))}var It=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 Lt(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 Tt(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)?Tt(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 Tt(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 Pt={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 Ft=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=Lt(a.useState("none"),2),t=e[0],n=e[1],r=Lt(fe(),2),i=r[0],o=r[1],l=Lt(fe(),2),c=l[0],s=l[1];return a.useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:c,videoGuidance:t}}(),P=T.videoGuidance,M=T.whyThisVideoRef,F=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:Pt.topRightContainer},a.createElement(w,{setFavourite:d,canFavourite:m,video:l,analyticsData:e.analyticsData,analyticsOptions:z})),!E&&a.createElement("div",{className:Pt.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(N.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?Pt.preview:"rounded-3 ".concat(Pt.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(Pt.details," ").concat(v?"".concat(Pt.isHovering," box-shadow"):"")},v&&a.createElement(a.Fragment,null,a.createElement("div",{className:"".concat(j?"box-shadow":""," ").concat(v?Pt.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(It,{ref:M,active:"why-this-video"===P}),R&&a.createElement(nt,{ref:F,active:"whats-included"===P}))),B&&v&&a.createElement(Ne.ZP,{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(Pt.dropdown," ").concat(H?Pt.show:"")},"why-this-video"===P&&a.createElement(At,{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 Rt(e){return a.createElement(a.Fragment,null,a.createElement(Ie,{hoverableComponent:Ft,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}const Vt={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var _t;function zt(e){var t=e.type,n=e.size,r=function(e){return e===_t.Video?Vt.video:e===_t.Playlist?Vt.playlist:""}(t),i=function(e){return e===_t.Video?y.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Vt.maskContainer," ").concat("sm"===n?Vt.small:"")},a.createElement("div",{className:Vt.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"}(_t||(_t={})),zt.defaults={size:"md"};var Ut=n(13669);const Dt={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function Bt(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(Dt.container," d-flex align-items-center")},a.createElement(w,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Dt.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),a.createElement(Ut.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:Dt.action})):a.createElement(a.Fragment,null):a.createElement("div",{className:Dt.container},a.createElement(x,{size:e.size}))}var Ht=n(68626);const Wt={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",gradient:"LS_EH"};function Zt(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 Gt(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)?Gt(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 Gt(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 Qt(e){var t,n=e.video,r=e.subTextAppLink,o=e.textPosition,l=e.appLink,s=o===Ht.z.Overlay,u=f.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=Wt.titleOverlay,u&&(f.M.isClip(n)&&(d+=" "+Wt.clip),f.M.isInteractive(n)&&(d+=" "+Wt.interactive))):d=Wt.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(M.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Xt(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=Zt(fe(),2),y=p[0],h=p[1],b=Zt(ge({delay:100}),2),E=b[0],w=b[1],O=f.M.getCanBeConsumed(o),S=O.canNavigate,j=O.canConsume,x=w&&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===Ht.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:function(e){y.current=e,E.current=e}},a.createElement(Bt,{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(N.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===Ht.z.Overlay&&(t+=" ".concat(Wt.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(zt,{type:_t.Video,size:e.size}),a.createElement(C.oy,{type:C.mS.Video}),a.createElement("div",{className:Wt.overlayContainer},c===Ht.z.Overlay&&a.createElement(Qt,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===Ht.z.Below&&a.createElement(Qt,Object.assign({},e))))}function Yt(e){switch(e.type){case"static":return a.createElement(Xt,Object.assign({},e));case"cosmetic":return a.createElement(Xt,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return a.createElement(Ee,Object.assign({},e));case"popout":return a.createElement(Rt,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})}}}},10288:(e,t,n)=>{n.d(t,{YD:()=>h});var a=n(32735),r=!0,i="Invariant failed";function o(e,t){if(!e){if(r)throw new Error(i);var n="function"==typeof t?t():t,a=n?"".concat(i,": ").concat(n):i;throw new Error(a)}}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u=new Map,d=new Map,m=new Map,v=0;function p(e,t,n){void 0===n&&(n={}),n.threshold||(n.threshold=0);var a=n,r=a.root,i=a.rootMargin,l=a.threshold;if(u.has(e)&&o(!1),e){var c=function(e){return e?m.has(e)?m.get(e):(v+=1,m.set(e,v.toString()),m.get(e)+"_"):""}(r)+(i?l.toString()+"_"+i:l.toString()),s=d.get(c);s||(s=new IntersectionObserver(g,n),c&&d.set(c,s));var p={callback:t,element:e,inView:!1,observerId:c,observer:s,thresholds:s.thresholds||(Array.isArray(l)?l:[l])};return u.set(e,p),s.observe(e),p}}function f(e){if(e){var t=u.get(e);if(t){var n=t.observerId,a=t.observer,r=a.root;a.unobserve(e);var i=!1,o=!1;n&&u.forEach((function(t,a){a!==e&&(t.observerId===n&&(i=!0,o=!0),t.observer.root===r&&(o=!0))})),!o&&r&&m.delete(r),a&&!i&&a.disconnect(),u.delete(e)}}}function g(e){e.forEach((function(e){var t=e.isIntersecting,n=e.intersectionRatio,a=e.target,r=u.get(a);if(r&&n>=0){var i=r.thresholds.some((function(e){return r.inView?n>e:n>=e}));void 0!==t&&(i=i&&t),r.inView=i,r.callback(i,e)}}))}var y=function(e){var t,n;function r(){for(var t,n=arguments.length,a=new Array(n),r=0;r<n;r++)a[r]=arguments[r];return l(s(t=e.call.apply(e,[this].concat(a))||this),"state",{inView:!1,entry:void 0}),l(s(t),"node",null),l(s(t),"handleNode",(function(e){t.node&&f(t.node),t.node=e||null,t.observeNode()})),l(s(t),"handleChange",(function(e,n){(e!==t.state.inView||e)&&t.setState({inView:e,entry:n}),t.props.onChange&&t.props.onChange(e,n)})),t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=r.prototype;return i.componentDidMount=function(){this.node||o(!1)},i.componentDidUpdate=function(e,t){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold||(f(this.node),this.observeNode()),t.inView!==this.state.inView&&this.state.inView&&this.props.triggerOnce&&(f(this.node),this.node=null)},i.componentWillUnmount=function(){this.node&&(f(this.node),this.node=null)},i.observeNode=function(){if(this.node){var e=this.props,t=e.threshold,n=e.root,a=e.rootMargin;p(this.node,this.handleChange,{threshold:t,root:n,rootMargin:a})}},i.render=function(){var e=this.state,t=e.inView,n=e.entry;if(!function(e){return"function"!=typeof e.children}(this.props))return this.props.children({inView:t,entry:n,ref:this.handleNode});var r=this.props,i=r.children,o=r.as,l=r.tag,s=(r.triggerOnce,r.threshold,r.root,r.rootMargin,r.onChange,function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(r,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange"]));return(0,a.createElement)(o||l||"div",c({ref:this.handleNode},s),i)},r}(a.Component);function h(e){void 0===e&&(e={});var t=(0,a.useRef)(),n=(0,a.useState)({inView:!1,entry:void 0}),r=n[0],i=n[1],o=(0,a.useCallback)((function(n){t.current&&f(t.current),n&&p(n,(function(t,a){i({inView:t,entry:a}),t&&e.triggerOnce&&f(n)}),e),t.current=n}),[e.threshold,e.root,e.rootMargin,e.triggerOnce]);return(0,a.useDebugValue)(r.inView),[o,r.inView,r.entry]}l(y,"displayName","InView"),l(y,"defaultProps",{threshold:0,triggerOnce:!1})}}]);
|