@clickview/reports 0.36.0 → 0.37.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/bundles.json +2 -2
  2. package/dist/css/178-reports-fb455a4ab6.chunk.css +6 -0
  3. package/dist/css/{186-reports-77c622963f.chunk.css → 186-reports-7a394b55db.chunk.css} +2 -2
  4. package/dist/css/{203-reports-d2bad2b665.chunk.css → 203-reports-02c43c15cb.chunk.css} +2 -2
  5. package/dist/css/{337-reports-0cff36c86f.chunk.css → 337-reports-c563364100.chunk.css} +2 -2
  6. package/dist/css/{501-reports-891d34e088.chunk.css → 501-reports-4fc497bc9b.chunk.css} +3 -3
  7. package/dist/css/{348-reports-057155b17e.chunk.css → 518-reports-c72b13cb55.chunk.css} +7 -6
  8. package/dist/css/{848-reports-612ed14d2d.chunk.css → 594-reports-948d8f388b.chunk.css} +8 -7
  9. package/dist/css/{827-reports-1a9b2587ff.chunk.css → 827-reports-03dc586f08.chunk.css} +2 -2
  10. package/dist/css/{156-reports-39f1b152b7.chunk.css → 866-reports-c0e68fdad2.chunk.css} +6 -5
  11. package/dist/css/{886-reports-6ffe6fc61a.chunk.css → 886-reports-7b0f5046f7.chunk.css} +2 -2
  12. package/dist/css/{160-reports-83a1f9d3a0.chunk.css → 895-reports-b4e5645022.chunk.css} +6 -5
  13. package/dist/css/reports-app-9d3b4b39ce.css +33 -0
  14. package/dist/languages/en.json +1 -1
  15. package/dist/scripts/128-62f7fcdac9-reports.chunk.js +1 -0
  16. package/dist/scripts/184-f557a9c1c3-reports.chunk.js +1 -0
  17. package/dist/scripts/{20-20942f2322-reports.chunk.js → 20-707ec96766-reports.chunk.js} +1 -1
  18. package/dist/scripts/277-03789c14a0-reports.chunk.js +1 -0
  19. package/dist/scripts/501-d4c5b594f9-reports.chunk.js +2 -0
  20. package/dist/scripts/518-666b2b2c3f-reports.chunk.js +1 -0
  21. package/dist/scripts/{848-2421ce8bcf-reports.chunk.js → 594-73c7251187-reports.chunk.js} +1 -1
  22. package/dist/scripts/71-3ba5cd4cf0-reports.chunk.js +1 -0
  23. package/dist/scripts/761-66c5ac2c62-reports.chunk.js +1 -0
  24. package/dist/scripts/866-d4f7ef848f-reports.chunk.js +1 -0
  25. package/dist/scripts/895-1f0af808d3-reports.chunk.js +1 -0
  26. package/dist/scripts/bundle-ae7e34b0b8.min.js +2 -0
  27. package/dist/scripts/{bundle-828568b61a.min.js.LICENSE.txt → bundle-ae7e34b0b8.min.js.LICENSE.txt} +3 -17
  28. package/package.json +1 -1
  29. package/dist/css/178-reports-a9a9d0b5df.chunk.css +0 -6
  30. package/dist/css/reports-app-3bc1f518dd.css +0 -33
  31. package/dist/scripts/128-5efae8d2bc-reports.chunk.js +0 -1
  32. package/dist/scripts/156-0dcc7360c9-reports.chunk.js +0 -1
  33. package/dist/scripts/160-577e4d4348-reports.chunk.js +0 -1
  34. package/dist/scripts/184-a1e86c8a14-reports.chunk.js +0 -1
  35. package/dist/scripts/277-1f745b99bd-reports.chunk.js +0 -1
  36. package/dist/scripts/348-aded29cf53-reports.chunk.js +0 -1
  37. package/dist/scripts/455-fb28fc5589-reports.chunk.js +0 -1
  38. package/dist/scripts/501-567dd6b095-reports.chunk.js +0 -2
  39. package/dist/scripts/761-3437002fad-reports.chunk.js +0 -1
  40. package/dist/scripts/bundle-828568b61a.min.js +0 -2
  41. /package/dist/scripts/{178-1f3e84261d-reports.chunk.js → 178-4d3a02f91d-reports.chunk.js} +0 -0
  42. /package/dist/scripts/{186-dae29943d2-reports.chunk.js → 186-8b3911b7b9-reports.chunk.js} +0 -0
  43. /package/dist/scripts/{203-6547a0735b-reports.chunk.js → 203-c2507cc8db-reports.chunk.js} +0 -0
  44. /package/dist/scripts/{337-e86ee603e5-reports.chunk.js → 337-dc901f69cc-reports.chunk.js} +0 -0
  45. /package/dist/scripts/{501-567dd6b095-reports.chunk.js.LICENSE.txt → 501-d4c5b594f9-reports.chunk.js.LICENSE.txt} +0 -0
  46. /package/dist/scripts/{827-a927ab0511-reports.chunk.js → 827-bd39c39ede-reports.chunk.js} +0 -0
  47. /package/dist/scripts/{886-c69a02365d-reports.chunk.js → 886-5ba004b7ad-reports.chunk.js} +0 -0
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[455],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var r=n(32735),a=n(86474);function i(e){var t="d-flex align-items-center badge-list ".concat(a.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),r.createElement("div",{className:t},e.children)}},13669:(e,t,n)=>{n.d(t,{I:()=>u,h:()=>s});var r=n(32735),a=n(79014),i=n(83914),o=n(35223);const l={unchecked:"bup9I",checked:"A1Ov0",checkMark:"c14lI"};function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var s;function u(e){var t,n,u=(t=r.useState(e.status===s.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 r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=u[0],m=u[1];r.useEffect((function(){m(e.status===s.Complete)}),[e.status]);var v="cursor-pointer rounded-circle ".concat(d?l.checked:l.unchecked);return e.className&&(v+=" ".concat(e.className)),e.status&&e.status!==s.None&&a.q.isFunction(e.setStatus)?r.createElement("div",{className:v,onClick:function(){var t=!d;m(t);var n=t?s.Complete:s.Incomplete;e.setStatus(n).catch((function(){m(!t)}))}},r.createElement(i.x,{svgName:o.vn.Check,className:"svg-container ".concat(l.checkMark)})):r.createElement(r.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(s||(s={}))},75090:(e,t,n)=>{n.d(t,{Z:()=>p});var r=n(32735),a=n(1048),i=n(57408),o=n(10288);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const c="fVSzb";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=r.memo((function(e){var t,n,a=e.forceLoad,i=e.extraClasses,u=void 0===i?"":i,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,f=e.src,p=e.alt,g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["forceLoad","extraClasses","errorFallbackImageSrc","preventLoad","src","alt"]),h=function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=n.prevent,a=n.rootMargin,i=n.triggerOnce,c=void 0===i||i,s=(e=o.YD({triggerOnce:c,rootMargin:a}),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 r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}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!==r&&void 0!==window.IntersectionObserver||(d=!0,u=null),{ref:u,inView:d,initialized:!!m}}({rootMargin:"500px"}),y=h.ref,b=h.inView,E=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}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(r.useEffect((function(){if((a||b)&&!v){var e=new Image;return e.onerror=function(){N(!0),d&&(e.src=d)},e.src=f,function(){return e.onerror=null}}}),[b,v]),w&&!d)return r.createElement(r.Fragment,null);if(!y)return r.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:p,src:C()},g));var S=Object.assign(Object.assign({alt:p},g),!b&&!a||v?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:C()});return a||(S.ref=y),r.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},S))})),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 f(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 p(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,p=e.alt,g="";"string"==typeof t?g=t:a.t.isObject(t)&&(g=t.url);var h=g&&n?m.j.createUrl(g,n):g;return r.createElement("div",{className:f(e),style:e.imageStyle},r.createElement(i.F,{appLink:o,analyticsData:d,analyticsOptions:s,onClick:e.onClick},e.children,h&&r.createElement(u,{src:h,alt:p,forceLoad:l,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},2455:(e,t,n)=>{n.d(t,{u:()=>Gt});var r=n(32735),a=n(1048),i=n(65858),o=n(30755),l=n(17464),c=n(23481),s=n(79014),u=n(11607),d=n(83914),m=n(55110),v=n(82182),f=n(75896),p=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!!f.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=p.M.getCanBeConsumed(e))||void 0===n?void 0:n.canConsume)||!t&&!v.V.isTabletOrMobile()&&!g.isFavouritedByCurrentUser(e))}},h=n(35223);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var E=c.T.encloseNamespace("shared.favouriteButton");function w(e){var t,n,a=(0,m.Z)(),i=g.isFavouritedByCurrentUser(e.video),o=(t=r.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 r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}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];r.useEffect((function(){c(i)}),[i]);var v="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(l?y.favourited:"");return e.className&&(v+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?r.createElement(u.L,{className:v,onClick:function(){var t=!l;c(t),e.setFavourite(e.video,t,null,(function(){a.error(E(p.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":p.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),c(!t)}),e.analyticsData,e.analyticsOptions)}},r.createElement(d.x,{svgName:h.vn.Heart,className:"svg-container ".concat(y.heart)}),r.createElement(d.x,{svgName:h.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):r.createElement(r.Fragment,null)}var N=n(75090),C=n(85177),S=n(28400),O=n(74254),k=n(57408),j={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}},x=n(4594),A={isSeries:function(e){return(null==e?void 0:e.typeId)===x.E.Series},buildSeriesSeasonEpisodeText:function(e,t,n){if(!e)return"";if(!t||!n)return e.toUpperCase();var r=j.padNumber(t,2),a=j.padNumber(n,2);return"".concat(e.toUpperCase()," S").concat(r," • E").concat(a)}};const I={appLink:"b0KLR",hoverUnderline:"YR5Q7",small:"ts6Yo"};function T(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return r.createElement(r.Fragment,null);var a=j.padNumber(n.number,2),i=j.padNumber(t.episodeNumber,2);return r.createElement("span",{className:"d-inline-block ".concat(e.appLink?I.hoverUnderline:"")},e.withSeriesTitle&&r.createElement(r.Fragment,null," "),!!a&&"S".concat(a," • "),"E",i)}function L(e){var t=p.M.getReleaseDate(e.video);return t?p.M.hasSeries(e.video)?r.createElement(r.Fragment,null," • ".concat(t)):r.createElement(r.Fragment,null,t):r.createElement(r.Fragment,null)}function P(e){var t,n=e.appLink,a=e.video,i=e.className,o=void 0===i?"":i,l=null==a?void 0:a.series,c=p.M.getReleaseDate(e.video);if(!(l&&l.id||c))return r.createElement(r.Fragment,null);var s=(null==l?void 0:l.id)&&n&&Object.assign(Object.assign({},n),{args:[l.id,S.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==a?void 0:a.id,videoName:null==a?void 0:a.name}),d=Object.assign(Object.assign({},e.analyticsOptions),{entity:O.py.Series,actionType:O.Vw.Click,descriptor:O._S.Title}),m=A.buildSeriesSeasonEpisodeText(null==l?void 0:l.name,null===(t=a.season)||void 0===t?void 0:t.number,a.episodeNumber);return s?r.createElement("div",null,r.createElement(k.F,{appLink:s,className:"text-uppercase d-block text-truncate mb-0 ".concat(I.appLink," ").concat("sm"===e.size?"".concat(I.small," fw-normal"):""," ").concat(o),analyticsData:u,analyticsOptions:d,title:m},l.name,r.createElement(T,Object.assign({},e,{withSeriesTitle:!0})),r.createElement(L,Object.assign({},e)))):r.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(I.appLink," ").concat("sm"===e.size?"".concat(I.small," fw-normal"):""," ").concat(o),title:m},(null==l?void 0:l.name)&&l.name,r.createElement(T,Object.assign({},e,{withSeriesTitle:!0})),r.createElement(L,Object.assign({},e)))}function M(e){var t=p.M.getVideoProgress(e.video),n=t&&e.video.duration&&t/e.video.duration*1e5;return n?r.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(n,"%")}}):r.createElement(r.Fragment,null)}const F={bottomBar:"YnXtZ"};function R(e){return p.M.isVideo(e.video)?r.createElement("div",{className:F.bottomBar},r.createElement(M,{video:e.video})):r.createElement(r.Fragment,null)}const V={padlock:"w4cg8",sm:"JpIYd"};function _(e){var t="sm"===e.size?d.S.Small:d.S.Standard;return r.createElement("div",{className:"".concat(V.padlock," ").concat("sm"===e.size?V.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r.createElement(d.x,{svgName:h.vn.Lock,size:t}))}var z=n(36532);const D={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var U=c.T.encloseNamespace("shared.videoTypeBadge");function B(e){var t="".concat(D.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?D.sm:"");return r.createElement(r.Fragment,null,p.M.isClip(e.video)&&r.createElement("div",{className:"".concat(t," bg-dark-blue")},r.createElement(d.x,{className:"svg-container d-block ".concat(D.svg),size:"sm"===e.size?d.S.Small:d.S.Standard,svgName:h.vn.Clip}),r.createElement("span",{className:D.text},U("clip"))),p.M.isInteractive(e.video)&&r.createElement("div",{className:"".concat(t," bg-green")},r.createElement(d.x,{className:"svg-container ".concat(D.svg),size:"sm"===e.size?d.S.Small:d.S.Standard,svgName:h.vn.Interactive}),r.createElement("span",{className:D.text},U("interactive"))))}B.default={size:"md"};var H,W=n(12788),Z=(H=function(e,t){return H=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])},H(e,t)},function(e,t){function n(){this.constructor=e}H(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),G="html",q="svg",Q=function(e,t){var n,r,a,i={};if(e===G)a=document.createElement("div");else{if(e!==q)throw new Error('Invalid element type "'+e+'" for createPortalNode: must be "html" or "svg".');a=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];a.setAttribute(s,u)}var d={element:a,elementType:e,setPortalProps:function(e){i=e},getInitialPortalProps:function(){return i},mount:function(t,a){if(a!==r){if(d.unmount(),t!==n&&!function(e,t){if(t===G)return e instanceof HTMLElement;if(t===q)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,a),n=t,r=a}},unmount:function(e){e&&e!==r||n&&r&&(n.replaceChild(r,d.element),n=void 0,r=void 0)}};return d},X=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 Z(t,e),t.prototype.componentDidMount=function(){this.addPropsChannel()},t.prototype.componentDidUpdate=function(){this.addPropsChannel()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,a=t.node;return W.createPortal(r.Children.map(n,(function(t){return r.isValidElement(t)?r.cloneElement(t,e.state.nodeProps):t})),a.element)},t}(r.PureComponent),Y=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=r.createRef(),n.passPropsThroughPortal(),n}return Z(t,e),t.prototype.passPropsThroughPortal=function(){var e=Object.assign({},this.props,{node:void 0});this.props.node.setPortalProps(e)},t.prototype.componentDidMount=function(){var e=this.props.node;this.currentPortalNode=e;var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentDidUpdate=function(){var e=this.props.node;this.currentPortalNode&&e!==this.currentPortalNode&&(this.currentPortalNode.unmount(this.placeholderNode.current),this.currentPortalNode.setPortalProps({}),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){var e=this.props.node;e.unmount(this.placeholderNode.current),e.setPortalProps({})},t.prototype.render=function(){return r.createElement("div",{ref:this.placeholderNode})},t}(r.PureComponent),$=Q.bind(null,G);Q.bind(null,q),n(63314);var K=r.createContext({hasProvider:!1});const J={hoverContainer:"TzWQw",hovering:"gdTcW"};function ee(e){var t,n=r.useContext(K);if(null===(t=n.useInitialize)||void 0===t||t.call(n,e),!n.hasProvider)return r.createElement(r.Fragment,null);if("picture-in-picture"===n.mode)return r.createElement(r.Fragment,null);if("hover"===e.mode&&n.isOnPlayPage)return r.createElement(r.Fragment,null);if("default"===n.mode||"play-page"===e.location)return r.createElement(Y,{node:n.portalNode});var a=n.started,i="rounded-3";"popout-video"===e.location&&(i="rounded-top-3");var o="".concat(J.hoverContainer," ").concat(a?J.hovering:""," ").concat(i," overflow-hidden");return r.createElement("div",{className:o},r.createElement(Y,{node:n.portalNode}))}var te=n(54610),ne=function(){var e=r.useRef(!0);return r.useEffect((function(){return function(){e.current=!1}}),[]),e};function re(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}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,r=new Array(t);n<t;n++)r[n]=e[n];return r}var ie=275,oe=5,le={className:"",delay:0,style:null},ce={screenX:0,screenY:0};function se(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 ue(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 de(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:le,t=ne(),n=re(r.useState(e),2),i=n[0],o=n[1],l=re(r.useState(!1),2),c=l[0],u=l[1],d=r.useRef(null);r.useEffect((function(){a.t.isEqual(e,i)||o(e)}),[e]);var m=s.q.throttle((function(){se(d,i),t.current&&u(!0)}),i.delay,{leading:!1}),v=function(){s.q.isFunction(m.cancel)&&m.cancel(),ue(d,i),t.current&&u(!1)};return r.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 me(e){var t=re(r.useState(e),2),n=t[0],i=t[1],o=r.useRef(Object.assign({},ce)),l=r.useRef(!1),c=r.useRef(0),u=r.useRef(null),d=re(r.useState(!1),2),m=d[0],v=d[1];function f(){c.current&&(window.clearTimeout(c.current),c.current=0)}function p(){l.current=!0}function g(e){if(l.current){var t,r,a=Object.assign({},o.current);o.current.screenX=e.screenX,o.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>oe||Math.abs(e.screenY-t.screenY)>oe}(a,e)&&f(),t=function(){se(u,n),v(!0)},r=n.delay||ie,c.current||(c.current=window.setTimeout(t,r))}}function h(){f(),ue(u,n),l.current=!1,v(!1)}return r.useEffect((function(){a.t.isEqual(e,n)||i(e)}),[e]),r.useLayoutEffect((function(){if(u.current){var e=s.q.throttle(g,25,{leading:!1});return u.current.addEventListener("mouseenter",p),u.current.addEventListener("mousemove",e),u.current.addEventListener("mouseleave",h),function(){u.current&&(u.current.removeEventListener("mouseenter",p),u.current.removeEventListener("mousemove",e),u.current.removeEventListener("mouseleave",h))}}}),[u.current,n]),[u,m]}const ve={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function fe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function pe(e){var t="mb-1";return e&&(t+=ve.downScale),t}function ge(e){var t,n,c,s=e.video,u=e.appLink,m=e.imageOptions,v=e.setFavourite,f=e.canFavourite,y=e.preload,b=e.hovering,E=e.hoverToPlay,S=p.M.getCanBeConsumed(e.video),O=S.canNavigate,k=S.canConsume,j=a.t.isObject(null==u?void 0:u.params)?null==u?void 0:u.params:{},x=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.M.getAnalyticsEntity(s)}),A=g.showFavouriteButton(e.video,b),I=p.M.isVideo(s),T=!I,L=p.M.getRating(e.video),M=(n=me({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 r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return fe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?fe(e,t):void 0}}(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.")}()),F=M[0],V=M[1]&&k&&E;return r.createElement(z.u,{title:p.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:F},A&&r.createElement("div",{className:ve.topRightContainer},r.createElement(w,{setFavourite:v,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:x})),!O&&r.createElement("div",{className:ve.topRightContainer},r.createElement(_,null)),T&&r.createElement("div",{className:ve.videoTypeBadge},r.createElement(B,{video:s})),r.createElement(N.Z,{data:p.M.getThumbnail(s),appLink:O?u:null,imageType:te.__.Thumbnails,imageOptions:m,preload:y,className:ve.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({},x),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},!(!b||!O)&&r.createElement(d.x,{className:ve.playIcon,svgName:h.vn.PlayCircle}),r.createElement(C.oy,{type:C.mS.Video}),r.createElement("div",{className:ve.overlayContainer},r.createElement("div",{className:ve.overlay},r.createElement("div",{className:"".concat(pe(b)," ").concat(ve.title)},I&&r.createElement(P,{className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),r.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},p.M.getTitle(s))),r.createElement(R,{video:s}),b&&r.createElement(l.c,{className:"mt-1"},p.M.isVideo(s)&&r.createElement(r.Fragment,null,r.createElement(o.C,{type:o.g.Rating,data:L}),s.hasSubtitle&&r.createElement("span",{className:"badge p-0"},r.createElement(d.x,{svgName:h.vn.CloseCaptionBadge})),r.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),r.createElement(o.C,{type:o.g.DurationExact,data:p.M.getDuration(e.video)})))))),V&&r.createElement(ee,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:j.context,contextId:j.contextId,moviesAndTv:j.mtv})))}var he,ye=n(98495),be=n(56050),Ee=n(81886),we=r.createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(he||(he={}));var Ne=function(e,t,n){var r,a=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*a,d=t?t*(c/l):c*a,m=t?u/l:a;r=i-(u-l)/2,u<n&&(r-=(n-u)/2,d=c*(m=(u=n)/l));var v=o-(d-c)/2+window.scrollY,f=r,p=he.Center;return r-s.offsetLeft<8&&(f=i-4,p=he.Left),s.offsetWidth+s.offsetLeft-(r+u)<8&&(f=t?i+l-t:i-l*(m-1)+8,p=he.Right),{left:f,top:v,height:d,width:u,transformOrigin:p,position:"absolute",originalWidth:l,originalHeight:c}};const Ce={positionWrapper:"jO7pW",animationWrapper:"xXfXO",zoom:"BrrtL"};function Se(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function ke(e){var t,n,a=e.hoverableComponent,i=e.componentProps,o=e.minHoverWidth,l=e.fixedHoverWidth,c=e.hoverScale,s=r.useContext(we).setPreviewContentNode;void 0===s&&Ee.Q.Ry.throw(new be.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var u=r.useMemo((function(){return $()}),[]),d=Se(me({delay:100}),2),m=d[0],v=d[1],f=Se(de(),2),p=f[0],g=f[1],h=Se(r.useState(!1),2),y=h[0],b=(h[1],r.useRef(null)),E=r.useRef(!1),w=v||g;r.useEffect((function(){E.current!==w&&(s(w||y?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,S=N.y,O=N.width,k=N.height,j=r.useMemo((function(){return Ne({x:C,y:S,width:O,height:k},l,o,c)}),[C,S,O,k,c]),x=j?j.originalWidth/j.width:1,A=a;return r.createElement("div",{ref:b},r.createElement("div",{ref:m},r.createElement(A,Object.assign({isHovering:!1},i))),(w||y)&&r.createElement(X,{node:u},r.createElement("div",{className:"".concat(Ce.positionWrapper," ").concat(Ce.animationWrapper),style:Object.assign({"--scale":x},j),ref:p},r.createElement(A,Object.assign({isHovering:!0,hoverPositionConfig:j,cleanPortalNode:function(){return s(null)}},i)))))}function je(e){return e.audience?r.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):r.createElement(r.Fragment,null)}ke.ReferenceContainer=function(e){return r.createElement("div",{id:"content-width-reference",className:"flex-grow-1"},e.children)};const xe={badgeContainer:"fy9Un",sm:"Rb0TL"};function Ae(e){var t=p.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,a=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||a?r.createElement(l.c,{className:"".concat(xe.badgeContainer," ").concat("sm"===e.size?xe.sm:"")},n&&r.createElement(je,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),a&&r.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&r.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||p.M.getDuration(e.video)})):r.createElement(r.Fragment,null)}Ae.defaultProps={newDurationStyle:!0,size:"md"};var Ie=n(26361);function Te(e){if(!e.yearGroups)return r.createElement(r.Fragment,null);var t=Ie.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return p.M.getCanBeConsumed(e.video).canConsume&&t?r.createElement(z.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},r.createElement(d.x,{svgName:h.vn.Lock,size:"sm"===e.size?d.S.Small:d.S.Standard})):r.createElement(r.Fragment,null)}function Le(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=e.hideSeries,l=p.M.getCanBeConsumed(t).canNavigate;return r.createElement("div",{className:"mt-2 ".concat("r70GR")},r.createElement("div",{className:"d-flex flex-column ".concat("rULXI")},p.M.isVideo(t)&&!o&&r.createElement(P,{className:"text-truncate ".concat("h9k1p"),video:t,appLink:a,analyticsOptions:{location:i.LZ.VideoThumbnail}}),r.createElement(k.F,{className:"h6 text-reset clamp-2 align-middle",appLink:l?n:null},t.name,r.createElement(Te,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var Pe=n(39202),Me=n(97395),Fe=n(92582),Re=n(1164),Ve=n(49677),_e=n(67453);const ze={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 De={width:200,resizeType:te.Nq.Cover};function Ue(e,t){var n,r,a;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return _e.j.createUrl(null===(r=t.thumbnail)||void 0===r?void 0:r.url,Object.assign({},De));var i=Me._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===Re.L.Pdf?_e.j.createResourceImage(i,t.url,De):t.metadata.type===Re.L.Image?_e.j.createUrl(t.url,{size:te.h2.Medium,resizeType:te.Nq.Cover}):(null===(a=t.pdf)||void 0===a?void 0:a.url)?_e.j.createResourceImage(i,t.pdf.url,De):(t.metadata.type,Re.L.Zip,"/images/zip-resource.png"):_e.j.createResourceImage(i,t.url,Object.assign({},De))}function Be(e){var t;return"metadata"in e?e.metadata.type===Re.L.Pdf?te.__.Pdf:e.metadata.type===Re.L.Image?te.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?te.__.Pdf:(e.metadata.type,Re.L.Zip,te.__.Thumbnails):te.__.Link}function He(e){var t,n,a,o,l,c,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(a=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==a?a:0);var m="".concat(null!==(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 ze.atomGuide;case"student-activity":return ze.studentActivity;case"teacher-pack":return ze.teacherPack;case"additional-materials":return ze.additionalMaterials;default:return ze.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(ze.background," ").concat(e.applyHoverState?ze.hoverState:""," ");return r.createElement("div",{className:m},!e.hideHeading&&r.createElement(z.u,{title:e.data.name},r.createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(ze.text)},r.createElement("span",{className:"clamp-1"},e.data.name))),r.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(ze.thumbnailContainer," ").concat(ze.imageStyle)},r.createElement(N.Z,{data:Ue(e.imageCdnUrl,e.data),imageType:Be(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)===Re.L.Image?"".concat(ze.imageTypeResource," ").concat(ze.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}He.defaultProps={preloadImage:!0,actionBehaviour:"normal"},r.memo((function(e){var t,n,a,o,l=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,[]),c=(t=e.data,n=e.actionBehaviour,o=r.useContext(Ve.X),"public"===n||!o.xs&&!o.sm&&"resource"===t.type&&"metadata"in t&&(t.metadata.type===Re.L.Image||(t.metadata.type===Re.L.Pdf?!!t.url:!!(null===(a=t.pdf)||void 0===a?void 0:a.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===x.E.Resource?i.py.Resource:i.py.Link});function d(){Fe.k.logUserAction(s,u)}var m,v=!!e.data.url;return l.applyHoverState=c||v,r.createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(ze.item," ").concat("resource-item")},(m="d-block no-decoration","link"===e.data.type?r.createElement("a",{href:e.data.url,target:"_blank",className:m,onClick:d},r.createElement(He,Object.assign({},l))):c?"public"===e.actionBehaviour?r.createElement("div",{className:"".concat(m," cursor-pointer d-inline"),onClick:function(){d(),Pe.C$.trigger(e.getAppLink(e.data))}},r.createElement(He,Object.assign({},l))):r.createElement(k.F,{appLink:e.getAppLink(e.data),className:m,analyticsData:s,analyticsOptions:u},r.createElement(He,Object.assign({},l))):v?r.createElement("a",{href:e.data.url,className:m,onClick:d},r.createElement(He,Object.assign({},l))):r.createElement("div",{className:m},r.createElement(He,Object.assign({},l)))))}));const We={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function Ze(e){return r.createElement("div",{className:"".concat(We.container," p-2 rounded-3")},r.createElement("div",{className:"d-flex align-items-center"},r.createElement("div",{className:"".concat(We.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r.createElement(d.x,{svgName:e.svgName})),r.createElement("div",{className:"ps-2 fw-semibold"},e.text)),e.children)}function Ge(e){return function(e){if(Array.isArray(e))return qe(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 qe(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)?qe(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 qe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Qe=c.T.encloseNamespace("shared.whatsIncluded");function Xe(e){var t,n,a,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(Ge((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),Ge((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,r;return function(e,t){var n,r,a=e.language;return r=(null==t?void 0:t.filter((function(e){return e.language!==a}))).length>0?CVLanguages.getFullEnglishName(a):CVLanguages.getEnglishName(a),(null===(n=e.metadata)||void 0===n?void 0:n.autoGenerated)?c.T.getPhrase("shared.shared-utils","autoGeneratedSubtitle",{name:r}):r}(t,null!==(r=null===(n=e.video.subtitles)||void 0===n?void 0:n.data)&&void 0!==r?r:[])})))&&void 0!==s?s:[];return r.createElement(r.Fragment,null,u>0&&r.createElement(Ze,{text:Qe("totalInteractives",{smartCount:u}),svgName:h.vn.Interactive,iconVariant:"green"}),m>0&&r.createElement(Ze,{text:Qe("totalResources",{smartCount:m}),svgName:h.vn.Resources,iconVariant:"indigo"},r.createElement("div",{className:"row g-0 mx-n1 pt-2"},d.slice(0,3).map((function(t){return r.createElement("div",{key:t.id,className:"col-4 px-1"},r.createElement(He,{data:t,imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.resourceThumbnailFallbackImageUrl,theme:{containerClass:We.resourceContainer,thumbnailContainerClass:We.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==v?void 0:v.length)&&r.createElement(Ze,{text:Qe("videoSettings"),svgName:h.vn.CloseCaptionBadge,iconVariant:"dark"},r.createElement("div",{className:"d-flex align-items-center pt-1"},r.createElement("div",{className:"ps-1"},v.join(", ")))))}Xe.defaultProps={isShowing:!0};function Ye(e){return r.createElement("div",{className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat("OjHQZ"," ").concat(e.active?"kD1xM":"")},r.createElement(d.x,{className:"".concat("SS2zL"," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r.createElement("span",{className:"ps-1 text-nowrap user-select-none"},e.text))}var $e,Ke=r.forwardRef((function(e,t){return r.createElement("div",{ref:t},r.createElement(Ye,{svgName:h.vn.Video,iconVariant:"blue",text:c.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),Je=n(20354),et=n(83345);!function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}($e||($e={}));var tt=n(15800),nt="shared.curriculumLinks",rt=c.T.encloseNamespace(nt);function at(e){return r.createElement(tt.u,{className:"pt-3"},r.createElement(tt.u.Image,{src:e.emptyStateUrl,altText:rt("emptyInfo"),size:"small"}),r.createElement(tt.u.Heading,null,r.createElement(et.x,{namespace:nt,phrase:"emptyHeading"})),r.createElement(tt.u.Info,null,r.createElement(et.x,{namespace:nt,phrase:"emptyInfo"})))}const it={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G"};function ot(e){return ot="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},ot(e)}function lt(e,t,n){var r;return r=function(e,t){if("object"!=ot(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=ot(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(t),(t="symbol"==ot(r)?r:String(r))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ct(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var st=/(.*)\s\((.*)?\)/i,ut="shared.curriculumLinks",dt="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block";function mt(e){function t(){var t=dt+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(et.x,{namespace:ut,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function vt(e){var t,n,a,i={},o=!1;function l(e){var t="mb-2";return e.name||o?t:t+" ms-4 "+it.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[$e.Area].map((function(e){return e.name})).join(" - ");i[t]?e[$e.Leaf].forEach((function(e){i[t].push(e),e.name&&(o=!0)})):i[t]=e[$e.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(dt," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[$e.Audience].name,n=e.linkSet[$e.Subject].name,(a=t.match(st))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(it.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:it.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:l(t)},r.createElement(mt,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:o}))}))))}))))}function ft(e){var t,n,a,i=(n=r.useState(0),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(n,a)||function(e,t){if(e){if("string"==typeof e)return ct(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ct(e,t):void 0}}(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=i[0],l=i[1];if(!(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length))return e.emptyStateUrl?r.createElement(at,{emptyStateUrl:e.emptyStateUrl}):r.createElement(r.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,r=[],a=[];e.forEach((function(e){switch(e.type){case $e.Subject:t=e;break;case $e.Audience:n=e;break;case $e.Area:r.push(e);break;case $e.Leaf:a.push(e)}}));var i="".concat(t.id,":").concat(n.id);s[i]?s[i].areasAndLeaves.push(lt(lt({},$e.Area,r),$e.Leaf,a)):s[i]=lt(lt(lt({},$e.Subject,t),$e.Audience,n),"areasAndLeaves",[lt(lt({},$e.Area,r),$e.Leaf,a)])})),r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(s).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:it.curriculumSet},r.createElement(vt,{linkSet:s[e],trySetMaxCodeWidth:c,codeWidth:o}))})))}var pt=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function gt(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(pt,null)),r.createElement("div",{className:"mb-3"},r.createElement(pt,null)),r.createElement("div",null,r.createElement(pt,null)))}var ht=n(44829);const yt={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function bt(e){var t,n,a=e.tag,i=e.appLink,o=e.onClick,l=e.disabled,c=e.tagClass,s=void 0===c?"tag":c,u=a.name.toLowerCase(),d=null===(t=a.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 ht.Q.Pedagogy:case ht.Q.Skill:return"pedagogy-tag text-white";case ht.Q.Hidden:return"hidden-tag";case ht.Q.Normal:default:return""}}(d)),v=d===ht.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+=" "+yt.disabled),e.onRemove&&(m+=" "+yt.badge),i||(m+=" d-inline-block");var f=v?{backgroundColor:e.themeColours.secondary}:{};return i?r.createElement(k.F,{onClick:o,appLink:i,className:m,title:u,style:f},r.createElement("span",{className:"text-truncate text-nowrap"},u)):r.createElement("span",{onClick:o,className:m,title:u,style:f},r.createElement("span",{className:"text-truncate text-nowrap"},u,e.onRemove&&r.createElement("button",{onClick:e.onRemove,className:"".concat(yt.close," btn-close font-size-normal"),role:"button","aria-label":"Close"})))}function Et(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function wt(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case ht.Q.Pedagogy:return 0;case ht.Q.Skill:return 1;default:return 2}}function Nt(e){if(!e.tags)return r.createElement(r.Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Et(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 Et(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)?Et(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 wt(e)-wt(t)}));return r.createElement("div",{className:yt.tagList},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,a="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null,i="function"==typeof e.onClick?function(){return e.onClick(t)}:null;return r.createElement(bt,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a,onClick:i})})))}const Ct="KQ5Wt";var St="shared.whyThisVideo";function Ot(e){var t,n,a,i,o,l,c,s=Je.a.useBasicFetch(e.getCurriculumLinksRequest(e.video.id)),u=null!==(a=null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(e){return e.tagType===ht.Q.Pedagogy})))&&void 0!==a?a:[],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===ht.Q.Skill})))&&void 0!==l?l:[];return r.createElement(r.Fragment,null,!!u.length&&r.createElement("h3",{className:"font-size-normal fw-semibold"},r.createElement(et.x,{namespace:St,phrase:"pedagogy"})),u.map((function(e){return r.createElement("div",{key:e.name,className:"px-2 py-1 rounded-3 ".concat(Ct)},r.createElement(bt,{tag:e}),e.description&&r.createElement("p",{className:"mb-2 pt-1"},e.description))})),!!d.length&&r.createElement(r.Fragment,null,r.createElement("h3",{className:"font-size-normal fw-semibold"},r.createElement(et.x,{namespace:St,phrase:"skills"})),r.createElement("div",{className:"p-2 rounded-3 ".concat(Ct)},r.createElement(Nt,{tags:d}))),!s.hasCompleted&&r.createElement(gt,null),s.hasCompleted&&!!(null===(c=s.data)||void 0===c?void 0:c.length)&&r.createElement(r.Fragment,null,r.createElement("h3",{className:"font-size-normal fw-semibold"},e.curriculum.name),s.data.map((function(e,t){return r.createElement("div",{key:t,className:"p-2 rounded-3 ".concat(Ct)},r.createElement(ft,{curriculumLinks:[e]}))}))))}var kt=r.forwardRef((function(e,t){return r.createElement("div",{ref:t},r.createElement(Ye,{svgName:h.vn.StarOutline,iconVariant:"navy",text:c.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))}));function jt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return xt(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)?xt(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 xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}const At={videoTypeBadge:"qz_5t",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function It(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Tt=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,f=e.hoverToPlay,h=a.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=p.M.getCanBeConsumed(l),b=y.canNavigate,E=y.canConsume,S=!p.M.isVideo(l),O=(n=r.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 r,a,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(n,o)||function(e,t){if(e){if("string"==typeof e)return It(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?It(e,t):void 0}}(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.")}()),k=O[0],j=O[1],x=function(){var e=jt(r.useState("none"),2),t=e[0],n=e[1],a=jt(de(),2),i=a[0],o=a[1],l=jt(de(),2),c=l[0],s=l[1];return r.useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:c,videoGuidance:t}}(),A=x.videoGuidance,I=x.whyThisVideoRef,T=x.whatsIncludedRef,L=r.useMemo((function(){return p.M.showWhatsIncluded(l)}),[l]),P=r.useMemo((function(){return p.M.showWhyThisVideo(l)}),[l]);r.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var M="position-relative bg-white";e.extraClasses&&(M+=" ".concat(e.extraClasses)),v&&(M+=" rounded-3 shadow-lg");var F=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.M.getAnalyticsEntity(l)}),V=e.isHovering&&E&&f,D=g.showFavouriteButton(e.video,v),U=e.showVideoGuidance&&(L||P),H="none"!==A;return r.createElement("div",{className:M},D&&r.createElement("div",{className:At.topRightContainer},r.createElement(w,{setFavourite:d,canFavourite:m,video:l,analyticsData:e.analyticsData,analyticsOptions:F})),!b&&r.createElement("div",{className:At.topRightContainer},r.createElement(z.u,{title:p.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r.createElement(_,null))),r.createElement("div",{className:"position-relative"},r.createElement(N.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:p.M.getThumbnail(l),appLink:b?c:null,imageType:te.__.Thumbnails,imageOptions:s,preload:u,className:"overflow-hidden ".concat(v?At.preview:"rounded-3 ".concat(At.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({},F),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},r.createElement(C.oy,{type:C.mS.Video}),r.createElement(R,{video:l}),r.createElement("div",{className:"p-absolute w-100 h-100 text-white"},S&&r.createElement("div",{className:At.videoTypeBadge},r.createElement(B,{video:l})),r.createElement(Ae,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),V&&r.createElement(ee,{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&&r.createElement(Le,Object.assign({},e)),r.createElement("div",{className:"".concat(At.details," ").concat(v?"".concat(At.isHovering," box-shadow"):"")},v&&r.createElement(r.Fragment,null,r.createElement("div",{className:"".concat(k?"box-shadow":""," ").concat(v?At.videoGuidanceTags:"")},r.createElement(Le,Object.assign({},e)),U&&v&&r.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},P&&r.createElement(kt,{ref:I,active:"why-this-video"===A}),L&&r.createElement(Ke,{ref:T,active:"whats-included"===A}))),U&&v&&r.createElement(ye.ZP,{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;k&&0===t?j(!1):!k&&t>0&&j(!0)}},r.createElement("div",{className:"".concat(At.dropdown," ").concat(H?At.show:"")},"why-this-video"===A&&r.createElement(Ot,{video:e.video,curriculum:e.curriculum,getCurriculumLinksRequest:e.getCurriculumLinksRequest}),"whats-included"===A&&r.createElement(Xe,{video:e.video,imageCdnUrl:e.imageCdnUrl,resourceThumbnailFallbackImageUrl:e.resourceThumbnailFallbackImageUrl}),"none"!==A&&r.createElement("div",{className:"pb-2"}))))))};function Lt(e){return r.createElement(r.Fragment,null,r.createElement(ke,{hoverableComponent:Tt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}const Pt={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var Mt;function Ft(e){var t=e.type,n=e.size,a=function(e){return e===Mt.Video?Pt.video:e===Mt.Playlist?Pt.playlist:""}(t),i=function(e){return e===Mt.Video?h.vn.PlayCircle:""}(t);return r.createElement("div",{className:"".concat(Pt.maskContainer," ").concat("sm"===n?Pt.small:"")},r.createElement("div",{className:Pt.mask}),r.createElement(d.x,{svgName:i,className:a}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(Mt||(Mt={})),Ft.defaults={size:"md"};var Rt=n(13669);const Vt={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function _t(e){return p.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=p.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)?r.createElement("div",{className:"".concat(Vt.container," d-flex align-items-center")},r.createElement(w,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:Vt.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r.createElement(Rt.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:Vt.action})):r.createElement(r.Fragment,null):r.createElement("div",{className:Vt.container},r.createElement(_,{size:e.size}))}var zt=n(68626);const Dt={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function Ut(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,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=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Bt(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)?Bt(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 Bt(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Ht="shared.staticVideoThumbnail";function Wt(e){var t,n=e.video,a=e.seriesAppLink,o=e.textPosition,l=e.appLink,s=o===zt.z.Overlay,u=p.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=Dt.titleOverlay,u&&(p.M.isClip(n)&&(d+=" "+Dt.clip),p.M.isInteractive(n)&&(d+=" "+Dt.interactive))):d=Dt.titleBelow,r.createElement("div",{className:d},p.M.isVideo(n)&&r.createElement(P,{className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:a,analyticsOptions:{location:i.LZ.VideoThumbnail}}),s||!u?r.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:c.T.getPhrase(Ht,"videoUnavailable")):r.createElement(k.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Zt(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=a.t.isObject(null==l?void 0:l.params)?null==l?void 0:l.params:{},f=Ut(de(),2),h=f[0],y=f[1],b=Ut(me({delay:100}),2),E=b[0],w=b[1],S=p.M.getCanBeConsumed(o),O=S.canNavigate,k=S.canConsume,j=w&&k&&m,x=Object.assign(Object.assign({},e.analyticsOptions),{entity:p.M.getAnalyticsEntity(o)}),A=!!l&&!e.hideMask&&O,I=p.M.getPrivacyReasoning(e.video,e.showSignIn),T=!p.M.isVideo(e.video);return r.createElement(z.u,{title:I,spanHack:!0,spanHackClassName:""},r.createElement("div",{className:(n="position-relative",n+=l&&O?" cursor-pointer":"",e.extraClasses&&(n+=" ".concat(e.extraClasses)),c===zt.z.Overlay&&(n+=" rounded overflow-hidden"),n),ref:function(e){h.current=e,E.current=e}},r.createElement(_t,{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,y)},analyticsData:e.analyticsData,analyticsOptions:x,size:e.size}),r.createElement(N.Z,{data:p.M.getThumbnail(o),appLink:O?l:null,imageType:te.__.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===zt.z.Overlay&&(t+=" ".concat(Dt.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({},x),{actionType:i.Vw.Click,descriptor:i._S.Thumbnail})},A&&r.createElement(Ft,{type:Mt.Video,size:e.size}),r.createElement(C.oy,{type:C.mS.Video}),r.createElement("div",{className:Dt.overlayContainer},c===zt.z.Overlay&&r.createElement(Wt,Object.assign({},e)),r.createElement(R,{video:o}),T&&r.createElement("div",{className:Dt.videoTypeBadge},r.createElement(B,{video:o,size:e.size})),r.createElement(Ae,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),j&&r.createElement(ee,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:v.context,contextId:v.contextId,moviesAndTv:v.mtv}),c===zt.z.Below&&r.createElement(Wt,Object.assign({},e))))}function Gt(e){switch(e.type){case"static":return r.createElement(Zt,Object.assign({},e));case"cosmetic":return r.createElement(Zt,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return r.createElement(ge,Object.assign({},e));case"popout":return r.createElement(Lt,Object.assign({},e));default:return}}Gt.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},68626:(e,t,n)=>{var r;n.d(t,{z:()=>r}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(r||(r={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>l});var r=n(79976),a=n(60139),i=n(32735),o=n(71365);function l(){var e,t,n,l=(e=r.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:a.NK.Warning,heading:a.R6.Warning,message:e})}}}},10288:(e,t,n)=>{n.d(t,{YD:()=>y});var r=n(32735),a=!0,i="Invariant failed";function o(e,t){if(!e){if(a)throw new Error(i);var n="function"==typeof t?t():t,r=n?"".concat(i,": ").concat(n):i;throw new Error(r)}}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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}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 f(e,t,n){void 0===n&&(n={}),n.threshold||(n.threshold=0);var r=n,a=r.root,i=r.rootMargin,l=r.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)+"_"):""}(a)+(i?l.toString()+"_"+i:l.toString()),s=d.get(c);s||(s=new IntersectionObserver(g,n),c&&d.set(c,s));var f={callback:t,element:e,inView:!1,observerId:c,observer:s,thresholds:s.thresholds||(Array.isArray(l)?l:[l])};return u.set(e,f),s.observe(e),f}}function p(e){if(e){var t=u.get(e);if(t){var n=t.observerId,r=t.observer,a=r.root;r.unobserve(e);var i=!1,o=!1;n&&u.forEach((function(t,r){r!==e&&(t.observerId===n&&(i=!0,o=!0),t.observer.root===a&&(o=!0))})),!o&&a&&m.delete(a),r&&!i&&r.disconnect(),u.delete(e)}}}function g(e){e.forEach((function(e){var t=e.isIntersecting,n=e.intersectionRatio,r=e.target,a=u.get(r);if(a&&n>=0){var i=a.thresholds.some((function(e){return a.inView?n>e:n>=e}));void 0!==t&&(i=i&&t),a.inView=i,a.callback(i,e)}}))}var h=function(e){var t,n;function a(){for(var t,n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return l(s(t=e.call.apply(e,[this].concat(r))||this),"state",{inView:!1,entry:void 0}),l(s(t),"node",null),l(s(t),"handleNode",(function(e){t.node&&p(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=a).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var i=a.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||(p(this.node),this.observeNode()),t.inView!==this.state.inView&&this.state.inView&&this.props.triggerOnce&&(p(this.node),this.node=null)},i.componentWillUnmount=function(){this.node&&(p(this.node),this.node=null)},i.observeNode=function(){if(this.node){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin;f(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r})}},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 a=this.props,i=a.children,o=a.as,l=a.tag,s=(a.triggerOnce,a.threshold,a.root,a.rootMargin,a.onChange,function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(a,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange"]));return(0,r.createElement)(o||l||"div",c({ref:this.handleNode},s),i)},a}(r.Component);function y(e){void 0===e&&(e={});var t=(0,r.useRef)(),n=(0,r.useState)({inView:!1,entry:void 0}),a=n[0],i=n[1],o=(0,r.useCallback)((function(n){t.current&&p(t.current),n&&f(n,(function(t,r){i({inView:t,entry:r}),t&&e.triggerOnce&&p(n)}),e),t.current=n}),[e.threshold,e.root,e.rootMargin,e.triggerOnce]);return(0,r.useDebugValue)(a.inView),[o,a.inView,a.entry]}l(h,"displayName","InView"),l(h,"defaultProps",{threshold:0,triggerOnce:!1})}}]);