@clickview/reports 0.28.0-rc.2 → 0.28.0-rc.3
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 +2 -2
- package/dist/css/{386-reports-fa3e6486c9.chunk.css → 589-reports-9f099d84f1.chunk.css} +1 -2
- package/dist/css/{reports-app-45a5b80112.css → reports-app-cec5205eaf.css} +1 -1
- package/dist/scripts/{128-48fa742f14-reports.chunk.js → 128-5ca1f64dc6-reports.chunk.js} +1 -1
- package/dist/scripts/{178-4ef9d37f2d-reports.chunk.js → 178-d6bff5e0ca-reports.chunk.js} +1 -1
- package/dist/scripts/{441-949c600670-reports.chunk.js → 441-c899d66df6-reports.chunk.js} +1 -1
- package/dist/scripts/{523-38ab8a0a6a-reports.chunk.js → 523-0697c446f9-reports.chunk.js} +1 -1
- package/dist/scripts/{386-7f35283b01-reports.chunk.js → 589-ad2612822c-reports.chunk.js} +2 -2
- package/dist/scripts/bundle-1ff240a0d7.min.js +2 -0
- package/package.json +2 -2
- package/dist/scripts/bundle-9f91fff12e.min.js +0 -2
- /package/dist/scripts/{386-7f35283b01-reports.chunk.js.LICENSE.txt → 589-ad2612822c-reports.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-9f91fff12e.min.js.LICENSE.txt → bundle-1ff240a0d7.min.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[441],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(1024),r=n(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}},98236:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(1024),r=n(1048),i=n(64038);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const c="fVSzb";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s=a.memo((function(e){var t,n,r=e.forceLoad,s=e.extraClasses,u=void 0===s?"":s,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,p=e.src,f=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,c=n.triggerOnce,l=void 0===c||c,s=(e=i.useInView({triggerOnce:l,rootMargin:r}),t=3,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],d=s[1],m=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(d=!0,u=null),{ref:u,inView:d,initialized:!!m}}({rootMargin:"500px"}),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,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),N=E[0],w=E[1];function C(){return N&&d?d:e.src}if(a.useEffect((function(){if((r||b)&&!v){var e=new Image;return e.onerror=function(){w(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[b,v]),N&&!d)return a.createElement(a.Fragment,null);if(!h)return a.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:f,src:C()},g));var O=Object.assign(Object.assign({alt:f},g),!b&&!r||v?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:C()});return r||(O.ref=h),a.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},O))})),u=n(36848),d=n(67453);const m={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};var v=n(54610);function p(e){var t=m.image,n="";return e.imageType===v.__.Thumbnails&&(n="thumbnail ".concat(m.thumbnail)),e.imageType===v.__.TallPosters&&(n=m.tallPoster),e.imageType===v.__.Covers&&(n=m.cover),e.imageType===v.__.Banners&&(n=m.banner),e.imageType===v.__.Posters&&(n=m.poster),e.imageType===v.__.Pdf&&(n=m.pdf),e.imageType===v.__.Link&&(n=m.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function f(e){var t=e.data,n=e.imageOptions,i=e.appLink,o=e.preload,c=e.preventLoad,l=e.analyticsOptions,m=e.analyticsData,v=e.imageClassName,f=e.alt,g="";"string"==typeof t?g=t:r.t.isObject(t)&&(g=t.url);var y=g&&n?d.j.createUrl(g,n):g;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(u.F,{appLink:i,analyticsData:m,analyticsOptions:l,onClick:e.onClick},e.children,y&&a.createElement(s,{src:y,alt:f,forceLoad:o,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},98441:(e,t,n)=>{n.d(t,{u:()=>kt});var a=n(1024),r=n.n(a),i=n(65858),o=n(23481),c=n(79014),l=n(58130),s=n(83914),u=n(55110),d=n(75896),m=n(82182),v=n(11025),p={isFavouritedByCurrentUser:function(e){var t;return!(1!==(null===(t=null==e?void 0:e.favouritedBy)||void 0===t?void 0:t.data.length))},isFavouritedByUser:function(e,t){var n;return!!d.m.findWhere(null===(n=null==e?void 0:e.favouritedBy)||void 0===n?void 0:n.data,{id:null==t?void 0:t.id})},updateVideoState:function(e,t,n){return{id:e.id,favouritedBy:{data:n?[{id:t.id}]:[],pagination:{limit:25,cursors:{next:"",previous:""}}}}},showFavouriteButton:function(e,t){var n;return!(!(null===(n=v.M.getCanBeConsumed(e))||void 0===n?void 0:n.canConsume)||!t&&!m.V.isTabletOrMobile()&&!p.isFavouritedByCurrentUser(e))}},f=n(11607);const g={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var h=o.T.encloseNamespace("shared.favouriteButton");function b(e){var t,n,r=(0,u.Z)(),i=p.isFavouritedByCurrentUser(e.video),o=(t=a.useState(i),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=o[0],m=o[1];a.useEffect((function(){m(i)}),[i]);var b="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(g.favouriteButton," ").concat(d?g.favourited:"");return e.className&&(b+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?a.createElement(f.L,{className:b,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,null,(function(){r.error(h(v.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":v.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),m(!t)}),e.analyticsData,e.analyticsOptions)}},a.createElement(s.x,{svgName:l.vn.Heart,className:"svg-container ".concat(g.heart)}),a.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat(g.heartOutline)})):a.createElement(a.Fragment,null)}var E=n(98236),N=n(54610),w=n(28400),C=n(98084),O=n(36848),S=n(26860),j=n(74254);const x={appLink:"b0KLR",hoverUnderline:"YR5Q7",small:"ts6Yo"};function k(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return a.createElement(a.Fragment,null);var r=C.I.padNumber(n.number,2),i=C.I.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?x.hoverUnderline:"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function A(e){var t,n=e.appLink,r=e.video,i=e.className,o=void 0===i?"":i,c=null==r?void 0:r.series;if(!c||!c.id)return a.createElement(a.Fragment,null);var l=n&&Object.assign(Object.assign({},n),{args:[c.id,w.m.slugify(c.name)]}),s=Object.assign(Object.assign({},e.analyticsData),{id:null==c?void 0:c.id,name:null==c?void 0:c.name,videoId:null==r?void 0:r.id,videoName:null==r?void 0:r.name}),u=Object.assign(Object.assign({},e.analyticsOptions),{entity:j.py.Series,actionType:j.Vw.Click,descriptor:j._S.Title}),d=S.v.buildSeriesSeasonEpisodeText(c.name,null===(t=r.season)||void 0===t?void 0:t.number,r.episodeNumber);return l?a.createElement("div",null,a.createElement(O.F,{appLink:l,className:"text-uppercase d-block text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),analyticsData:s,analyticsOptions:u,title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))}var I=n(17464),T=n(61105);function P(e){var t=v.M.getVideoProgress(e.video),n=t&&e.video.duration&&t/e.video.duration*1e5;return n?a.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(n,"%")}}):a.createElement(a.Fragment,null)}const L={bottomBar:"YnXtZ"};function M(e){return v.M.isVideo(e.video)?r().createElement("div",{className:L.bottomBar},r().createElement(P,{video:e.video})):r().createElement(r().Fragment,null)}const F={padlock:"w4cg8",sm:"JpIYd"};function R(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(F.padlock," ").concat("sm"===e.size?F.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var z=n(36532),V=n(5465);const _={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var B=o.T.encloseNamespace("shared.videoTypeBadge");function D(e){var t="".concat(_.badge," rounded-pill text-white ").concat("sm"===e.size?_.sm:"");return r().createElement(r().Fragment,null,v.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:_.text},B("clip"))),v.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:_.text},B("interactive"))))}D.default={size:"md"};const U={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function H(e){var t="mb-1";return e&&(t+=U.downScale),t}function W(e){var t,n=e.video,a=e.appLink,o=e.imageOptions,c=e.setFavourite,u=e.canFavourite,d=e.preload,m=e.hovering,f=v.M.getCanBeConsumed(e.video).canNavigate,g=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(n)}),y=p.showFavouriteButton(e.video,m),h=v.M.isVideo(n),w=!h,C=v.M.getRating(e.video);return r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},y&&r().createElement("div",{className:U.topRightContainer},r().createElement(b,{setFavourite:c,canFavourite:u,video:n,analyticsData:e.analyticsData,analyticsOptions:g})),!f&&r().createElement("div",{className:U.topRightContainer},r().createElement(R,null)),w&&r().createElement("div",{className:U.videoTypeBadge},r().createElement(D,{video:n})),r().createElement(E.Z,{data:v.M.getThumbnail(n),appLink:f?a:null,imageType:N.__.Thumbnails,imageOptions:o,preload:d,className:U.gradient,alt:"".concat("series"in n?"".concat(null===(t=n.series)||void 0===t?void 0:t.name,": "):"").concat(n.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),analyticsOptions:Object.assign(Object.assign({},g),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!m||!f)&&r().createElement(s.x,{className:U.playIcon,svgName:l.vn.PlayCircle}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:U.overlayContainer},r().createElement("div",{className:U.overlay},r().createElement("div",{className:"".concat(H(m)," ").concat(U.title)},h&&v.M.hasSeries(n)&&r().createElement(A,{className:"text-shadow clamp-1",video:n,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},v.M.getTitle(n))),r().createElement(M,{video:n}),m&&r().createElement(I.c,{className:"mt-1"},v.M.isVideo(n)&&r().createElement(r().Fragment,null,r().createElement(T.C,{type:T.g.Rating,data:C}),n.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(T.C,{type:T.g.Interactive,data:n.hasInteractives}),r().createElement(T.C,{type:T.g.DurationExact,data:v.M.getDuration(e.video)}))))))))}var Q=n(68626);const Z={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var q,X;function G(e){var t=e.type,n=e.size,r=function(e){return e===q.Video?Z.video:e===q.Playlist?Z.playlist:""}(t),i=function(e){return e===q.Video?l.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Z.maskContainer," ").concat("sm"===n?Z.small:"")},a.createElement("div",{className:Z.mask}),a.createElement(s.x,{svgName:i,className:r}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(q||(q={})),G.defaults={size:"md"},function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(X||(X={}));var Y=n(4594);const $={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var K=o.T.encloseNamespace("shared.toggleActivityStatusButton");function ee(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===X.Complete),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?J(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=i[0],d=i[1];a.useEffect((function(){d(e.activityStatus===X.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?$.checked:$.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==X.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?X.Complete:X.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(K(function(){switch(e.sharedEntity.typeId){case Y.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case Y.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case Y.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case Y.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case Y.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat($.checkMark)})):a.createElement(a.Fragment,null)}const te={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function ne(e){return v.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=v.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(te.container," d-flex align-items-center")},r().createElement(b,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:te.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(ee,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:te.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:te.container},r().createElement(R,{size:e.size}))}var ae=n(1048),re=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ce=275,le=5,se={className:"",delay:0,style:null},ue={screenX:0,screenY:0};function de(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.add(t.className)),t.style&&Object.keys(t.style).forEach((function(n){e.current.style[n]=t.style[n]})))}function me(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.remove(t.className)),t.style&&Object.keys(t.style).forEach((function(t){e.current.style[t]=null})))}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:se,t=re(),n=ie(a.useState(e),2),r=n[0],i=n[1],o=ie(a.useState(!1),2),l=o[0],s=o[1],u=a.useRef(null);a.useEffect((function(){ae.t.isEqual(e,r)||i(e)}),[e]);var d=c.q.throttle((function(){de(u,r),t.current&&s(!0)}),r.delay,{leading:!1}),m=function(){c.q.isFunction(d.cancel)&&d.cancel(),me(u,r),t.current&&s(!1)};return a.useLayoutEffect((function(){var e=u.current;if(e)return e.addEventListener("mouseenter",d),e.addEventListener("mouseleave",m),function(){e.removeEventListener("mouseenter",d),e.removeEventListener("mouseleave",m)}}),[u.current,r]),[u,l]}function pe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}const fe={badgeContainer:"fy9Un",sm:"Rb0TL"};function ge(e){var t=v.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,a=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||a?r().createElement(I.c,{className:"".concat(fe.badgeContainer," ").concat("sm"===e.size?fe.sm:"")},n&&r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),a&&r().createElement(T.C,{type:T.g.Rating,data:t}),!e.hideDuration&&r().createElement(T.C,{type:e.newDurationStyle?T.g.DurationApproximate:T.g.DurationExact,data:v.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}ge.defaultProps={newDurationStyle:!0,size:"md"};const ye={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var be="shared.staticVideoThumbnail";function Ee(e){var t,n=e.video,a=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===Q.z.Overlay,u=v.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=ye.titleOverlay,u&&(v.M.isClip(n)&&(d+=" "+ye.clip),v.M.isInteractive(n)&&(d+=" "+ye.interactive))):d=ye.titleBelow,r().createElement("div",{className:d},v.M.isVideo(n)&&v.M.hasSeries(n)&&r().createElement(A,{className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:o.T.getPhrase(be,"videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Ne(e){var t,n,a,o,c=e.video,l=e.appLink,s=e.textPosition,u=e.imageOptions,d=e.setFavourite,m=e.preload,f=(n=ve(),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(n,a)||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,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.")}()),g=f[0],y=f[1],h=v.M.getCanBeConsumed(c).canNavigate,b=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(c)}),w=!!l&&!e.hideMask&&h,C=v.M.getPrivacyReasoning(e.video,e.showSignIn),O=!v.M.isVideo(e.video);return r().createElement(z.u,{title:C,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(o="position-relative",o+=l&&h?" cursor-pointer":" cursor-default",e.extraClasses&&(o+=" ".concat(e.extraClasses)),s===Q.z.Overlay&&(o+=" rounded overflow-hidden"),o),ref:g},r().createElement(ne,{video:c,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(c,y)},analyticsData:e.analyticsData,analyticsOptions:b,size:e.size}),r().createElement(E.Z,{data:v.M.getThumbnail(c),appLink:h?l:null,imageType:N.__.Thumbnails,imageOptions:u,preload:m,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return s===Q.z.Overlay?"".concat(t," ").concat(ye.gradient):t}(),alt:"".concat("series"in c?"".concat(null===(t=c.series)||void 0===t?void 0:t.name,": "):"").concat(c.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:c.id,name:c.name}),analyticsOptions:Object.assign(Object.assign({},b),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},w&&r().createElement(G,{type:q.Video,size:e.size}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:ye.overlayContainer},s===Q.z.Overlay&&r().createElement(Ee,Object.assign({},e)),r().createElement(M,{video:c}),O&&r().createElement("div",{className:ye.videoTypeBadge},r().createElement(D,{video:c,size:e.size})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),s===Q.z.Below&&r().createElement(Ee,Object.assign({},e))))}var we=n(54976),Ce=n.n(we),Oe=n(26361);function Se(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=Oe.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return v.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(z.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(s.x,{svgName:l.vn.Lock,size:"sm"===e.size?s.S.Small:s.S.Standard})):r().createElement(r().Fragment,null)}function je(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=e.hideSeries,c=v.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat("rULXI")},v.M.isVideo(t)&&v.M.hasSeries(t)&&!o&&r().createElement(A,{className:"text-truncate ".concat("h9k1p"),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2 align-middle",appLink:c?n:null},t.name,r().createElement(Se,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var xe,ke,Ae=n(30314),Ie=(xe=function(e,t){return xe=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])},xe(e,t)},function(e,t){function n(){this.constructor=e}xe(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Te="html",Pe="svg",Le=function(e){var t,n,a,r={};if(e===Te)a=document.createElement("div");else{if(e!==Pe)throw new Error('Invalid element type "'+e+'" for createPortalNode: must be "html" or "svg".');a=document.createElementNS("http://www.w3.org/2000/svg","g")}var i={element:a,elementType:e,setPortalProps:function(e){r=e},getInitialPortalProps:function(){return r},mount:function(a,r){if(r!==n){if(i.unmount(),a!==t&&!function(e,t){if(t===Te)return e instanceof HTMLElement;if(t===Pe)return e instanceof SVGElement;throw new Error('Unrecognized element type "'+t+'" for validateElementType.')}(a,e))throw new Error('Invalid element type for portal: "'+e+'" portalNodes must be used with '+e+" elements, but OutPortal is within <"+a.tagName+">.");a.replaceChild(i.element,r),t=a,n=r}},unmount:function(e){e&&e!==n||t&&n&&(t.replaceChild(n,i.element),t=void 0,n=void 0)}};return i},Me=function(e){function t(t){var n=e.call(this,t)||this;return n.addPropsChannel=function(){Object.assign(n.props.node,{setPortalProps:function(e){n.setState({nodeProps:e})}})},n.state={nodeProps:n.props.node.getInitialPortalProps()},n}return Ie(t,e),t.prototype.componentDidMount=function(){this.addPropsChannel()},t.prototype.componentDidUpdate=function(){this.addPropsChannel()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.node;return Ae.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Fe=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}return Ie(t,e),t.prototype.passPropsThroughPortal=function(){var e=Object.assign({},this.props,{node:void 0});this.props.node.setPortalProps(e)},t.prototype.componentDidMount=function(){var e=this.props.node;this.currentPortalNode=e;var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentDidUpdate=function(){var e=this.props.node;this.currentPortalNode&&e!==this.currentPortalNode&&(this.currentPortalNode.unmount(this.placeholderNode.current),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){this.props.node.unmount(this.placeholderNode.current)},t.prototype.render=function(){return a.createElement("div",{ref:this.placeholderNode})},t}(a.PureComponent),Re=Le.bind(null,Te),ze=(Le.bind(null,Pe),n(81886)),Ve=n(56050),_e=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(ke||(ke={}));var Be=function(e,t,n){var a,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1.2,i=e.x,o=e.y,c=e.width,l=e.height,s=document.getElementById("content-width-reference");if(!s)return{};var u=t||c*r,d=t?t*(l/c):l*r,m=t?u/c:r;a=i-(u-c)/2,u<n&&(a-=(n-u)/2,d=l*(m=(u=n)/c));var v=o-(d-l)/2+window.scrollY,p=a,f=ke.Center;return a-s.offsetLeft<8&&(p=i-4,f=ke.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+c-t:i-c*(m-1)+8,f=ke.Right),{left:p,top:v,height:d,width:u,transformOrigin:f,position:"absolute",originalWidth:c,originalHeight:l}};const De={positionWrapper:"jO7pW",animationWrapper:"xXfXO",zoom:"BrrtL"};function Ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return He(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?He(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function He(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function We(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=e.hoverScale,d=r().useContext(_e).setPreviewContentNode;void 0===d&&ze.Q.ErrorHelper.throw(new Ve.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var m=r().useMemo((function(){return Re()}),[]),v=Ue(function(e){var t=ie(a.useState(e),2),n=t[0],r=t[1],i=a.useRef(Object.assign({},ue)),o=a.useRef(!1),l=a.useRef(0),s=a.useRef(null),u=ie(a.useState(!1),2),d=u[0],m=u[1];function v(){l.current&&(window.clearTimeout(l.current),l.current=0)}function p(){o.current=!0}function f(e){if(o.current){var t,a,r=Object.assign({},i.current);i.current.screenX=e.screenX,i.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>le||Math.abs(e.screenY-t.screenY)>le}(r,e)&&v(),t=function(){de(s,n),m(!0)},a=n.delay||ce,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),me(s,n),o.current=!1,m(!1)}return a.useEffect((function(){ae.t.isEqual(e,n)||r(e)}),[e]),a.useLayoutEffect((function(){if(s.current){var e=c.q.throttle(f,25,{leading:!1});return s.current.addEventListener("mouseenter",p),s.current.addEventListener("mousemove",e),s.current.addEventListener("mouseleave",g),function(){s.current&&(s.current.removeEventListener("mouseenter",p),s.current.removeEventListener("mousemove",e),s.current.removeEventListener("mouseleave",g))}}}),[s.current,n]),[s,d]}({delay:100}),2),p=v[0],f=v[1],g=Ue(ve(),2),y=g[0],h=g[1],b=Ue(r().useState(!1),2),E=b[0],N=(b[1],r().useRef(null)),w=r().useRef(!1),C=f||h;r().useEffect((function(){w.current!==C&&(d(C||E?m:null),w.current=C)}),[C]);var O=(null===(n=null===(t=N.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},S=O.x,j=O.y,x=O.width,k=O.height,A=r().useMemo((function(){return Be({x:S,y:j,width:x,height:k},s,l,u)}),[S,j,x,k,u]),I=A?A.originalWidth/A.width:1,T=i;return r().createElement("div",{ref:N},r().createElement("div",{ref:p},r().createElement(T,Object.assign({isHovering:!1},o))),(C||E)&&r().createElement(Me,{node:m},r().createElement("div",{className:"".concat(De.positionWrapper," ").concat(De.animationWrapper),style:Object.assign({"--scale":I},A),ref:y},r().createElement(T,Object.assign({isHovering:!0,hoverPositionConfig:A,cleanPortalNode:function(){return d(null)}},o)))))}We.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};function Qe(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center cursor-pointer ".concat("OjHQZ"," ").concat(e.active?"kD1xM":"")},r().createElement(s.x,{className:"".concat("SS2zL"," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap user-select-none"},e.text))}var Ze=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Qe,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),qe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Qe,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Xe=n(44829),Ge=n(83345);const Ye={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function $e(e){var t,n,a=e.tag,i=e.appLink,o=e.onClick,c=e.disabled,u=e.tagClass,d=void 0===u?"tag":u,m=a.name.toLowerCase(),v=null===(t=a.tagType)||void 0===t?void 0:t.toLowerCase(),p="badge-pill py-1 px-2 my-1 mr-1 ".concat(d," ").concat(function(e){switch(e){case Xe.Q.Pedagogy:case Xe.Q.Skill:return"pedagogy-tag text-white";case Xe.Q.Hidden:return"hidden-tag";case Xe.Q.Normal:default:return""}}(v)),f=v===Xe.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);f&&(p+=" text-white"),!i&&!o||c||(p+=" cursor-pointer"),c&&(p+=" "+Ye.disabled),e.onRemove&&(p+=" "+Ye.badge),i||(p+=" d-inline-block");var g=f?{backgroundColor:e.themeColours.secondary}:{};return i?r().createElement(O.F,{onClick:o,appLink:i,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m)):r().createElement("span",{onClick:o,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m,e.onRemove&&r().createElement("button",{onClick:e.onRemove,className:"".concat(Ye.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function Je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ke(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Xe.Q.Pedagogy:return 0;case Xe.Q.Skill:return 1;default:return 2}}function et(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Je(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 Je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Je(e,t):void 0}}(t)||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 Ke(e)-Ke(t)}));return r().createElement("div",{className:Ye.tagList},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,a="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null;return r().createElement($e,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const tt="KQ5Wt";var nt="shared.whyThisVideo";function at(e){var t,n,a,i,o,c,l=null!==(a=null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(e){return e.tagType===Xe.Q.Pedagogy})))&&void 0!==a?a:[],s=null!==(c=null===(o=null===(i=e.video.tags)||void 0===i?void 0:i.data)||void 0===o?void 0:o.filter((function(e){return e.tagType===Xe.Q.Skill})))&&void 0!==c?c:[];return r().createElement(r().Fragment,null,!!l.length&&r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(Ge.x,{namespace:nt,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(tt)},r().createElement($e,{tag:e}),e.description&&r().createElement("p",{className:"mb-2 pt-1"},e.description))})),!!s.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(Ge.x,{namespace:nt,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(tt)},r().createElement(et,{tags:s}))))}var rt=n(97395),it=n(92582),ot=n(67453),ct=n(1164),lt=n(49677);const st={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 ut={width:200,resizeType:N.Nq.Cover};function dt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return ot.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},ut));var i=rt._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===ct.L.Pdf?ot.j.createResourceImage(i,t.url,ut):t.metadata.type===ct.L.Image?ot.j.createUrl(t.url,{size:N.h2.Medium,resizeType:N.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?ot.j.createResourceImage(i,t.pdf.url,ut):(t.metadata.type,ct.L.Zip,"/images/zip-resource.png"):ot.j.createResourceImage(i,t.url,Object.assign({},ut))}function mt(e){var t;return"metadata"in e?e.metadata.type===ct.L.Pdf?N.__.Pdf:e.metadata.type===ct.L.Image?N.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?N.__.Pdf:(e.metadata.type,ct.L.Zip,N.__.Thumbnails):N.__.Link}function vt(e){var t,n,a,o,c,l,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(a=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==a?a:0);var m="".concat(null!==(c=null===(o=e.theme)||void 0===o?void 0:o.containerClass)&&void 0!==c?c:""," pt-3 px-3 rounded-lg d-flex flex-column align-items-center")+" justify-content-end ".concat(function(e){switch(e){case"atom-guide":return st.atomGuide;case"student-activity":return st.studentActivity;case"teacher-pack":return st.teacherPack;case"additional-materials":return st.additionalMaterials;default:return st.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(st.background," ").concat(e.applyHoverState?st.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(st.text)},r().createElement("span",{className:"clamp-1"},e.data.name))),r().createElement("div",{className:"".concat(null!==(s=null===(l=e.theme)||void 0===l?void 0:l.thumbnailContainerClass)&&void 0!==s?s:""," w-75 overflow-hidden ").concat(st.thumbnailContainer," ").concat(st.imageStyle)},r().createElement(E.Z,{data:dt(e.imageCdnUrl,e.data),imageType:mt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},alt:e.data.name,analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===ct.L.Image?"".concat(st.imageTypeResource," ").concat(st.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}vt.defaultProps={preloadImage:!0,actionBehaviour:"normal"},r().memo((function(e){var t,n,a,o,c=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,[]),l=(t=e.data,n=e.actionBehaviour,o=r().useContext(lt.X),"public"===n||!o.xs&&!o.sm&&"resource"===t.type&&"metadata"in t&&(t.metadata.type===ct.L.Image||(t.metadata.type===ct.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.UserAction.Click,entity:e.data.typeId===Y.E.Resource?i.EntityType.Resource:i.EntityType.Link});function d(){it.k.logUserAction(s,u)}var m,v=!!e.data.url;return c.applyHoverState=l||v,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(st.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(vt,Object.assign({},c))):l?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:m,analyticsData:s,analyticsOptions:u},r().createElement(vt,Object.assign({},c))):v?r().createElement("a",{href:e.data.url,className:m,onClick:d},r().createElement(vt,Object.assign({},c))):r().createElement("div",{className:m},r().createElement(vt,Object.assign({},c)))))}));const pt={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function ft(e){return r().createElement("div",{className:"".concat(pt.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(pt.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r().createElement(s.x,{svgName:e.svgName})),r().createElement("div",{className:"pl-2 font-weight-500"},e.text)),e.children)}function gt(e){return function(e){if(Array.isArray(e))return yt(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 yt(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)?yt(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 yt(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 ht=o.T.encloseNamespace("shared.whatsIncluded");function bt(e){var t,n,a,i,c,s,u,d=null===(n=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length,m=[].concat(gt((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),gt((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),v=m.length,p=null!==(u=null===(s=null===(c=e.video.subtitles)||void 0===c?void 0:c.data)||void 0===s?void 0:s.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)?o.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!==u?u:[];return r().createElement(r().Fragment,null,d>0&&r().createElement(ft,{text:ht("totalInteractives",{smartCount:d}),svgName:l.vn.Interactive,iconVariant:"green"}),v>0&&r().createElement(ft,{text:ht("totalResources",{smartCount:v}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},m.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(vt,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:pt.resourceContainer,thumbnailContainerClass:pt.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==p?void 0:p.length)&&r().createElement(ft,{text:ht("videoSettings"),svgName:l.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},p.join(", ")))))}function Et(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Nt(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)?Nt(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 Nt(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}bt.defaultProps={isShowing:!0},n(25964);var wt=r().createContext({hasProvider:!1});function Ct(e){var t,n=r().useContext(wt);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("default"===n.mode)return r().createElement(Fe,{node:n.portalNode});var a=n.started,i="".concat("TzWQw"," ").concat(a?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:i},r().createElement(Fe,{node:n.portalNode}),";")}const Ot={videoTypeBadge:"qz_5t",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function St(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var jt=function(e){var t,n,a,o=e.video,c=e.appLink,l=e.imageOptions,s=e.preload,u=e.setFavourite,d=e.canFavourite,m=e.isHovering,f=ae.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},g=v.M.getCanBeConsumed(o),y=g.canNavigate,h=g.canConsume,w=!v.M.isVideo(o),C=(n=r().useState(!1),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(n,a)||function(e,t){if(e){if("string"==typeof e)return St(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?St(e,t):void 0}}(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=C[0],S=C[1],j=function(){var e=Et(r().useState("none"),2),t=e[0],n=e[1],a=Et(ve(),2),i=a[0],o=a[1],c=Et(ve(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),x=j.videoGuidance,k=j.whyThisVideoRef,A=j.whatsIncludedRef,I=r().useMemo((function(){return v.M.showWhyThisVideo(o)}),[o]),T=r().useMemo((function(){return v.M.showWhatsIncluded(o)}),[o]);r().useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var P="position-relative bg-white";e.extraClasses&&(P+=" ".concat(e.extraClasses)),m&&(P+=" rounded-lg shadow-lg");var L=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(o)}),F=e.isHovering&&h,_=p.showFavouriteButton(e.video,m),B=e.showVideoGuidance&&(T||I),U="none"!==x;return r().createElement("div",{className:P},_&&r().createElement("div",{className:Ot.topRightContainer},r().createElement(b,{setFavourite:u,canFavourite:d,video:o,analyticsData:e.analyticsData,analyticsOptions:L})),!y&&r().createElement("div",{className:Ot.topRightContainer},r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(R,null))),r().createElement("div",{className:"position-relative"},r().createElement(E.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:v.M.getThumbnail(o),appLink:y?c:null,imageType:N.__.Thumbnails,imageOptions:l,preload:s,className:"overflow-hidden ".concat(m?Ot.preview:"rounded-lg ".concat(Ot.original)),alt:"".concat("series"in o?"".concat(null===(t=o.series)||void 0===t?void 0:t.name,": "):"").concat(o.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},L),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(V.oy,{type:V.mS.Video}),r().createElement(M,{video:o}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},w&&r().createElement("div",{className:Ot.videoTypeBadge},r().createElement(D,{video:o})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),F&&r().createElement(Ct,{objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:f.context,contextId:f.contextId,moviesAndTv:f.mtv})),!m&&!e.hideTitle&&r().createElement(je,Object.assign({},e)),r().createElement("div",{className:"".concat(Ot.details," ").concat(m?"".concat(Ot.isHovering," box-shadow"):"")},m&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(O?"box-shadow":""," ").concat(m?Ot.videoGuidanceTags:"")},r().createElement(je,Object.assign({},e)),B&&m&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},I&&r().createElement(qe,{ref:k,active:"why-this-video"===x}),T&&r().createElement(Ze,{ref:A,active:"whats-included"===x}))),B&&m&&r().createElement(Ce(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;O&&0===t?S(!1):!O&&t>0&&S(!0)}},r().createElement("div",{className:"".concat(Ot.dropdown," ").concat(U?Ot.show:"")},"why-this-video"===x&&r().createElement(at,{video:e.video}),"whats-included"===x&&r().createElement(bt,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==x&&r().createElement("div",{className:"pb-2"}))))))};function xt(e){return r().createElement(r().Fragment,null,r().createElement(We,{hoverableComponent:jt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function kt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(Ne,Object.assign({},e));case"expandable":return a.createElement(W,Object.assign({},e));case"popout":return a.createElement(xt,Object.assign({},e));default:return}}kt.defaultProps={hideRating:!0,size:"md"}},68626:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(1024),r=n(71365);var i=n(60139),o=n(79976);function c(){var e,t,n,c=(e=o.P.ALERT,t=e,n=r.u.getInstance(t),a.useEffect((function(){return function(){r.u.releaseInstance(t)}})),n);return{success:function(e){c.success(e)()},error:function(e){c.error(e)()},warning:function(e){c.createAlert({type:i.NK.Warning,heading:i.R6.Warning,message:e})}}}}}]);
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[441],{17464:(e,t,n)=>{n.d(t,{c:()=>i});var a=n(1024),r=n(7121);function i(e){var t="d-flex align-items-center badge-list ".concat(r.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),a.createElement("div",{className:t},e.children)}},98236:(e,t,n)=>{n.d(t,{Z:()=>f});var a=n(1024),r=n(1048),i=n(64038);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}const c="fVSzb";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var s=a.memo((function(e){var t,n,r=e.forceLoad,s=e.extraClasses,u=void 0===s?"":s,d=e.errorFallbackImageSrc,m=e.preventLoad,v=void 0!==m&&m,p=e.src,f=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,c=n.triggerOnce,l=void 0===c||c,s=(e=i.useInView({triggerOnce:l,rootMargin:r}),t=3,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],d=s[1],m=s[2];return!0!==a&&void 0!==window.IntersectionObserver||(d=!0,u=null),{ref:u,inView:d,initialized:!!m}}({rootMargin:"500px"}),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,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),N=E[0],w=E[1];function C(){return N&&d?d:e.src}if(a.useEffect((function(){if((r||b)&&!v){var e=new Image;return e.onerror=function(){w(!0),d&&(e.src=d)},e.src=p,function(){return e.onerror=null}}}),[b,v]),N&&!d)return a.createElement(a.Fragment,null);if(!h)return a.createElement("img",Object.assign({className:"".concat(c," ").concat(u),alt:f,src:C()},g));var O=Object.assign(Object.assign({alt:f},g),!b&&!r||v?{src:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}:{src:C()});return r||(O.ref=h),a.createElement("img",Object.assign({className:"".concat(c," ").concat(u)},O))})),u=n(36848),d=n(67453);const m={image:"vdd4V",thumbnail:"Ez0E7",tallPoster:"H9bQA",cover:"Nudts",banner:"IOvDH",poster:"iiY56",pdf:"aDJiJ",link:"wDpui"};var v=n(54610);function p(e){var t=m.image,n="";return e.imageType===v.__.Thumbnails&&(n="thumbnail ".concat(m.thumbnail)),e.imageType===v.__.TallPosters&&(n=m.tallPoster),e.imageType===v.__.Covers&&(n=m.cover),e.imageType===v.__.Banners&&(n=m.banner),e.imageType===v.__.Posters&&(n=m.poster),e.imageType===v.__.Pdf&&(n=m.pdf),e.imageType===v.__.Link&&(n=m.link),n&&(t+=" ".concat(n)),e.className&&(t+=" ".concat(e.className)),t}function f(e){var t=e.data,n=e.imageOptions,i=e.appLink,o=e.preload,c=e.preventLoad,l=e.analyticsOptions,m=e.analyticsData,v=e.imageClassName,f=e.alt,g="";"string"==typeof t?g=t:r.t.isObject(t)&&(g=t.url);var y=g&&n?d.j.createUrl(g,n):g;return a.createElement("div",{className:p(e),style:e.imageStyle},a.createElement(u.F,{appLink:i,analyticsData:m,analyticsOptions:l,onClick:e.onClick},e.children,y&&a.createElement(s,{src:y,alt:f,forceLoad:o,preventLoad:c,extraClasses:v,errorFallbackImageSrc:e.errorFallbackImageSrc})))}},98441:(e,t,n)=>{n.d(t,{u:()=>kt});var a=n(1024),r=n.n(a),i=n(65858),o=n(23481),c=n(79014),l=n(58130),s=n(83914),u=n(55110),d=n(75896),m=n(82182),v=n(11025),p={isFavouritedByCurrentUser:function(e){var t;return!(1!==(null===(t=null==e?void 0:e.favouritedBy)||void 0===t?void 0:t.data.length))},isFavouritedByUser:function(e,t){var n;return!!d.m.findWhere(null===(n=null==e?void 0:e.favouritedBy)||void 0===n?void 0:n.data,{id:null==t?void 0:t.id})},updateVideoState:function(e,t,n){return{id:e.id,favouritedBy:{data:n?[{id:t.id}]:[],pagination:{limit:25,cursors:{next:"",previous:""}}}}},showFavouriteButton:function(e,t){var n;return!(!(null===(n=v.M.getCanBeConsumed(e))||void 0===n?void 0:n.canConsume)||!t&&!m.V.isTabletOrMobile()&&!p.isFavouritedByCurrentUser(e))}},f=n(11607);const g={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var h=o.T.encloseNamespace("shared.favouriteButton");function b(e){var t,n,r=(0,u.Z)(),i=p.isFavouritedByCurrentUser(e.video),o=(t=a.useState(i),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),d=o[0],m=o[1];a.useEffect((function(){m(i)}),[i]);var b="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(g.favouriteButton," ").concat(d?g.favourited:"");return e.className&&(b+=" ".concat(e.className)),c.q.isFunction(e.setFavourite)&&c.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?a.createElement(f.L,{className:b,onClick:function(){var t=!d;m(t),e.setFavourite(e.video,t,null,(function(){r.error(h(v.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":v.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),m(!t)}),e.analyticsData,e.analyticsOptions)}},a.createElement(s.x,{svgName:l.vn.Heart,className:"svg-container ".concat(g.heart)}),a.createElement(s.x,{svgName:l.vn.HeartOutline,className:"svg-container ".concat(g.heartOutline)})):a.createElement(a.Fragment,null)}var E=n(98236),N=n(54610),w=n(28400),C=n(98084),O=n(36848),S=n(26860),j=n(74254);const x={appLink:"b0KLR",hoverUnderline:"YR5Q7",small:"ts6Yo"};function k(e){var t=e.video,n=t.season;if(!t.episodeNumber||!n)return a.createElement(a.Fragment,null);var r=C.I.padNumber(n.number,2),i=C.I.padNumber(t.episodeNumber,2);return a.createElement("span",{className:"d-inline-block ".concat(e.appLink?x.hoverUnderline:"")},e.withSeriesTitle&&a.createElement(a.Fragment,null," "),!!r&&"S".concat(r," • "),"E",i)}function A(e){var t,n=e.appLink,r=e.video,i=e.className,o=void 0===i?"":i,c=null==r?void 0:r.series;if(!c||!c.id)return a.createElement(a.Fragment,null);var l=n&&Object.assign(Object.assign({},n),{args:[c.id,w.m.slugify(c.name)]}),s=Object.assign(Object.assign({},e.analyticsData),{id:null==c?void 0:c.id,name:null==c?void 0:c.name,videoId:null==r?void 0:r.id,videoName:null==r?void 0:r.name}),u=Object.assign(Object.assign({},e.analyticsOptions),{entity:j.py.Series,actionType:j.Vw.Click,descriptor:j._S.Title}),d=S.v.buildSeriesSeasonEpisodeText(c.name,null===(t=r.season)||void 0===t?void 0:t.number,r.episodeNumber);return l?a.createElement("div",null,a.createElement(O.F,{appLink:l,className:"text-uppercase d-block text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),analyticsData:s,analyticsOptions:u,title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))):a.createElement("div",{className:"text-uppercase text-truncate mb-0 ".concat(x.appLink," ").concat("sm"===e.size?"".concat(x.small," font-weight-normal"):""," ").concat(o),title:d},c.name,a.createElement(k,Object.assign({},e,{withSeriesTitle:!0})))}var I=n(17464),T=n(61105);function P(e){var t=v.M.getVideoProgress(e.video),n=t&&e.video.duration&&t/e.video.duration*1e5;return n?a.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(n,"%")}}):a.createElement(a.Fragment,null)}const L={bottomBar:"YnXtZ"};function M(e){return v.M.isVideo(e.video)?r().createElement("div",{className:L.bottomBar},r().createElement(P,{video:e.video})):r().createElement(r().Fragment,null)}const F={padlock:"w4cg8",sm:"JpIYd"};function R(e){var t="sm"===e.size?s.S.Small:s.S.Standard;return r().createElement("div",{className:"".concat(F.padlock," ").concat("sm"===e.size?F.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},r().createElement(s.x,{svgName:l.vn.Lock,size:t}))}var z=n(36532),V=n(5465);const _={badge:"Sc3C4",svg:"Ag_ex",text:"Ipmb3",sm:"Pi49o"};var B=o.T.encloseNamespace("shared.videoTypeBadge");function D(e){var t="".concat(_.badge," rounded-pill text-white ").concat("sm"===e.size?_.sm:"");return r().createElement(r().Fragment,null,v.M.isClip(e.video)&&r().createElement("div",{className:"".concat(t," bg-dark-blue")},r().createElement(s.x,{className:"svg-container d-block ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Clip}),r().createElement("span",{className:_.text},B("clip"))),v.M.isInteractive(e.video)&&r().createElement("div",{className:"".concat(t," bg-green")},r().createElement(s.x,{className:"svg-container ".concat(_.svg),size:"sm"===e.size?s.S.Small:s.S.Standard,svgName:l.vn.Interactive}),r().createElement("span",{className:_.text},B("interactive"))))}D.default={size:"md"};const U={videoTypeBadge:"ft_ST",overlayContainer:"qu3A3",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function H(e){var t="mb-1";return e&&(t+=U.downScale),t}function W(e){var t,n=e.video,a=e.appLink,o=e.imageOptions,c=e.setFavourite,u=e.canFavourite,d=e.preload,m=e.hovering,f=v.M.getCanBeConsumed(e.video).canNavigate,g=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(n)}),y=p.showFavouriteButton(e.video,m),h=v.M.isVideo(n),w=!h,C=v.M.getRating(e.video);return r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement("div",{className:"position-relative rounded-lg overflow-hidden"},y&&r().createElement("div",{className:U.topRightContainer},r().createElement(b,{setFavourite:c,canFavourite:u,video:n,analyticsData:e.analyticsData,analyticsOptions:g})),!f&&r().createElement("div",{className:U.topRightContainer},r().createElement(R,null)),w&&r().createElement("div",{className:U.videoTypeBadge},r().createElement(D,{video:n})),r().createElement(E.Z,{data:v.M.getThumbnail(n),appLink:f?a:null,imageType:N.__.Thumbnails,imageOptions:o,preload:d,className:U.gradient,alt:"".concat("series"in n?"".concat(null===(t=n.series)||void 0===t?void 0:t.name,": "):"").concat(n.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),analyticsOptions:Object.assign(Object.assign({},g),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},!(!m||!f)&&r().createElement(s.x,{className:U.playIcon,svgName:l.vn.PlayCircle}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:U.overlayContainer},r().createElement("div",{className:U.overlay},r().createElement("div",{className:"".concat(H(m)," ").concat(U.title)},h&&v.M.hasSeries(n)&&r().createElement(A,{className:"text-shadow clamp-1",video:n,appLink:null,analyticsOptions:null}),r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},v.M.getTitle(n))),r().createElement(M,{video:n}),m&&r().createElement(I.c,{className:"mt-1"},v.M.isVideo(n)&&r().createElement(r().Fragment,null,r().createElement(T.C,{type:T.g.Rating,data:C}),n.hasSubtitle&&r().createElement("span",{className:"badge p-0"},r().createElement(s.x,{svgName:l.vn.CloseCaptionBadge})),r().createElement(T.C,{type:T.g.Interactive,data:n.hasInteractives}),r().createElement(T.C,{type:T.g.DurationExact,data:v.M.getDuration(e.video)}))))))))}var Q=n(68626);const Z={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var q,X;function G(e){var t=e.type,n=e.size,r=function(e){return e===q.Video?Z.video:e===q.Playlist?Z.playlist:""}(t),i=function(e){return e===q.Video?l.vn.PlayCircle:""}(t);return a.createElement("div",{className:"".concat(Z.maskContainer," ").concat("sm"===n?Z.small:"")},a.createElement("div",{className:Z.mask}),a.createElement(s.x,{svgName:i,className:r}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(q||(q={})),G.defaults={size:"md"},function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(X||(X={}));var Y=n(4594);const $={unchecked:"maxOx",checked:"k3CBB",checkMark:"Czq9C"};function J(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var K=o.T.encloseNamespace("shared.toggleActivityStatusButton");function ee(e){var t,n,r=(0,u.Z)(),i=(t=a.useState(e.activityStatus===X.Complete),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return J(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?J(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=i[0],d=i[1];a.useEffect((function(){d(e.activityStatus===X.Complete)}),[e.activityStatus]);var m="cursor-pointer rounded-circle ".concat(o?$.checked:$.unchecked);return e.className&&(m+=" ".concat(e.className)),e.shareId&&e.activityStatus&&e.activityStatus!==X.None&&c.q.isFunction(e.setActivityStatus)?a.createElement("div",{className:m,onClick:function(){var t=!o;d(t);var n=t?X.Complete:X.Incomplete;e.setActivityStatus(e.shareId,e.sharedEntity,n,null,(function(){r.error(K(function(){switch(e.sharedEntity.typeId){case Y.E.Video:return t?"completeVideoActivityError":"uncompleteVideoActivityError";case Y.E.Clip:return t?"completeClipActivityError":"uncompleteClipActivityError";case Y.E.Interactive:return t?"completeInteractiveActivityError":"uncompleteInteractiveActivityError";case Y.E.Playlist:return t?"completePlaylistActivityError":"uncompletePlaylistActivityError";case Y.E.Series:return t?"completeSeriesActivityError":"uncompleteSeriesActivityError"}}())),d(!t)}))}},a.createElement(s.x,{svgName:l.vn.Check,className:"svg-container ".concat($.checkMark)})):a.createElement(a.Fragment,null)}const te={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function ne(e){return v.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=v.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!c.q.isFunction(e.setFavourite)||!c.q.isFunction(e.canFavourite))||!!c.q.isFunction(e.setActivityStatus)}(e)?r().createElement("div",{className:"".concat(te.container," d-flex align-items-center")},r().createElement(b,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:te.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),r().createElement(ee,{activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,sharedEntity:e.sharedEntity,shareId:e.shareId,className:te.action})):r().createElement(r().Fragment,null):r().createElement("div",{className:te.container},r().createElement(R,{size:e.size}))}var ae=n(1048),re=function(){var e=r().useRef(!0);return r().useEffect((function(){return function(){e.current=!1}}),[]),e};function ie(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return oe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?oe(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function oe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var ce=275,le=5,se={className:"",delay:0,style:null},ue={screenX:0,screenY:0};function de(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.add(t.className)),t.style&&Object.keys(t.style).forEach((function(n){e.current.style[n]=t.style[n]})))}function me(e,t){var n;e.current&&(t.className&&(null===(n=e.current.classList)||void 0===n||n.remove(t.className)),t.style&&Object.keys(t.style).forEach((function(t){e.current.style[t]=null})))}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:se,t=re(),n=ie(a.useState(e),2),r=n[0],i=n[1],o=ie(a.useState(!1),2),l=o[0],s=o[1],u=a.useRef(null);a.useEffect((function(){ae.t.isEqual(e,r)||i(e)}),[e]);var d=c.q.throttle((function(){de(u,r),t.current&&s(!0)}),r.delay,{leading:!1}),m=function(){c.q.isFunction(d.cancel)&&d.cancel(),me(u,r),t.current&&s(!1)};return a.useLayoutEffect((function(){var e=u.current;if(e)return e.addEventListener("mouseenter",d),e.addEventListener("mouseleave",m),function(){e.removeEventListener("mouseenter",d),e.removeEventListener("mouseleave",m)}}),[u.current,r]),[u,l]}function pe(e){return e.audience?a.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):a.createElement(a.Fragment,null)}const fe={badgeContainer:"fy9Un",sm:"Rb0TL"};function ge(e){var t=v.M.getRating(e.video),n=!!e.audience&&"sm"!==e.size,a=!n&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||n||a?r().createElement(I.c,{className:"".concat(fe.badgeContainer," ").concat("sm"===e.size?fe.sm:"")},n&&r().createElement(pe,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),a&&r().createElement(T.C,{type:T.g.Rating,data:t}),!e.hideDuration&&r().createElement(T.C,{type:e.newDurationStyle?T.g.DurationApproximate:T.g.DurationExact,data:v.M.getDuration(e.video)})):r().createElement(r().Fragment,null)}ge.defaultProps={newDurationStyle:!0,size:"md"};const ye={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",videoTypeBadge:"pwC3i",gradient:"LS_EH"};function he(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var be="shared.staticVideoThumbnail";function Ee(e){var t,n=e.video,a=e.seriesAppLink,c=e.textPosition,l=e.appLink,s=c===Q.z.Overlay,u=v.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=ye.titleOverlay,u&&(v.M.isClip(n)&&(d+=" "+ye.clip),v.M.isInteractive(n)&&(d+=" "+ye.interactive))):d=ye.titleBelow,r().createElement("div",{className:d},v.M.isVideo(n)&&v.M.hasSeries(n)&&r().createElement(A,{className:s?"text-shadow clamp-1":"clamp-2",video:n,appLink:s?null:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),s||!u?r().createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=n.name)&&void 0!==t?t:o.T.getPhrase(be,"videoUnavailable")):r().createElement(O.F,{className:"h6 text-reset clamp-2",appLink:l},n.name))}function Ne(e){var t,n,a,o,c=e.video,l=e.appLink,s=e.textPosition,u=e.imageOptions,d=e.setFavourite,m=e.preload,f=(n=ve(),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(n,a)||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,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.")}()),g=f[0],y=f[1],h=v.M.getCanBeConsumed(c).canNavigate,b=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(c)}),w=!!l&&!e.hideMask&&h,C=v.M.getPrivacyReasoning(e.video,e.showSignIn),O=!v.M.isVideo(e.video);return r().createElement(z.u,{title:C,spanHack:!0,spanHackClassName:""},r().createElement("div",{className:(o="position-relative",o+=l&&h?" cursor-pointer":" cursor-default",e.extraClasses&&(o+=" ".concat(e.extraClasses)),s===Q.z.Overlay&&(o+=" rounded overflow-hidden"),o),ref:g},r().createElement(ne,{video:c,shareId:e.shareId,sharedEntity:e.sharedEntity,activityStatus:e.activityStatus,setActivityStatus:e.setActivityStatus,setFavourite:d,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&p.showFavouriteButton(c,y)},analyticsData:e.analyticsData,analyticsOptions:b,size:e.size}),r().createElement(E.Z,{data:v.M.getThumbnail(c),appLink:h?l:null,imageType:N.__.Thumbnails,imageOptions:u,preload:m,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-lg");return s===Q.z.Overlay?"".concat(t," ").concat(ye.gradient):t}(),alt:"".concat("series"in c?"".concat(null===(t=c.series)||void 0===t?void 0:t.name,": "):"").concat(c.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:c.id,name:c.name}),analyticsOptions:Object.assign(Object.assign({},b),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},w&&r().createElement(G,{type:q.Video,size:e.size}),r().createElement(V.oy,{type:V.mS.Video}),r().createElement("div",{className:ye.overlayContainer},s===Q.z.Overlay&&r().createElement(Ee,Object.assign({},e)),r().createElement(M,{video:c}),O&&r().createElement("div",{className:ye.videoTypeBadge},r().createElement(D,{video:c,size:e.size})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),s===Q.z.Below&&r().createElement(Ee,Object.assign({},e))))}var we=n(54976),Ce=n.n(we),Oe=n(26361);function Se(e){if(!e.yearGroups)return r().createElement(r().Fragment,null);var t=Oe.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return v.M.getCanBeConsumed(e.video).canConsume&&t?r().createElement(z.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block pl-1",title:t,placement:e.tooltipPlacement||"top"},r().createElement(s.x,{svgName:l.vn.Lock,size:"sm"===e.size?s.S.Small:s.S.Standard})):r().createElement(r().Fragment,null)}function je(e){var t=e.video,n=e.appLink,a=e.seriesAppLink,o=e.hideSeries,c=v.M.getCanBeConsumed(t).canNavigate;return r().createElement("div",{className:"mt-2"},r().createElement("div",{className:"d-flex flex-column ".concat("rULXI")},v.M.isVideo(t)&&v.M.hasSeries(t)&&!o&&r().createElement(A,{className:"text-truncate ".concat("h9k1p"),video:t,appLink:a,analyticsOptions:{location:i.LocationContext.VideoThumbnail}}),r().createElement(O.F,{className:"h6 text-reset clamp-2 align-middle",appLink:c?n:null},t.name,r().createElement(Se,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}var xe,ke,Ae=n(30314),Ie=(xe=function(e,t){return xe=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])},xe(e,t)},function(e,t){function n(){this.constructor=e}xe(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),Te="html",Pe="svg",Le=function(e){var t,n,a,r={};if(e===Te)a=document.createElement("div");else{if(e!==Pe)throw new Error('Invalid element type "'+e+'" for createPortalNode: must be "html" or "svg".');a=document.createElementNS("http://www.w3.org/2000/svg","g")}var i={element:a,elementType:e,setPortalProps:function(e){r=e},getInitialPortalProps:function(){return r},mount:function(a,r){if(r!==n){if(i.unmount(),a!==t&&!function(e,t){if(t===Te)return e instanceof HTMLElement;if(t===Pe)return e instanceof SVGElement;throw new Error('Unrecognized element type "'+t+'" for validateElementType.')}(a,e))throw new Error('Invalid element type for portal: "'+e+'" portalNodes must be used with '+e+" elements, but OutPortal is within <"+a.tagName+">.");a.replaceChild(i.element,r),t=a,n=r}},unmount:function(e){e&&e!==n||t&&n&&(t.replaceChild(n,i.element),t=void 0,n=void 0)}};return i},Me=function(e){function t(t){var n=e.call(this,t)||this;return n.addPropsChannel=function(){Object.assign(n.props.node,{setPortalProps:function(e){n.setState({nodeProps:e})}})},n.state={nodeProps:n.props.node.getInitialPortalProps()},n}return Ie(t,e),t.prototype.componentDidMount=function(){this.addPropsChannel()},t.prototype.componentDidUpdate=function(){this.addPropsChannel()},t.prototype.render=function(){var e=this,t=this.props,n=t.children,r=t.node;return Ae.createPortal(a.Children.map(n,(function(t){return a.isValidElement(t)?a.cloneElement(t,e.state.nodeProps):t})),r.element)},t}(a.PureComponent),Fe=function(e){function t(t){var n=e.call(this,t)||this;return n.placeholderNode=a.createRef(),n.passPropsThroughPortal(),n}return Ie(t,e),t.prototype.passPropsThroughPortal=function(){var e=Object.assign({},this.props,{node:void 0});this.props.node.setPortalProps(e)},t.prototype.componentDidMount=function(){var e=this.props.node;this.currentPortalNode=e;var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentDidUpdate=function(){var e=this.props.node;this.currentPortalNode&&e!==this.currentPortalNode&&(this.currentPortalNode.unmount(this.placeholderNode.current),this.currentPortalNode=e);var t=this.placeholderNode.current,n=t.parentNode;e.mount(n,t),this.passPropsThroughPortal()},t.prototype.componentWillUnmount=function(){this.props.node.unmount(this.placeholderNode.current)},t.prototype.render=function(){return a.createElement("div",{ref:this.placeholderNode})},t}(a.PureComponent),Re=Le.bind(null,Te),ze=(Le.bind(null,Pe),n(81886)),Ve=n(56050),_e=r().createContext({});!function(e){e.Left="8px",e.Right="calc(100% - 8px)",e.Center="center"}(ke||(ke={}));var Be=function(e,t,n){var a,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1.2,i=e.x,o=e.y,c=e.width,l=e.height,s=document.getElementById("content-width-reference");if(!s)return{};var u=t||c*r,d=t?t*(l/c):l*r,m=t?u/c:r;a=i-(u-c)/2,u<n&&(a-=(n-u)/2,d=l*(m=(u=n)/c));var v=o-(d-l)/2+window.scrollY,p=a,f=ke.Center;return a-s.offsetLeft<8&&(p=i-4,f=ke.Left),s.offsetWidth+s.offsetLeft-(a+u)<8&&(p=t?i+c-t:i-c*(m-1)+8,f=ke.Right),{left:p,top:v,height:d,width:u,transformOrigin:f,position:"absolute",originalWidth:c,originalHeight:l}};const De={positionWrapper:"jO7pW",animationWrapper:"xXfXO",zoom:"BrrtL"};function Ue(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return He(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?He(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function He(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function We(e){var t,n,i=e.hoverableComponent,o=e.componentProps,l=e.minHoverWidth,s=e.fixedHoverWidth,u=e.hoverScale,d=r().useContext(_e).setPreviewContentNode;void 0===d&&ze.Q.ErrorHelper.throw(new Ve.H("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));var m=r().useMemo((function(){return Re()}),[]),v=Ue(function(e){var t=ie(a.useState(e),2),n=t[0],r=t[1],i=a.useRef(Object.assign({},ue)),o=a.useRef(!1),l=a.useRef(0),s=a.useRef(null),u=ie(a.useState(!1),2),d=u[0],m=u[1];function v(){l.current&&(window.clearTimeout(l.current),l.current=0)}function p(){o.current=!0}function f(e){if(o.current){var t,a,r=Object.assign({},i.current);i.current.screenX=e.screenX,i.current.screenY=e.screenY,function(e,t){return Math.abs(e.screenX-t.screenX)>le||Math.abs(e.screenY-t.screenY)>le}(r,e)&&v(),t=function(){de(s,n),m(!0)},a=n.delay||ce,l.current||(l.current=window.setTimeout(t,a))}}function g(){v(),me(s,n),o.current=!1,m(!1)}return a.useEffect((function(){ae.t.isEqual(e,n)||r(e)}),[e]),a.useLayoutEffect((function(){if(s.current){var e=c.q.throttle(f,25,{leading:!1});return s.current.addEventListener("mouseenter",p),s.current.addEventListener("mousemove",e),s.current.addEventListener("mouseleave",g),function(){s.current&&(s.current.removeEventListener("mouseenter",p),s.current.removeEventListener("mousemove",e),s.current.removeEventListener("mouseleave",g))}}}),[s.current,n]),[s,d]}({delay:100}),2),p=v[0],f=v[1],g=Ue(ve(),2),y=g[0],h=g[1],b=Ue(r().useState(!1),2),E=b[0],N=(b[1],r().useRef(null)),w=r().useRef(!1),C=f||h;r().useEffect((function(){w.current!==C&&(d(C||E?m:null),w.current=C)}),[C]);var O=(null===(n=null===(t=N.current)||void 0===t?void 0:t.getBoundingClientRect)||void 0===n?void 0:n.call(t))||{},S=O.x,j=O.y,x=O.width,k=O.height,A=r().useMemo((function(){return Be({x:S,y:j,width:x,height:k},s,l,u)}),[S,j,x,k,u]),I=A?A.originalWidth/A.width:1,T=i;return r().createElement("div",{ref:N},r().createElement("div",{ref:p},r().createElement(T,Object.assign({isHovering:!1},o))),(C||E)&&r().createElement(Me,{node:m},r().createElement("div",{className:"".concat(De.positionWrapper," ").concat(De.animationWrapper),style:Object.assign({"--scale":I},A),ref:y},r().createElement(T,Object.assign({isHovering:!0,hoverPositionConfig:A,cleanPortalNode:function(){return d(null)}},o)))))}We.ReferenceContainer=function(e){return r().createElement("div",{id:"content-width-reference"},e.children)};function Qe(e){return r().createElement("div",{className:"p-1 pr-2 badge-pill d-inline-flex align-items-center cursor-pointer ".concat("OjHQZ"," ").concat(e.active?"kD1xM":"")},r().createElement(s.x,{className:"".concat("SS2zL"," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),r().createElement("span",{className:"pl-1 text-nowrap user-select-none"},e.text))}var Ze=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Qe,{svgName:l.vn.Video,iconVariant:"blue",text:o.T.getPhrase("shared.whatsIncluded","whatsIncluded"),active:e.active}))})),qe=r().forwardRef((function(e,t){return r().createElement("div",{ref:t},r().createElement(Qe,{svgName:l.vn.StarOutline,iconVariant:"navy",text:o.T.getPhrase("shared.whyThisVideo","whyThisVideo"),active:e.active}))})),Xe=n(44829),Ge=n(83345);const Ye={tagList:"Zw6d9",disabled:"jlL1c",partialTag:"too_N",badge:"OjtN8",close:"X9joI"};function $e(e){var t,n,a=e.tag,i=e.appLink,o=e.onClick,c=e.disabled,u=e.tagClass,d=void 0===u?"tag":u,m=a.name.toLowerCase(),v=null===(t=a.tagType)||void 0===t?void 0:t.toLowerCase(),p="badge-pill py-1 px-2 my-1 mr-1 ".concat(d," ").concat(function(e){switch(e){case Xe.Q.Pedagogy:case Xe.Q.Skill:return"pedagogy-tag text-white";case Xe.Q.Hidden:return"hidden-tag";case Xe.Q.Normal:default:return""}}(v)),f=v===Xe.Q.Normal&&!!(null===(n=e.themeColours)||void 0===n?void 0:n.secondary);f&&(p+=" text-white"),!i&&!o||c||(p+=" cursor-pointer"),c&&(p+=" "+Ye.disabled),e.onRemove&&(p+=" "+Ye.badge),i||(p+=" d-inline-block");var g=f?{backgroundColor:e.themeColours.secondary}:{};return i?r().createElement(O.F,{onClick:o,appLink:i,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m)):r().createElement("span",{onClick:o,className:p,title:m,style:g},r().createElement("span",{className:"text-truncate text-nowrap"},m,e.onRemove&&r().createElement("button",{onClick:e.onRemove,className:"".concat(Ye.close," close font-size-normal")},r().createElement(s.x,{size:s.S.Small,svgName:l.vn.Close,className:"d-inline-block svg-container"}))))}function Je(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function Ke(e){var t;switch(null===(t=e.tagType)||void 0===t?void 0:t.toLowerCase()){case Xe.Q.Pedagogy:return 0;case Xe.Q.Skill:return 1;default:return 2}}function et(e){if(!e.tags)return r().createElement(r().Fragment,null);var t,n=(t=e.tags,function(e){if(Array.isArray(e))return Je(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 Je(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Je(e,t):void 0}}(t)||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 Ke(e)-Ke(t)}));return r().createElement("div",{className:Ye.tagList},n.map((function(t){var n="function"==typeof e.getAppLink?e.getAppLink(t):null,a="function"==typeof e.onRemove?function(){return e.onRemove(t)}:null;return r().createElement($e,{key:t.id,tag:t,appLink:n,themeColours:e.themeColours,onRemove:a})})))}const tt="KQ5Wt";var nt="shared.whyThisVideo";function at(e){var t,n,a,i,o,c,l=null!==(a=null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.filter((function(e){return e.tagType===Xe.Q.Pedagogy})))&&void 0!==a?a:[],s=null!==(c=null===(o=null===(i=e.video.tags)||void 0===i?void 0:i.data)||void 0===o?void 0:o.filter((function(e){return e.tagType===Xe.Q.Skill})))&&void 0!==c?c:[];return r().createElement(r().Fragment,null,!!l.length&&r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(Ge.x,{namespace:nt,phrase:"pedagogy"})),l.map((function(e){return r().createElement("div",{key:e.name,className:"px-2 py-1 rounded-lg ".concat(tt)},r().createElement($e,{tag:e}),e.description&&r().createElement("p",{className:"mb-2 pt-1"},e.description))})),!!s.length&&r().createElement(r().Fragment,null,r().createElement("h3",{className:"font-size-normal font-weight-500"},r().createElement(Ge.x,{namespace:nt,phrase:"skills"})),r().createElement("div",{className:"p-2 rounded-lg ".concat(tt)},r().createElement(et,{tags:s}))))}var rt=n(97395),it=n(92582),ot=n(67453),ct=n(1164),lt=n(49677);const st={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 ut={width:200,resizeType:N.Nq.Cover};function dt(e,t){var n,a,r;if("thumbnail"in t&&(null===(n=t.thumbnail)||void 0===n?void 0:n.url))return ot.j.createUrl(null===(a=t.thumbnail)||void 0===a?void 0:a.url,Object.assign({},ut));var i=rt._.safeUrlConcat(e,"/v1/previews");return"metadata"in t?t.metadata.type===ct.L.Pdf?ot.j.createResourceImage(i,t.url,ut):t.metadata.type===ct.L.Image?ot.j.createUrl(t.url,{size:N.h2.Medium,resizeType:N.Nq.Cover}):(null===(r=t.pdf)||void 0===r?void 0:r.url)?ot.j.createResourceImage(i,t.pdf.url,ut):(t.metadata.type,ct.L.Zip,"/images/zip-resource.png"):ot.j.createResourceImage(i,t.url,Object.assign({},ut))}function mt(e){var t;return"metadata"in e?e.metadata.type===ct.L.Pdf?N.__.Pdf:e.metadata.type===ct.L.Image?N.__.Thumbnails:(null===(t=e.pdf)||void 0===t?void 0:t.url)?N.__.Pdf:(e.metadata.type,ct.L.Zip,N.__.Thumbnails):N.__.Link}function vt(e){var t,n,a,o,c,l,s,u=null,d=0;"metadata"in e.data&&(u=e.data.metadata,d=null!==(a=null===(n=null===(t=e.data.thumbnail)||void 0===t?void 0:t.metadata)||void 0===n?void 0:n.rotation)&&void 0!==a?a:0);var m="".concat(null!==(c=null===(o=e.theme)||void 0===o?void 0:o.containerClass)&&void 0!==c?c:""," pt-3 px-3 rounded-lg d-flex flex-column align-items-center")+" justify-content-end ".concat(function(e){switch(e){case"atom-guide":return st.atomGuide;case"student-activity":return st.studentActivity;case"teacher-pack":return st.teacherPack;case"additional-materials":return st.additionalMaterials;default:return st.userUploaded}}(null==u?void 0:u.resourceType)," ").concat(st.background," ").concat(e.applyHoverState?st.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(st.text)},r().createElement("span",{className:"clamp-1"},e.data.name))),r().createElement("div",{className:"".concat(null!==(s=null===(l=e.theme)||void 0===l?void 0:l.thumbnailContainerClass)&&void 0!==s?s:""," w-75 overflow-hidden ").concat(st.thumbnailContainer," ").concat(st.imageStyle)},r().createElement(E.Z,{data:dt(e.imageCdnUrl,e.data),imageType:mt(e.data),imageStyle:{transform:"rotate(".concat(d,"deg)")},alt:e.data.name,analyticsOptions:{location:i.LocationContext.SlidingListItem},errorFallbackImageSrc:e.imageErrorFallbackUrl,imageClassName:(null==u?void 0:u.type)===ct.L.Image?"".concat(st.imageTypeResource," ").concat(st.imageStyle):"",preload:e.preloadImage,preventLoad:!e.preloadImage})))}vt.defaultProps={preloadImage:!0,actionBehaviour:"normal"},r().memo((function(e){var t,n,a,o,c=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,[]),l=(t=e.data,n=e.actionBehaviour,o=r().useContext(lt.X),"public"===n||!o.xs&&!o.sm&&"resource"===t.type&&"metadata"in t&&(t.metadata.type===ct.L.Image||(t.metadata.type===ct.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.UserAction.Click,entity:e.data.typeId===Y.E.Resource?i.EntityType.Resource:i.EntityType.Link});function d(){it.k.logUserAction(s,u)}var m,v=!!e.data.url;return c.applyHoverState=l||v,r().createElement("div",{className:"pt-1 px-1 flex-shrink-0 ".concat(st.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(vt,Object.assign({},c))):l?r().createElement(O.F,{appLink:e.getAppLink(e.data),className:m,analyticsData:s,analyticsOptions:u},r().createElement(vt,Object.assign({},c))):v?r().createElement("a",{href:e.data.url,className:m,onClick:d},r().createElement(vt,Object.assign({},c))):r().createElement("div",{className:m},r().createElement(vt,Object.assign({},c)))))}));const pt={container:"c4Hun",icon:"telfV",resourceContainer:"bdBNU",resourceThumbnailContainer:"QN5kl"};function ft(e){return r().createElement("div",{className:"".concat(pt.container," p-2 rounded-lg")},r().createElement("div",{className:"d-flex align-items-center"},r().createElement("div",{className:"".concat(pt.icon," bg-").concat(e.iconVariant," text-white rounded-circle")},r().createElement(s.x,{svgName:e.svgName})),r().createElement("div",{className:"pl-2 font-weight-500"},e.text)),e.children)}function gt(e){return function(e){if(Array.isArray(e))return yt(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 yt(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)?yt(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 yt(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 ht=o.T.encloseNamespace("shared.whatsIncluded");function bt(e){var t,n,a,i,c,s,u,d=null===(n=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length,m=[].concat(gt((null===(a=e.video.resources)||void 0===a?void 0:a.data)||[]),gt((null===(i=e.video.links)||void 0===i?void 0:i.data)||[])),v=m.length,p=null!==(u=null===(s=null===(c=e.video.subtitles)||void 0===c?void 0:c.data)||void 0===s?void 0:s.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)?o.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!==u?u:[];return r().createElement(r().Fragment,null,d>0&&r().createElement(ft,{text:ht("totalInteractives",{smartCount:d}),svgName:l.vn.Interactive,iconVariant:"green"}),v>0&&r().createElement(ft,{text:ht("totalResources",{smartCount:v}),svgName:l.vn.Resources,iconVariant:"indigo"},r().createElement("div",{className:"row no-gutters mx-n1 pt-2"},m.slice(0,3).map((function(t){return r().createElement("div",{key:t.id,className:"col-4 px-1"},r().createElement(vt,{data:t,imageCdnUrl:e.imageCdnUrl,theme:{containerClass:pt.resourceContainer,thumbnailContainerClass:pt.resourceThumbnailContainer},preloadImage:e.isShowing,hideHeading:!0}))})))),!!(null==p?void 0:p.length)&&r().createElement(ft,{text:ht("videoSettings"),svgName:l.vn.CloseCaptionBadge,iconVariant:"dark"},r().createElement("div",{className:"d-flex align-items-center pt-1"},r().createElement("div",{className:"pl-1"},p.join(", ")))))}function Et(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Nt(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)?Nt(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 Nt(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}bt.defaultProps={isShowing:!0},n(25964);var wt=r().createContext({hasProvider:!1});function Ct(e){var t,n=r().useContext(wt);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("default"===n.mode)return r().createElement(Fe,{node:n.portalNode});var a=n.started,i="".concat("TzWQw"," ").concat(a?"d-block":"d-none"," rounded-top-lg overflow-hidden");return r().createElement("div",{className:i},r().createElement(Fe,{node:n.portalNode}),";")}const Ot={videoTypeBadge:"qz_5t",preview:"whbhf",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};function St(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var jt=function(e){var t,n,a,o=e.video,c=e.appLink,l=e.imageOptions,s=e.preload,u=e.setFavourite,d=e.canFavourite,m=e.isHovering,f=ae.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},g=v.M.getCanBeConsumed(o),y=g.canNavigate,h=g.canConsume,w=!v.M.isVideo(o),C=(n=r().useState(!1),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,c=[],l=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(a=i.call(n)).done)&&(c.push(a.value),c.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return c}}(n,a)||function(e,t){if(e){if("string"==typeof e)return St(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?St(e,t):void 0}}(n,a)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),O=C[0],S=C[1],j=function(){var e=Et(r().useState("none"),2),t=e[0],n=e[1],a=Et(ve(),2),i=a[0],o=a[1],c=Et(ve(),2),l=c[0],s=c[1];return r().useEffect((function(){o&&"why-this-video"!==t?n("why-this-video"):s&&"whats-included"!==t&&n("whats-included")}),[o,s,t]),{whyThisVideoRef:i,whatsIncludedRef:l,videoGuidance:t}}(),x=j.videoGuidance,k=j.whyThisVideoRef,A=j.whatsIncludedRef,I=r().useMemo((function(){return v.M.showWhyThisVideo(o)}),[o]),T=r().useMemo((function(){return v.M.showWhatsIncluded(o)}),[o]);r().useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var P="position-relative bg-white";e.extraClasses&&(P+=" ".concat(e.extraClasses)),m&&(P+=" rounded-lg shadow-lg");var L=Object.assign(Object.assign({},e.analyticsOptions),{entity:v.M.getAnalyticsEntity(o)}),F=e.isHovering&&h,_=p.showFavouriteButton(e.video,m),B=e.showVideoGuidance&&(T||I),U="none"!==x;return r().createElement("div",{className:P},_&&r().createElement("div",{className:Ot.topRightContainer},r().createElement(b,{setFavourite:u,canFavourite:d,video:o,analyticsData:e.analyticsData,analyticsOptions:L})),!y&&r().createElement("div",{className:Ot.topRightContainer},r().createElement(z.u,{title:v.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},r().createElement(R,null))),r().createElement("div",{className:"position-relative"},r().createElement(E.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:v.M.getThumbnail(o),appLink:y?c:null,imageType:N.__.Thumbnails,imageOptions:l,preload:s,className:"overflow-hidden ".concat(m?Ot.preview:"rounded-lg ".concat(Ot.original)),alt:"".concat("series"in o?"".concat(null===(t=o.series)||void 0===t?void 0:t.name,": "):"").concat(o.name),analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),analyticsOptions:Object.assign(Object.assign({},L),{actionType:i.UserAction.Click,descriptor:i.ClickDescriptor.Thumbnail})},r().createElement(V.oy,{type:V.mS.Video}),r().createElement(M,{video:o}),r().createElement("div",{className:"p-absolute w-100 h-100 text-white"},w&&r().createElement("div",{className:Ot.videoTypeBadge},r().createElement(D,{video:o})),r().createElement(ge,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}))),F&&r().createElement(Ct,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:f.context,contextId:f.contextId,moviesAndTv:f.mtv})),!m&&!e.hideTitle&&r().createElement(je,Object.assign({},e)),r().createElement("div",{className:"".concat(Ot.details," ").concat(m?"".concat(Ot.isHovering," box-shadow"):"")},m&&r().createElement(r().Fragment,null,r().createElement("div",{className:"".concat(O?"box-shadow":""," ").concat(m?Ot.videoGuidanceTags:"")},r().createElement(je,Object.assign({},e)),B&&m&&r().createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},I&&r().createElement(qe,{ref:k,active:"why-this-video"===x}),T&&r().createElement(Ze,{ref:A,active:"whats-included"===x}))),B&&m&&r().createElement(Ce(),{autoHeight:!0,autoHeightMax:160,onUpdate:function(e){var t=e.top;O&&0===t?S(!1):!O&&t>0&&S(!0)}},r().createElement("div",{className:"".concat(Ot.dropdown," ").concat(U?Ot.show:"")},"why-this-video"===x&&r().createElement(at,{video:e.video}),"whats-included"===x&&r().createElement(bt,{video:e.video,imageCdnUrl:e.imageCdnUrl}),"none"!==x&&r().createElement("div",{className:"pb-2"}))))))};function xt(e){return r().createElement(r().Fragment,null,r().createElement(We,{hoverableComponent:jt,componentProps:e,fixedHoverWidth:400,minHoverWidth:400}))}function kt(e){switch(e.type){case"static":case"cosmetic":return a.createElement(Ne,Object.assign({},e));case"expandable":return a.createElement(W,Object.assign({},e));case"popout":return a.createElement(xt,Object.assign({},e));default:return}}kt.defaultProps={hideRating:!0,size:"md"}},68626:(e,t,n)=>{var a;n.d(t,{z:()=>a}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(a||(a={}))},55110:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(1024),r=n(71365);var i=n(60139),o=n(79976);function c(){var e,t,n,c=(e=o.P.ALERT,t=e,n=r.u.getInstance(t),a.useEffect((function(){return function(){r.u.releaseInstance(t)}})),n);return{success:function(e){c.success(e)()},error:function(e){c.error(e)()},warning:function(e){c.createAlert({type:i.NK.Warning,heading:i.R6.Warning,message:e})}}}}}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[523],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),r=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,d=2,o=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?o:d,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function p(e){return e>=r.X.HIGH?"text-success":e>=r.X.MODERATE?"text-warning":"text-danger"}function v(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),E(a)&&(t+=" ".concat(l.pendingCircle)),t}function E(e){return"number"!=typeof e}function C(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!E(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=r.X.HIGH?l.circleSuccess:a>=r.X.MODERATE?l.circleWarning:l.circleDanger)}))}function b(e){var a,t,n=function(e){if(!E(e))return+e.toFixed(2)}(e.percentage),r=e.layout===s.LabelInside?i.Large:i.Small,d=e.customLabel||(E(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},d):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},d),c().createElement("div",{className:v(r,n)},c().createElement(C,{percentage:n,size:r}),e.layout===s.LabelInside&&c().createElement("span",{className:l.centredPercentageText},d)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},21614:(e,a,t)=>{t.d(a,{U:()=>u});var n=t(1024),c=t.n(n),r=t(23481),l=t(28512),i=t(92209),s=t(44528),d=t(99827),o=r.T.encloseNamespace("reportsClips.clipNav");function u(e){var a,t,n=(a=(0,d.b)(),t=[e.id],[{label:o("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},36792:(e,a,t)=>{t.r(a),t.d(a,{ClipEngagementView:()=>G});var n=t(1024),c=t.n(n),r=t(20354),l=t(23481),i=t(47812),s=t(39151),d=t(31949),o=t(60051),u=t(22902),m=t(16714),g=t(52622),p=t(22537),v=t(82680),E=t(48187),C=t(87480),b=t(54562),f=t(36630),y=t(9537),N=t(99827),h=t(83850),L=t(67772),k=t(9977),I=t(55554),w=t(91470),O=t(44422),T=t(
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_reports=self.webpackChunk_clickview_reports||[]).push([[523],{19765:(e,a,t)=>{t.d(a,{O:()=>b,I:()=>s});var n=t(1024),c=t.n(n),r=t(94892);const l={circleContainer:"p8Vgz",backgroundCircle:"asGGE",circleSuccess:"PXLNj",circleWarning:"ZckRN",circleDanger:"slBRg",lgCircleContainer:"N8KCI",pendingCircle:"DKrcq",centredPercentageText:"tpmLR"};var i,s,d=2,o=5.8,u=.2,m=.36;function g(e){var a=e===i.Large?o:d,t=e===i.Large?m:u;return"".concat(a/2-2*t,"rem")}function p(e){return e>=r.X.HIGH?"text-success":e>=r.X.MODERATE?"text-warning":"text-danger"}function v(e,a){var t="d-inline-block ".concat(l.circleContainer);return e===i.Large&&(t+=" ".concat(l.lgCircleContainer)),E(a)&&(t+=" ".concat(l.pendingCircle)),t}function E(e){return"number"!=typeof e}function C(e){var a,t=c().useCallback((function(a){if(a){var t=a.r.baseVal.value,n=2*Math.PI*t,c=n-e.percentage*n;a.style.strokeDasharray="".concat(n," ").concat(n),a.style.strokeDashoffset=c.toString()}}),[]);return c().createElement("svg",null,c().createElement("circle",{r:g(e.size),className:l.backgroundCircle}),!E(e.percentage)&&c().createElement("circle",{ref:t,r:g(e.size),className:(a=e.percentage,a>=r.X.HIGH?l.circleSuccess:a>=r.X.MODERATE?l.circleWarning:l.circleDanger)}))}function b(e){var a,t,n=function(e){if(!E(e))return+e.toFixed(2)}(e.percentage),r=e.layout===s.LabelInside?i.Large:i.Small,d=e.customLabel||(E(t=n)?"--%":"".concat(Math.round(100*t),"%"));return e.layout===s.LabelOnly?c().createElement("span",{className:p(n)},d):c().createElement("div",{className:"d-flex align-items-center justify-content-between ".concat(null!==(a=e.className)&&void 0!==a?a:"")},e.layout===s.LabelBefore&&c().createElement("span",{className:"mr-2"},d),c().createElement("div",{className:v(r,n)},c().createElement(C,{percentage:n,size:r}),e.layout===s.LabelInside&&c().createElement("span",{className:l.centredPercentageText},d)))}!function(e){e.Small="small",e.Large="large"}(i||(i={})),function(e){e.CircleOnly="circle_only",e.LabelOnly="label_only",e.LabelBefore="label_before",e.LabelInside="label_inside"}(s||(s={})),b.defaultProps={layout:s.CircleOnly}},94892:(e,a,t)=>{t.d(a,{X:()=>n});var n={HIGH:.75,MODERATE:.5}},21614:(e,a,t)=>{t.d(a,{U:()=>u});var n=t(1024),c=t.n(n),r=t(23481),l=t(28512),i=t(92209),s=t(44528),d=t(99827),o=r.T.encloseNamespace("reportsClips.clipNav");function u(e){var a,t,n=(a=(0,d.b)(),t=[e.id],[{label:o("overview"),appLink:{application:l.O.CLIPS,action:i.e.Clips.OVERVIEW,args:t,params:a}},{label:o("engagement"),appLink:{application:l.O.CLIPS,action:i.e.Clips.ENGAGEMENT,args:t,params:a}}]);return c().createElement(s.m,{items:n})}},36792:(e,a,t)=>{t.r(a),t.d(a,{ClipEngagementView:()=>G});var n=t(1024),c=t.n(n),r=t(20354),l=t(23481),i=t(47812),s=t(39151),d=t(31949),o=t(60051),u=t(22902),m=t(16714),g=t(52622),p=t(22537),v=t(82680),E=t(48187),C=t(87480),b=t(54562),f=t(36630),y=t(9537),N=t(99827),h=t(83850),L=t(67772),k=t(9977),I=t(55554),w=t(91470),O=t(44422),T=t(35047),B=t(17285),P=t(62995),M=t(21295),U=t(97615),_=t(21614);const x={viewCountContainer:"hy6sE",engagementPercentageContainer:"fmT3M",engagementGraphContainer:"qvzwP",partialTable:"hft_W"};var D=l.T.encloseNamespace("reportsClips.clipEngagement");function G(e){var a,t,n,l,G=(0,N.b)(),S=(0,N.R)(),F=!(0,(0,u.T)().hasPermissions)(m.C.ViewCustomerAnalytics),R=r.a.useBasicFetch(F&&d.N.currentUser()),A=r.a.useBasicFetch(E.e.clip(e.id)),H=r.a.useBasicFetch(!!S&&(F?!!R.data&&y.u.aggregateEngagement(e.id,S,R.data.id):y.u.aggregateEngagement(e.id,S))),V=r.a.useBasicFetch(!!S&&(F?!!R.data&&p.u.individualEngagement(e.id,S,R.data.id):p.u.individualEngagement(e.id,S))),j=r.a.useBasicFetch((null===(a=V.data)||void 0===a?void 0:a.data.length)&&b.N.getById(V.data.data.map((function(e){return e.userId})))),z=r.a.useBasicFetch(i.k.createViewKey(e.id,o.f.MasterObject)),X=r.a.useBasicFetch(s.L.config());(0,v.M)({title:D("pageTitle",{clip:null===(t=A.data)||void 0===t?void 0:t.name})}),(0,C.U)(null===(n=A.data)||void 0===n?void 0:n.name),(0,I._)((0,M.yH)(A.data)),(0,U.s)(e.id),(0,k.n)(V),(0,f.M)(A),(0,g.v)([z,H,V]);var K=!!(A.data&&H.data&&z.data&&X.data),W=!(!V.data||V.data.data.length&&!j.data);return c().createElement("div",{className:"pb-3"},c().createElement(_.U,{id:e.id}),c().createElement("div",{className:"d-flex pb-3"},c().createElement("div",{className:"pr-2 ".concat(x.viewCountContainer)},c().createElement(L.m,{useSharerId:F,objectId:e.id,className:"h-100"})),c().createElement("div",{className:"px-2 ".concat(x.engagementPercentageContainer)},c().createElement(O.D,{objectId:e.id,useSharerId:F,className:"h-100",layout:"vertical"})),c().createElement("div",{className:"pl-2 ".concat(x.engagementGraphContainer)},K?c().createElement(T.p,{key:(0,h.u)(G),engagement:H.data,viewKey:z.data.viewKey,imageCdnUrl:X.data.imageCdnUrl,playerApiUrl:X.data.playerApiUrl}):c().createElement(B.O,null))),W?c().createElement(P.z,{key:(0,h.u)(G),engagement:V.data.data,users:j.data,imageCdnUrl:null===(l=X.data)||void 0===l?void 0:l.imageCdnUrl}):c().createElement(w.I,{className:x.partialTable}))}},48187:(e,a,t)=>{t.d(a,{e:()=>n});var n={clip:function(e,a,t,n){return{url:"{gateway}/v1/objects/".concat(e),key:"clip:".concat(e),success:a,error:t,always:n}}}}}]);
|